*{box-sizing:border-box}html,body{height:100%;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.container{max-width:960px;margin:0 auto;padding:24px}.header{text-align:center;margin-bottom:24px}.h1{font-size:40px;font-weight:800}.card{background:#ffffffe6;border:1px solid #fbcfe8;border-radius:12px;padding:16px;box-shadow:0 10px 20px #0000000d}.row{grid-template-columns:1fr;gap:16px;display:grid}@media (min-width:768px){.row{grid-template-columns:1fr 1fr}}.label{color:#6b7280;margin-bottom:4px;font-size:12px;display:block}.input{border:1px solid #e5e7eb;border-radius:8px;width:100%;padding:8px 10px}.btn{color:#fff;cursor:pointer;background:#ec4899;border:none;border-radius:10px;padding:10px 16px;font-weight:700}.btn:disabled{opacity:.6;cursor:default}.sectionTitle{text-align:center;background:linear-gradient(90deg,#ec4899,#f43f5e);color:#0000;-webkit-background-clip:text;background-clip:text;margin:24px 0;font-size:24px;font-weight:800}.center{text-align:center}.muted{color:#6b7280;line-height:1.5}.flex{align-items:center;gap:8px;display:flex}.grid2{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.heart{fill:#ec4899;color:#ec4899;width:24px;height:24px}.canvasBg{pointer-events:none;z-index:0;position:fixed;inset:0}.bgWrap{pointer-events:none;z-index:0;opacity:.06;position:fixed;inset:0}.content{z-index:1;position:relative}.score{background:linear-gradient(90deg,#ec4899,#f43f5e);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:56px;font-weight:900}.tp-highred{color:#f7345e;text-transform:capitalize;background:linear-gradient(-107deg,#82009f 0%,#f7345e 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.2em;font-weight:700;line-height:1em;display:inline-block;position:relative;transform:skew(-10deg)}