.of{--of-pink:#ff5fd2;--of-pink-soft:#ffb3e6;--of-pink-bg:#ff5fd21f;--of-pink-dim:#ff5fd229;--of-pink-glow:#ff5fd28c;--of-wall:#f7e9d2;z-index:60;color:var(--cream);font-family:var(--mono);overscroll-behavior:contain;background:#16110f;flex-direction:column;animation:.2s cubic-bezier(.2,.8,.3,1) both ofIn;display:flex;position:fixed;inset:0}@keyframes ofIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.of[data-closing]{animation:.16s both ofOut}@keyframes ofOut{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(8px)}}.of-bar{padding:4px 10px;padding-top:max(4px, env(safe-area-inset-top));border-bottom:1px solid var(--line);background:var(--panel);flex:none;align-items:center;gap:12px;display:flex}.of-back{min-width:44px;min-height:44px;font:inherit;letter-spacing:.06em;color:var(--terracotta);border:1px solid var(--terracotta-dim);cursor:pointer;white-space:nowrap;background:0 0;flex:none;padding:0 14px;font-size:12px}.of-back:hover,.of-back:focus-visible{color:var(--cream);border-color:var(--terracotta)}.of-title{letter-spacing:.1em;text-transform:uppercase;min-width:0;color:var(--cream);white-space:nowrap;text-overflow:ellipsis;flex-direction:column;flex:auto;font-size:12.5px;display:flex;overflow:hidden}.of-title em{text-transform:none;letter-spacing:.02em;color:var(--dim);text-overflow:ellipsis;font-size:11px;font-style:normal;overflow:hidden}.of-main{flex-direction:column;flex:auto;min-height:0;display:flex}.of-stage{background:var(--of-wall);flex:1000 1 0;min-height:0;max-height:118vw;position:relative;overflow:hidden}.of-svg{shape-rendering:crispedges;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0}.of-side{overscroll-behavior:contain;background:linear-gradient(#191817,#121110);border-top:2px solid #2a2320;flex:0 auto;min-height:0;max-height:68%;overflow-y:auto}.of[data-panel=none] .of-side{flex-grow:1}.of:not([data-panel=none]):not([data-panel=talk]) .of-side{border-top-color:var(--of-pink)}@media (orientation:landscape) and (min-width:640px){.of-main{flex-direction:row}.of-stage{max-height:none}.of-side{border-top:0;border-left:2px solid #2a2320;flex:0 0 clamp(320px,38vw,430px);max-height:none}.of:not([data-panel=none]):not([data-panel=talk]) .of-side{border-left-color:var(--of-pink)}}.of .of-hd{padding:10px 12px 12px}.of .hd-options button{align-content:center;min-height:48px}.of .hd-options button:focus-visible,.of-talk:focus-visible,.of-close:focus-visible,.of-link:focus-visible{outline:2px solid var(--of-pink);outline-offset:2px}.of .hd-box{grid-template-columns:72px 1fr}.of-face{shape-rendering:crispedges}@media (max-height:640px) and (orientation:portrait),(max-height:500px){.of .hd-box{grid-template-columns:52px 1fr;padding:8px 10px}.of .hd-face svg{width:44px;height:44px}.of .hd-text p{min-height:0;font-size:12.5px}.of .hd-sub{display:none}.of .hd-options{gap:5px}.of .hd-options button{min-height:44px;padding:8px 12px}}.of-hint{flex-direction:column;justify-content:center;align-items:stretch;gap:12px;min-height:100%;padding:12px;display:flex}.of-hint p{color:var(--dim);margin:0;font-size:12.5px}.of-roster{grid-template-columns:repeat(4,1fr);gap:6px;margin:0;padding:0;list-style:none;display:grid}.of-roster-b{cursor:pointer;background:#241d1b;border:1px solid #3a302b;place-items:center;width:100%;min-height:58px;padding:3px;display:grid}.of-roster-b:hover,.of-roster-b:focus-visible{border-color:var(--of-pink);outline:none}.of-roster-b:active{transform:translateY(1px)}.of-acc{color:var(--of-pink)}.of-talk{min-height:44px;font:inherit;letter-spacing:.04em;color:var(--cream);background:var(--of-pink-bg);border:1px solid var(--of-pink);cursor:pointer;align-self:flex-start;padding:0 14px;font-size:12.5px}.of-sheet{flex-direction:column;animation:.22s cubic-bezier(.2,.8,.3,1) both ofSheetIn;display:flex}@keyframes ofSheetIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.of-sheet-bar{z-index:1;border-bottom:1px solid var(--line);background:var(--panel);align-items:center;gap:10px;padding:4px 8px 4px 14px;display:flex;position:sticky;top:0}.of-sheet-k{font-family:var(--pixel);color:var(--of-pink);text-shadow:0 0 6px var(--of-pink-glow);font-size:10px;line-height:1.4}.of-close{min-width:64px;min-height:46px;font:inherit;letter-spacing:.08em;color:var(--terracotta);border:1px solid var(--terracotta-dim);cursor:pointer;background:0 0;margin-left:auto;padding:0 12px;font-size:11.5px}.of-sheet-body{padding:12px 16px 16px;font-size:13.5px;line-height:1.55}.of-sheet-body p{margin:0}.of-lead{color:var(--cream);margin-bottom:10px!important}.of-small{color:var(--dim);font-size:12px}.of-habits{gap:6px;margin:0;padding:0;list-style:none;display:grid}.of-habits li{grid-template-columns:38px 1fr;align-items:center;gap:10px;display:grid}.of-habits p{color:var(--dim);font-size:12.5px;line-height:1.45}.of-habits b{color:var(--cream);font-weight:600}.of-mini{background:#241d1b;border:1px solid #3a302b;place-items:center;width:38px;height:38px;display:grid}.of-truth{border-left:2px solid var(--of-pink);gap:4px;margin-top:10px;padding:4px 0 2px 12px;display:grid}.of-truth p:first-child{color:var(--cream)}.of-big{font-family:var(--pixel);color:var(--cream);font-size:13px;line-height:1.7}.of-shift{font-family:var(--pixel);color:var(--of-pink);text-shadow:0 0 8px var(--of-pink-glow);font-size:11px;line-height:1.7;margin:6px 0 12px!important}.of-arrow{font-family:var(--mono);font-size:15px;font-weight:700}.of-what,.of-corner{gap:6px;margin:0 0 12px;padding:0;list-style:none;display:grid}.of-what li,.of-corner li{color:var(--dim);padding-left:14px;position:relative}.of-what li:before,.of-corner li:before{content:"✳";color:var(--terracotta);font-size:11px;position:absolute;top:1px;left:0}.of-what b,.of-corner b{color:var(--cream);font-weight:600}.of-corner{gap:8px;font-size:12.5px;line-height:1.45}.of-loop+.of-loop{margin-top:16px}.of-loop h4{font-family:var(--pixel);color:var(--cream);margin:0 0 2px;font-size:10px;font-weight:400;line-height:1.6}.of-loop p{color:var(--dim)}.of-link{min-height:48px;color:var(--cream);border:1px solid var(--line);background:var(--panel);overflow-wrap:anywhere;justify-content:space-between;align-items:center;gap:10px;margin-top:8px;padding:10px 14px;text-decoration:none;display:flex}.of-link[data-main]{border-color:var(--of-pink);background:var(--of-pink-bg)}.of-link span:last-child{color:var(--of-pink)}.of-credit{padding:6px 10px;padding-bottom:max(6px, env(safe-area-inset-bottom));letter-spacing:0;text-align:center;color:var(--dim);border-top:1px solid var(--line);background:var(--bg-deep);flex:none;margin:0;font-size:11px;line-height:1.4}@media (max-width:420px){.of-credit{letter-spacing:-.01em;padding-left:4px;padding-right:4px}}.of-bubble{z-index:3;width:max-content;max-width:min(250px,72vw);font-family:var(--mono);color:#1a1412;pointer-events:none;background:#fffaf0;border:2px solid #1a1412;margin:0;padding:8px 11px;font-size:13px;line-height:1.4;animation:.18s steps(3,end) both ofPop;position:absolute;transform:translate(-50%,-100%);box-shadow:3px 3px #1a141259}.of-bubble:after{content:"";left:calc(var(--tail,50%) - 5px);background:#fffaf0;border-bottom:2px solid #1a1412;border-right:2px solid #1a1412;width:8px;height:8px;position:absolute;bottom:-8px;transform:rotate(45deg)translate(-2px,-2px)}.of-bubble[data-below="1"]{transform:translate(-50%)}.of-bubble[data-below="1"]:after{top:-8px;bottom:auto;transform:rotate(225deg)translate(-2px,-2px)}@keyframes ofPop{0%{opacity:0;margin-top:6px}to{opacity:1;margin-top:0}}.of-neon-t{font-family:var(--pixel);font-size:10px}.of-neon-glow{fill:#ff2fc8;opacity:.95;animation:7s step-end infinite ofFlicker}.of-neon-core{fill:#ffe6f7;stroke:#ff4fd8;stroke-width:.7px;paint-order:stroke}.of-plate-t{fill:var(--of-pink)}.of-sign-t{font-family:var(--pixel);font-size:5.5px}.of-zz{font-family:var(--pixel);fill:#6b5bd6;font-size:6px}.of-board-t{font-family:var(--pixel);font-size:8px}.of-cork-t{font-family:var(--pixel);fill:#3b2a1e;font-size:6px}.of-sign{font-family:var(--mono);letter-spacing:.1em;fill:#a85738;font-size:7px}.of-door{cursor:pointer}.of-tag{pointer-events:none}.of-tag-t{font-family:var(--mono);text-transform:uppercase;fill:#f6e7d2;pointer-events:none;font-size:6.5px;font-weight:600}.of-word{font-family:var(--mono);letter-spacing:.06em;fill:#6b4632;font-size:9px;font-weight:600}.of-tag-screen{font-family:var(--mono);letter-spacing:.02em;fill:var(--of-pink);font-size:8.5px;font-weight:400}.of-onair{font-family:var(--mono);letter-spacing:.04em;fill:#ff6b5f;font-size:7px;font-weight:600}.of-onair-live{animation:2.4s step-end infinite ofOnAir}@keyframes ofOnAir{0%,to{opacity:1}50%{opacity:.25}}.of-hit{fill:#0000;cursor:pointer;outline:none}.of-hit:focus-visible{fill:var(--of-pink-dim);stroke:var(--of-pink);stroke-width:1px}@keyframes ofFlicker{0%,61%,63%,66%,to{opacity:.95}62%,65%{opacity:.35}}.of-idle{animation:1.6s steps(2,end) infinite ofBob}@keyframes ofBob{0%{transform:translateY(0)}to{transform:translateY(-.6px)}}.of-host{animation:3.2s step-end infinite ofHop}@keyframes ofHop{0%,78%,to{transform:translateY(0)}80%,86%{transform:translateY(-2.5px)}83%{transform:translateY(-3.5px)}}.of-swivel{transform-box:fill-box;transform-origin:50%;animation:5.4s step-end infinite ofSwivel}@keyframes ofSwivel{0%,72%,90%,to{transform:scaleX(1)}74%,88%{transform:scaleX(.3)}76%,86%{transform:scaleX(-1)}}.of-work,.of-type{animation:.9s steps(2,end) infinite ofBob}.of-nap{animation:3.2s steps(2,end) infinite ofBob}.of-coffee{transform-box:fill-box;transform-origin:50% 100%;animation:8.4s step-end infinite ofSip}@keyframes ofSip{0%,70%,to{transform:translateY(0)rotate(0)}74%,84%{transform:translateY(-.8px)rotate(-4deg)}78%{transform:translateY(-1.4px)rotate(-6deg)}88%{transform:translateY(-.4px)rotate(-2deg)}}.of-wake{transform-box:fill-box;transform-origin:50% 100%;animation:.32s cubic-bezier(.2,.9,.3,1.25) .14s both ofWake}@keyframes ofWake{0%{opacity:0;transform:scale(.82)}55%{opacity:1}to{opacity:1;transform:none}}.of-still{animation:none}.of-pace{transform-box:fill-box;transform-origin:50%;animation:7s linear infinite ofPace}@keyframes ofPace{0%{transform:translate(-5.5px)scaleX(1)}49.9%{transform:translate(5.5px)scaleX(1)}50%{transform:translate(5.5px)scaleX(-1)}99.9%{transform:translate(-5.5px)scaleX(-1)}to{transform:translate(-5.5px)scaleX(1)}}.of-pulse{animation:3.6s steps(12,end) infinite ofPulse}.of-pulse-far{animation-duration:4.4s}@keyframes ofPulse{0%{opacity:1;transform:translate(0)}85%{opacity:1;transform:translate(66px)}86%,to{opacity:0;transform:translate(66px)}}.of-blink{animation:1.8s step-end infinite ofOnAir}.of-sand{animation:1.2s step-end infinite ofOnAir}.of-note{animation:2.8s linear infinite ofNote}.of-note-2{animation-delay:-1.4s}@keyframes ofNote{0%{opacity:0;transform:translate(0)}12%{opacity:1}80%{opacity:1}to{opacity:0;transform:translate(3px,-14px)}}.of-steam{animation:2.2s linear infinite ofSteam}@keyframes ofSteam{0%{opacity:0;transform:translate(0)}20%{opacity:.8}to{opacity:0;transform:translate(1px,-9px)}}.of-code{transform-box:fill-box;transform-origin:0;animation:3.3s steps(4,end) infinite ofType}@keyframes ofType{0%{transform:scaleX(.2)}70%,to{transform:scaleX(1)}}.of-glint{animation:3.6s steps(2,end) infinite ofGlint}@keyframes ofGlint{0%{opacity:.9;transform:translate(0)}50%{opacity:.4;transform:translate(3px)}to{opacity:.9;transform:translate(0)}}.of-boat{animation:2.4s steps(2,end) infinite ofBoat}@keyframes ofBoat{0%{transform:translateY(0)}to{transform:translateY(.8px)}}.of-sail{animation:38s ease-in-out infinite alternate ofDrift}.of-sail-2{animation-duration:26s;animation-direction:alternate-reverse}@keyframes ofDrift{0%{transform:translate(-8px)}to{transform:translate(10px)}}.of-cloud{animation:44s ease-in-out infinite alternate ofDrift}.of-gull{animation:16s linear infinite alternate ofGullDrift}@keyframes ofGullDrift{0%{transform:translate(-14px,2px)}to{transform:translate(18px,-3px)}}.of-gull-a{animation:.6s step-end infinite ofFlapA}.of-gull-b{animation:.6s step-end infinite ofFlapB}@keyframes ofFlapA{0%{opacity:1}50%{opacity:0}}@keyframes ofFlapB{0%{opacity:0}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.of,.of[data-closing],.of-sheet,.of-bubble,.of-neon-glow,.of-onair-live,.of-idle,.of-host,.of-swivel,.of-work,.of-type,.of-coffee,.of-wake,.of-nap,.of-pace,.of-pulse,.of-blink,.of-sand,.of-code,.of-glint,.of-boat,.of-sail,.of-cloud,.of-gull,.of-gull-a,.of-gull-b{animation:none!important}.of-gull-b{opacity:0}}.of-lab{place-items:center;min-height:70vh;padding:40px 20px;display:grid}.of-lab-in{border:1px dashed var(--terracotta-dim);background:#d977570d;max-width:44ch;padding:24px 22px}.of-lab-k{font-family:var(--pixel);color:var(--terracotta);margin-bottom:10px;font-size:9px}.of-lab-in h1{margin-bottom:8px;font-size:22px;line-height:1.2}.of-lab-in p{color:var(--dim);font-size:13.5px}.of-lab-door{min-height:48px;font:inherit;color:var(--cream);cursor:pointer;background:#ff5fd21f;border:1px solid #ff5fd2;margin-top:16px;padding:0 18px;font-size:13px}.of-lab-floors{flex-wrap:wrap;gap:6px;margin:18px 0 0;padding:0;list-style:none;display:flex}.of-lab-floors a{min-height:44px;color:var(--dim);border:1px solid var(--line);place-items:center;padding:0 12px;font-size:12px;text-decoration:none;display:grid}.of-lab-floors a[aria-current]{color:var(--cream);border-color:var(--terracotta)}