:root{--bg: #050505;--fg: #f4f1e9;--muted: #8d8b85;--card: #0e0e0e;--line: color-mix(in srgb, #f4f1e9 12%, transparent);--accent: #c9f000;--yes: #7dba4a;--no: #c45b4a;--fire: #c9f000;--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-drawer: cubic-bezier(.32, .72, 0, 1);--touch: 44px;--bar-h: 64px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--bg);color:var(--fg);font-family:Manrope,ui-sans-serif,system-ui,sans-serif;font-size:15px;font-weight:500;line-height:1.45;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;overflow-x:clip}::selection{background:color-mix(in srgb,#c9f000 55%,transparent);color:#050505}h1,h2,h3{font-weight:800;letter-spacing:-.04em;line-height:1.1;margin:0 0 .45em;text-transform:lowercase}h1{font-size:clamp(1.6rem,3vw,2rem)}a{color:inherit}button,input,textarea{font:inherit}button{cursor:pointer}.shell{max-width:1180px;margin:0 auto;padding:max(16px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) 80px max(18px,env(safe-area-inset-left))}.top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px;padding-bottom:14px;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:baseline;gap:8px;text-decoration:none;font-weight:800;letter-spacing:-.05em;text-transform:uppercase;font-size:15px}.brand span{color:var(--muted);font-weight:500;letter-spacing:0;text-transform:none;font-size:12px}.nav{display:flex;align-items:center;gap:14px;color:var(--muted);font-size:13px}.nav a{text-decoration:none}.nav a.active{color:var(--fg)}@media(hover:hover)and (pointer:fine){.nav a:hover{color:var(--fg)}}.nav .who{color:var(--muted);font-size:12px;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn{border:1px solid var(--line);border-radius:8px;padding:8px 12px;min-height:var(--touch);background:transparent;color:var(--fg);transition:transform .14s var(--ease-out),background-color .16s ease,border-color .16s ease,color .16s ease}.btn:active{transform:scale(.97)}.btn.primary{background:var(--accent);border-color:transparent;color:#050505;font-weight:700}.btn.ghost{border-color:transparent;color:var(--muted)}.btn.yes{background:color-mix(in srgb,var(--yes) 18%,transparent);border-color:transparent}.btn.no{background:color-mix(in srgb,var(--no) 18%,transparent);border-color:transparent}.btn.fire{background:var(--accent);border-color:transparent;color:#050505;font-weight:700}.btn.danger{color:#e8a39a}.btn:disabled{opacity:.45;cursor:wait}@media(hover:hover)and (pointer:fine){.btn:hover{border-color:color-mix(in srgb,#f4f1e9 28%,transparent)}.btn.primary:hover{filter:brightness(1.04)}}.seg{display:inline-flex;border:1px solid var(--line);border-radius:8px;overflow:hidden}.seg .btn{border:0;border-radius:0;border-right:1px solid var(--line)}.seg .btn:last-child{border-right:0}.seg .btn.on{background:var(--fg);color:var(--bg)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:16px;text-decoration:none;color:inherit;display:block;transition:border-color .16s ease}@media(hover:hover)and (pointer:fine){.card:hover{border-color:color-mix(in srgb,#f4f1e9 28%,transparent)}}.card h3{font-size:16px;letter-spacing:-.03em;text-transform:none}.muted{color:var(--muted);font-size:13px;font-weight:500}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:14px;font-size:13px;color:var(--muted)}.field input,.field textarea{background:var(--card);border:1px solid var(--line);color:var(--fg);border-radius:8px;padding:11px 12px}.field textarea{min-height:160px;resize:vertical}.field input:focus,.field textarea:focus{outline:1px solid color-mix(in srgb,#c9f000 50%,transparent);outline-offset:1px}.drop{border:1px dashed var(--line);border-radius:10px;padding:28px;text-align:center;color:var(--muted)}.drop.over{border-color:var(--accent);color:var(--fg)}.refs{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.refs img{width:56px;height:72px;object-fit:cover;border-radius:4px}.err{color:#e8a39a;font-size:13px}.toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:12px 0 20px}.toolbar details{position:relative}.toolbar summary{list-style:none;cursor:pointer}.toolbar summary::-webkit-details-marker{display:none}.toolbar .more{position:absolute;right:0;top:calc(100% + 6px);background:var(--card);border:1px solid var(--line);border-radius:8px;padding:6px;display:flex;flex-direction:column;gap:4px;min-width:180px;z-index:5;transform-origin:top right;opacity:1;transform:scale(1);transition:opacity .18s var(--ease-out),transform .18s var(--ease-out)}.toolbar details:not([open]) .more{opacity:0;transform:scale(.96);pointer-events:none}@starting-style{.toolbar details[open] .more{opacity:0;transform:scale(.96)}}.scene-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.scene{background:var(--card);border:1px solid var(--line);border-radius:10px;overflow:hidden}.scene .frame{aspect-ratio:9 / 16;background:#080808;position:relative}.scene img,.scene video{width:100%;height:100%;object-fit:cover;display:block}.scene .frame img,.scene .frame video{opacity:1;transition:opacity .18s var(--ease-out)}@starting-style{.scene .frame img,.scene .frame video{opacity:0}}.scene .meta{padding:10px 11px 12px}.scene .actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.scene .actions button{padding:5px 8px;font-size:12px}.badge{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:3px 7px;border-radius:4px;background:color-mix(in srgb,#f4f1e9 8%,transparent);color:var(--muted)}.badge.err{color:#e8a39a}.badge.type-1{background:color-mix(in srgb,#c9f000 16%,transparent);color:var(--accent)}.badge.type-2{background:color-mix(in srgb,#f4f1e9 8%,transparent);color:var(--fg)}button.type-btn{border:0;margin-left:6px;cursor:pointer}.swipe-wrap{min-height:calc(100vh - 140px);display:flex;flex-direction:column;align-items:center}.deck{width:min(400px,100%);height:min(520px,64vh);position:relative;touch-action:none}.hook-card{position:absolute;inset:0;z-index:1;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:24px;display:flex;flex-direction:column;justify-content:space-between}.hook-card.hook-under{z-index:0;pointer-events:none}.hook-card.is-settle{transition:transform .12s var(--ease-out)}.hook-card.is-fly{pointer-events:none;transition:transform .18s var(--ease-out),opacity .18s var(--ease-out)}.hook-card h2{font-size:clamp(26px,5vw,36px);text-transform:none;letter-spacing:-.045em}.swipe-btns{display:flex;gap:8px;margin-top:20px;width:min(400px,100%)}.swipe-btns .btn{flex:1;padding:12px 10px}.taste{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 24px}.pill{background:var(--card);border:1px solid var(--line);border-radius:4px;padding:5px 10px;font-size:12px}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.login{max-width:380px;margin:16vh auto 0}.login h1{text-transform:uppercase;letter-spacing:-.05em}.preview{width:min(240px,100%);border-radius:6px}.toast{position:sticky;top:8px;z-index:20;background:var(--fg);color:var(--bg);padding:10px 14px;border-radius:8px;margin-bottom:12px;font-size:13px;font-weight:600;opacity:1;transform:translateY(0);transition:opacity .22s var(--ease-out),transform .22s var(--ease-out)}@starting-style{.toast{opacity:0;transform:translateY(-10px)}}.toast.toast-out{opacity:0;transform:translateY(-10px)}.prompt-box textarea{width:100%;min-height:72px;margin-top:8px;background:#080808;border:1px solid var(--line);color:var(--fg);border-radius:6px;padding:8px;font-size:12px}.empty{border:1px dashed var(--line);border-radius:10px;padding:36px 20px;color:var(--muted)}.enter-stagger>*{animation:enter-item .22s var(--ease-out) both}.enter-stagger>*:nth-child(1){animation-delay:0ms}.enter-stagger>*:nth-child(2){animation-delay:40ms}.enter-stagger>*:nth-child(3){animation-delay:80ms}.enter-stagger>*:nth-child(4){animation-delay:.12s}.enter-stagger>*:nth-child(5){animation-delay:.16s}.enter-stagger>*:nth-child(6){animation-delay:.2s}.enter-stagger>*:nth-child(n+7){animation-delay:.22s}@keyframes enter-item{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.btn{transition:opacity .12s ease,background-color .12s ease}.btn:active{transform:none}.toast,.toolbar .more,.hook-card,.card,.sheet,.nav,.sheet-scrim,.nav-scrim,.scene .frame img,.scene .frame video{transition:opacity .16s ease}.toast{transform:none}.hook-card.is-fly{transition:opacity .12s ease}.enter-stagger>*{animation:none}}.menu-btn,.nav-scrim,.board-bar,.sheet,.sheet-scrim,.back-link{display:none}@media(max-width:720px){.shell{padding-left:16px;padding-right:16px;padding-bottom:calc(24px + env(safe-area-inset-bottom))}.top{flex-direction:row;align-items:center;position:relative;z-index:20}.menu-btn{display:inline-flex;align-items:center;min-width:var(--touch);min-height:var(--touch)}.nav{display:flex;position:fixed;top:0;right:0;bottom:0;width:min(280px,86vw);z-index:30;flex-direction:column;align-items:stretch;gap:4px;padding:calc(16px + env(safe-area-inset-top)) 16px calc(16px + env(safe-area-inset-bottom));background:var(--card);border-left:1px solid var(--line);transform:translate(100%);pointer-events:none;transition:transform .2s var(--ease-drawer),opacity .2s var(--ease-drawer)}.nav.open{transform:translate(0);pointer-events:auto;transition-duration:.28s}.nav a,.nav .btn{min-height:var(--touch);display:flex;align-items:center}.nav-scrim{display:block;position:fixed;inset:0;z-index:25;border:0;background:color-mix(in srgb,#000 45%,transparent);opacity:0;pointer-events:none;transition:opacity .2s var(--ease-out)}.nav-scrim.on{opacity:1;pointer-events:auto;transition-duration:.28s}.back-link{display:inline-flex;align-items:center;min-height:var(--touch);color:var(--muted);text-decoration:none;margin-bottom:8px}.swipe-wrap{width:100%}.deck{width:100%;height:min(58vh,520px)}.swipe-btns{width:100%;display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:8px}.swipe-btns .btn{min-height:52px}.swipe-btns .btn.fire{min-height:56px;order:3}.swipe-btns .btn.yes{order:2}.toolbar{display:none}.board-bar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:15;gap:8px;align-items:center;min-height:var(--bar-h);margin:16px -16px 0;padding:8px 16px calc(8px + env(safe-area-inset-bottom));background:color-mix(in srgb,#050505 92%,transparent);border-top:1px solid var(--line)}.board-bar .btn{flex:1}.scene-grid{padding-bottom:calc(var(--bar-h) + env(safe-area-inset-bottom) + 12px)}.scene .actions{display:grid;grid-template-columns:1fr 1fr}.scene .actions .btn{min-height:var(--touch)}.sheet-scrim{display:block;position:fixed;inset:0;z-index:40;border:0;background:color-mix(in srgb,#000 45%,transparent);opacity:0;pointer-events:none;transition:opacity .24s var(--ease-out)}.sheet-scrim.on{opacity:1;pointer-events:auto;transition-duration:.32s}.sheet{display:flex;flex-direction:column;gap:6px;position:fixed;left:0;right:0;bottom:0;z-index:41;padding:16px 16px calc(16px + env(safe-area-inset-bottom));background:var(--card);border-top:1px solid var(--line);border-radius:16px 16px 0 0;transform:translateY(100%);transition:transform .24s var(--ease-drawer),opacity .24s var(--ease-drawer)}.sheet.open{transform:translateY(0);transition-duration:.32s}.sheet .btn{width:100%;justify-content:center}.field input,.field textarea{max-width:100%}}@media(prefers-reduced-motion:reduce)and (max-width:720px){.sheet,.sheet.open,.nav,.nav.open{transform:none;transition:opacity .16s ease}.sheet:not(.open),.nav:not(.open){opacity:0;pointer-events:none}.sheet.open,.nav.open{opacity:1}.sheet-scrim,.nav-scrim{transition:opacity .16s ease}}