@font-face{font-family:Fredoka;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/fredoka-500.woff2)format("woff2")}@font-face{font-family:Fredoka;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/fredoka-600.woff2)format("woff2")}@font-face{font-family:Fredoka;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/fredoka-700.woff2)format("woff2")}@font-face{font-family:Outfit;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/outfit-400.woff2)format("woff2")}@font-face{font-family:Outfit;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/outfit-500.woff2)format("woff2")}@font-face{font-family:Outfit;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/outfit-700.woff2)format("woff2")}:root{--display:"Fredoka", "Trebuchet MS", system-ui, sans-serif;--body:"Outfit", "Segoe UI", system-ui, sans-serif;--brand-color:#0c2620;--brand-accent:#fe69ad;--brand-bg:#1490e8;--white:#fff;--pink:#fe69ad;--yellow:#fcd800;--green:#2c8555;--blush:#fea4ad;--blue:#1490e8;--ink:#0c2620;--danger:#d1453b;--pad:clamp(20px, 5vw, 40px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--body);background:var(--brand-bg);color:var(--white);min-height:100vh}.wrap{width:100%;max-width:460px;padding:calc(var(--pad) + 12px) var(--pad) 48px;text-align:center;margin:0 auto}.card{background:var(--white);color:var(--ink);text-align:left;border-radius:18px;padding:22px 24px;box-shadow:0 14px #00000024}.card p+p{margin-top:12px}.brand-title{font-family:var(--display);margin-bottom:8px;font-size:clamp(28px,8vw,40px);font-weight:700;line-height:1.1}label{font-family:var(--display);margin:16px 0 6px;font-size:14px;font-weight:600;display:block}label:first-of-type{margin-top:0}input[type=text],input[type=tel],input[type=email],input[type=password]{border:2px solid #e5e5e5;border-radius:12px;width:100%;padding:12px 14px;font-family:inherit;font-size:15px}input:focus{border-color:var(--brand-bg);outline:none}input[type=range]{width:100%}.checkbox-row{align-items:flex-start;gap:10px;margin-top:18px;display:flex}.checkbox-row input{flex:none;width:18px;height:18px;margin-top:3px}.checkbox-row label{font-family:var(--body);margin:0;font-size:13px;font-weight:400;line-height:1.4}.checkbox-row a{color:var(--brand-bg)}button{background:var(--ink);width:100%;color:var(--white);font-size:16px;font-weight:600;font-family:var(--display);cursor:pointer;border:none;border-radius:99px;margin-top:20px;padding:14px 20px;transition:transform .15s,opacity .15s}button:active{transform:scale(.97)}button:disabled{opacity:.6;cursor:not-allowed}button.secondary{color:var(--ink);border:2px solid var(--ink);background:0 0;margin-top:10px}.err{color:var(--danger);min-height:1em;margin-top:4px;font-size:13px}.state-msg{text-align:center;padding:40px 0}.photo-result img{border-radius:14px;width:100%;margin-bottom:16px;display:block}.hint-text{opacity:.7;margin-top:10px;font-size:13px}.welcome-card{text-align:center;cursor:pointer}.welcome-emoji{font-size:64px;animation:1.6s ease-in-out infinite welcome-bounce}@keyframes welcome-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@media (prefers-reduced-motion:reduce){.welcome-emoji{animation:none}}.camera-preview{border-radius:12px;width:100%;display:block}.effect-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px;display:grid}.effect-btn{background:var(--white);width:auto;color:var(--ink);border:2px solid #e5e5e5;margin-top:0;padding:10px 4px;font-size:13px}.effect-btn.active{background:var(--ink);color:var(--white);border-color:var(--ink)}.copy-brand{text-align:center;font-family:var(--body);opacity:.75;color:inherit;background:0 0;border:none;width:auto;margin-top:14px;padding:4px;font-size:13px;font-weight:400;text-decoration:underline}.hi{opacity:.92;margin-top:16px;max-width:30ch;margin-inline:auto;font-size:16px;line-height:1.5}.cta-link{margin-top:22px;text-decoration:none;display:block}.cta-link button{background:var(--pink);color:var(--ink);padding:24px 20px;font-size:22px;line-height:1.2;box-shadow:0 8px #0000002e}.cta-link button:active{transform:translateY(4px)scale(.99);box-shadow:0 4px #0000002e}
