:root{color-scheme:dark;--ink:#020604;--white:#eff8eb;--green:#b1ff85;--muted:#99ae95;--mono:"DejaVu Sans Mono",monospace;--sans:"Adwaita Sans","Noto Sans",sans-serif}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{background:var(--ink);color:var(--white);font-family:var(--sans);-webkit-font-smoothing:antialiased;isolation:isolate;user-select:none}body[data-kind=blondes]{--green:#d6f8a9}body[data-kind=mixed]{--green:#c9ffa0}[hidden]{display:none!important}.backgrounds,.backdrop,.gl-layer,.vignette{position:fixed;inset:0;pointer-events:none}.backgrounds{z-index:-4;background:#020604}.backdrop{background-size:cover;background-position:center;opacity:0;transition:opacity 1.1s ease;will-change:opacity,transform;transform:scale(1.035)}.backdrop.active{opacity:1;animation:drift 20s linear both}.gl-layer{z-index:-3;opacity:.24;transition:opacity 1.2s;background:radial-gradient(ellipse at 50% 36%,#15351e88,transparent 65%)}.gl-layer canvas{display:block;width:100%;height:100%}.vignette{z-index:-2;background:linear-gradient(90deg,#020604e0 0%,#020604b5 30%,#02060433 57%,#02060400 80%),linear-gradient(0deg,#020604db 0%,transparent 28%,transparent 75%,#020604aa 100%)}.masthead,.show-footer{position:fixed;left:clamp(24px,4.4vw,85px);right:clamp(24px,4.4vw,85px);display:flex;justify-content:space-between;align-items:center;gap:25px}.masthead{top:31px}.wordmark{font-size:21px;font-weight:650;letter-spacing:-.055em;display:flex;align-items:center;gap:12px}.wordmark svg{width:33px;height:33px;color:var(--green)}.channel{display:flex;align-items:center;gap:9px;color:#c0d1b9;font:11px var(--mono);text-shadow:0 2px 15px #000}.channel i{width:5px;height:5px;background:var(--green);border-radius:50%;box-shadow:0 0 13px var(--green)}.showcase{position:relative;height:100%;pointer-events:none}.opening{position:absolute;left:24px;right:24px;bottom:19%;text-align:center;text-shadow:0 1px 45px #020604;max-width:1100px;margin:auto}.opening-kicker{font-size:16px;color:#b3c8a9;margin:0 0 13px}.opening h1{font-size:clamp(64px,7.8vw,112px);font-weight:550;letter-spacing:-.065em;line-height:1.03;margin:0}.opening-note{font:12px/1.8 var(--mono);color:#adc4a0;margin:24px 0 0}.story{position:absolute;left:clamp(24px,5.4vw,105px);top:50%;width:46%;max-width:800px;transform:translateY(-43%)}.story-meta{display:flex;align-items:center;gap:18px;color:var(--green);font:11px var(--mono);margin-bottom:28px}.category{border:1px solid #b1ff8540;padding:8px 11px;border-radius:3px;background:#061009aa}.story-index{color:#7e9b76;font-size:10px}.story h2{font-size:clamp(32px,3.7vw,64px);line-height:1.13;letter-spacing:-.045em;font-weight:550;margin:0;text-wrap:pretty;max-width:21ch;text-shadow:0 3px 30px #02060499}.answer-space{position:relative;margin-top:30px;min-height:150px}.answer{font-size:clamp(20px,1.7vw,29px);line-height:1.55;letter-spacing:-.02em;color:var(--green);margin:0;max-width:38ch;padding-left:19px;border-left:2px solid #b1ff8566;opacity:0;transform:translateY(12px);transition:opacity .7s ease,transform .7s ease;text-shadow:0 2px 22px #020604}.answer.revealed{opacity:1;transform:none}.waiting{display:flex;gap:6px;position:absolute;left:0;top:0;margin:10px 0;opacity:.6}.waiting span{width:4px;height:4px;background:var(--green);border-radius:50%;animation:breathe 1.5s ease infinite}.waiting span:nth-child(2){animation-delay:.18s}.waiting span:nth-child(3){animation-delay:.36s}.show-footer{bottom:31px}.chapters{display:flex;align-items:center;gap:27px;font:10px var(--mono);color:#758b6f}.chapters span{transition:color .5s;white-space:nowrap}.chapters span.active{color:var(--green)}.chapters span.active::before{content:"";display:inline-block;width:4px;height:4px;background:var(--green);border-radius:50%;margin-right:8px;vertical-align:middle;box-shadow:0 0 10px var(--green)}.footnote{font:10px var(--mono);color:#8ba480;line-height:1.8;text-align:right}.scene-progress{position:fixed;left:0;right:0;bottom:0;height:1px;background:#24341d55}.scene-progress span{position:absolute;inset:0;background:var(--green);transform:scaleX(0);transform-origin:left;box-shadow:0 0 12px var(--green);will-change:transform}body[data-kind=intro] .gl-layer,body[data-kind=interlude] .gl-layer{opacity:1}body[data-kind=intro] .vignette,body[data-kind=interlude] .vignette{background:linear-gradient(0deg,#020604ee 0%,transparent 44%,transparent 75%,#02060488 100%),radial-gradient(ellipse,transparent 35%,#020604bb 100%)}body[data-kind=interlude] .opening h1{font-size:clamp(42px,5.7vw,82px)}body[data-kind=mixed] .backdrop{filter:hue-rotate(-9deg) saturate(1.05)}.no-script{position:fixed;inset:0;display:grid;place-content:center;background:#020604;text-align:center;padding:30px}.gl-layer[data-render=static]::before{content:"猫";position:absolute;top:20%;left:0;right:0;text-align:center;color:#b1ff8522;font-size:200px}@keyframes drift{from{transform:scale(1.035) translateX(0)}to{transform:scale(1.09) translateX(-.6%)}}@keyframes breathe{0%,100%{opacity:.25}50%{opacity:1}}
.footer-notes{display:flex;flex-direction:column;align-items:flex-end;gap:3px}.voice-status{font:9px/1.5 var(--mono);color:#74896b;text-align:right}body[data-audio=unavailable] .voice-status{color:#b3ae7e}
.cat-signal{position:fixed;right:clamp(24px,4.4vw,85px);bottom:14%;width:clamp(150px,12vw,210px);padding:10px;background:#020b07e8;border:1px solid #a8e88d40;box-shadow:0 8px 40px #0005;pointer-events:none}.signal-heading{display:flex;align-items:center;gap:7px;font:10px var(--mono);color:#c6e9b8;margin-bottom:9px}.signal-heading i{width:4px;height:4px;border-radius:50%;background:#8caa7b}.cat-signal[data-status=connected] .signal-heading i{background:var(--green);box-shadow:0 0 8px #b1ff8580}.signal-image{aspect-ratio:1;position:relative;overflow:hidden;background:#0b170e;display:grid;place-items:center}.signal-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.72);animation:signal-arrival .65s ease-out}.signal-placeholder{font:10px var(--mono);color:#819779}.signal-caption{display:flex;justify-content:space-between;gap:6px;font:8px/1.5 var(--mono);color:#829d77;margin-top:8px}.signal-caption>span:last-child{opacity:.65}@keyframes signal-arrival{from{opacity:0}to{opacity:1}}
@media(max-width:1000px){.cat-signal{width:135px;bottom:15%}.signal-caption{font-size:7px}.signal-heading{font-size:9px}}
@media(max-width:650px){.cat-signal{top:93px;right:24px;bottom:auto;width:104px;padding:7px}.signal-heading{font-size:8px;margin-bottom:6px}.signal-caption{font-size:6px;gap:4px;margin-top:5px}.signal-caption>span:last-child{display:none}.signal-placeholder{font-size:8px}}
@media(max-height:650px) and (min-width:651px){.cat-signal{width:115px;bottom:18%}}
@media(min-width:2200px){.story h2{font-size:80px}.answer{font-size:34px}.opening h1{font-size:145px}.story{max-width:1000px}.masthead{top:50px}.show-footer{bottom:45px}.wordmark{font-size:27px}.channel,.story-meta{font-size:14px}.chapters,.footnote{font-size:12px}}
@media(max-width:1000px){.story{width:53%}.story h2{font-size:clamp(31px,4.6vw,46px)}.answer{font-size:21px}.answer-space{margin-top:23px;min-height:135px}.backdrop{background-position:58% center}.vignette{background:linear-gradient(90deg,#020604e8,#020604a6 42%,#02060422 78%),linear-gradient(0deg,#020604cc,transparent 27%,transparent 80%,#02060488)}.chapters{gap:19px;font-size:9px}.footnote{font-size:9px}.opening{bottom:22%}}
@media(max-width:650px){.masthead{top:22px;align-items:flex-start}.wordmark{font-size:17px;gap:8px}.wordmark svg{width:27px;height:27px}.channel{font-size:9px;max-width:16ch;line-height:1.6;text-align:right}.story{left:24px;right:24px;width:auto;max-width:none;top:auto;bottom:105px;transform:none}.story h2{font-size:clamp(29px,6.4vw,41px);max-width:25ch}.story-meta{margin-bottom:19px;font-size:10px}.story-index{font-size:9px}.answer-space{min-height:140px;margin-top:22px}.answer{font-size:20px;line-height:1.5;max-width:32ch;padding-left:14px}.backgrounds{bottom:0}.backdrop{background-position:70% top;background-size:auto 68%;background-repeat:no-repeat}.vignette{background:linear-gradient(0deg,#020604 0%,#020604ee 27%,#020604b3 51%,#02060411 80%,#02060488 100%)}.gl-layer{opacity:.14}.show-footer{bottom:22px;align-items:flex-end}.chapters{gap:12px;font-size:8px}.footnote{max-width:13ch;font-size:8px}.chapters span.active::before{display:none}.opening{bottom:24%}.opening h1{font-size:61px}.opening-note{max-width:32ch;margin:19px auto 0;font-size:10px}.opening-kicker{font-size:13px}body[data-kind=interlude] .opening h1{font-size:43px}}
@media(max-height:650px) and (min-width:651px){.masthead{top:18px}.show-footer{bottom:18px}.story h2{font-size:34px}.story-meta{margin-bottom:16px}.story{top:51%}.answer-space{min-height:85px;margin-top:20px}.answer{font-size:20px}.opening{bottom:17%}.opening h1{font-size:70px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.backdrop{transform:none!important}.answer{transform:none!important}}