@layer guards{@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.vinyl,.cat-sprite,.ticker>div{animation-play-state:paused!important}}}@layer reset;@layer features{@font-face{font-family:Flow Pixel;src:url(/fonts/pixel/fusion-pixel-12-zh_hans.subset.woff2)format("woff2");font-weight:400 900;font-display:swap}@font-face{font-family:Flow Silkscreen;src:url(/fonts/pixel/silkscreen-regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Flow Sans;src:url(/fonts/HarmonyOS_Sans_SC_Regular.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Flow Sans;src:url(/fonts/HarmonyOS_Sans_SC_Medium.ttf)format("truetype");font-weight:500;font-display:swap}@font-face{font-family:Flow Sans;src:url(/fonts/HarmonyOS_Sans_SC_Bold.ttf)format("truetype");font-weight:700;font-display:swap}@font-face{font-family:Flow Sans;src:url(/fonts/HarmonyOS_Sans_SC_Black.ttf)format("truetype");font-weight:900;font-display:swap}:root{--ink:#171b17;--ink-soft:#343b33;--night:#0d1511;--night-2:#142119;--night-3:#1d2b21;--paper:#f2e9d8;--paper-2:#e6dac3;--paper-3:#d5c3a3;--cream:#fff8e9;--amber:#e3ac63;--amber-2:#c9813d;--moss:#8ca081;--sage:#b8c4a7;--rust:#a9583f;--line-dark:#fff6e02b;--line-light:#23251d2e;--pixel-cn:"Flow Pixel", "Zpix", "PingFang SC", sans-serif;--pixel-en:"Flow Silkscreen", "Flow Pixel", monospace;--body:"Flow Sans", "PingFang SC", "Microsoft YaHei", sans-serif;--scene-accent:#d8a66c;--scene-image:url(/promo/rooms/pixel.webp);--ease:cubic-bezier(.2, .7, .2, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{color:var(--ink);background:var(--night);font:16px/1.75 var(--body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;overflow-x:clip}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-underline-offset:4px}img{max-width:100%;display:block}p,h1,h2,h3,figure{margin-top:0}::selection{color:var(--night);background:var(--amber)}:focus-visible{outline:3px solid var(--amber);outline-offset:4px}.skip-link{z-index:100;color:var(--night);background:var(--cream);visibility:hidden;padding:12px 18px;font-weight:700;text-decoration:none;transition:top .2s;position:fixed;top:-80px;left:20px}.skip-link:focus{visibility:visible;top:18px}.site{background:var(--paper);min-height:100vh;position:relative;overflow:clip}.grain{z-index:90;pointer-events:none;opacity:.16;mix-blend-mode:soft-light;background:radial-gradient(circle at 20% 30%,#fff 0 1px,#0000 1.5px) 0 0/5px 5px,radial-gradient(circle at 70% 75%,#000 0 1px,#0000 1.5px) 0 0/7px 7px;position:fixed;inset:0}.scroll-meter{z-index:95;pointer-events:none;background:0 0;height:3px;position:fixed;top:0;left:0;right:0}.scroll-meter i{background:var(--amber);width:0;height:100%;display:block;box-shadow:0 0 14px #e3ac6399}.site-header{z-index:30;height:78px;color:var(--cream);animation:header-in .7s var(--ease) both;background:linear-gradient(#080d0ad1,#080d0a00);grid-template-columns:1fr auto 1fr;align-items:center;gap:28px;padding:0 max(4vw,28px);display:grid;position:absolute;top:0;left:0;right:0}@keyframes header-in{0%{opacity:0;translate:0 -10px}}.brand{align-items:center;gap:11px;width:max-content;text-decoration:none;display:inline-flex}.brand img{width:34px;height:34px;image-rendering:pixelated}.brand strong,.brand small{display:block}.brand strong{font:700 16px/1.2 var(--pixel-cn);letter-spacing:.08em}.brand small{color:#fff8e994;font:400 12px/1.2 var(--pixel-en);letter-spacing:.18em;margin-top:2px}.site-header nav{align-items:center;gap:28px;font-size:13px;display:flex}.site-header nav a{color:#fff8e9b3;text-decoration:none;transition:color .2s}.site-header nav a:hover{color:var(--cream)}.header-download{min-height:36px;color:var(--night);background:var(--amber);font:700 12px/1 var(--pixel-cn);border:1px solid #fff8e973;justify-self:end;align-items:center;gap:8px;padding:7px 13px;text-decoration:none;display:inline-flex;box-shadow:3px 3px #00000047}.header-download:hover{background:#f0c17d}.hero{height:100svh;min-height:780px;max-height:1040px;color:var(--cream);isolation:isolate;flex-direction:column;justify-content:flex-end;display:flex;position:relative;overflow:hidden}.hero-room,.hero-room-art,.hero-light,.hero-weather,.hero-vignette{position:absolute;inset:0}.hero-room{z-index:-2;background:#21160e}.hero-room-art{background-image:var(--scene-image);transition:background-image .45s var(--ease), filter .8s var(--ease), transform 1.2s var(--ease);background-position:50%;background-size:cover;transform:scale(1.012)}.hero:hover .hero-room-art{transform:scale(1.025)}.hero-light{z-index:1;pointer-events:none;transition:background 1.1s var(--ease);background:linear-gradient(90deg,#070d0ae8 0%,#070d0aa8 31%,#070d0a1a 64%,#070d0a3d 100%),linear-gradient(#070d0a7a 0%,#070d0a00 42%,#070d0a57 71%,#070d0af0 100%)}.hero-weather{z-index:2;pointer-events:none;opacity:0;transition:opacity .6s}.site[data-weather=rain] .hero-weather{opacity:.34;background:repeating-linear-gradient(105deg,#0000 0 16px,#c2dddea6 17px 18px,#0000 19px 36px) 0 0/44px 70px;animation:.8s linear infinite rain-fall}.site[data-weather=snow] .hero-weather{opacity:.72;background-image:radial-gradient(circle,#ffffffd9 0 1px,#0000 2px),radial-gradient(circle,#ffffff7a 0 1px,#0000 2px);background-position:0 0,23px 17px;background-size:54px 54px,79px 79px;animation:8s linear infinite snow-fall}@keyframes rain-fall{to{background-position:-18px 70px}}@keyframes snow-fall{to{background-position:12px 108px,-8px 96px}}.hero-vignette{z-index:3;pointer-events:none;box-shadow:inset 0 0 180px #0000008c}.site[data-time=morning] .hero-room-art{filter:brightness(1.16)saturate(.78)hue-rotate(-8deg)}.site[data-time=morning] .hero-light{background:linear-gradient(90deg,#151e16d1 0%,#151e1680 35%,#ffdeac14 68%,#131b1438 100%),linear-gradient(#232e2129 0%,#121e1433 56%,#0d1611d6 100%)}.site[data-time=day] .hero-room-art{filter:brightness(1.28)saturate(.92)}.site[data-time=day] .hero-light{background:linear-gradient(90deg,#0c1410e6 0%,#0c1410b3 38%,#0c14104d 66%,#0c141033 100%),linear-gradient(#141e161f 0%,#0c14102e 50%,#09100ce6 100%)}.site[data-time=dusk] .hero-room-art{filter:brightness(.98)saturate(1.08)sepia(.1)}.site[data-time=dusk] .hero-light{background:linear-gradient(90deg,#101312db 0%,#1618158c 34%,#b4653e1f 68%,#1614114d 100%),linear-gradient(#934b2d29 0%,#14191347 63%,#0b110ee6 100%)}.site[data-time=night] .hero-room-art{filter:brightness(.82)saturate(.94)contrast(1.03)}.hero-meta{z-index:8;color:#fff8e9ad;align-items:flex-start;gap:24px;font-size:12px;display:flex;position:absolute;top:106px;right:max(4vw,28px)}.hero-meta p{margin:0}.hero-meta>p:first-child{align-items:center;gap:8px;padding-top:3px;display:flex}.live-dot{background:#a9d08a;width:7px;height:7px;animation:2.4s steps(2,end) infinite live-pulse;display:inline-block;box-shadow:0 0 0 3px #a9d08a24,0 0 11px #a9d08a80}@keyframes live-pulse{50%{opacity:.42}}.hero-clock{font-family:var(--pixel-en);text-align:right;border-left:1px solid #fff8e940;padding-left:22px}.hero-clock time{color:var(--cream);letter-spacing:.04em;font-size:24px;line-height:1;display:block}.hero-clock span{font:400 12px/1.2 var(--body);letter-spacing:.08em;margin-top:6px;display:block}.hero-copy{z-index:7;width:min(700px,53vw);position:absolute;top:23%;left:max(5vw,34px)}.hero-copy>*{animation:rise-in .75s var(--ease) both}.hero-copy>:first-child{animation-delay:80ms}.hero-copy>:nth-child(2){animation-delay:.15s}.hero-copy>:nth-child(3){animation-delay:.25s}.hero-copy>:nth-child(4){animation-delay:.34s}.hero-copy>:nth-child(5){animation-delay:.42s}@keyframes rise-in{0%{opacity:0;translate:0 14px}}.eyebrow,.chapter-index,.write-kicker{color:var(--amber);font:400 12px/1.5 var(--pixel-en);letter-spacing:.18em;text-transform:uppercase;margin:0 0 22px}.hero h1{max-width:760px;color:var(--cream);font:900 clamp(48px, 6.1vw, 94px)/1.08 var(--pixel-cn);letter-spacing:-.055em;text-wrap:balance;text-shadow:0 4px #0003;margin:0}.hero h1 em{color:var(--amber);font-style:normal}.lead{color:#fff8e9c2;text-wrap:pretty;max-width:600px;margin:27px 0 0;font-size:clamp(15px,1.3vw,18px);line-height:1.9}.hero-actions,.download-actions,.focus-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.hero-actions{margin-top:30px}.button{min-height:44px;box-shadow:none;font:700 13px/1.2 var(--pixel-cn);cursor:pointer;border:1px solid #0000;border-radius:0;justify-content:center;align-items:center;gap:13px;padding:10px 18px;text-decoration:none;transition:background-color .18s,color .18s,transform .18s,box-shadow .18s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button.primary{color:var(--night);background:var(--amber);border-color:#fff8e959;box-shadow:4px 4px #00000047}.button.primary:hover{background:#f2c27e;box-shadow:5px 6px #0000003d}.button.quiet{color:var(--cream);background:#fff8e90d;border-color:#fff8e954}.button.quiet:hover{background:#fff8e91f}.button.large{min-height:52px;padding-inline:22px;font-size:14px}.hero-facts{color:#fff8e980;flex-wrap:wrap;gap:9px 22px;margin:25px 0 0;padding:0;font-size:12px;list-style:none;display:flex}.hero-facts li{position:relative}.hero-facts li+li:before{content:"";background:currentColor;width:3px;height:3px;position:absolute;top:.72em;left:-12px}.hero-cat{z-index:9;width:170px;height:170px;animation:hero-arrive .8s .48s var(--ease) both;justify-content:center;align-items:center;display:flex;position:absolute;bottom:244px;right:9vw}@keyframes hero-arrive{0%{opacity:0;translate:0 18px}}.cat-bubble{z-index:3;color:#39291e;min-width:150px;max-width:250px;font:700 12px/1.55 var(--pixel-cn);text-align:center;background:#fff8e9;border:2px solid #39291e;padding:8px 11px;animation:.28s steps(3,end) both bubble-in;position:absolute;bottom:calc(100% - 4px);left:50%;transform:translate(-50%);box-shadow:3px 3px #2418115c}.cat-bubble:after{content:"";background:#fff8e9;border-bottom:2px solid #39291e;border-right:2px solid #39291e;width:8px;height:8px;position:absolute;top:100%;left:50%;transform:translate(-50%,-4px)rotate(45deg)}@keyframes bubble-in{0%{opacity:0;transform:translate(-50%,5px)scale(.88)}}.cat-sprite{z-index:2;width:128px;height:128px;image-rendering:pixelated;filter:drop-shadow(0 6px #2418112e);background-position:0 0;background-repeat:no-repeat;background-size:contain;position:relative}.cat-sprite[data-cat-action=wait]{background-image:url(/cat/cat-wait.png)}.cat-sprite[data-cat-action=typing]{background-image:url(/cat/cat-typing.png);background-size:400% 100%;animation:.72s step-end infinite cat-sheet}.cat-sprite[data-cat-action=click]{background-image:url(/cat/cat-click.png);background-size:400% 100%;animation:.42s step-end infinite cat-sheet}.cat-sprite[data-cat-action=groove]{background-image:url(/cat/cat-groove.png);background-size:400% 100%;animation:.94s step-end infinite cat-sheet}@keyframes cat-sheet{0%,24.99%{background-position:0 0}25%,49.99%{background-position:33.3333% 0}50%,74.99%{background-position:66.6667% 0}75%,to{background-position:100% 0}}.cat-sprite.is-poked{animation:.42s steps(4,end) cat-poke}@keyframes cat-poke{0%{transform:translateY(0)scale(1)}30%{transform:translateY(2px)scale(1.08,.9)}60%{transform:translateY(-22px)scale(.94,1.08)}to{transform:translateY(0)scale(1)}}.cat-shadow{z-index:1;background:#160f0a59;border-radius:50%;width:100px;height:16px;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.hero-note{z-index:8;color:#fff8e9bd;text-align:right;border-right:2px solid var(--scene-accent);background:#0f140fc7;flex-direction:column;align-items:flex-end;gap:1px;width:240px;padding:13px 15px 12px;display:flex;position:absolute;top:170px;right:max(4vw,28px)}.hero-note .note-kicker{color:var(--scene-accent);font:400 12px/1.5 var(--pixel-en);letter-spacing:.14em}.hero-note strong{color:var(--cream);font:700 17px/1.6 var(--pixel-cn)}.hero-note>span:last-child{font-size:12px;line-height:1.6}.scene-console{z-index:12;animation:console-in .8s .5s var(--ease) both;background:linear-gradient(135deg,#fff8e90f,#0000 42%),#0d130fe0;border:1px solid #fff8e92e;position:absolute;bottom:24px;left:max(3vw,22px);right:max(3vw,22px);box-shadow:6px 8px #0003}@keyframes console-in{0%{opacity:0;translate:0 14px}}.console-row{align-items:center;gap:18px;padding:11px 14px;display:grid}.console-row+.console-row{border-top:1px solid #fff8e91f}.time-row{grid-template-columns:54px minmax(390px,1fr) auto}.room-row{grid-template-columns:54px minmax(0,1fr)}.console-label{color:#fff8e966;font:700 12px/1 var(--pixel-cn);letter-spacing:.16em}.segmented,.weather-switch,.cat-actions{align-items:stretch;display:flex}.segmented button,.weather-switch button,.cat-actions button{appearance:none;cursor:pointer;background:0 0;border:1px solid #fff8e926;transition:color .18s,background-color .18s,border-color .18s}.segmented button{color:#fff8e994;min-height:35px;font:400 12px/1.2 var(--pixel-en);letter-spacing:.06em;border-right-color:#0000;flex:1;padding:5px 8px}.segmented button:last-child{border-right-color:#fff8e926}.segmented button span{color:#fff8e959;margin-right:7px;font-size:12px;display:inline-block}.segmented button:hover,.weather-switch button:hover,.cat-actions button:hover{color:var(--cream);background:#fff8e914}.segmented button[aria-pressed=true],.weather-switch button[aria-pressed=true],.cat-actions button[aria-pressed=true]{color:var(--night);background:var(--amber);border-color:var(--amber)}.segmented button[aria-pressed=true] span{color:#0d151194}.weather-switch{margin-left:6px}.weather-switch button{color:#fff8e98c;width:36px;min-height:35px;font:700 12px/1 var(--pixel-cn);border-right:0}.weather-switch button:last-child{border-right:1px solid #fff8e926}.room-switcher{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;min-width:0;display:grid}.room-switcher button{color:#fff8e98f;min-width:0;font:400 12px/1.2 var(--pixel-cn);text-align:left;cursor:pointer;background:#fff8e906;border:1px solid #fff8e91c;align-items:center;gap:8px;padding:5px 7px;transition:color .18s,background-color .18s,border-color .18s;display:flex;overflow:hidden}.room-switcher button:hover{color:var(--cream);background:#fff8e912}.room-switcher button[aria-pressed=true]{color:var(--cream);border-color:var(--amber);background:#e3ac6326}.room-switcher img{object-fit:cover;width:33px;height:25px;image-rendering:pixelated;filter:saturate(.9);flex:0 0 33px}.ticker{z-index:3;color:var(--paper);background:var(--night-2);border-top:1px solid #fff8e91f;border-bottom:1px solid #fff8e91f;position:relative;overflow:hidden}.ticker>div{will-change:transform;align-items:center;gap:26px;width:max-content;padding:13px 0;animation:34s linear infinite ticker;display:flex}.ticker span{color:#fff8e9b3;font:400 12px/1 var(--pixel-cn);letter-spacing:.12em;white-space:nowrap}.ticker i{background:var(--amber);width:5px;height:5px;transform:rotate(45deg)}@keyframes ticker{to{transform:translate(-50%)}}.chapter{padding:clamp(86px,10vw,148px) max(5vw,28px);position:relative;overflow:clip}.chapter>*{width:min(1320px,100%);margin-left:auto;margin-right:auto}.chapter-head{grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);align-items:end;gap:clamp(40px,9vw,150px);margin-bottom:clamp(44px,6vw,72px);display:grid}.chapter-head.compact{margin-bottom:clamp(38px,5vw,58px)}.chapter-index{color:var(--rust);margin-bottom:20px}.chapter h2,.download-section h2{font:900 clamp(38px, 5.2vw, 72px)/1.18 var(--pixel-cn);letter-spacing:-.05em;text-wrap:balance;margin:0}.chapter-head>p{color:#5d6258;text-wrap:pretty;margin:0 0 6px;font-size:14px;line-height:1.95}.chapter-footnote{color:#777567;text-align:right;margin-top:24px;font-size:12px}.day-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 clamp(26px,3vw,38px);display:grid}.day-strip-label{color:#777567;grid-column:1/-1;justify-content:space-between;gap:16px;margin:0 0 2px;font-size:12px;display:flex}.day-strip-label small{color:#9a9382;font-size:12px}.day-card{aspect-ratio:1.9;color:var(--cream);background:var(--night-2);text-align:left;cursor:pointer;isolation:isolate;border:1px solid #1b201a57;padding:0;display:block;position:relative;overflow:hidden}.day-card-art{background-image:var(--scene-image);transition:transform .7s var(--ease), filter .6s ease;background-position:50%;background-size:cover;position:absolute;inset:0}.day-card:hover .day-card-art{transform:scale(1.04)}.day-card:after{content:"";background:linear-gradient(#070c090a 28%,#070c09eb);position:absolute;inset:0}.day-card-copy{z-index:2;gap:1px;display:grid;position:absolute;bottom:10px;left:12px;right:12px}.day-card-copy b{font:700 12px/1.5 var(--pixel-cn)}.day-card-copy small{color:#fff8e98a;font-size:12px;line-height:1.5}.day-card[aria-pressed=true]{border-color:var(--amber);box-shadow:inset 0 0 0 2px var(--amber)}.day-card[data-day-time=morning] .day-card-art{filter:brightness(1.16)saturate(.78)hue-rotate(-8deg)}.day-card[data-day-time=morning]:after{background:linear-gradient(#ffd69657 28%,#070c09eb)}.day-card[data-day-time=day] .day-card-art{filter:brightness(1.38)saturate(.92)}.day-card[data-day-time=day]:after{background:linear-gradient(#fff6da24 28%,#070c09e6)}.day-card[data-day-time=dusk] .day-card-art{filter:brightness(.98)saturate(1.08)sepia(.1)}.day-card[data-day-time=dusk]:after{background:linear-gradient(#c4603673 28%,#070c09eb)}.day-card[data-day-time=night] .day-card-art{filter:brightness(.72)saturate(.94)contrast(1.03)}.day-card[data-day-time=night]:after{background:linear-gradient(#101e2d8c 28%,#050a10f0)}.rooms-chapter{background:radial-gradient(circle at 15% 10%,#ffffffb8,#0000 24%),linear-gradient(145deg,#f3ebdc,#e9dfca)}.room-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.room-card{aspect-ratio:1.28;color:var(--cream);background:var(--night-2);text-align:left;cursor:pointer;isolation:isolate;border:1px solid #1b201a52;padding:0;display:block;position:relative;overflow:hidden;box-shadow:5px 5px #3932261c}.room-card:nth-child(2),.room-card:nth-child(5){transform:translateY(26px)}.room-card img{object-fit:cover;width:100%;height:100%;image-rendering:pixelated;transition:transform .8s var(--ease), filter .5s ease}.room-card-shade{background:linear-gradient(#060b0808 0%,#060b081f 48%,#060b08f0 100%);transition:background .35s;position:absolute;inset:0}.room-card:hover img{filter:brightness(1.07);transform:scale(1.035)}.room-card:hover .room-card-shade{background:linear-gradient(#e3ac6314 0%,#060b083d 36%,#060b08f5 100%)}.room-card-index{color:var(--cream);font:400 12px/1 var(--pixel-en);letter-spacing:.08em;background:#070c098c;padding:4px 6px;position:absolute;top:14px;left:14px}.room-card-copy{gap:1px;display:grid;position:absolute;bottom:16px;left:17px;right:17px}.room-card-copy b{font:700 clamp(17px, 1.7vw, 22px)/1.4 var(--pixel-cn);letter-spacing:.02em}.room-card-copy small{color:#fff8e99e;font-size:12px;line-height:1.6}.room-card-arrow{width:28px;height:28px;color:var(--night);background:var(--amber);opacity:0;place-items:center;transition:opacity .25s,transform .25s;display:grid;position:absolute;top:13px;right:15px;transform:translate(-5px,5px)}.room-card:hover .room-card-arrow,.room-card:focus-visible .room-card-arrow{opacity:1;transform:none}.naitang-chapter{color:var(--cream);background:radial-gradient(circle at 18% 30%,#e3ac631f,#0000 27%),linear-gradient(135deg,#15231b,#0c1310 58%);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(52px,8vw,130px);padding-top:clamp(95px,10vw,145px);padding-bottom:clamp(95px,10vw,145px);display:grid}.naitang-chapter:before{content:"NAITANG / DESK PET";color:#fff8e909;font:400 clamp(54px, 9vw, 140px)/1 var(--pixel-en);letter-spacing:-.06em;pointer-events:none;position:absolute;bottom:36px;right:-20px}.naitang-chapter>*{z-index:1;position:relative}.naitang-stage{background:linear-gradient(45deg,#0000 48.5%,#ffffff06 49% 51%,#0000 51.5%) 0 0/28px 28px,radial-gradient(circle at 50% 35%,#ffcf8533,#0000 33%),linear-gradient(160deg,#3a2719,#1b2018);border:1px solid #fff8e924;justify-content:center;align-items:flex-end;min-height:600px;display:flex;position:relative;overflow:hidden;box-shadow:12px 14px #0000002b}.naitang-stage:before{content:"";pointer-events:none;border:1px solid #fff8e914;position:absolute;inset:18px}.naitang-stage:after{content:"";background:#0c090666;border-radius:50%;height:12px;position:absolute;bottom:105px;left:14%;right:14%}.naitang-lamp{background:conic-gradient(from 170deg at 50% 10%, transparent 0 18deg, #ffd49226 23deg 57deg, transparent 62deg);filter:drop-shadow(0 0 35px #ffbe6252);border-top:2px solid #ffe4b0b8;border-radius:0;width:150px;height:260px;position:absolute;top:45px;right:12%}.naitang-lamp:before{content:"";clip-path:polygon(20% 0,80% 0,100% 100%,0 100%);background:#d7a05e;border:4px solid #2d2118;width:92px;height:26px;position:absolute;top:-11px;left:31px}.naitang-lamp:after{content:"";background:#2d2118;width:3px;height:230px;position:absolute;top:14px;left:74px}.naitang-desk{background:repeating-linear-gradient(90deg,#ffffff06 0 2px,#0000 2px 42px),linear-gradient(#755033 0 14%,#37271d 14% 100%);border:4px solid #211912;height:190px;position:absolute;bottom:92px;left:8%;right:8%;box-shadow:0 18px #0000002b}.desk-keyboard{background:repeating-linear-gradient(90deg,#b69a77 0 12px,#2b2119 12px 14px),#b69a77;border:5px solid #2b2119;width:170px;height:36px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.desk-mug{background:#d4c0a1;border:4px solid #2b2119;width:35px;height:43px;position:absolute;top:20px;right:12%}.desk-mug:after{content:"";border:4px solid #2b2119;border-left:0;width:18px;height:23px;position:absolute;top:6px;left:100%}.desk-paper{background:repeating-linear-gradient(0deg,#0000 0 7px,#2d21182e 7px 8px),#e7d3b0;width:74px;height:48px;position:absolute;top:23px;left:9%;transform:rotate(-4deg)}.naitang-stage .cat-sprite{z-index:5;width:192px;height:192px;position:absolute;bottom:162px}.naitang-stage .cat-shadow{width:145px;bottom:150px}.naitang-stage .cat-bubble{z-index:7;min-width:170px;bottom:352px}.stage-caption{color:#fff8e98a;font:400 12px/1 var(--pixel-en);align-items:center;gap:8px;margin:0;display:flex;position:absolute;bottom:18px;right:22px}.naitang-copy h2{font:900 clamp(40px, 5vw, 68px)/1.18 var(--pixel-cn);letter-spacing:-.05em;margin:0}.naitang-copy>p:not(.chapter-index,.small-note){color:#fff8e9a1;max-width:620px;margin:26px 0 0;font-size:14px;line-height:1.95}.naitang-copy .chapter-index{color:var(--amber)}.typing-demo{background:#fff8e90b;border:1px solid #fff8e926;margin-top:31px;padding:16px 17px 13px}.typing-demo label{color:#fff8e985;font:400 12px/1.4 var(--pixel-cn);letter-spacing:.04em;margin-bottom:9px;display:block}.typing-line{align-items:center;gap:12px;display:flex}.typing-line input{min-width:0;height:42px;color:var(--cream);caret-color:var(--amber);background:#02070461;border:1px solid #fff8e930;border-radius:0;flex:1;padding:0 12px}.typing-line input::placeholder{color:#fff8e947}.typing-line span{color:var(--amber);font:400 12px/1 var(--pixel-en);flex:none}.input-click-demo{min-height:42px;color:var(--cream);background:#d8a66c17;border-color:#d8a66c80;flex:none;padding:0 13px}.input-counters{background:#fff8e91f;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:9px;display:grid}.input-counters span{background:#02070457;align-items:baseline;gap:5px;min-width:0;padding:8px 9px;display:flex}.input-counters small{color:#fff8e96b;font:400 12px/1 var(--pixel-cn)}.input-counters b{color:var(--amber);font:400 17px/1 var(--pixel-en);font-variant-numeric:tabular-nums;margin-left:auto}.input-counters em{color:#fff8e94d;font:normal 12px/1 var(--pixel-cn)}.typing-demo>p{color:#fff8e957;margin:8px 0 0;font-size:12px}.cat-actions{gap:7px;margin-top:17px}.cat-actions button{color:#fff8e999;min-height:38px;font:700 12px/1.2 var(--pixel-cn);padding:8px 12px}.cat-actions .poke-button{color:var(--cream);border-color:#fff8e954;margin-left:auto}.reward-row{background:#fff8e91a;grid-template-columns:repeat(3,1fr);gap:1px;margin:24px 0 0;padding:0;list-style:none;display:grid}.reward-row li{background:var(--night-2);align-items:baseline;gap:8px;padding:13px 12px;display:flex}.reward-row b{color:var(--amber);font:400 17px/1 var(--pixel-en)}.reward-row span{color:#fff8e980;font-size:12px}.small-note{color:#fff8e959;margin-top:16px;font-size:12px}.listening-chapter{background:radial-gradient(circle at 84% 20%,#c4834d1c,#0000 25%),linear-gradient(150deg,#eee3d0,#ded0b5)}.listening-layout{grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);align-items:start;gap:clamp(42px,7vw,110px);display:grid}.turntable-demo{color:var(--cream);background:repeating-linear-gradient(90deg,#ffffff05 0 2px,#0000 2px 32px),linear-gradient(150deg,#302117,#161a15);border:1px solid #1a1712;padding:18px;position:relative;box-shadow:9px 10px #352b1e2b}.turntable-head{color:#fff8e970;font:400 12px/1 var(--pixel-en);border-bottom:1px solid #fff8e921;justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.turntable-head span:first-child{align-items:center;gap:8px;display:flex}.turntable-head i{background:var(--amber);width:5px;height:5px;display:inline-block}.record-stage{cursor:pointer;background:radial-gradient(circle at 44%,#efc48421,#0000 33%),linear-gradient(160deg,#3e2b1f,#1d211a);border:1px solid #fff8e91a;width:100%;height:clamp(300px,37vw,470px);margin-top:14px;padding:0;display:block;position:relative;overflow:hidden}.record-stage:before{content:"";background:linear-gradient(120deg,#fff8e914,#0000 28% 70%,#0003);position:absolute;inset:0}.record-sleeve{z-index:2;aspect-ratio:1;width:45%;transition:transform .6s var(--ease);border:6px solid #150f0b;position:absolute;top:16%;left:8%;overflow:hidden;box-shadow:12px 15px #00000038}.record-sleeve img{object-fit:cover;width:100%;height:100%}.record-stage:hover .record-sleeve{transform:translateY(-4px)rotate(-.5deg)}.vinyl{z-index:1;aspect-ratio:1;background:repeating-radial-gradient(circle,#0000 0 3px,#ffffff0e 3px 4px),radial-gradient(circle,#171715 0 15%,#080a08 15.3% 100%);border-radius:50%;width:59%;animation:5s linear infinite paused vinyl-spin;position:absolute;top:23%;right:6%;box-shadow:14px 18px #0000003b,inset 0 0 0 2px #ffffff0d}.turntable-demo[data-playing=true] .vinyl{animation-play-state:running}.vinyl:before{content:"";background:conic-gradient(from 40deg,#0000,#ffffff1f 12deg,#0000 25deg 170deg,#ffffff14 185deg,#0000 205deg);border-radius:50%;position:absolute;inset:3%}.vinyl-label{aspect-ratio:1;background:linear-gradient(135deg,#ffffff2e,#0000 42%),#c58448;border:3px solid #17110c;border-radius:50%;width:33%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vinyl-label:after{content:"";aspect-ratio:1;background:#17110c;border-radius:50%;width:12%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes vinyl-spin{to{transform:rotate(360deg)}}.tonearm{z-index:4;transform-origin:69px 14px;width:82px;height:64%;transition:transform .8s var(--ease);position:absolute;top:8%;right:5%}.tonearm:before{content:"";background:#c7aa78;border:7px solid #16120e;border-radius:50%;width:38px;height:38px;position:absolute;top:0;right:0;box-shadow:inset 0 0 0 5px #8d6d46}.tonearm i{transform-origin:top;background:#d0b37f;border:3px solid #16120e;width:8px;height:76%;position:absolute;top:23px;right:29px;transform:rotate(3deg)}.tonearm i:after{content:"";background:#d0b37f;border:4px solid #16120e;width:23px;height:29px;position:absolute;bottom:-13px;left:-9px}.turntable-demo[data-playing=true] .tonearm{transform:rotate(18deg)}.record-shadow{background:#00000052;border-radius:50%;width:53%;height:10%;position:absolute;bottom:9%;right:9%}.now-playing{background:#02060440;border:1px solid #fff8e91a;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;margin-top:13px;padding:10px;display:grid}.now-playing>img{object-fit:cover;border:2px solid #fff8e933;width:48px;height:48px}.now-playing div{grid-template-columns:auto 1fr;align-items:baseline;gap:1px 9px;min-width:0;display:grid}.now-playing div>span{color:#fff8e959;font:400 12px/1 var(--pixel-en);grid-row:span 2}.now-playing strong{color:var(--cream);font:700 13px/1.35 var(--pixel-cn);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.now-playing small{color:#fff8e970;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.transport{height:38px;color:var(--night);background:var(--amber);font:700 12px/1 var(--pixel-cn);cursor:pointer;border:1px solid #f1c887;align-items:center;gap:8px;padding:0 12px;display:flex}.transport-icon{border-top:6px solid #0000;border-bottom:6px solid #0000;border-left:9px solid var(--night);width:0;height:0}.turntable-demo[data-playing=true] .transport-icon{border:0;border-right:3px solid var(--night);border-left:3px solid var(--night);width:9px;height:12px}.play-progress{background:#fff8e91f;height:3px;margin-top:7px}.play-progress i{background:var(--amber);width:18%;height:100%;transition:width .5s linear;display:block}.tracklist{border-top:1px solid #fff8e91a;margin:13px 0 0;padding:0;list-style:none}.tracklist button{color:#fff8e97a;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #fff8e912;grid-template-columns:30px minmax(0,1fr) auto;gap:8px;width:100%;padding:8px 4px;font-size:12px;display:grid}.tracklist button:hover{color:var(--cream)}.tracklist button.is-active{color:var(--cream);background:#e3ac631a}.tracklist button span,.tracklist button small{color:#fff8e947;font:400 12px/1.6 var(--pixel-en)}.pull-quote{color:var(--ink);font:700 clamp(25px, 3.2vw, 43px)/1.5 var(--pixel-cn);letter-spacing:-.03em;margin:0}.pull-quote:before{content:"“";height:.48em;color:var(--rust);font-family:Georgia,serif;font-size:1.7em;line-height:1;display:block}.smart-deck{color:var(--cream);background:linear-gradient(135deg,#fff8e90e,#0000 44%),#19231c;border:1px solid #1e1b15;margin-top:28px;padding:16px;box-shadow:7px 8px #352b1e24}.smart-deck-head{color:#fff8e966;font:400 12px/1 var(--pixel-en);letter-spacing:.08em;border-bottom:1px solid #fff8e91f;justify-content:space-between;gap:12px;padding-bottom:10px;display:flex}.smart-deck-head span:first-child{color:var(--amber);align-items:center;gap:7px;display:flex}.smart-deck-head i{background:var(--amber);width:5px;height:5px}.smart-ask{color:var(--cream);font:700 clamp(15px, 1.4vw, 18px)/1.6 var(--pixel-cn);margin:14px 0 10px}.smart-chips{flex-wrap:wrap;gap:6px;display:flex}.smart-chips button{color:#fff8e985;min-height:30px;font:400 12px/1.2 var(--pixel-cn);cursor:pointer;background:0 0;border:1px solid #fff8e924;padding:5px 9px}.smart-chips button:hover{color:var(--cream);background:#fff8e90f}.smart-chips button[aria-pressed=true]{color:var(--night);background:var(--amber);border-color:var(--amber)}.smart-plan-meta{justify-content:space-between;align-items:baseline;gap:12px;margin-top:13px;display:flex}.smart-plan-meta span:first-child{color:var(--amber);font:400 12px/1.5 var(--pixel-en);letter-spacing:.04em}.smart-plan-meta span:last-child{color:#fff8e961;font:400 12px/1.5 var(--pixel-cn)}.smart-picks{gap:5px;margin:8px 0 0;padding:0;list-style:none;display:grid}.smart-pick{background:#fff8e90b;border:1px solid #fff8e91a;grid-template-columns:24px 48px minmax(0,1fr) auto;align-items:center;gap:9px;padding:7px 8px 7px 6px;display:grid}.smart-pick img{object-fit:cover;border:2px solid #fff8e92e;width:48px;height:48px}.smart-pick div{min-width:0;display:grid}.smart-pick div>span{color:var(--amber);font:400 12px/1.4 var(--pixel-en);letter-spacing:.06em}.smart-pick strong{color:var(--cream);font:700 17px/1.4 var(--pixel-cn);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.smart-pick small{color:#fff8e973;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.smart-order{color:#fff8e94d;font:400 12px/1 var(--pixel-en);text-align:center}.smart-tag{color:#fff8e96b;font:400 12px/1.3 var(--pixel-cn);white-space:nowrap;border:1px solid #fff8e924;padding:4px 6px}.smart-pick:first-child .smart-tag{color:var(--amber);border-color:#e3ac6357}.smart-playback{grid-template-columns:48px repeat(2,minmax(0,1fr));gap:5px;margin-top:10px;display:grid}.smart-playback-label{color:#fff8e94d;font:400 12px/1.4 var(--pixel-cn);align-items:center;display:flex}.smart-playback button{color:#fff8e97a;text-align:left;cursor:pointer;background:#fff8e906;border:1px solid #fff8e91f;gap:1px;min-width:0;padding:7px 8px;display:grid}.smart-playback button:hover{color:var(--cream);border-color:#fff8e947}.smart-playback button[aria-pressed=true]{color:var(--cream);box-shadow:inset 3px 0 0 var(--amber);background:#e3ac631a;border-color:#e3ac6385}.smart-playback b,.smart-playback small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.smart-playback b{font:700 12px/1.5 var(--pixel-cn)}.smart-playback small{color:#fff8e957;font:400 12px/1.5 var(--pixel-cn)}.smart-reason{color:#fff8e98f;margin:10px 0 0;font-size:12px;line-height:1.8}.smart-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:13px;display:flex}.smart-actions .button{min-height:38px;padding:8px 13px;font-size:12px}.smart-actions span{color:#fff8e95c;font:400 12px/1.5 var(--pixel-cn)}.smart-foot{color:#fff8e94d;margin:10px 0 0;font-size:12px;line-height:1.7}.note-list{border-top:1px solid var(--line-light);margin-top:36px}.note-list article{border-bottom:1px solid var(--line-light);grid-template-columns:38px 1fr;gap:14px;padding:18px 0;display:grid}.note-list article>span{color:var(--rust);font:400 12px/1 var(--pixel-en);padding-top:2px}.note-list b{font:700 15px/1.5 var(--pixel-cn)}.note-list p{color:#646457;margin:6px 0 0;font-size:12px;line-height:1.8}.scope-note{color:#7d7668;border-left:2px solid var(--rust);margin:20px 0 0;padding-left:14px;font-size:12px;line-height:1.8}.focus-chapter{color:var(--cream);background:radial-gradient(circle at 70% 25%,#e3ac631c,#0000 29%),linear-gradient(145deg,#19291f,#0d1511 68%)}.focus-chapter .chapter-index{color:var(--amber)}.focus-chapter .chapter-head>p{color:#fff8e98c}.focus-grid{grid-template-columns:minmax(0,1.18fr) minmax(330px,.82fr);align-items:stretch;gap:18px;display:grid}.focus-console{color:var(--cream);background:linear-gradient(135deg,#fff8e90e,#0000 40%),#131e17;border:1px solid #fff8e929;padding:clamp(24px,3.2vw,45px);box-shadow:10px 12px #00000024}.focus-toolbar{color:#fff8e966;font:400 12px/1 var(--pixel-en);letter-spacing:.08em;justify-content:space-between;gap:12px;display:flex}.focus-toolbar b{color:var(--amber)}.flip-clock{perspective:900px;justify-content:center;align-items:center;gap:clamp(5px,.7vw,10px);margin:clamp(30px,5vw,64px) 0 clamp(20px,3vw,36px);display:flex}.flip-digit{aspect-ratio:.74;color:#f8e9ca;width:clamp(60px,7.6vw,108px);font:400 clamp(46px, 6.4vw, 86px)/1 var(--pixel-en);text-shadow:0 0 14px #ffdea22e;background:linear-gradient(#352f24 0 49.5%,#1a1a16 50% 100%);border:3px solid #4a3b29;place-items:center;display:grid;position:relative;box-shadow:inset 0 0 0 3px #181711,0 8px #080b08}.flip-digit:after{content:"";z-index:2;background:#090d09;border-top:1px solid #fff8e91a;height:4px;position:absolute;top:50%;left:0;right:0;transform:translateY(-2px)}.flip-digit.is-flipping{animation:.4s steps(4,end) flip-tick}@keyframes flip-tick{0%{transform:rotateX(0)}50%{filter:brightness(.65);transform:rotateX(-74deg)}to{transform:rotateX(0)}}.flip-colon{color:var(--amber);font:400 clamp(36px, 5vw, 68px)/1 var(--pixel-en);animation:1s steps(2,end) infinite colon-blink}@keyframes colon-blink{50%{opacity:.32}}.focus-quote{color:#fff8e980;font:400 12px/1.6 var(--pixel-cn);text-align:center;margin:0 0 28px}.focus-presets{background:#fff8e926;grid-template-columns:repeat(4,1fr);gap:1px;display:grid}.focus-presets button{color:#fff8e980;cursor:pointer;background:#111b15;border:0;justify-items:start;gap:4px;padding:12px;transition:color .18s,background-color .18s;display:grid}.focus-presets button:hover{color:var(--cream);background:#1b2a21}.focus-presets b{color:var(--cream);font:400 17px/1 var(--pixel-en)}.focus-presets span{font-size:12px}.focus-presets button.is-active{color:var(--night);background:var(--amber)}.focus-presets button.is-active b{color:var(--night)}.focus-actions{margin-top:22px}.focus-actions .button.quiet{border-color:#fff8e938}.study-stack{gap:18px;display:grid}.wordbook-card{color:var(--ink);background:#e8dcc5;border:1px solid #2e2b23;padding:18px;box-shadow:7px 8px #00000024}.wordbook-card header,.wordbook-card footer{color:#736c5c;font:400 12px/1 var(--pixel-en);justify-content:space-between;gap:14px;display:flex}.wordbook-card footer{font-family:var(--pixel-cn);border-top:1px dashed #352f254d;padding-top:12px}.wordbook-card footer b{color:var(--ink)}.flashcard{perspective:1000px;cursor:pointer;background:0 0;border:0;width:100%;height:258px;margin:15px 0;padding:0;display:block}.flashcard-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .55s var(--ease);display:block;position:relative}.flashcard[aria-pressed=true] .flashcard-inner{transform:rotateY(180deg)}.flash-face{backface-visibility:hidden;background:repeating-linear-gradient(0deg,#0000 0 29px,#43382917 29px 30px),#fbf4e4;border:1px solid #352f2547;flex-direction:column;justify-content:center;align-items:center;gap:11px;padding:20px;display:flex;position:absolute;inset:0}.flash-face:before,.flash-face:after{content:"";border:1px solid #352f2554;width:12px;height:12px;position:absolute}.flash-face:before{border-bottom:0;border-right:0;top:8px;left:8px}.flash-face:after{border-top:0;border-left:0;bottom:8px;right:8px}.flash-face.back{background:repeating-linear-gradient(0deg,#0000 0 29px,#43382917 29px 30px),#f4ead6;transform:rotateY(180deg)}.flash-face b{font:900 38px/1.2 var(--pixel-cn)}.flash-face.back b{font-size:28px}.flash-face small,.flash-face em{color:#756b5a;text-align:center;font-size:12px;font-style:normal}.flash-face em{font-family:var(--pixel-en)}.focus-note{background:#101813;border:1px solid #fff8e921;min-height:240px;position:relative;overflow:hidden}.focus-note img{object-fit:cover;filter:brightness(.65)saturate(.8);width:100%;height:100%;min-height:240px}.focus-note div{background:linear-gradient(#0000,#080c09f0);padding:43px 18px 16px;position:absolute;bottom:0;left:0;right:0}.focus-note span{color:var(--amber);font:400 12px/1 var(--pixel-en);display:block}.focus-note b{color:var(--cream);font:700 13px/1.5 var(--pixel-cn);margin-top:6px;display:block}.letters-chapter{background:linear-gradient(90deg,#322a1f0b 1px,#0000 1px) 0 0/28px 28px,linear-gradient(#322a1f0b 1px,#0000 1px) 0 0/28px 28px,linear-gradient(145deg,#eee3cf,#e4d6bd)}.letters-layout{grid-template-columns:minmax(0,1.07fr) minmax(330px,.93fr);align-items:start;gap:clamp(34px,6vw,90px);display:grid}.mailbox-panel{min-width:0}.mailbox-tabs{gap:2px;display:flex}.mailbox-tabs button{color:#716a59;min-height:37px;font:700 12px/1.2 var(--pixel-cn);cursor:pointer;background:#d6c6aa;border:1px solid #2f2b2252;border-bottom:0;padding:8px 14px}.mailbox-tabs button[aria-selected=true]{color:var(--cream);background:#7d4b35}.letter-paper{background:radial-gradient(circle at 13% 17%,#624e3117 0 1px,#0000 2px) 0 0/8px 8px,radial-gradient(circle at 62% 74%,#624e3112 0 1px,#0000 2px) 0 0/11px 11px,repeating-linear-gradient(0deg,#0000 0 31px,#45392a21 31px 32px),#fbf3e2;border:1px solid #2f2b224d;min-height:575px;padding:clamp(30px,4vw,53px);position:relative;box-shadow:9px 10px #382e201f}.letter-paper:before{content:"";background:#a85a403d;width:2px;position:absolute;top:0;bottom:0;left:31px}.letter-stamp{color:#8d4c36;width:48px;height:58px;font:700 12px/1.3 var(--pixel-cn);text-align:center;border:2px dashed #a15e45;place-items:center;display:grid;position:absolute;top:22px;right:22px;transform:rotate(3deg)}.letter-date{color:#897d69;font:400 12px/1 var(--pixel-en);margin:0 0 30px}.letter-paper h3{color:#3d3328;font:900 clamp(22px, 2.5vw, 32px)/1.35 var(--pixel-cn);margin:0 0 24px}.letter-body{color:#4d4438;font-family:var(--body);font-size:14px;line-height:2.15}.letter-body p{margin:0 0 15px}.letter-body b{color:#8d4c36}.letter-sign{color:#625542;font:700 12px/1.5 var(--pixel-cn);text-align:right;margin:30px 0 0}.letter-tags{flex-wrap:wrap;gap:6px;margin:25px 0 0;padding:0;list-style:none;display:flex}.letter-tags li{color:#6e5d48;font:400 12px/1 var(--pixel-cn);background:#e9d6b5;border:1px solid #51402d38;padding:4px 7px}.write-panel{padding-top:16px}.write-kicker{color:var(--rust)}.write-panel h3{font:900 clamp(28px, 3vw, 42px)/1.35 var(--pixel-cn);letter-spacing:-.035em;margin:0 0 24px}.write-panel form label{color:#6c6659;margin-bottom:9px;font-size:12px;display:block}.write-panel textarea{width:100%;min-height:142px;color:var(--ink);resize:vertical;background:#fff9ebb8;border:1px solid #2f2b2259;border-radius:0;padding:14px;line-height:1.8}.write-panel textarea::placeholder{color:#958b79}.write-panel form>div{justify-content:space-between;align-items:center;gap:16px;margin-top:10px;display:flex}.write-panel form>div>span{color:#8a8171;font:400 12px/1 var(--pixel-en)}.reply-note{color:#4c4234;border-left:4px solid var(--rust);background:#f7ecd7;margin-top:16px;padding:17px 18px;animation:.35s steps(4,end) both reply-in;box-shadow:4px 4px #392f2114}.reply-note span{color:#8c7d66;font:400 12px/1.4 var(--pixel-en)}.reply-note p{margin:8px 0 0;font-size:13px;line-height:1.9}@keyframes reply-in{0%{opacity:0;transform:translateY(6px)}}.privacy-card{border-top:1px solid var(--line-light);grid-template-columns:41px 1fr;gap:13px;margin-top:28px;padding-top:22px;display:grid}.privacy-icon{width:40px;height:40px;color:var(--cream);background:var(--night-2);font:700 12px/1 var(--pixel-cn);place-items:center;display:grid}.privacy-card b{font:700 13px/1.5 var(--pixel-cn)}.privacy-card p{color:#686255;margin:6px 0 0;font-size:12px;line-height:1.8}.proof-chapter{background:radial-gradient(circle at 10% 8%,#fffc,#0000 26%),#f2eadb}.proof-grid{grid-template-columns:1.25fr .75fr;gap:18px;display:grid}.proof-shot{background:#2b241c;border:1px solid #27221a59;margin:0;overflow:hidden;box-shadow:6px 7px #332b201a}.proof-shot.wide{grid-row:span 2}.proof-shot img{aspect-ratio:1.6;object-fit:cover;object-position:top;filter:saturate(.9);width:100%;transition:filter .3s ease, transform .6s var(--ease)}.proof-shot:hover img{filter:saturate();transform:scale(1.01)}.proof-shot figcaption{color:var(--cream);align-items:center;gap:12px;padding:11px 13px;display:flex}.proof-shot figcaption span{color:var(--amber);font:400 12px/1 var(--pixel-en);flex:none}.proof-shot figcaption b{font:700 12px/1.45 var(--pixel-cn)}.proof-numbers{background:var(--line-light);border:1px solid var(--line-light);grid-template-columns:repeat(2,1fr);gap:1px;display:grid}.proof-numbers div{background:#ebe0cc;flex-direction:column;justify-content:center;min-height:122px;padding:18px;display:flex}.proof-numbers b{color:var(--rust);font:400 clamp(32px, 4vw, 51px)/1 var(--pixel-en)}.proof-numbers span{color:#6d675b;font:400 12px/1.3 var(--pixel-cn);margin-top:8px}.proof-note{color:var(--cream);background:var(--night-2);grid-column:1/-1;grid-template-columns:1.2fr 1fr;align-items:center;gap:30px;padding:30px 34px;display:grid}.proof-note p{color:var(--amber);font:700 clamp(20px, 2.4vw, 32px)/1.5 var(--pixel-cn);margin:0}.proof-note span{color:#fff8e98a;font-size:12px;line-height:1.9}.download-section{color:var(--cream);background:radial-gradient(circle at 72% 38%,#e3ac632b,#0000 28%),linear-gradient(145deg,#1c2e22,#0c130f 68%);grid-template-columns:minmax(0,1fr) minmax(320px,.66fr);align-items:center;gap:clamp(50px,9vw,150px);padding:clamp(100px,12vw,170px) max(6vw,28px) clamp(72px,8vw,112px);display:grid;position:relative;overflow:hidden}.download-section:before{content:"COME HOME";color:#fff8e909;font:400 clamp(80px, 18vw, 260px)/1 var(--pixel-en);letter-spacing:-.08em;pointer-events:none;position:absolute;bottom:2vw;right:-1vw}.download-copy,.download-window,.release-note{z-index:1;width:min(700px,100%);margin-left:auto;margin-right:auto;position:relative}.download-copy{justify-self:end}.download-section .chapter-index{color:var(--amber)}.download-section h2{font-size:clamp(42px,6vw,82px)}.download-copy>p:not(.chapter-index){color:#fff8e994;max-width:580px;margin:25px 0 0;font-size:14px;line-height:1.9}.download-actions{margin-top:30px}.text-link{color:#fff8e9a6;font:400 12px/1.5 var(--pixel-cn)}.download-window{background:#0b100d;border:1px solid #fff8e947;justify-self:start;padding:10px;transform:rotate(1.2deg);box-shadow:14px 16px #00000042}.download-window>div{align-items:center;gap:6px;height:26px;padding:0 5px;display:flex}.download-window>div span{background:#8d8d78;width:7px;height:7px}.download-window>div span:first-child{background:var(--rust)}.download-window>div span:nth-child(2){background:var(--amber)}.download-window>div span:nth-child(3){background:var(--moss)}.download-window>div small{color:#fff8e95c;font:400 12px/1 var(--pixel-en);margin-left:auto}.download-window img{aspect-ratio:1.6;object-fit:cover;width:100%;image-rendering:pixelated}.download-window>p{color:#fff8e97a;font:400 12px/1 var(--pixel-en);align-items:center;gap:8px;margin:9px 2px 0;display:flex}.download-window>p i{background:#9bc889;width:5px;height:5px}.release-note{color:#fff8e959;border-top:1px solid #fff8e91f;grid-column:1/-1;margin-top:54px;padding-top:18px;font-size:12px;line-height:1.8}.release-note a{color:#fff8e9a3}.site-footer{color:#fff8e96b;background:#090f0b;border-top:1px solid #fff8e91a;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:32px max(5vw,28px);font-size:12px;display:grid}.footer-mark{align-items:center;gap:10px;display:flex}.footer-mark img{width:30px;height:30px;image-rendering:pixelated}.footer-mark b,.footer-mark small{display:block}.footer-mark b{color:#fff8e9b3;font:700 12px/1.3 var(--pixel-cn)}.footer-mark small,.site-footer p{font:400 12px/1.5 var(--pixel-en)}.site-footer p{text-align:center;margin:0}.site-footer nav{justify-self:end;gap:20px;display:flex}.site-footer a{text-decoration:none}.site-footer a:hover{color:var(--cream)}.site-footer .art-credit{color:#fff8e947;font:400 12px/1.6 var(--body);text-align:left;grid-column:1/-1}.toast{z-index:110;color:var(--cream);background:var(--night-2);font:700 12px/1.5 var(--pixel-cn);opacity:0;pointer-events:none;border:1px solid #fff8e93d;padding:12px 15px;transition:opacity .2s,transform .2s;position:fixed;bottom:22px;right:22px;transform:translateY(10px);box-shadow:5px 6px #00000038}.toast.is-visible{opacity:1;transform:none}@media (width<=1120px){.site-header{grid-template-columns:auto 1fr auto}.site-header nav{justify-content:center;gap:17px}.hero-copy{width:min(620px,58vw)}.hero-cat{bottom:245px;right:6vw}.room-switcher button{font-size:12px}.room-switcher img{flex-basis:29px;width:29px;height:23px}.naitang-stage{min-height:540px}}@media (width<=900px){.site-header{justify-content:space-between;height:68px;animation:none;display:flex}.site-header nav{z-index:80;right:max(12px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom));left:max(12px, env(safe-area-inset-left));height:46px;color:var(--cream);scrollbar-width:none;background:#090f0bf0;border:1px solid #fff8e933;justify-content:space-between;gap:2px;padding:5px;display:flex;position:fixed;overflow-x:auto;box-shadow:0 10px 30px #00000052}.site-header nav::-webkit-scrollbar{display:none}.site-header nav a{color:#fff8e9a8;white-space:nowrap;flex:1 0 auto;place-items:center;min-width:48px;padding:8px 7px;font-size:12px;display:grid}.header-download{min-height:33px}.hero{height:100svh;min-height:850px}.hero-meta{justify-content:space-between;top:82px;left:24px;right:24px}.hero-meta>p:first-child,.hero-note{display:none}.hero-clock{text-align:left;border-left:0;padding-left:0}.hero-clock time{font-size:20px}.hero-copy{width:auto;top:135px;left:24px;right:24px}.hero h1{font-size:clamp(46px,10vw,72px)}.lead{max-width:540px;font-size:15px}.hero-cat{width:128px;height:128px;bottom:328px;right:8vw}.hero-cat .cat-sprite{width:108px;height:108px}.hero-cat .cat-bubble{min-width:130px;max-width:190px;font-size:12px}.scene-console{bottom:76px;left:18px;right:18px}.time-row{grid-template-columns:44px minmax(0,1fr);gap:10px}.weather-switch{grid-column:2;justify-self:start;margin:0}.room-row{grid-template-columns:44px minmax(0,1fr);gap:10px}.room-switcher{scrollbar-width:thin;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.room-switcher button{flex:0 0 118px}.chapter-head{grid-template-columns:1fr;gap:25px}.chapter-head>p{max-width:650px}.room-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.room-card:nth-child(2),.room-card:nth-child(5){transform:none}.naitang-chapter{grid-template-columns:1fr}.naitang-stage{width:min(620px,100%);min-height:540px}.naitang-copy{max-width:680px}.listening-layout,.letters-layout{grid-template-columns:1fr}.listening-notes{padding-top:10px}.focus-grid{grid-template-columns:1fr}.study-stack{grid-template-columns:repeat(2,minmax(0,1fr))}.wordbook-card,.focus-note{min-width:0}.proof-grid{grid-template-columns:1fr}.proof-shot.wide{grid-row:auto}.proof-numbers{grid-template-columns:repeat(4,1fr)}.proof-note{grid-template-columns:1fr;gap:14px}.download-section{grid-template-columns:1fr}.download-copy,.download-window{justify-self:stretch}.download-window{width:min(640px,100%)}.site-footer{grid-template-columns:1fr auto;padding-bottom:92px}.site-footer p{display:none}.toast{bottom:76px}}@media (width<=620px){.chapter{padding-left:18px;padding-right:18px}.site-header{padding:0 18px}.brand strong{font-size:14px}.brand small,.header-download{font-size:12px}.hero{height:100svh;min-height:820px;max-height:920px}.hero-meta{top:79px;left:20px;right:20px}.hero-copy{top:118px;left:20px;right:20px}.eyebrow{margin-bottom:15px;font-size:12px}.hero h1{letter-spacing:-.05em;font-size:clamp(34px,10.35vw,44px);line-height:1.18}.hero h1 br{display:none}.lead{margin-top:20px;font-size:14px;line-height:1.8}.hero-actions{margin-top:23px}.hero-facts{gap:4px 17px;margin-top:18px;font-size:12px}.hero-cat{transform-origin:100% 100%;bottom:328px;right:20px;transform:scale(.88)}.hero-cat .cat-bubble{width:max-content;min-width:0;max-width:min(176px,100vw - 40px);top:calc(100% + 5px);bottom:auto;left:50%;transform:translate(-50%)}.hero-cat .cat-bubble:after{border:0;border-top:2px solid #39291e;border-left:2px solid #39291e;top:auto;bottom:100%;transform:translate(-50%,4px)rotate(45deg)}.scene-console{bottom:76px;left:12px;right:12px}.console-row{gap:7px;padding:8px}.console-label{font-size:12px}.segmented button{min-height:32px;padding:4px 3px;font-size:12px}.segmented button span{margin:0 0 2px;font-size:12px;display:block}.weather-switch button{min-height:31px}.room-switcher button{flex-basis:105px;padding:4px;font-size:12px}.room-switcher img{flex-basis:27px;width:27px;height:22px}.chapter{padding-top:78px;padding-bottom:78px}.chapter h2,.download-section h2{font-size:clamp(34px,10.2vw,48px)}.chapter-head{margin-bottom:38px}.room-gallery{grid-template-columns:1fr}.day-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.day-card{aspect-ratio:1.6}.room-card{aspect-ratio:1.35}.chapter-footnote{text-align:left}.naitang-stage{min-height:450px}.naitang-desk{height:162px;left:3%;right:3%}.naitang-stage .cat-sprite{width:160px;height:160px;bottom:135px}.naitang-stage .cat-shadow{bottom:125px}.naitang-stage .cat-bubble{max-width:190px;bottom:295px}.desk-keyboard{width:140px}.typing-line{flex-direction:column;align-items:stretch}.typing-line span{text-align:right}.input-click-demo{min-height:38px}.input-counters{grid-template-columns:1fr}.cat-actions{flex-wrap:wrap}.cat-actions .poke-button{margin-left:0}.reward-row{grid-template-columns:1fr}.reward-row li{justify-content:space-between}.record-stage{height:310px}.record-sleeve{width:48%;top:18%;left:5%}.vinyl{width:61%;top:26%;right:3%}.now-playing{grid-template-columns:42px minmax(0,1fr)}.now-playing>img{width:42px;height:42px}.transport{grid-column:1/-1;justify-content:center;width:100%}.focus-console{padding:18px}.flip-clock{gap:4px}.flip-digit{border-width:2px;width:19vw;font-size:12vw}.flip-colon{font-size:10vw}.focus-presets{grid-template-columns:repeat(2,1fr)}.study-stack{grid-template-columns:1fr}.smart-pick{grid-template-columns:20px 42px minmax(0,1fr)}.smart-pick img{width:42px;height:42px}.smart-pick .smart-tag{grid-column:2/-1;justify-self:start}.smart-playback{grid-template-columns:repeat(2,minmax(0,1fr))}.smart-playback-label{grid-column:1/-1}.flashcard{height:225px}.letter-paper{min-height:520px;padding:28px 24px 28px 38px}.letter-paper:before{left:21px}.letter-stamp{width:39px;height:48px;font-size:12px}.mailbox-tabs button{flex:1;padding-inline:6px;font-size:12px}.proof-numbers{grid-template-columns:repeat(2,1fr)}.proof-note{padding:23px 20px}.download-section{padding-left:20px;padding-right:20px}.download-window{transform:none}.release-note{margin-top:34px}.site-footer{grid-template-columns:1fr;padding:25px 20px 92px}.site-footer nav{justify-self:start}.toast{text-align:center;bottom:76px;left:14px;right:14px}}}@layer skin,overrides;