@font-face{font-family:Ledger;src:url('assets/eb-garamond-400-normal.woff2');font-display:swap}
@font-face{font-family:Ledger;src:url('assets/eb-garamond-400-italic.woff2');font-style:italic;font-display:swap}
@font-face{font-family:Pixel;src:url('assets/dotgothic16-400-normal.woff2');font-display:swap}
@font-face{font-family:Chinese;src:url('assets/noto-sans-sc-400-normal.woff2');font-display:swap}
@font-face{font-family:Mincho;src:url('assets/shippori-mincho-500-normal.woff2');font-display:swap}
@font-face{font-family:Brush;src:url('assets/ma-shan-zheng-400-normal.woff2');font-display:swap}
:root{
 color-scheme:dark;--ground:oklch(17% .035 310);--surface:oklch(23% .045 316);--raised:oklch(29% .065 320);
 --ink:oklch(94% .022 330);--secondary:oklch(80% .035 325);--muted:oklch(68% .035 325);
 --line:oklch(46% .069 321);--line-soft:oklch(35% .055 321);--pink:oklch(81% .14 344);--cyan:oklch(86% .098 189);--accent-ground:oklch(31% .081 334);
 --paper:oklch(92% .029 343);--paper-ink:oklch(31% .071 318);--paper-secondary:oklch(46% .055 320);--paper-line:oklch(72% .047 333);--stamp:oklch(49% .17 348);
 --night:oklch(13% .031 306);--night-ink:oklch(94% .025 335);--night-secondary:oklch(84% .045 329);--night-pink:oklch(82% .14 345);--night-cyan:oklch(88% .10 190);
 --pink-glow:oklch(68% .2 341 / .15);--cyan-glow:oklch(80% .13 190 / .1);--shadow:oklch(8% .036 307 / .48);
 --chrome:oklch(79% .115 335);--chrome-light:oklch(93% .045 328);--chrome-ink:oklch(27% .07 312);--window:oklch(92% .027 331);--hot-pink:oklch(60% .22 347);
 --selection:oklch(82% .105 320);--window-line:oklch(56% .13 326);--window-inset:oklch(88% .046 332);--glass:oklch(20% .04 314 / .88);--clear:oklch(0% 0 0 / 0);
 --display:Ledger,Georgia,serif;--mono:Pixel,Chinese,monospace;--body:Chinese,system-ui,sans-serif;--ease:cubic-bezier(.2,.7,.2,1);
}
@media(prefers-color-scheme:light){:root:not([data-theme]){color-scheme:light;--ground:oklch(93% .028 329);--surface:oklch(97% .014 335);--raised:oklch(88% .052 331);--ink:oklch(28% .059 313);--secondary:oklch(43% .065 318);--muted:oklch(51% .059 315);--line:oklch(67% .071 326);--line-soft:oklch(82% .04 328);--pink:oklch(46% .185 347);--cyan:oklch(40% .075 195);--accent-ground:oklch(90% .065 335);--chrome:oklch(86% .085 337);--window:oklch(97% .015 335)}}
:root[data-theme=light]{color-scheme:light;--ground:oklch(93% .028 329);--surface:oklch(97% .014 335);--raised:oklch(88% .052 331);--ink:oklch(28% .059 313);--secondary:oklch(43% .065 318);--muted:oklch(51% .059 315);--line:oklch(67% .071 326);--line-soft:oklch(82% .04 328);--pink:oklch(46% .185 347);--cyan:oklch(40% .075 195);--accent-ground:oklch(90% .065 335);--chrome:oklch(86% .085 337);--window:oklch(97% .015 335)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:22px}body{margin:0;background:var(--ground);color:var(--ink);font:13px/1.65 var(--body)}body:has(dialog[open]){overflow:hidden}button,input,textarea{font:inherit}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;border:0;background:none;border-radius:0}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);font-weight:400}em{font-weight:400}::selection{background:var(--selection);color:var(--chrome-ink)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}small{font-size:11px}
.system-bar{height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 25px;background:var(--surface);border-bottom:1px solid var(--line);font:11px var(--mono)}.parent{display:flex;align-items:center;gap:12px}.parent>span{font-size:24px;color:var(--pink)}.parent small{font-size:10px;color:var(--muted)}.system-greeting{color:var(--pink);letter-spacing:.12em}.system-greeting>span{color:var(--secondary);letter-spacing:0;margin-left:12px}.head-actions{display:flex;align-items:center;gap:20px}.light-switch{font:10px var(--mono);display:flex;align-items:center;gap:7px;min-height:36px}.light-switch>span:first-child{font-size:19px;color:var(--pink)}.head-actions time{color:var(--secondary)}.status-dot{display:inline-block;width:5px;height:5px;background:var(--cyan);box-shadow:0 0 8px var(--cyan-glow)}
.entrance{position:relative;isolation:isolate;height:max(870px,calc(100svh - 66px));overflow:hidden;background:var(--night);color:var(--night-ink)}.desktop-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:100% 53%;z-index:-3}.art-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,color-mix(in oklch,var(--night) 30%,transparent),transparent 42%),linear-gradient(0deg,color-mix(in oklch,var(--night) 68%,transparent),transparent 23%)}.entrance:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 3px,color-mix(in oklch,var(--night) 9%,transparent) 3px 4px)}
.desktop-path{position:absolute;left:30px;top:20px;right:30px;display:flex;justify-content:space-between;font:10px var(--mono);color:var(--night-secondary);text-shadow:0 1px 4px var(--night)}.desktop-path>span{font-size:9px}.desktop-files{position:absolute;top:63px;left:5.7%;display:flex;gap:25px}.desktop-files>button{width:85px;padding:8px 1px;display:grid;justify-items:center;gap:8px;font:10px var(--mono);color:var(--night-ink);text-shadow:0 1px 4px var(--night);border:1px solid transparent}.desktop-files>button:hover{background:color-mix(in oklch,var(--night-pink) 15%,transparent);border:1px dotted var(--night-pink)}.file-icon{height:42px;width:40px;display:grid;place-items:center;filter:drop-shadow(3px 3px 0 var(--shadow));position:relative}.file-icon img{image-rendering:pixelated}.icon-pill>i{width:22px;height:38px;border:2px solid var(--night-ink);border-radius:14px;background:linear-gradient(var(--night-pink) 47%,var(--night-ink) 48% 52%,var(--night-cyan) 53%);transform:rotate(35deg)}.icon-book{background:var(--chrome);color:var(--chrome-ink);border:2px solid var(--chrome-light);box-shadow:inset 5px 0 var(--window-line);font:25px var(--display);width:33px}.icon-letter{height:30px;margin:6px 0;background:var(--window);color:var(--hot-pink);border:2px solid var(--chrome);font:26px/1 var(--display);box-shadow:inset 0 3px var(--chrome-light);transform:rotate(-5deg)}
.desktop-window{border:2px solid var(--window-line);box-shadow:2px 2px 0 var(--chrome-light),7px 9px 0 color-mix(in oklch,var(--night) 42%,transparent),0 18px 50px var(--shadow);background:var(--window);color:var(--chrome-ink)}.welcome-window{position:absolute;top:190px;left:7.2%;width:490px}.window-title{height:36px;background:linear-gradient(90deg,var(--chrome),var(--chrome-light));border-bottom:1px solid var(--window-line);box-shadow:inset 1px 1px var(--chrome-light);display:flex;align-items:center;justify-content:space-between;padding:0 6px 0 12px;font:12px var(--mono);color:var(--chrome-ink)}.window-title>span>span{margin-right:7px}.window-title>button{width:27px;height:25px;background:var(--window);box-shadow:inset 1px 1px var(--chrome-light),inset -1px -1px var(--window-line);border:1px solid var(--window-line);line-height:1;font-size:19px}.window-menu{display:flex;gap:22px;padding:8px 16px;border-bottom:1px solid var(--paper-line);font:10px var(--mono);background:var(--window-inset)}.window-menu>button{padding:0;font:inherit;color:inherit}.window-menu>button:hover{text-decoration:underline}.private-label{margin-left:auto;color:var(--stamp);font-size:9px}.welcome-content{padding:19px 31px 26px;position:relative}.logo-line{display:flex;align-items:center;position:relative;margin-bottom:16px}.logo-line h1{font:74px/1.1 var(--mono);letter-spacing:-6px;color:var(--hot-pink);text-shadow:2px 2px var(--window),4px 4px var(--night-cyan)}.logo-line h1>span{display:inline-block;font-size:31px;vertical-align:top;margin:10px 0 0 17px;letter-spacing:0;text-shadow:none;color:var(--stamp)}.logo-line>p{font:13px/1.6 var(--mono);margin:11px 0 0 20px;color:var(--stamp)}.logo-line>p>span{letter-spacing:.18em;font-size:12px}.lace-bow{position:absolute;right:0;top:6px;transform:rotate(12deg);width:66px;height:57px;fill:var(--chrome-ink)}.welcome-content h2{font:28px/1.4 Brush,Chinese,serif;color:var(--chrome-ink);letter-spacing:.02em}.welcome-english{font:italic 23px/1.3 var(--display);color:var(--paper-secondary);margin-top:3px}.welcome-description{font:10px/1.9 var(--body);color:var(--paper-secondary);margin-top:15px;letter-spacing:.07em}.welcome-description>span{font:10px var(--mono);letter-spacing:0}.session-trace{margin:23px 0 19px;padding:13px 14px 12px;border:1px solid var(--paper-line);background:var(--window-inset);box-shadow:inset 1px 1px var(--paper-line),inset -1px -1px var(--chrome-light)}.trace-label{font:8px var(--mono);letter-spacing:.08em;color:var(--paper-secondary)}.session-trace>button{display:flex;align-items:center;gap:10px;text-align:left;font:20px var(--display);padding:6px 0 3px;width:100%}.session-trace>button>span:first-child{color:var(--stamp)}.session-trace>button>span:last-child{margin-left:auto;font:17px var(--mono)}.session-trace>small{display:block;font:8px var(--mono);color:var(--paper-secondary)}.enter-button{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 17px;border:1px solid var(--window-line);background:var(--chrome);color:var(--chrome-ink);font:12px var(--mono);box-shadow:inset 1px 1px var(--chrome-light),inset -1px -1px var(--window-line),2px 2px 0 var(--paper-line);transition:transform .16s}.enter-button:hover{background:var(--chrome-light)}.enter-button:active{transform:translate(1px,1px);box-shadow:inset 1px 1px var(--window-line)}.enter-button>span:last-child{font-size:18px}.window-status{padding:8px 12px;display:flex;justify-content:space-between;border-top:1px solid var(--paper-line);background:var(--window-inset);font:8px var(--mono);color:var(--paper-secondary)}.window-status .status-dot{background:var(--stamp);margin-right:6px}
.tomorrow-note{position:absolute;right:5.5%;top:67px;width:260px;background:var(--paper);color:var(--paper-ink);padding:17px 20px 22px;transform:rotate(3deg);box-shadow:4px 6px 0 var(--shadow);font:10px var(--mono);border:1px solid var(--paper-line);color-scheme:light}.tomorrow-note:before{content:"";width:61px;height:19px;position:absolute;left:95px;top:-10px;background:color-mix(in oklch,var(--night-cyan) 63%,transparent);transform:rotate(-8deg)}.tomorrow-note>div:first-child{display:flex;justify-content:space-between;color:var(--paper-secondary);border-bottom:1px dotted var(--paper-line);padding-bottom:9px;margin-bottom:16px}.tomorrow-note>p{font:14px var(--body)}.tomorrow-note mark{background:var(--selection);color:var(--paper-ink);padding:3px 0}.tomorrow-note>.note-translation{font:italic 18px var(--display);margin-top:9px;color:var(--paper-secondary)}.note-rule{height:1px;margin:20px 0 15px;background:var(--paper-line)}.tomorrow-note label{display:flex;align-items:start;gap:8px;cursor:pointer;font:11px var(--body)}.tomorrow-note input{accent-color:var(--stamp);width:14px;height:14px;margin:2px 0 0;flex-shrink:0}.tomorrow-note small{font:10px/1.6 var(--display);display:block;margin-top:4px;color:var(--paper-secondary)}.tomorrow-note label:has(:checked)>span{text-decoration:line-through;text-decoration-color:var(--stamp)}.note-star{position:absolute;right:-11px;bottom:-15px;font:41px var(--display);color:var(--night-cyan);text-shadow:2px 2px var(--night)}
.room-caption{position:absolute;right:30%;bottom:18%;text-align:right;transform:rotate(-5deg);color:var(--night-ink);text-shadow:0 2px 7px var(--night)}.room-caption>span{font:18px Mincho,serif;letter-spacing:.3em}.room-caption p{font:italic 29px/1.3 var(--display)}.room-caption small{display:block;font:9px var(--mono);margin-top:8px;color:var(--night-secondary)}.cursor{animation:cursor-blink 1.5s steps(2,end) infinite}@keyframes cursor-blink{50%{color:transparent}}
.desktop-bottom{position:absolute;bottom:76px;left:7.2%;right:5%;display:flex;align-items:end;justify-content:space-between}.music-player{height:68px;width:345px;display:flex;align-items:center;gap:13px;padding:8px 14px;border:1px solid var(--night-pink);background:var(--glass);box-shadow:3px 3px 0 var(--shadow)}.music-player>button{width:38px;height:36px;border:1px solid var(--line);color:var(--night-pink);font:17px var(--mono);flex-shrink:0}.music-player>button:hover{background:var(--raised)}.music-player>div:nth-child(2){font:11px var(--mono);color:var(--night-ink);white-space:nowrap}.music-player small{display:block;font:8px var(--mono);color:var(--night-secondary);margin-top:6px}.equalizer{display:flex;align-items:center;height:27px;gap:3px;margin-left:auto}.equalizer i{width:3px;height:6px;background:var(--night-cyan)}.equalizer i:nth-child(2n){height:12px}.equalizer i:nth-child(3n){height:21px}.music-player.playing .equalizer i{animation:equalize .85s ease-in-out infinite alternate}.music-player.playing .equalizer i:nth-child(2n){animation-delay:-.4s}.music-player.playing .equalizer i:nth-child(3n){animation-delay:-.7s}@keyframes equalize{to{transform:scaleY(.3)}}.music-length{font:21px var(--mono);color:var(--night-pink)}
.taskbar{height:43px;position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:5px;padding:4px 9px;background:var(--surface);border-top:2px solid var(--line);font:11px var(--mono);color:var(--ink)}.taskbar>button{display:flex;align-items:center;gap:8px;height:32px;padding:3px 15px;border:1px solid var(--line);background:var(--raised);box-shadow:inset 1px 1px var(--line)}.taskbar>button:first-child{color:var(--pink);min-width:144px}.taskbar>button:first-child>span{font-size:19px}.taskbar small{font-size:9px}.taskbar>button:hover{background:var(--accent-ground)}.taskbar-more{font-size:10px;padding:5px 18px;color:var(--secondary)}.taskbar-memory{margin-left:auto;font-size:9px;color:var(--muted);padding-right:15px}
.ticker{height:28px;overflow:hidden;color:var(--pink);border-bottom:1px solid var(--line-soft);font:9px/28px var(--mono);letter-spacing:.1em;white-space:nowrap;background:var(--surface)}.ticker>div{display:inline-block;min-width:100%;padding:0 30px;animation:ticker 62s linear infinite}.ticker span{margin:0 29px}.ticker:hover>div{animation-play-state:paused}@keyframes ticker{to{transform:translateX(-25%)}}
.eyebrow{font:10px var(--mono);letter-spacing:.12em;display:flex;gap:17px;align-items:center;color:var(--secondary)}.hairline{display:inline-block;height:1px;width:36px;background:currentColor}
.cabinet{max-width:1460px;margin:0 auto;padding:70px 45px 50px;scroll-margin-top:20px}.cabinet-intro{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;margin-bottom:37px}.cabinet-intro h2{font-size:44px;letter-spacing:-.025em}.cabinet-intro h2 em{color:var(--pink)}.cabinet-intro>p:last-child{justify-self:end;color:var(--secondary);font-family:var(--display);font-size:19px;line-height:1.35}.drawer-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);position:relative}.drawer-tabs button{min-height:85px;display:flex;gap:16px;text-align:left;align-items:center;padding:17px 25px;border-right:1px solid var(--line-soft);transition:background .25s,color .25s}.drawer-tabs button:first-child{border-left:1px solid var(--line-soft)}.drawer-tabs button[aria-selected=true]{background:var(--accent-ground);box-shadow:inset 0 3px var(--pink)}.drawer-tabs button:hover{background:var(--raised)}.drawer-number{font:10px var(--mono);color:var(--muted);align-self:flex-start;padding-top:6px}.drawer-label{display:flex;flex-direction:column;gap:4px}.drawer-label b{font-family:Mincho,Chinese,serif;font-weight:400;font-size:18px;letter-spacing:.1em}.drawer-label>span{font-family:var(--display);font-size:16px;color:var(--secondary);font-style:italic}.drawer-symbol{margin-left:auto;font-family:var(--display);font-size:23px;color:var(--pink)}
.workbench{border:1px solid var(--line);border-top:0;background:var(--surface);min-height:480px}.panel{animation:drawer-open .45s var(--ease)}@keyframes drawer-open{from{transform:translateY(7px)}to{transform:translateY(0)}}input,textarea{color:var(--ink);border:1px solid var(--line);background:var(--ground);padding:11px 13px;border-radius:0;max-width:100%}input::placeholder,textarea::placeholder{color:var(--muted)}.paper-button{border-bottom:1px solid var(--stamp);color:var(--stamp);padding:10px 0;font:11px var(--mono)}

.afterword{margin:35px 0 0;text-align:center;position:relative;isolation:isolate;padding:30px 4.5% 0;border-top:1px solid var(--line-soft);background:radial-gradient(ellipse 45% 70% at 50% 40%,var(--pink-glow),transparent)}.afterword-cross{display:inline-block;vertical-align:middle;margin:0 9px 12px 0;line-height:1;font-size:22px;color:var(--cyan)}.afterword>.afterword-line{display:inline-block;vertical-align:middle;line-height:1.4;font-family:Mincho,serif;font-size:14px;letter-spacing:.18em;margin:0 0 12px;color:var(--secondary)}.afterword h2{font-size:45px;line-height:1.15;letter-spacing:-.025em}.afterword h2 em{color:var(--pink)}.afterword-bottom{margin-top:28px;padding:14px 0;border-top:1px solid var(--line-soft);display:flex;justify-content:space-between;align-items:center;gap:20px;font:9px var(--mono);color:var(--muted)}.afterword-bottom a{color:var(--secondary)}
dialog{width:min(520px,calc(100vw - 36px));border:1px solid var(--line);background:var(--surface);color:var(--ink);padding:28px 34px;box-shadow:0 20px 100px var(--shadow)}dialog::backdrop{background:color-mix(in oklch,var(--night) 75%,transparent);backdrop-filter:blur(7px)}.dialog-rubric{display:flex;align-items:center;justify-content:space-between;color:var(--pink);font:9px var(--mono);letter-spacing:.08em}.close-dialog{font-size:25px;width:36px;height:36px}dialog h2{font-size:43px;line-height:1.1;margin:15px 0 28px}dialog h2 em{color:var(--pink)}dialog label{display:block;font:10px var(--mono);color:var(--secondary);margin:17px 0 8px}dialog input,dialog textarea{width:100%}dialog textarea{min-height:85px;resize:vertical}dialog .enter-button{margin-top:25px;justify-content:space-between;width:100%}.message{position:fixed;bottom:25px;left:50%;transform:translate(-50%,140px);background:var(--paper);color:var(--paper-ink);border:1px solid var(--paper-line);box-shadow:0 10px 35px var(--shadow);padding:15px 25px;max-width:calc(100vw - 40px);text-align:center;font:14px var(--mono);transition:transform .4s var(--ease);z-index:20}.message.show{transform:translate(-50%,0)}.secret-jelly{position:fixed;right:5%;bottom:8%;pointer-events:none;z-index:10;text-align:center;color:var(--night-cyan);text-shadow:0 0 20px var(--night-cyan);animation:jelly-float 6s ease-in-out}.secret-jelly p{font:17px var(--display);font-style:italic}.secret-jelly small{font-family:var(--body)}@keyframes jelly-float{from{transform:translateY(25px)}50%{transform:translate(-15px,-25px)}to{transform:translateY(0)}}.noscript{text-align:center;padding:30px}
.app-titlebar{display:flex;justify-content:space-between;gap:20px;padding:9px 14px;background:linear-gradient(90deg,var(--chrome),var(--chrome-light));color:var(--chrome-ink);font:11px var(--mono);border:1px solid var(--window-line);box-shadow:inset 1px 1px var(--chrome-light)}.app-titlebar>a{margin-left:auto;font-size:10px}.app-titlebar>span:last-child{letter-spacing:2px}.drawer-tabs button[aria-selected=true]{box-shadow:inset 0 3px var(--pink),inset 0 -2px var(--surface)}.cabinet-intro h2{font-size:42px;line-height:1.12}.drawer-label b[lang=zh-Hans]{font-family:Chinese,serif}.drawer-symbol img{image-rendering:pixelated;vertical-align:middle}.workbench{box-shadow:5px 5px 0 var(--shadow)}.message{visibility:hidden}.message.show{visibility:visible}.secret-jelly>img{image-rendering:pixelated;filter:drop-shadow(0 0 14px var(--night-cyan));margin-bottom:14px}.afterword>.afterword-line{font-family:Brush,Chinese,serif;font-size:23px}.unsent-dialog{background:var(--window);color:var(--paper-ink);box-shadow:3px 3px 0 var(--chrome-light),9px 10px 0 var(--shadow);border:2px solid var(--window-line)}.unsent-dialog .dialog-rubric{color:var(--stamp);font-size:12px}.unsent-to{font:11px var(--mono);margin:24px 0;color:var(--paper-secondary)}.unsent-to>span{letter-spacing:3px}.unsent-dialog label{color:var(--paper-secondary)}.unsent-dialog textarea{background:var(--window-inset);border-color:var(--paper-line);color:var(--paper-ink);font:21px/1.7 var(--display);min-height:190px}.unsent-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:20px}.unsent-footer>span{color:var(--paper-secondary);font:9px var(--mono)}
@media(min-width:1800px){.welcome-window{width:560px;top:21%;left:8%}.welcome-content{padding:24px 39px 28px}.logo-line h1{font-size:88px}.welcome-content h2{font-size:33px}.welcome-english{font-size:27px}.welcome-description{font-size:12px}.welcome-description>span{font-size:11px}.window-title{font-size:14px;height:40px}.session-trace>button{font-size:24px}.session-trace>small{font-size:10px}.desktop-files{left:7%;top:7%;gap:37px}.desktop-files>button{font-size:12px;width:95px}.tomorrow-note{width:295px;right:6%;top:9%;padding:20px 24px}.tomorrow-note>p{font-size:16px}.tomorrow-note label{font-size:12px}.music-player{width:390px;height:73px}.desktop-bottom{left:8%}.cabinet{max-width:1620px}}
@media(max-width:1150px){.system-greeting{display:none}.welcome-window{left:5%;width:445px;top:190px}.welcome-content{padding:18px 25px 23px}.welcome-content h2{font-size:26px}.tomorrow-note{right:4%;width:227px;top:68px;padding:17px}.tomorrow-note>p{font-size:12px}.tomorrow-note label{font-size:10px}.desktop-files{left:4%}.desktop-art{object-position:100% 53%}.room-caption{right:25%;bottom:15%}.room-caption p{font-size:25px}.taskbar-memory{display:none}.cabinet{padding:55px 30px 35px}.cabinet-intro h2{font-size:35px}.drawer-tabs button{padding:19px 15px;gap:10px}.drawer-symbol{display:none}}
@media(max-width:740px){
 .system-bar{padding:0 13px;height:38px;font-size:10px}.parent{gap:7px}.parent small{display:none}.head-actions{gap:12px}.head-actions time{font-size:10px}.light-switch{font-size:9px}.head-actions>.status-dot{display:none}
 .entrance{height:auto;min-height:1070px;padding:585px 0 147px}.desktop-art{height:655px;object-position:100% center;top:0;object-fit:cover}.art-shade{background:linear-gradient(0deg,var(--night) 0 35%,transparent 55%),linear-gradient(90deg,color-mix(in oklch,var(--night) 25%,transparent),transparent)}.desktop-path{top:17px;left:17px;right:17px;font-size:8px}.desktop-path>span{display:none}.desktop-files{left:12px;top:53px;display:grid;grid-template-columns:76px;gap:8px}.desktop-files>button{width:76px;font-size:9px;gap:7px;padding:6px 0}.file-icon{transform:scale(.87)}
 .welcome-window{position:relative;top:auto;left:6%;width:88%;max-width:480px}.welcome-content{padding:15px 22px 21px}.window-title{font-size:11px;height:34px}.window-menu{font-size:8px;padding:7px 13px;gap:17px}.private-label{font-size:8px}.logo-line{margin-bottom:13px}.logo-line h1{font-size:65px;letter-spacing:-5px}.logo-line h1>span{font-size:24px;margin-left:12px}.logo-line>p{font-size:12px;margin-left:16px}.lace-bow{width:52px;height:46px;right:-3px}.welcome-content h2{font-size:25px}.welcome-english{font-size:21px}.welcome-description{font-size:9px;margin-top:12px;letter-spacing:0}.welcome-description>span{font-size:8px}.session-trace{margin:17px 0 15px;padding:10px 11px}.trace-label{font-size:7px}.session-trace>button{font-size:19px}.session-trace>small{font-size:7px;line-height:1.8}.welcome-content .get-piru>.enter-button{font-size:10px;padding:11px 12px}.window-status{font-size:7px;padding:7px 10px}.window-status>span:last-child{font-size:6px}
 .tomorrow-note{right:21px;top:57px;width:217px;padding:12px 15px 14px;z-index:1}.tomorrow-note>div:first-child{padding-bottom:7px;margin-bottom:9px;font-size:8px}.tomorrow-note>p{font-size:11px}.tomorrow-note>.note-translation{font-size:15px;margin-top:4px}.note-rule{margin:12px 0 9px}.tomorrow-note label{font-size:9px}.tomorrow-note small{font-size:9px;margin-top:2px}.note-star{font-size:31px;right:-10px;bottom:-12px}.tomorrow-note:before{height:15px;top:-8px;width:45px;left:84px}.room-caption{right:22px;top:250px;bottom:auto}.room-caption>span{font-size:15px}.room-caption p{font-size:22px}.room-caption small{font-size:8px}
 .desktop-bottom{bottom:65px;left:6%;right:6%}.music-player{width:100%;height:60px;padding:8px 11px;gap:11px}.music-player>div:nth-child(2){font-size:10px}.music-player small{font-size:7px}.music-player>button{height:32px;width:33px}.taskbar{height:39px;padding:4px 6px;gap:4px;font-size:9px}.taskbar>button{height:29px;padding:3px 8px;gap:4px}.taskbar>button:first-child{min-width:78px}.taskbar small{display:none}.taskbar-more{display:none}.taskbar>button:nth-child(2)>span,.taskbar>button:nth-child(3)>span{font-size:8px}.ticker{font-size:8px}
 .cabinet{padding:42px 17px 20px}.cabinet-intro{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-bottom:24px}.cabinet-intro .eyebrow{grid-column:1/-1;font-size:8px;gap:10px}.cabinet-intro h2{font-size:32px}.cabinet-intro>p:last-child{font-size:16px}.app-titlebar{font-size:9px;padding:8px 10px;gap:10px}.app-titlebar>a{font-size:8px}.app-titlebar>span:last-child{display:none}.drawer-tabs{grid-template-columns:1fr 1fr}.drawer-tabs button{min-height:86px;padding:15px 12px}.drawer-tabs button:nth-child(-n+2){border-bottom:1px solid var(--line-soft)}.drawer-tabs button:nth-child(3){border-left:1px solid var(--line-soft)}.drawer-label b{font-size:16px}.drawer-label>span{font-size:14px}.drawer-number{font-size:8px}.paper-button{font-size:10px}
 .afterword{padding:22px 6% 0;margin:18px 0 0}.afterword h2{font-size:39px}.afterword>.afterword-line{font-size:21px}.afterword-bottom{flex-wrap:wrap;justify-content:center;row-gap:12px;margin-top:22px;font-size:8px}.afterword-bottom a{margin-left:auto}dialog{padding:21px}dialog h2{font-size:37px}.message{font-size:11px;min-width:250px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.secret-jelly{transform:none}}
.window-title>.window-drag{flex:1;align-self:stretch;height:auto;min-width:0;width:auto;text-align:left;border:0;box-shadow:none;background:none;font:inherit;cursor:grab;touch-action:none;line-height:1.3;padding:0 6px 0 0}.window-drag:active{cursor:grabbing}.window-drag>span{margin-right:7px}.welcome-window{z-index:2;translate:var(--window-x,0px) var(--window-y,0px)}.welcome-window.dragging{user-select:none}.lost-file{position:absolute;left:13%;top:310px;z-index:1;display:grid;justify-items:center;gap:8px;padding:9px;color:var(--night-ink);font:10px var(--mono);text-shadow:0 1px 4px var(--night);border:1px dotted transparent}.lost-file:hover{border-color:var(--night-pink);background:var(--glass)}.lost-file[inert]{cursor:default}.tomorrow-note{z-index:3}.tomorrow-note>div>button{font:inherit;padding:0;color:inherit;text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--paper-line)}.tomorrow-note>div>button:hover{color:var(--stamp)}.draft-count{margin-left:5px;color:var(--stamp)}#next-recording{font:inherit;color:inherit;padding:0;text-align:left;border-bottom:1px dotted var(--line)}#next-recording:hover{color:var(--night-pink)}.archive-dialog{width:min(630px,calc(100vw - 34px));background:var(--window);color:var(--paper-ink);border:2px solid var(--window-line);box-shadow:3px 3px 0 var(--chrome-light),9px 10px 0 var(--shadow);padding:20px 25px}.archive-dialog .dialog-rubric{color:var(--stamp);font:12px var(--mono)}#archive-versions{display:flex;gap:6px;margin:20px 0;border-bottom:1px solid var(--paper-line);padding-bottom:10px}#archive-versions:empty{display:none}#archive-versions>button{font:10px var(--mono);color:var(--paper-secondary);border:1px solid var(--paper-line);padding:7px 12px}#archive-versions>button[aria-pressed=true]{background:var(--window-inset);color:var(--stamp);border-color:var(--stamp)}.archive-sheet{border:1px solid var(--paper-line);padding:24px 27px;background:var(--window-inset);min-height:235px;margin-top:18px}.archive-sheet>span{font:9px var(--mono);color:var(--paper-secondary)}#archive-chinese{font:18px/1.9 var(--body);white-space:pre-line;margin-top:25px}#archive-english{font:22px/1.5 var(--display);white-space:pre-line;color:var(--paper-secondary);margin-top:17px}.archive-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:15px;font:9px var(--mono);color:var(--paper-secondary)}.monitor-off{display:flex;width:max-content;align-items:center;gap:16px;font:11px var(--mono);padding:9px 14px;margin:22px 8% 0 auto;color:var(--secondary);border:1px dotted var(--line);background:color-mix(in oklch,var(--surface) 72%,transparent);rotate:-3deg;transition:color .3s,border-color .3s}.monitor-off:hover{color:var(--pink);border-color:var(--pink)}.monitor-off>span{font-size:20px}.monitor-off.floating{position:absolute;left:var(--float-x);top:var(--float-y);margin:0;z-index:1;animation:float-bob 7s ease-in-out infinite alternate}@keyframes float-bob{from{translate:0 -4px}to{translate:0 5px}}.monitor-note{position:absolute;left:50%;top:50%;translate:-50% -50%;font:12px/1.9 var(--mono);color:var(--night-secondary);text-align:center;letter-spacing:.08em}.monitor-dialog{margin:0;width:100vw;max-width:100vw;height:100svh;max-height:100svh;padding:0;border:0;background:var(--night);color:var(--night-secondary);box-shadow:none}.monitor-dialog::backdrop{background:var(--night);backdrop-filter:none}.monitor-wake{position:absolute;right:30px;bottom:28px;font:11px var(--mono);padding:15px;display:flex;gap:20px;align-items:center}.monitor-wake>span{font-size:19px}.monitor-wake:hover{color:var(--night-pink)}.power-led{position:absolute;bottom:23px;left:50%;width:4px;height:4px;border-radius:50%;background:var(--night-cyan);box-shadow:0 0 10px var(--night-cyan)}.secret-jelly{z-index:5}
@media(max-width:740px){.lost-file{top:700px;left:23%}.archive-dialog{padding:17px}.archive-sheet{padding:17px;min-height:210px}#archive-chinese{font-size:16px}#archive-english{font-size:20px}#archive-versions>button{font-size:9px;padding:6px 10px}.window-title>.window-drag{font-size:10px}.tomorrow-note{z-index:3}.monitor-off{font-size:10px}}

.icon-archive{width:39px;height:30px;margin:6px 0;background:var(--night-cyan);border:2px solid var(--chrome-light);color:var(--chrome-ink);box-shadow:inset -3px -3px color-mix(in oklch,var(--night-cyan),var(--night) 30%)}.icon-archive:before{content:"";position:absolute;left:-2px;top:-7px;width:20px;height:6px;background:var(--night-cyan);border:2px solid var(--chrome-light);border-bottom:0}.icon-archive i{font:10px var(--mono);border-right:3px dotted var(--chrome-ink);padding-right:5px}
.desk-carton{position:absolute;padding:0;z-index:1;border:1px dotted transparent;cursor:zoom-in;clip-path:polygon(0 0,100% 0,100% 100%,36.7% 100%,36.7% 73%,0 73%)}.desk-carton:hover,.desk-carton:focus-visible{border-color:var(--night-cyan);background:color-mix(in oklch,var(--night-cyan) 6%,transparent)}.desk-carton>span{position:absolute;bottom:-24px;right:8px;white-space:nowrap;font:11px var(--mono);color:var(--night-ink);text-shadow:0 1px 3px var(--night),0 0 9px var(--night);transform:rotate(4deg)}.desk-carton small{color:var(--night-cyan);margin-left:5px}.carton-dialog{width:min(390px,calc(100vw - 34px));padding:20px 24px;background:var(--surface)}.carton-detail{display:block;width:100%;aspect-ratio:155/177;border:1px solid var(--line);margin:18px 0}.carton-dialog>p{font:10px var(--mono);color:var(--secondary);margin-bottom:20px}.carton-dialog>form{text-align:right}.carton-dialog .paper-button{color:var(--pink)}
#archive-versions{flex-wrap:wrap}#archive-title{overflow-wrap:anywhere}#archive-dialog:has(#archive-versions[aria-label="Archive contents"]) #archive-chinese{font-size:16px}.room-caption{pointer-events:none}
@media(max-width:740px){.desk-carton>span{font-size:10px;right:4px;bottom:-23px}}
:root[data-persona=rehearsal]{--ground:oklch(22% .063 283);--surface:oklch(29% .075 283);--raised:oklch(35% .09 292);--ink:oklch(97% .012 250);--secondary:oklch(85% .038 272);--muted:oklch(74% .045 281);--line:oklch(59% .097 289);--line-soft:oklch(42% .07 284);--pink:oklch(84% .13 328);--cyan:oklch(91% .075 205);--accent-ground:oklch(36% .102 304);--paper:oklch(97% .018 285);--paper-ink:oklch(31% .075 285);--paper-secondary:oklch(45% .065 284);--paper-line:oklch(77% .055 290);--stamp:oklch(47% .18 302);--chrome:oklch(86% .085 241);--chrome-light:oklch(98% .012 268);--chrome-ink:oklch(29% .075 285);--window:oklch(96% .026 288);--hot-pink:oklch(56% .19 312);--selection:oklch(86% .075 235);--window-line:oklch(67% .12 293);--window-inset:oklch(92% .047 290);--pink-glow:oklch(72% .19 308 / .24);--cyan-glow:oklch(85% .12 226 / .18)}
:root[data-persona=rehearsal][data-theme=light]{--ground:oklch(94% .031 281);--surface:oklch(98% .015 266);--raised:oklch(89% .053 281);--ink:oklch(28% .06 285);--secondary:oklch(42% .075 282);--muted:oklch(50% .058 283);--line:oklch(65% .09 284);--line-soft:oklch(82% .042 280);--pink:oklch(48% .17 308);--cyan:oklch(41% .09 222);--accent-ground:oklch(90% .065 286)}
@media(prefers-color-scheme:light){:root[data-persona=rehearsal]:not([data-theme]){--ground:oklch(94% .031 281);--surface:oklch(98% .015 266);--raised:oklch(89% .053 281);--ink:oklch(28% .06 285);--secondary:oklch(42% .075 282);--muted:oklch(50% .058 283);--line:oklch(65% .09 284);--line-soft:oklch(82% .042 280);--pink:oklch(48% .17 308);--cyan:oklch(41% .09 222);--accent-ground:oklch(90% .065 286)}}
.system-greeting>#greeting-cn{color:inherit;margin-left:0;letter-spacing:inherit}.window-title>.window-drag>#window-identity{margin:0}
.lace-bow{filter:drop-shadow(1px 2px 0 var(--paper-line));transition:transform .6s var(--ease),fill 1s}:root[data-persona=rehearsal] .lace-bow{fill:var(--chrome-light);stroke:var(--window-line);stroke-width:1.2;transform:rotate(-8deg)}
.cabinet-persona{font:16px/1 var(--display);padding:0 4px;color:inherit;transition:color .3s,rotate .6s var(--ease)}.cabinet-persona:hover{color:var(--stamp);rotate:-8deg}.afterword-persona{margin:10px auto 0;display:block;font:34px/1 var(--display);color:var(--pink);padding:4px 14px;transition:color .3s,rotate .6s var(--ease)}.afterword-persona:hover{color:var(--cyan);rotate:-8deg}
.rehearsal-art{opacity:0;transition:opacity 1.5s cubic-bezier(.2,.6,.2,1);pointer-events:none}:root[data-persona=rehearsal] .rehearsal-art[data-ready=true]{opacity:1}.ribbon-light{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:0;background:radial-gradient(ellipse at 72% 28%,var(--cyan-glow),transparent 56%),linear-gradient(140deg,transparent 35%,var(--pink-glow) 56%,transparent 74%);transition:opacity 1.8s}:root[data-persona=rehearsal] .ribbon-light{opacity:1}
.stage-specks{position:absolute;inset:0;z-index:0;pointer-events:none;visibility:hidden}:root[data-persona=rehearsal] .stage-specks{visibility:visible}.stage-specks>i{position:absolute;left:var(--x);top:var(--y);height:3px;width:3px;transform:rotate(45deg);background:var(--night-ink);box-shadow:0 0 8px var(--night-cyan);animation:ribbon-dust 9s ease-in-out infinite alternate;animation-delay:var(--delay);animation-play-state:paused}.stage-specks>i:nth-child(4n){height:9px;width:2px}.stage-specks>i:nth-child(4n):after{content:"";position:absolute;left:-3px;top:3px;width:8px;height:2px;background:var(--night-ink)}:root[data-persona=rehearsal] .stage-specks>i{animation-play-state:running}@keyframes ribbon-dust{to{translate:5px -14px;transform:rotate(75deg)}}
body,.system-bar,.taskbar,.desktop-window,.app-titlebar,.cabinet{transition:background-color 1s,border-color 1s,color .7s}:root[data-persona=rehearsal] .desktop-window{box-shadow:2px 2px 0 var(--chrome-light),7px 9px 0 var(--shadow),0 0 42px var(--cyan-glow)}:root[data-persona=rehearsal] .afterword{background:radial-gradient(ellipse 30% 70% at 25% 68%,var(--cyan-glow),transparent),radial-gradient(ellipse 30% 70% at 75% 38%,var(--pink-glow),transparent)}:root[data-persona=rehearsal] .afterword:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 11% 26%,var(--cyan) 0 1px,transparent 2px),radial-gradient(circle at 22% 68%,var(--pink) 0 2px,transparent 3px),radial-gradient(circle at 40% 10%,var(--ink) 0 1px,transparent 2px),radial-gradient(circle at 87% 46%,var(--cyan) 0 1px,transparent 2px),radial-gradient(circle at 72% 16%,var(--pink) 0 1px,transparent 2px)}
@media(max-width:740px){.app-titlebar{flex-wrap:wrap;gap:8px}.cabinet-persona{margin-left:auto}.afterword-persona{font-size:30px}}
@media(prefers-reduced-motion:reduce){.rehearsal-art,.ribbon-light{transition:none}.stage-specks>i{animation:none}}

.welcome-description{font-size:11px;letter-spacing:.03em}.welcome-description>span{display:inline-block;font:17px/1.35 var(--display);margin-top:6px;color:var(--chrome-ink)}
.download-link>span:first-child{display:grid;gap:2px}.download-link>span:first-child>small{font:9px var(--mono);color:var(--chrome-ink)}.download-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:13px;font:9px/1.6 var(--mono);color:var(--paper-secondary)}.download-meta>a{color:var(--stamp);border-bottom:1px solid var(--paper-line)}.download-meta>a:hover{border-color:var(--stamp)}
.get-piru{--get-link:var(--stamp);--get-quiet:var(--paper-secondary);display:flex;flex-wrap:wrap;gap:8px;container-type:inline-size}.get-piru>.enter-button{flex:1 1 0;min-width:0;gap:8px;padding-inline:12px}.get-via::before{content:" · "}.get-also{display:none}html:not([class*=piru-os-]) .get-lead{display:none}html:not([class*=piru-os-]) .get-via{display:block;font-size:9px}html:not([class*=piru-os-]) .get-via::before{content:none}@container (max-width:360px){.get-piru>.enter-button{flex-basis:100%}}.piru-os-ios .get-ios,.piru-os-android .get-android,.piru-os-mac .get-mac{order:-1;flex-basis:100%;gap:18px;padding-inline:17px}[class*=piru-os-] .get-also{display:inline;align-self:baseline;font:9px/1.6 var(--mono);color:var(--get-quiet)}html.piru-os-ios .get-piru>:is(.get-android,.get-mac),html.piru-os-android .get-piru>:is(.get-ios,.get-mac),html.piru-os-mac .get-piru>:is(.get-ios,.get-android){order:1;flex:none;align-self:baseline;display:inline;padding:0;border:0;background:none;box-shadow:none;transform:none;font:9px/1.6 var(--mono);color:var(--get-link);text-decoration:underline;text-underline-offset:3px}html.piru-os-ios .get-piru>:is(.get-android,.get-mac) :is(small,.get-lead,.get-via,[aria-hidden]),html.piru-os-android .get-piru>:is(.get-ios,.get-mac) :is(small,.get-lead,.get-via,[aria-hidden]),html.piru-os-mac .get-piru>:is(.get-ios,.get-android) :is(small,.get-lead,.get-via,[aria-hidden]){display:none}html.piru-os-ios .get-piru>:is(.get-android,.get-mac)>span,html.piru-os-android .get-piru>:is(.get-ios,.get-mac)>span,html.piru-os-mac .get-piru>:is(.get-ios,.get-android)>span{display:inline}html.piru-os-ios .get-mac::before,html.piru-os-android .get-mac::before,html.piru-os-mac .get-android::before{content:"·";display:inline-block;margin-right:8px;color:var(--get-quiet)}.farewell-get{--get-link:var(--pink);--get-quiet:var(--secondary)}
.feature-spread{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,380px);column-gap:clamp(35px,8vw,140px);padding:55px clamp(35px,7vw,110px) 50px;background:radial-gradient(ellipse at 80% 22%,var(--pink-glow),transparent 56%),repeating-linear-gradient(transparent 0 37px,color-mix(in oklch,var(--line-soft) 28%,transparent) 37px 38px);min-height:770px;position:relative;overflow:hidden}
.feature-copy{max-width:490px;position:relative;padding-top:13px}.feature-copy h3{font:clamp(40px,4vw,63px)/1.02 var(--display);letter-spacing:-.035em;margin:24px 0 24px}.feature-copy h3 em{color:var(--pink)}.feature-copy>p:not(.pencil-note){font:21px/1.48 var(--display);max-width:405px}.feature-copy>p.feature-detail{font:17px/1.5 var(--display);color:var(--secondary);margin-top:18px}.pencil-note{font:15px/1.4 Mincho,Chinese,serif;transform:rotate(-4deg);margin:23px 0 18px 20px;color:var(--cyan)}.pencil-note em{font:italic 19px/1.4 var(--display)}
.screen-print{align-self:start;justify-self:center;position:relative;max-width:330px;width:100%;padding:10px 10px 15px;background:var(--paper);border:1px solid var(--paper-line);color:var(--paper-ink);box-shadow:3px 4px 0 var(--paper-line),15px 22px 30px var(--shadow);transform:rotate(2deg);margin:0}.screen-print>a{display:block;background:var(--night);cursor:zoom-in;overflow:hidden}.screen-print img{display:block;width:100%;height:auto}.screen-print figcaption{font:8px/1.6 var(--mono);display:flex;justify-content:space-between;gap:10px;padding-top:12px}.screen-print figcaption>span:last-child{color:var(--stamp)}.print-pin{position:absolute;right:29px;top:-26px;font:50px/1 var(--display);color:var(--pink);z-index:1;text-shadow:1px 1px var(--shadow);transform:rotate(8deg)}
#panel-reports .screen-print{transform:rotate(-1.5deg)}#panel-index .screen-print{transform:rotate(1.5deg)}#panel-patterns .screen-print{transform:rotate(-2deg)}
.detail-print{margin:30px -22px 0 -15px;max-width:460px;background:var(--paper);padding:9px 9px 0;border:1px solid var(--paper-line);box-shadow:4px 7px 0 var(--shadow);transform:rotate(-2deg);position:relative}.detail-print:before{content:"";position:absolute;top:-12px;left:30px;width:65px;height:23px;background:color-mix(in oklch,var(--paper-line) 65%,transparent);transform:rotate(7deg);pointer-events:none}.detail-print>button{width:100%;padding:0;display:block;text-align:left;cursor:zoom-in}.detail-print svg{display:block;width:100%;height:auto;background:var(--night)}.detail-print button>span{display:block;padding:10px 9px 12px;font:10px var(--mono);color:var(--paper-secondary)}
.capture-note{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 20px;font:10px/1.6 var(--mono);padding:16px 0;color:var(--secondary)}
.readme-note{margin:50px auto 12px;max-width:1080px;display:grid;grid-template-columns:230px 1fr;gap:55px;padding:35px 45px;color:var(--paper-ink);background:var(--paper);border:1px solid var(--paper-line);box-shadow:4px 5px 0 var(--shadow);transform:rotate(-.5deg)}.readme-label>span:first-child{font:10px var(--mono);color:var(--paper-secondary);border-bottom:1px solid var(--paper-line)}.readme-label h3{font:48px/.95 var(--display);letter-spacing:-.025em;margin-top:30px}.readme-label em{color:var(--stamp)}.readme-label>span:last-child{font:40px var(--display);color:var(--stamp);display:block;transform:rotate(-12deg);padding:23px 0 0 40px}.readme-note dl{margin:0}.readme-note dl>div+div{border-top:1px solid var(--paper-line);margin-top:17px;padding-top:17px}.readme-note dt{font:10px var(--mono);color:var(--stamp);margin-bottom:6px}.readme-note dd{margin:0;font:19px/1.35 var(--display)}.readme-note dd>span{color:var(--paper-secondary)}.readme-note dd>a{font:11px var(--mono);display:inline-block;margin-top:7px;border-bottom:1px solid var(--paper-line)}
.afterword>.farewell-copy{margin:14px 0 13px;font:16px/1.5 Mincho,Chinese,serif;color:var(--secondary)}.farewell-copy>span{font:italic 21px var(--display)}.farewell-get{width:min(560px,92%);margin:0 auto}.farewell-get>.enter-button{padding:10px 16px;text-align:left}[class*=piru-os-] .farewell-get{width:min(330px,90%);justify-content:center}.farewell-meta{margin:10px 0 13px;font:10px/1.7 var(--mono);color:var(--secondary)}.farewell-meta>a{display:inline-block;margin-left:14px;color:var(--pink);text-decoration:underline;text-underline-offset:4px}.afterword-bottom>span>small{display:block;font:9px var(--mono);margin-top:7px;color:var(--secondary)}
.screenshot-dialog{width:min(670px,calc(100vw - 24px));max-height:calc(100svh - 24px);padding:0;overflow:hidden;background:var(--night);color:var(--night-ink);border:1px solid var(--window-line)}.screenshot-dialog>header{display:flex;align-items:center;justify-content:space-between;padding:6px 10px 6px 19px;background:var(--window);color:var(--paper-ink);font:11px var(--mono)}.screenshot-scroll{max-height:calc(100svh - 124px);overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.screenshot-scroll img{display:block;width:100%;height:auto}.screenshot-dialog>p{font:9px/1.6 var(--mono);padding:10px 16px;background:var(--window);color:var(--paper-secondary)}
@media(min-width:1800px){.feature-spread{grid-template-columns:1fr 420px;min-height:850px;padding-top:65px}.screen-print{max-width:370px}.feature-copy>p:not(.pencil-note){font-size:24px;max-width:460px}.feature-copy>p.feature-detail{font-size:19px}.detail-print{margin-top:40px}.download-meta{font-size:11px}.welcome-description>span{font-size:20px}}
@media(max-width:1150px){.feature-spread{column-gap:40px;padding:45px 38px;grid-template-columns:1fr 290px;min-height:720px}.feature-copy h3{font-size:46px}.feature-copy>p:not(.pencil-note){font-size:20px}.feature-copy>p.feature-detail{font-size:17px}.detail-print{margin:27px 0 0;transform:rotate(-1deg)}.readme-note{grid-template-columns:180px 1fr;gap:30px;padding:30px}.download-meta{font-size:8px}}
@media(max-width:740px){.welcome-description{font-size:9px}.welcome-description>span{font:17px/1.35 var(--display)}.welcome-content .get-piru>.enter-button{font-size:11px;padding:11px 12px}.download-meta{font-size:8px;flex-wrap:wrap;row-gap:5px}.download-link>span:first-child>small{font-size:8px}.feature-spread{grid-template-columns:1fr;gap:35px;padding:30px 22px 38px;min-height:0}.feature-copy{padding-top:0}.feature-copy h3{font-size:45px;margin:19px 0}.feature-copy>p:not(.pencil-note){font-size:21px}.feature-copy>p.feature-detail{font-size:18px}.screen-print{width:min(100%,300px);transform:rotate(1deg);margin:0 auto}.screen-print figcaption{font-size:8px}.detail-print{margin:28px 0 6px}.detail-print button>span{font-size:9px}.capture-note{font-size:9px;padding:17px 2px;gap:9px}.readme-note{margin-top:26px;grid-template-columns:1fr;gap:27px;padding:24px;transform:rotate(-.4deg)}.readme-label{display:flex;justify-content:space-between;align-items:center}.readme-label h3{font-size:37px;margin:0}.readme-label>span:last-child{padding:0;font-size:30px}.readme-note dd{font-size:20px}.readme-note dt{font-size:10px}.readme-note dd>a{font-size:10px;overflow-wrap:anywhere}.cabinet-intro h2{font-size:31px}.cabinet-intro>p:last-child{font-size:16px}.afterword-bottom{align-items:center}.afterword-bottom a{margin-left:0}.afterword-bottom>span>small{font-size:8px}.screenshot-dialog>header{font-size:10px}.screenshot-scroll{max-height:calc(100svh - 130px)}}
@media(min-width:741px){.entrance{height:max(980px,calc(100svh - 66px))}}
@media(min-width:1800px){.welcome-window{top:16%}}

.quick-download{display:none;color:var(--pink);font:10px var(--mono);text-decoration:underline;text-underline-offset:4px}
@media(max-width:740px),(max-height:800px){.quick-any,.piru-os-ios .quick-ios,.piru-os-android .quick-android,.piru-os-mac .quick-mac{display:inline-block}[class*=piru-os-] .quick-any{display:none}.head-actions time{display:none}}
.scene-props{position:absolute;inset:0;pointer-events:none}.scene-props>*{position:absolute;pointer-events:auto}.prop{padding:0;border:1px dotted transparent;cursor:pointer;transition:border-color .3s}.prop:hover,.prop:focus-visible{border-color:color-mix(in oklch,var(--night-cyan) 55%,transparent)}.prop:focus-visible{outline:0}.prop-screen{border-radius:4%/5%}.prop-screen.flicker{animation:screen-blink 1.2s steps(1,end)}@keyframes screen-blink{0%{background:transparent}8%{background:oklch(20% .03 300/.55)}16%{background:oklch(96% .02 320/.16)}30%{background:oklch(20% .03 300/.35)}42%{background:transparent}55%{background:oklch(20% .03 300/.2)}70%{background:oklch(96% .02 320/.1)}100%{background:transparent}}.entrance.flicker .desktop-art{animation:crt-flicker 1.2s steps(1,end)}@keyframes crt-flicker{0%{filter:brightness(1)}8%{filter:brightness(.52) saturate(.8)}16%{filter:brightness(1.12)}30%{filter:brightness(.72)}42%{filter:brightness(1.04)}55%{filter:brightness(.88)}70%{filter:brightness(1.08)}100%{filter:brightness(1)}}
.prop-can{--room-art:url(assets/after-hours.avif);transform-origin:50% 100%}:root[data-persona=rehearsal] .prop-can{--room-art:url(assets/angel-rehearsal.avif)}.prop-can.nudge{border-color:transparent;background:var(--room-art) no-repeat;background-size:var(--art-w) var(--art-h);background-position:var(--art-x) var(--art-y);mask:linear-gradient(90deg,transparent,oklch(0% 0 0) 14px calc(100% - 14px),transparent),linear-gradient(0deg,oklch(0% 0 0) calc(100% - 12px),transparent);mask-composite:intersect;animation:can-nudge .9s var(--ease)}@keyframes can-nudge{20%{transform:rotate(-2.4deg)}45%{transform:rotate(1.7deg)}70%{transform:rotate(-.8deg)}88%{transform:rotate(.3deg)}}
.prop-window{overflow:hidden}.prop-window.weather{border-color:transparent;mask:linear-gradient(90deg,transparent,oklch(0% 0 0) 15% 85%,transparent),linear-gradient(0deg,transparent,oklch(0% 0 0) 12% 90%,transparent);mask-composite:intersect}.prop-window.weather:before{content:"";position:absolute;top:-60px;right:-60px;bottom:0;left:0;--rain-ink:oklch(92% .03 250/.42);background:repeating-linear-gradient(104deg,transparent 0 11px,var(--rain-ink) 11px 12px,transparent 12px 21px);mask:repeating-linear-gradient(194deg,transparent 0 24px,oklch(0% 0 0) 24px 52px);animation:rain-fall .45s linear infinite,weather-in 4.6s ease-in-out forwards}:root[data-persona=rehearsal] .prop-window.weather:before{--rain-ink:oklch(96% .05 300/.55);mask:repeating-linear-gradient(194deg,transparent 0 44px,oklch(0% 0 0) 44px 60px)}@keyframes rain-fall{to{translate:-12.6px 50.4px}}@keyframes weather-in{0%,85%{opacity:1}100%{opacity:0}}
.blister{z-index:2;pointer-events:none}.tablet{position:absolute;pointer-events:auto;width:15.8%;height:26.8%;padding:0;border-radius:50%;cursor:pointer;border:1px dotted transparent;transition:border-color .3s}.tablet:hover,.tablet:focus-visible{border-color:color-mix(in oklch,var(--night-cyan) 65%,transparent)}.tablet:focus-visible{outline:0}.tablet[aria-disabled=true]{cursor:default;border-color:transparent;backdrop-filter:brightness(.38) saturate(.6) blur(.4px);box-shadow:inset 0 2px 3px oklch(6% .02 300/.6),inset 0 -1px 1px oklch(70% .03 320/.25)}.tablet.taken:after{content:"";position:absolute;inset:15%;border-radius:50%;background:oklch(88% .03 335);box-shadow:0 0 6px oklch(88% .05 335/.7);animation:tablet-taken .75s var(--ease) forwards}@keyframes tablet-taken{to{translate:0 -260%;scale:.4;opacity:0}}