:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface-primary:#050505;--surface-secondary:#111412;--surface-elevated:#f8f5ec;--text-primary:#f8f5ec;--text-secondary:#c8c0b4;--text-inverse:#111412;--border-default:#34322f;--border-subtle:#23211f;--accent-primary:#f4c84a;--accent-secondary:#77c7a0;--status-error:#d95050;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px}*{box-sizing:border-box}html,body{background:var(--surface-primary);min-width:320px;min-height:100%;color:var(--text-primary);letter-spacing:0;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,a{font:inherit}img{max-width:100%;display:block}.creator-shell{background:radial-gradient(circle at 76% 12%, #f4c84a33, transparent 26%), radial-gradient(circle at 14% 82%, #77c7a024, transparent 24%), var(--surface-primary);min-height:100dvh;padding:clamp(20px,5vw,64px)}.creator-hero{grid-template-columns:minmax(0,1.1fr) minmax(260px,420px);align-items:center;gap:clamp(24px,5vw,72px);max-width:1160px;margin:0 auto;display:grid}.hero-copy h1{max-width:10ch;margin:0;font-size:clamp(42px,9vw,88px);line-height:.98}.eyebrow,.coupon-label{margin:0 0 var(--space-3);color:var(--accent-primary);letter-spacing:.04em;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;font-weight:800}.hero-lede{max-width:39rem;margin:var(--space-6) 0 0;color:var(--text-secondary);word-break:keep-all;font-size:18px;line-height:1.65}.preview-phone{background:linear-gradient(145deg,#f8f5ec29,#f8f5ec0a);border:1px solid #f8f5ec29;border-radius:28px;padding:14px;box-shadow:0 28px 80px #0000006b}.preview-phone img{aspect-ratio:1;object-fit:cover;border-radius:18px}.creator-panel{gap:var(--space-8);max-width:1160px;margin:var(--space-12) auto 0;padding:var(--space-8);border:1px solid var(--border-default);background:#111412db;border-radius:12px;grid-template-columns:minmax(0,1fr) minmax(280px,380px);display:grid}.panel-heading{grid-column:1/-1}.panel-heading h2{margin:0;font-size:clamp(28px,4vw,44px)}.gift-form{gap:var(--space-5);display:grid}.gift-form label{gap:var(--space-2);color:var(--text-secondary);font-size:14px;font-weight:800;display:grid}.gift-form input,.gift-form select{border:1px solid var(--border-default);width:100%;min-height:48px;padding:0 var(--space-4);color:var(--text-primary);background:#050505b8;border-radius:8px}.scare-picker{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.scare-option{gap:var(--space-2);border:1px solid var(--border-default);padding:var(--space-3);color:var(--text-primary);cursor:pointer;text-align:left;background:#f8f5ec0a;border-radius:8px;display:grid}.scare-option[aria-checked=true]{border-color:var(--accent-primary)}.scare-option img{object-fit:cover;border-radius:6px;width:100%;height:120px}.primary-action,.action-button,.quiet-link{border-radius:8px;min-height:46px;text-decoration:none;transition:transform .12s ease-out,border-color .18s ease-out,background .18s ease-out}.primary-action,.action-button{border:1px solid var(--accent-primary);background:var(--accent-primary);color:var(--text-inverse);cursor:pointer;font-weight:900}.primary-action:disabled{cursor:progress;opacity:.72}.result-panel{align-content:start;gap:var(--space-4);border-left:1px solid var(--border-subtle);min-height:320px;padding-left:var(--space-8);color:var(--text-secondary);display:grid}.selected-scare,.share-box img{aspect-ratio:1;object-fit:cover;border-radius:8px;width:100%}.share-box{gap:var(--space-4);display:grid}.share-box a{color:var(--accent-secondary);overflow-wrap:anywhere}.error-text{color:var(--status-error);font-weight:800}.scare-stage{isolation:isolate;background:var(--surface-primary);min-height:100dvh;display:grid;position:relative;overflow:hidden}.scare-image,.darkness{position:absolute;inset:0}.scare-image{z-index:0;object-fit:cover;object-position:50% 38%;filter:saturate(.86)contrast(1.1)brightness(.86);width:100%;height:100%;animation:4.2s cubic-bezier(.16,1,.3,1) both face-lunge,.78s steps(2,end) 90ms 3 both camera-shake;transform:scale(1.03)}.darkness{z-index:1;background:radial-gradient(circle at 50% 42%,#0000 0 30%,#0000002e 46%,#000000b8 100%)}.static-noise{z-index:2;opacity:.24;pointer-events:none;background-image:repeating-radial-gradient(circle at 20% 30%,#ffffff38 0 1px,#0000 1px 4px);animation:.62s steps(3,end) 7 both noise-drift;position:absolute;inset:-20%}.impact-mark{right:var(--space-4);bottom:var(--space-4);z-index:3;color:#f8f5ec94;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;font-weight:800;position:fixed}.reveal-panel{z-index:4;width:min(560px,100% - 32px);margin:0 var(--space-4) max(var(--space-6), env(safe-area-inset-bottom));padding:var(--space-6);border:1px solid var(--border-default);opacity:0;visibility:hidden;background:linear-gradient(145deg,#111412f0,#050505eb);border-radius:8px;align-self:end;transition:opacity .52s cubic-bezier(.16,1,.3,1),transform .52s cubic-bezier(.16,1,.3,1);position:relative;transform:translateY(24px)scale(.98);box-shadow:0 24px 80px #00000073}.scare-stage.revealed{overflow:auto}.scare-stage.revealed .reveal-panel{opacity:1;visibility:visible;transform:translateY(0)scale(1)}.scare-stage.revealed .scare-image{filter:saturate(.72)contrast(1.02)brightness(.58)blur(1px)}.reveal-panel h1{margin:0;font-size:clamp(40px,12vw,76px);line-height:.95}.reveal-copy{margin:var(--space-5) 0 0;color:var(--text-secondary);word-break:keep-all;font-size:17px;line-height:1.55}.actions{gap:var(--space-3);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.action-button,.quiet-link{padding:0 var(--space-5);justify-content:center;align-items:center;display:inline-flex}.quiet-link{border:1px solid var(--border-default);color:var(--text-secondary);background:#f8f5ec0a;font-size:14px;font-weight:800}button:hover,a:hover{transform:translateY(-1px)}button:active,a:active{transform:translateY(1px)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent-secondary);outline-offset:3px}@keyframes face-lunge{0%{filter:saturate(.8)contrast(1.02)brightness(.5);transform:scale(1.02)}8%{filter:saturate(.92)contrast(1.2)brightness(.92);transform:scale(1.2)}to{transform:scale(1.14)}}@keyframes camera-shake{0%,to{translate:0}20%{translate:-10px 6px}40%{translate:8px -8px}65%{translate:-5px -3px}}@keyframes noise-drift{0%{transform:translate(0,0)}to{transform:translate(1%,-2%)}}@media (max-width:760px){.creator-shell{padding:var(--space-5)}.creator-hero,.creator-panel{grid-template-columns:1fr}.hero-copy h1{max-width:10ch}.creator-panel{padding:var(--space-5)}.result-panel{border-left:0;border-top:1px solid var(--border-subtle);padding:var(--space-5) 0 0}}@media (min-width:768px){.reveal-panel{width:min(560px,100% - 64px);margin:0 var(--space-8) var(--space-10);padding:var(--space-8);justify-self:center}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.scare-image,.static-noise{animation:none!important}}