.state-screen{z-index:100;padding:calc(var(--safe-top) + 72px) 24px calc(var(--safe-bottom) + 24px);flex-direction:column;display:flex;position:fixed;inset:0;overflow-y:auto}.state-screen.freeze{background:var(--freeze);color:var(--afterhours)}.state-screen.gloss{background:var(--gloss);color:var(--afterhours)}.state-screen.milk{background:var(--milk);color:var(--afterhours)}.state-screen.dark{color:var(--milk)}.state-body{flex:1;max-width:720px}.state-sticker{object-fit:contain;filter:drop-shadow(0 14px 30px #0000002e);width:120px;height:120px;margin:0 0 22px -6px}.state-sticker.grass{animation:3s ease-in-out infinite alternate grass}@keyframes grass{0%{rotate:-3deg}to{rotate:3deg}}.state-sticker.melted{animation:4s ease-in-out infinite alternate drip}@keyframes drip{to{translate:0 3px;scale:1 1.03}}.state-sticker.mirror{animation:5s ease-in-out infinite mirror}@keyframes mirror{0%,90%,to{scale:1}95%{scale:.9 1}}.state-title{font-size:44px}.state-copy{font:500 15px/1.45 var(--f-body);opacity:.85;max-width:420px;margin-top:14px}.state-mark{top:calc(var(--safe-top) + 16px);width:92px;position:absolute;left:20px;rotate:-5deg}.state-close{top:calc(var(--safe-top) + 18px);height:36px;color:var(--afterhours);background:#0b0a0f1f;border-radius:999px;padding:0 14px;position:absolute;right:20px}.state-dock{padding-top:24px}.state-cta{width:100%;max-width:420px}.countdown{font:600 30px var(--f-mono);font-variant-numeric:tabular-nums;margin-top:22px}.countdown small{letter-spacing:.06em;opacity:.6;margin-bottom:4px;font-size:11px;display:block}.tips{flex-wrap:wrap;gap:6px;margin-top:16px;display:flex}.tips span{font:700 12px var(--f-body);background:#0b0a0f1f;border-radius:999px;padding:7px 12px}.face-error{padding:8px 0 0}.face-error .state-cta{margin-top:28px}.sheet .state-title{font-size:40px}@media (width>=900px){.state-screen{padding:15vh 10vw 10vh}.state-title{word-spacing:.12em;font-size:96px}.state-copy{font-size:18px}.state-sticker{width:160px;height:160px}.state-mark{width:120px;top:28px;left:48px}.sheet .state-title{font-size:44px}}.camera{z-index:130;background:var(--slab-2);border-radius:32px;width:min(440px,92vw);padding:16px;position:fixed;top:50%;left:50%;translate:-50% -50%;box-shadow:0 30px 80px #00000080}.camera-frame{aspect-ratio:4/5;background:var(--afterhours);border:3px solid var(--milk);border-radius:22px;position:relative;overflow:hidden}.camera-frame video{object-fit:cover;width:100%;height:100%}.camera-flash{background:#fff;position:absolute;inset:0}.camera-error{color:var(--text-2);text-align:center;place-items:center;height:100%;padding:32px;display:grid}.camera-x{z-index:2;width:40px;height:40px;position:absolute;top:28px;right:28px}.camera-bar{justify-content:space-between;align-items:center;padding:16px 8px 4px;display:flex}.shutter{background:var(--slime);border:4px solid var(--milk);border-radius:50%;width:64px;height:64px;transition:transform 90ms;box-shadow:0 0 0 4px #d7ff1f33}.shutter:active{transform:scale(.92)}.slime{color:var(--slime)}.landing{height:100dvh;position:relative;overflow:hidden auto}.topbar{z-index:20;padding:calc(var(--safe-top) + 14px) 20px 10px;background:linear-gradient(var(--afterhours) 40%, transparent);justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.topbar-mark{width:92px;height:auto}.cooks-chip{text-align:center;background:var(--slab);border:1px solid var(--line);min-width:172px;color:var(--milk);white-space:nowrap;border-radius:999px;padding:8px 12px}.cooks-chip.empty{color:var(--freeze);background:#5ce1ff24;border-color:#5ce1ff66}.chip-skel{background:var(--slab-2);vertical-align:-2px;border-radius:3px;width:10px;height:13px;display:inline-block}.landing-grid{z-index:2;padding:calc(var(--safe-top) + 86px) 0 0;position:relative}.landing-stage{padding:0 20px;position:relative}.ref-note{margin-bottom:14px;font-size:22px;transform:rotate(-4deg)}.landing-headline{font-size:58px}.landing-sub{font:500 15px/1.4 var(--f-body);color:var(--text-2);max-width:330px;margin-top:12px}.panel{flex-direction:column;gap:4px;padding:18px 20px 190px;display:flex}.field{padding-top:14px}.field-label{font:700 13px var(--f-body);color:var(--text-2);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:baseline;padding-bottom:8px;display:flex}.prop-count{display:inline-block}.prop-helper{height:18px;color:var(--text-3);margin-top:-4px;margin-bottom:8px}.slot{background:var(--slab);border:2px dashed var(--line-strong);border-radius:28px;height:250px;transition:border-color .2s,background .2s,box-shadow .3s;position:relative}.slot.filled{aspect-ratio:4/5;border:3px solid var(--milk);height:auto;max-height:62dvh;overflow:hidden}.slot.drag{border:2px solid var(--slime);background:#d7ff1f14}.slot.bad{border-color:var(--gloss)}.pulse-gloss{animation:.3s ease-out 2 pulseGloss}@keyframes pulseGloss{0%{border-color:var(--gloss);box-shadow:0 0 #ff3ec866}to{border-color:var(--gloss);box-shadow:0 0 0 8px #ff3ec800}}@media (hover:hover){.slot:not(.filled):hover{border-color:#f6f4ef66}}.slot-empty{flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100%;display:flex}.slot-ask{transform:rotate(-3deg)}.slot-actions{gap:8px;display:flex}.slot-peek{z-index:2;width:58px;position:absolute}.slot-peek.a{top:16px;left:-14px;rotate:-12deg}.slot-peek.b{top:150px;right:-12px}.slot-photo{object-fit:contain;z-index:1;width:100%;height:100%;position:absolute;inset:0}.slot-photo-fill{object-fit:cover;filter:blur(24px)brightness(.55)saturate(1.2);pointer-events:none;width:calc(100% + 48px);height:calc(100% + 48px);position:absolute;inset:-24px}.corner{border:0 solid var(--milk);z-index:3;width:22px;height:22px;position:absolute}.corner.tl{border-top-width:3px;border-left-width:3px;border-top-left-radius:8px}.corner.tr{border-top-width:3px;border-right-width:3px;border-top-right-radius:8px}.corner.bl{border-bottom-width:3px;border-left-width:3px;border-bottom-left-radius:8px}.corner.br{border-bottom-width:3px;border-right-width:3px;border-bottom-right-radius:8px}.retake{z-index:4;height:32px;color:var(--milk);border-radius:999px;align-items:center;gap:6px;padding:0 12px;display:inline-flex;position:absolute;top:14px;right:14px}.slot-chip{z-index:4;min-width:150px;color:var(--milk);border-radius:999px;padding:8px 12px;position:absolute;bottom:14px;left:14px}.upload-line{background:var(--slime);transform-origin:0;z-index:4;height:3px;transition:transform .12s linear;position:absolute;bottom:0;left:0;right:0}.scan-dim{z-index:2;background:#0b0a0f47;position:absolute;inset:0}.scan-line{background:var(--slime);z-index:3;height:2px;animation:1.1s cubic-bezier(.7,0,.2,1) infinite alternate scan;position:absolute;left:0;right:0;box-shadow:0 -20px 42px 4px #d7ff1f59}@keyframes scan{0%{top:6%}to{top:94%}}.face-found{z-index:5;background:var(--slime);width:156px;height:44px;color:var(--afterhours);border:3px solid var(--milk);font:900 18px var(--f-display);letter-spacing:-.03em;border-radius:14px;justify-content:center;align-items:center;gap:6px;margin:-22px 0 0 -78px;display:flex;position:absolute;top:50%;left:50%;box-shadow:0 12px 30px #00000059}.energy{border-radius:18px;grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.energy-btn{background:var(--slab);border:1px solid var(--line);height:48px;font:700 15px var(--f-body);-webkit-user-select:none;user-select:none;isolation:isolate;border-radius:16px;transition:border-color .15s,color .15s,background .15s;position:relative}.energy-btn.on{color:var(--afterhours);border-color:#0000}@media (hover:hover){.energy-btn:not(.on):hover{background:var(--slab-2);border-color:var(--line-strong)}}.energy-fill{z-index:-1;border-radius:16px;position:absolute;inset:-1px}.energy-fill.masc{background:var(--freeze)}.energy-fill.fem{background:var(--gloss)}.energy-fill.chaos{background:var(--slime)}.energy-fill.chaos:after{content:"";background:conic-gradient(from var(--a,0deg) in oklch, #d7ff1f, #ff3ec8, #5ce1ff, #d7ff1f);-webkit-mask-composite:xor;border-radius:19px;padding:2px;animation:4s linear infinite chrome;position:absolute;inset:-3px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@property --a{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes chrome{to{--a:360deg}}.energy-label{display:inline-block;position:relative}.energy-blurb{height:22px;color:var(--text-2);padding-top:8px}.props{flex-wrap:wrap;gap:6px;display:flex}.prop-chip{background:var(--slab);border:1px solid var(--line);height:38px;font:700 13px var(--f-body);-webkit-user-select:none;user-select:none;border-radius:999px;align-items:center;gap:6px;padding:0 14px 0 6px;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.prop-chip.on{background:var(--milk);color:var(--afterhours);border-color:var(--milk)}@media (hover:hover){.prop-chip:not(.on):hover{background:var(--slab-2);border-color:var(--line-strong)}}.prop-sticker{object-fit:contain;width:26px;height:26px}.cook-dock{z-index:15;padding:36px 16px calc(var(--safe-bottom) + 12px);background:linear-gradient(#0b0a0f00, var(--afterhours) 32px);position:fixed;bottom:0;left:0;right:0}.cook-btn{background:var(--slime);width:100%;height:60px;color:#0b0a0fe0;font:900 24px var(--f-display);letter-spacing:-.03em;background:color-mix(in oklch, var(--slime) 42%, var(--afterhours));-webkit-user-select:none;user-select:none;border-radius:999px;justify-content:center;align-items:center;gap:10px;transition:background .2s,color .2s,box-shadow .4s,transform .15s;display:flex;position:relative;overflow:hidden}.cook-btn.live{background:var(--slime);color:var(--afterhours);animation:2.4s ease-in-out infinite alternate breathe;box-shadow:0 0 0 6px #d7ff1f1f,0 12px 30px #d7ff1f40}.cook-btn.live:after{content:"";background:linear-gradient(110deg,#0000 35%,#ffffffb3 50%,#0000 65%);animation:.7s cubic-bezier(.2,0,0,1) sheen;position:absolute;inset:0;transform:translate(-100%)}@keyframes sheen{to{transform:translate(100%)}}@keyframes breathe{to{box-shadow:0 0 0 9px #d7ff1f1a,0 12px 30px #d7ff1f40}}@media (hover:hover){.cook-btn.live:hover{transform:translateY(-1px);box-shadow:0 0 0 6px #d7ff1f24,0 16px 40px #d7ff1f59}.cook-btn.live:hover .cook-pan{transform:rotate(-12deg)}}.cook-pan{object-fit:contain;width:34px;height:34px;transition:transform .2s}.cook-fine{text-align:center;color:var(--text-3);margin-top:10px;font-size:11px}.scatter{z-index:1;pointer-events:none;position:fixed;inset:0}.scatter img{position:absolute}@media (width>=1024px){.landing{overflow:hidden}.topbar{background:0 0;padding:28px 48px 0}.topbar-mark{width:120px}.landing-grid{grid-template-columns:7fr 5fr;align-items:center;gap:40px;height:100dvh;padding:0 48px;display:grid}.landing-stage{align-self:start;margin-top:10vh;padding:80px 0 0}.landing-headline{white-space:nowrap;word-spacing:.12em;font-size:clamp(110px,10.5vw,168px)}.landing-sub{max-width:440px;margin-top:20px;font-size:18px}.landing-panel{align-self:center}.panel{-webkit-backdrop-filter:blur(24px);border:1px solid var(--line);background:#18161fb8;border-radius:32px;max-height:calc(100dvh - 120px);margin-top:40px;padding:24px;overflow:hidden auto;box-shadow:0 30px 80px #00000080}.slot{height:230px}.slot.filled{aspect-ratio:auto;height:34dvh;max-height:340px}.cook-dock{background:0 0;padding:18px 0 0;position:static}.cook-btn{height:64px}}.fan{height:300px;margin-top:40px;position:relative}.fan-card{border:5px solid var(--milk);background:var(--slab);border-radius:20px;width:180px;height:225px;position:absolute;top:10px;overflow:hidden;box-shadow:0 20px 50px #00000080}.fan-card img{object-fit:cover;width:100%;height:100%}.fan-card.before{z-index:0;top:30px;left:0}.fan-card.before img{filter:grayscale()}.fan-tag{background:var(--milk);color:var(--afterhours);border-radius:999px;padding:4px 8px;font-size:10px;position:absolute;top:10px;left:10px}.slot-peek.peel{animation:.9s cubic-bezier(.34,1.56,.64,1) peel,6s ease-in-out .9s infinite alternate drift}@keyframes peel{40%{translate:0 -10px;rotate:-25deg}}.slot-ask.wiggle{animation:.42s ease-in-out wiggle}@keyframes wiggle{30%{rotate:-9deg}60%{rotate:1deg}}@media (prefers-reduced-motion:reduce){.slot-peek.peel,.slot-ask.wiggle{animation:none}}.viewer{z-index:90;touch-action:none;position:fixed;inset:0}.viewer-backdrop{background:var(--afterhours);position:absolute;inset:0}.viewer-layout{position:absolute;inset:0}.story{background:var(--afterhours);-webkit-touch-callout:none;position:absolute;inset:0;overflow:hidden}.story-media,.story-img-wrap{position:absolute;inset:0}.story-img{object-fit:cover;object-position:center 30%;opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .24s;position:absolute;inset:0}.story-img.placeholder{opacity:1;filter:blur(12px);transform:scale(1.06)}.story-img.in{opacity:1}.story-img.before{filter:grayscale();z-index:2;transition:none}.bars{top:calc(var(--safe-top) + 10px);z-index:5;pointer-events:none;gap:4px;display:flex;position:absolute;left:12px;right:12px}.bar{background:#f6f4ef47;border-radius:3px;flex:1;height:3px;overflow:hidden}.bar i{background:var(--milk);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.story-head{top:calc(var(--safe-top) + 24px);z-index:6;justify-content:space-between;align-items:center;display:flex;position:absolute;left:12px;right:12px}.before-chip{color:var(--milk);touch-action:none;border-radius:999px;align-items:center;gap:8px;padding:4px 12px 4px 4px;transition:background .18s,color .18s;display:inline-flex}.before-chip img{border:2px solid var(--milk);object-fit:cover;filter:grayscale();border-radius:50%;width:30px;height:30px}.before-chip.on{background:var(--milk);color:var(--afterhours)}.close-btn{width:40px;height:40px;color:var(--milk);border-radius:50%;place-items:center;display:grid}.story-foot{z-index:4;padding:0 16px calc(var(--safe-bottom) + 20px);pointer-events:none;position:absolute;bottom:0;left:0;right:0}.story-foot>*{pointer-events:auto}.scrim{z-index:-1;background:linear-gradient(#0000,#0b0a0fd1 35%,#0b0a0f);height:460px;position:absolute;bottom:0;left:0;right:0;pointer-events:none!important}.look-info{padding:0 4px 16px;position:relative}.kicker{color:var(--slime)}.name-row{padding-right:100px;position:relative}.look-name{max-width:280px;margin:8px 0 12px;font-size:52px;line-height:.86}.vibe{background:var(--slime);width:96px;height:96px;color:var(--afterhours);border:3px solid var(--milk);font:600 10px var(--f-mono);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:-18px;right:0;box-shadow:0 10px 24px #00000059}.vibe b{font:900 34px/1 var(--f-display);letter-spacing:-.04em}.vibe-ring{border:2px solid var(--slime);pointer-events:none;border-radius:50%;animation:.42s cubic-bezier(.2,0,0,1) forwards ring;position:absolute;inset:-3px}@keyframes ring{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.6)}}.sparkle{clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);pointer-events:none;margin:-6px 0 0 -6px;position:absolute;top:50%;left:50%}.reaction{min-height:28px;color:var(--milk);opacity:.9;margin-bottom:8px;padding-right:104px}.look-desc{font:500 15px/1.45 var(--f-body);color:var(--text-2)}.look-desc.clamp{-webkit-line-clamp:3;-webkit-box-orient:vertical;min-height:4.35em;display:-webkit-box;overflow:hidden}.tea-link{font:700 14px var(--f-body);color:var(--milk);text-underline-offset:3px;margin-top:6px;text-decoration:underline}.tea-name{margin-bottom:14px;font-size:34px}.tea-body{font:500 16px/1.55 var(--f-body);color:var(--milk)}.actions{align-items:center;gap:8px;display:flex;position:relative}.actions .action-primary{flex:1;height:52px;font-size:16px}.menu-wrap{position:relative}.menu{transform-origin:100% 100%;background:var(--slab-2);border:1px solid var(--line);z-index:10;border-radius:18px;min-width:220px;padding:6px;position:absolute;bottom:62px;right:0;box-shadow:0 20px 50px #00000080}.menu button{width:100%;height:44px;color:var(--danger);font:700 14px var(--f-body);border-radius:12px;align-items:center;gap:10px;padding:0 12px;display:flex}@media (hover:hover){.menu button:hover{background:var(--line)}}.confirm-title{font-size:36px}.confirm-body{color:var(--text-2);margin:12px 0 24px}.confirm-actions{gap:8px;display:flex}.confirm-actions .btn{flex:1;height:52px}.confirm-yes{min-width:150px}.lineup{padding:calc(var(--safe-top) + 72px) 16px calc(var(--safe-bottom) + 100px);flex-direction:column;gap:16px;display:flex;position:absolute;inset:0;overflow:hidden}.lineup-title{font-size:44px}.lineup-grid{flex:1;grid-template-rows:1.25fr 1fr;grid-template-columns:repeat(6,1fr);gap:8px;min-height:0;display:grid}.lineup-card{border:3px solid var(--milk);background:var(--slab);border-radius:18px;grid-column:span 2;position:relative;overflow:hidden}.lineup-card.big{grid-column:span 3}.lineup-card img{object-fit:cover;object-position:center 25%;width:100%;height:100%}.lineup-pill{font:700 11px var(--f-body);white-space:nowrap;text-overflow:ellipsis;text-align:left;background:#0b0a0fbf;border-radius:999px;padding:4px 8px;position:absolute;bottom:6px;left:6px;right:6px;overflow:hidden}.lineup-pill b{color:var(--slime);font-family:var(--f-mono)}.top-pick{background:var(--slime);color:var(--afterhours);font:900 14px var(--f-display);border:2px solid var(--milk);border-radius:10px;padding:6px 10px;position:absolute;top:8px;right:8px}.lineup-again{flex:none}@media (width>=900px){.viewer-layout{grid-template-columns:1fr auto auto auto 380px 1fr;align-items:center;gap:20px;padding:0 32px;display:grid}.viewer-layout>.viewer-chev.left{grid-column:2}.story{aspect-ratio:9/16;border:1px solid var(--line);border-radius:28px;grid-column:3;height:88vh;position:relative;inset:auto;box-shadow:0 30px 80px #0009}.viewer-layout>.viewer-chev.right{grid-column:4}.viewer-chev:disabled{opacity:.3}.viewer-side{flex-direction:column;grid-column:5;gap:24px;display:flex}.look-info.desk{padding:0}.look-info.desk .look-name{max-width:280px;font-size:64px}.look-info.desk .look-desc{color:var(--milk);opacity:.9;font-size:16px}.story-head{top:24px}.bars{top:12px}.lineup{padding:64px 16px 16px}.thumbs{gap:8px;display:flex}.thumb{opacity:.55;border:2px solid #0000;border-radius:12px;width:56px;height:70px;transition:opacity .15s,border-color .15s;overflow:hidden}.thumb.on{border-color:var(--milk);opacity:1}.thumb:hover{opacity:1}.thumb img{object-fit:cover;width:100%;height:100%}.kbd-hint{color:var(--text-3)}.look-info.desk .reaction{padding-right:0}}.cook{background:var(--slime);min-height:100dvh;color:var(--afterhours);padding:calc(var(--safe-top) + 56px) 20px calc(var(--safe-bottom) + 32px);max-width:560px;margin:0 auto}body:has(.cook){background:var(--slime)}.cook-title{letter-spacing:-.05em;font-size:76px;line-height:.82}.cook-pan-letter{object-fit:contain;vertical-align:-6px;width:64px;height:64px;margin-left:4px;display:inline-block}.wobble{animation:2s ease-in-out infinite alternate wobble}@keyframes wobble{0%{rotate:-6deg}to{rotate:6deg}}.ticker{height:22px;margin-top:16px;font-size:13px;position:relative;overflow:hidden}.ticker p{white-space:nowrap;line-height:22px;position:absolute;inset:0}.cook-meta{border-bottom:2px solid var(--afterhours);justify-content:space-between;padding:18px 0 12px;display:flex}.chat{flex-direction:column;padding-top:14px;display:flex}.chat-row{align-items:flex-end;gap:10px;height:92px;display:flex}.chat-av{object-fit:contain;filter:drop-shadow(0 2px 4px #0003);flex:none;width:30px;height:30px;margin-bottom:18px}.chat-col{flex-direction:column;align-items:flex-start;display:flex}.bubble{background:var(--afterhours);color:var(--milk);transform-origin:0 100%;text-align:left;border-radius:22px 22px 22px 6px;align-items:center;gap:12px;min-height:48px;padding:12px 16px;display:flex}.bubble.ready{padding:6px 16px 6px 6px}.bubble.muted{color:var(--afterhours);background:#0b0a0f24}.bubble-label{font:700 12px var(--f-body);color:var(--text-3)}.bubble.muted .bubble-label{color:var(--afterhours);opacity:.7}.bubble-thumb{border:2px solid var(--milk);object-fit:cover;border-radius:14px;width:48px;height:60px}.bubble-text{flex-direction:column;gap:5px;display:flex}.bubble-name{letter-spacing:-.03em;font-size:20px;line-height:1}@media (hover:hover){.bubble.ready:hover{transform:translateY(-1px)}}.receipt-slot{height:18px;padding:3px 0 0 6px}.receipt{opacity:.7;font-size:10px}.dots{gap:5px;display:flex}.dots i{background:var(--text-3);border-radius:50%;width:7px;height:7px;animation:1.2s infinite dot}.dots i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3){animation-delay:.3s}.dots.paused i{animation-play-state:paused}@keyframes dot{30%{background:var(--milk);transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){.dots i{animation:none}}@media (width>=900px){.cook{padding-top:80px}.cook-title{word-spacing:.12em;font-size:120px}.cook-pan-letter{width:100px;height:100px}}.share{min-height:100dvh;padding:calc(var(--safe-top) + 16px) 0 calc(var(--safe-bottom) + 120px);overflow-x:hidden}.share-top{justify-content:space-between;align-items:center;gap:12px;padding:0 20px;display:flex}.share-mark{width:84px;rotate:-5deg}.share-kicker{color:var(--text-2);text-align:right}.share-grid{padding-top:28px}.share-before-col{align-items:flex-end;gap:16px;padding:0 20px;display:flex}.share-before{aspect-ratio:4/5;border:5px solid var(--milk);border-radius:22px;flex:none;width:42vw;max-width:200px;position:relative;overflow:hidden;box-shadow:0 20px 50px #00000080}.share-before img{object-fit:cover;filter:grayscale();width:100%;height:100%}.before-tag{background:var(--milk);color:var(--afterhours);border-radius:999px;padding:4px 8px;font-size:10px;position:absolute;top:8px;left:8px}.share-head{padding-bottom:6px}.giving{margin-bottom:8px;font-size:24px;rotate:-5deg}.share-title{font-size:56px}.share-looks{padding-top:28px}.share-rail{scroll-snap-type:x mandatory;scrollbar-width:none;gap:16px;padding:8px 11vw;scroll-padding-inline:11vw;display:flex;overflow-x:auto}.share-rail::-webkit-scrollbar{display:none}.share-card{scroll-snap-align:center;text-align:left;flex-direction:column;flex:none;gap:12px;width:min(78vw,420px,80dvh - 376px);min-width:220px;display:flex}@supports (animation-timeline:view()){.share-rail .share-card{animation:linear both focus;animation-timeline:view(inline)}@keyframes focus{0%{opacity:.6;rotate:4deg;scale:.9}50%{opacity:1;rotate:0deg;scale:1}to{opacity:.6;rotate:-4deg;scale:.9}}}.share-card-img{aspect-ratio:4/5;border:4px solid var(--milk);background:var(--slab);border-radius:24px;position:relative;overflow:hidden}.share-card.pending .share-card-img{border-style:dashed;border-color:var(--line-strong)}.share-card-img img{object-fit:cover;object-position:center 30%;width:100%;height:100%;position:absolute;inset:0}.blur-ph{filter:blur(20px)saturate(1.2);transform:scale(1.1)}.fade-img{opacity:0;filter:blur(10px);transition:opacity .32s,filter .32s}.fade-img.in{opacity:1;filter:blur()}.share-score{background:var(--slime);width:64px;height:64px;color:var(--afterhours);border:3px solid var(--milk);font:900 24px var(--f-display);letter-spacing:-.04em;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:12px;right:12px;rotate:10deg}.share-score small{font-size:12px}.share-name{text-shadow:0 4px 20px #0009;font-size:30px;position:absolute;bottom:12px;left:12px;right:12px}.share-card-text p{color:var(--text-2);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:6px;font-size:14px;display:-webkit-box;overflow:hidden}.share-count{text-align:center;color:var(--text-2);padding-top:12px}.share-cooking{color:var(--text-2);padding:40px 20px}.share-dock{z-index:10;padding:32px 16px calc(var(--safe-bottom) + 16px);background:linear-gradient(transparent, var(--afterhours) 55%);position:fixed;bottom:0;left:0;right:0}.share-cta{width:100%;height:60px;font-size:24px;position:relative;overflow:hidden;box-shadow:0 0 0 6px #d7ff1f1f,0 12px 30px #d7ff1f40}.share-cta:after{content:"";background:linear-gradient(110deg,#0000 35%,#ffffffb3 50%,#0000 65%);animation:6s ease-out 1.5s infinite idleSheen;position:absolute;inset:0;transform:translate(-100%)}@keyframes idleSheen{0%{transform:translate(-100%)}15%,to{transform:translate(100%)}}.share-cta-pan{width:32px;height:32px}@media (width>=900px){.share{padding:28px 48px 140px}.share-top{padding:0}.share-mark{width:120px}.share-grid{grid-template-columns:30% 1fr;gap:56px;max-width:1280px;margin:0 auto;display:grid}.share-before-col{flex-direction:column;align-self:start;align-items:flex-start;padding:0;position:sticky;top:40px}.share-before{width:100%;max-width:320px}.share-title{word-spacing:.12em;font-size:clamp(80px,8vw,128px)}.share-looks{padding-top:0}.share-rail{scroll-snap-type:none;flex-direction:column;gap:56px;padding:0;overflow:visible}.share-rail .share-card{width:100%;max-width:none;translate:var(--x) 0;rotate:var(--r);flex-direction:row;align-items:center;gap:32px;animation:none}.share-rail .share-card .share-card-img{flex:none;width:340px}.share-card-text p{-webkit-line-clamp:unset;color:var(--milk);opacity:.85;font-size:16px}.share-count{display:none}@media (hover:hover){.share-rail .share-card:hover .share-card-img{transform:translateY(-4px)rotate(-1deg)}.share-card-img{transition:transform .25s}}.share-dock{background:0 0;width:360px;padding:0;bottom:32px;left:auto;right:48px}}:root{--afterhours:#0b0a0f;--slab:#18161f;--slab-2:#211e2a;--line:#2a2733;--line-strong:#3a3644;--milk:#f6f4ef;--text-2:#a9a5b4;--text-3:#6e6a78;--slime:#d7ff1f;--gloss:#ff3ec8;--freeze:#5ce1ff;--danger:#ff5a4e;--glow-gloss:oklch(72% .26 350/.35);--glow-slime:oklch(93% .23 120/.25);--glow-freeze:oklch(85% .13 215/.2);--f-display:"Expose", "Satoshi", system-ui, sans-serif;--f-body:"Satoshi", system-ui, sans-serif;--f-scribble:"Sharpie", "Satoshi", cursive;--f-mono:"IBM Plex Mono", ui-monospace, monospace;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}@property --glow{syntax:"<color>";inherits:true;initial-value:oklch(72% .26 350/.35)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--afterhours);color:var(--milk);font:500 15px/1.45 var(--f-body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}button{font:inherit;color:inherit;cursor:default;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0}img{-webkit-user-drag:none;display:block}:focus-visible{outline:2px solid var(--slime);outline-offset:3px;transition:outline-offset .12s}[data-field] :focus-visible{outline-color:var(--afterhours)}:focus:not(:focus-visible){outline:none}.no-select{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.display{font-family:var(--f-display);letter-spacing:-.045em;word-spacing:.08em;text-transform:lowercase;font-weight:900;line-height:.84}.scribble{font:800 26px/.9 var(--f-scribble);color:var(--gloss)}.readout{font:600 12px/1.2 var(--f-mono);letter-spacing:.04em;font-variant-numeric:tabular-nums}.tabular{font-variant-numeric:tabular-nums}.atmos{background:radial-gradient(60vw 50vh at 90% 10%, var(--glow), transparent 70%), radial-gradient(50vw 45vh at 0% 70%, var(--glow-freeze), transparent 70%), var(--afterhours);transition:--glow .6s}.sticker{filter:drop-shadow(0 10px 24px #00000073);pointer-events:none}.drift{animation:6s ease-in-out infinite alternate drift}@keyframes drift{to{translate:0 -8px;rotate:6deg}}.btn{height:44px;font:700 15px var(--f-body);white-space:nowrap;-webkit-user-select:none;user-select:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 18px;transition:background .15s,transform 90ms,box-shadow .4s,opacity .2s;display:inline-flex}.btn:active{transform:scale(.97)}.btn-milk{background:var(--milk);color:var(--afterhours)}.btn-slab{background:var(--slab-2);color:var(--milk)}.btn-ink{background:var(--afterhours);color:var(--milk)}.btn-slime{background:var(--slime);color:var(--afterhours)}.btn-danger{background:var(--danger);color:var(--afterhours)}.btn-lg{height:56px;font:900 21px var(--f-display);letter-spacing:-.03em;padding:0 24px}@media (hover:hover){.btn-milk:hover{background:#fff}.btn-slab:hover{background:var(--line)}}.icon-btn{background:var(--slab);border:1px solid var(--line);width:52px;height:52px;color:var(--milk);border-radius:50%;flex:none;place-items:center;transition:background .15s,transform 90ms;display:grid}.icon-btn:active{transform:scale(.94)}@media (hover:hover){.icon-btn:hover{background:var(--slab-2)}}.icon-btn.flash{background:var(--slime);color:var(--afterhours)}.frost{-webkit-backdrop-filter:blur(14px);background:#0b0a0f73}.spin{animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.pulse{animation:1.4s ease-in-out infinite alternate pulse}@keyframes pulse{0%{opacity:.55}to{opacity:.85}}.toast-wrap{top:calc(var(--safe-top) + 12px);z-index:200;pointer-events:none;justify-content:center;display:flex;position:fixed;left:0;right:0}.toast{background:var(--slime);color:var(--afterhours);font:700 14px var(--f-body);text-align:center;border-radius:999px;max-width:calc(100vw - 32px);padding:12px 18px;box-shadow:0 12px 30px #00000059}.wipe{z-index:150;pointer-events:none;position:fixed;inset:0}.backdrop{-webkit-backdrop-filter:blur(8px);z-index:120;background:#0b0a0f66;position:fixed;inset:0}.sheet{z-index:121;background:var(--slab-2);padding:12px 24px calc(28px + var(--safe-bottom));border-radius:28px 28px 0 0;max-height:85dvh;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}.sheet .handle{background:var(--line-strong);border-radius:4px;width:36px;height:4px;margin:0 auto 20px}@media (width>=900px){.sheet.dialog{border-radius:28px;width:440px;padding:28px;inset:50% auto auto 50%;translate:-50% -50%}.sheet.dialog .handle{display:none}}@media (prefers-reduced-motion:reduce){.drift,.spin-slow,.wobble{animation:none!important}}