@font-face{font-family:"M PLUS 1";src:url(/fonts/mplus1.woff2)format("woff2");font-weight:400 900;font-display:swap}:root{--font:"M PLUS 1", "Hiragino Sans", "Segoe UI", system-ui, -apple-system, sans-serif;--bg:#e6e8eb;--ink:#323539;--muted:#80858c;--line:#cfd3d8;--panel:#fff;--cyan:#00a6e6;--blue:#0b7fd4;--sel:#47e08a;--bezel:#2c2f35;--radius:14px;--shadow:0 6px 18px #1e28371f, 0 1px 3px #1e28371a;--btn:linear-gradient(#fff, #f1f2f4 45%, #dfe2e6);--btn-hover:linear-gradient(#fff, #eef7fd 45%, #d6ebf8);--btn-rim:#a3a9b1;--btn-drop:#8f959d;--bar:linear-gradient(#f4f5f6, #dcdfe2 55%, #cdd0d4);--pattern:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56'%3E%3Crect x='6' y='6' width='44' height='44' rx='10' fill='%23ffffff' fill-opacity='.38'/%3E%3C/svg%3E")}@view-transition{navigation:auto}::view-transition-group(root){animation-duration:.2s}::view-transition-group(*){animation-duration:.32s;animation-timing-function:cubic-bezier(.2,.9,.25,1)}.status{view-transition-name:status}@media (prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--pattern) 0 0 / 56px 56px, linear-gradient(#f4f6f8, var(--bg) 60%);min-height:100dvh;color:var(--ink);font:500 16px / 1.6 var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;background-attachment:fixed;margin:0}a{color:var(--blue);text-underline-offset:2px}img{display:block}img.icon{object-fit:contain;-webkit-user-drag:none;user-select:none;flex:none}:focus-visible{outline:3px solid var(--cyan);outline-offset:2px;border-radius:8px}.skip-link{z-index:100;box-shadow:var(--shadow);background:#fff;border-radius:999px;padding:8px 14px;position:fixed;top:8px;left:8px;transform:translateY(-200%)}.skip-link:focus{transform:none}.status{border-bottom:1px solid var(--line);color:#5d6570;white-space:nowrap;background:linear-gradient(#fff,#eef1f4);align-items:center;gap:10px;height:30px;padding:0 12px;font-size:13px;font-weight:700;display:flex}.signal{align-items:flex-end;gap:2px;height:14px;display:flex}.signal i{background:var(--cyan);border-radius:1px;width:3px}.signal i:first-child{height:4px}.signal i:nth-child(2){height:7px}.signal i:nth-child(3){height:10px}.signal i:nth-child(4){height:13px}.pill{text-overflow:ellipsis;color:#fff;background:linear-gradient(#5cc6ff,#1d8ae6);border-radius:999px;min-width:0;max-width:46%;padding:1px 12px;font-size:12px;overflow:hidden;box-shadow:inset 0 1px #ffffff80,0 1px 1px #0000001f}.status-spacer{flex:1}.clock{font-variant-numeric:tabular-nums}.battery{border:2px solid #7c8590;border-radius:3px;width:26px;height:13px;position:relative}.battery:after{content:"";background:#7c8590;border-radius:0 1px 1px 0;width:3px;height:5px;position:absolute;top:2px;right:-5px}.battery i{background:linear-gradient(#5cc6ff,#1d8ae6);border-radius:1px;position:absolute;inset:1px}.status-back{background:var(--btn);border:1px solid var(--btn-rim);color:var(--ink);box-shadow:0 1px 0 var(--btn-drop), inset 0 1px 0 #fff;border-radius:6px;align-items:center;gap:4px;padding:1px 10px;font-size:12px;font-weight:800;text-decoration:none;display:inline-flex}.status-back:hover{background:var(--btn-hover);border-color:var(--cyan)}.home{place-items:center;padding:20px 12px;display:grid}.console{--tw:min(820px, 94vw, calc((100dvh - 64px) / 1.22));flex-direction:column;align-items:center;gap:0;display:flex}.screen{background:var(--pattern) 0 0 / 56px 56px, linear-gradient(#fafbfc, #eceff2);border:10px solid var(--bezel);border-radius:16px;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #111,0 14px 40px #141e3247,inset 0 0 0 1px #00000026}.top-screen{width:var(--tw);height:calc(var(--tw) * .6)}.bottom-screen{width:calc(var(--tw) * .8);height:calc(var(--tw) * .6)}.hinge{width:calc(var(--tw) * .9);z-index:1;background:linear-gradient(#3a3e45,#1f2227 45%,#3a3e45);border-radius:8px;height:14px;margin:-2px 0;box-shadow:0 2px 4px #0000004d}.previews{flex:1;min-height:0;position:relative}.preview{align-items:center;gap:28px;padding:22px 36px;animation:.18s ease-out pv-in;display:flex;position:absolute;inset:0}.preview[hidden]{display:none}@keyframes pv-in{0%{opacity:0;transform:translateY(6px)}}.banner-icon{background:linear-gradient(#fff,#e9eef3);border:1px solid #d3d9e0;border-radius:30px;flex:none;place-items:center;width:150px;height:150px;display:grid;box-shadow:0 10px 24px #1e32502e,inset 0 2px #fff,inset 0 -3px #0000000a}.banner-icon img{filter:drop-shadow(0 6px 8px #00000038);width:104px;height:104px}.banner-text{min-width:0}.banner-text h2{color:#23272e;margin:6px 0 2px;font-size:clamp(22px,3.2vw,34px);font-weight:900;line-height:1.1}.banner-text .meta{color:var(--muted);margin:0 0 8px;font-size:14px;font-weight:700}.banner-text .desc{color:#4a515b;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 16px;font-size:16px;display:-webkit-box;overflow:hidden}.kind{color:#fff;background:var(--muted);border-radius:999px;padding:1px 10px;font-size:12px;font-weight:800;display:inline-block}.kind-blog{background:#f2a516}.kind-game{background:#e8455a}.kind-project{background:#2fb36b}.kind-about{background:var(--cyan)}.welcome{flex-direction:column;justify-content:center;align-items:flex-start;gap:0}.welcome-hi{color:var(--muted);margin:0;font-weight:800}.wordmark{letter-spacing:-.02em;background:linear-gradient(#56c8ff,#1a7fe0);color:#0000;filter:drop-shadow(0 3px #fff)drop-shadow(0 6px 10px #146ec840);-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(52px,9vw,96px);font-weight:900;line-height:1}.welcome-tag{margin:8px 0 0;font-size:20px;font-weight:800}.welcome-hint{color:var(--muted);margin:6px 0 0;font-weight:700}.open-btn{cursor:pointer;background:var(--btn);border:1px solid var(--btn-rim);color:var(--ink);font:800 15px var(--font);box-shadow:0 3px 0 var(--btn-drop), 0 5px 10px #1e283724, inset 0 1px 0 #fff;border-radius:10px;align-items:center;gap:8px;padding:5px 18px 5px 6px;text-decoration:none;transition:transform 80ms,box-shadow 80ms;display:inline-flex}.open-btn:hover{background:var(--btn-hover);color:var(--ink);border-color:#4fb6ea}.open-btn:active{box-shadow:0 0 0 var(--btn-drop), 0 2px 4px #1e28371f, inset 0 1px 0 #fff;transform:translateY(3px)}.a-btn{color:#fff;background:radial-gradient(circle at 40% 30%,#ff8a8a,#e23d3d 60%,#b52525);border-radius:50%;place-items:center;width:26px;height:26px;font-size:13px;font-weight:900;display:grid;box-shadow:inset 0 1px #ffffff80}.tabs{background:var(--bar);scrollbar-width:none;border-bottom:1px solid #b9bec5;gap:0;margin:0;padding:7px 10px;display:flex;overflow-x:auto;box-shadow:inset 0 1px #fff}.tab{color:#50555c;white-space:nowrap;background:var(--btn);border:1px solid var(--btn-rim);align-items:center;gap:6px;margin-left:-1px;padding:3px 12px 3px 7px;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex;box-shadow:inset 0 1px #fff}.tab:first-child{border-radius:8px 0 0 8px;margin-left:0}.tab:last-child{border-radius:0 8px 8px 0}.tab:hover{background:var(--btn-hover);color:var(--ink)}.tab[aria-current=page]{z-index:1;color:#fff;text-shadow:0 1px #0000002e;background:linear-gradient(#45c3f5,#109ee0 55%,#0a86c7);border-color:#0a72aa;position:relative;box-shadow:inset 0 1px #ffffff73,inset 0 -1px #0000001f}.tab img{width:18px;height:18px}.grid{scrollbar-width:thin;flex:1;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));align-content:start;gap:10px 6px;min-height:0;margin:0;padding:14px 12px;list-style:none;display:grid;overflow-y:auto}.tile{color:var(--ink);border-radius:14px;outline:none;flex-direction:column;align-items:center;gap:6px;padding:6px 2px;text-decoration:none;display:flex;position:relative}.tile-face{background:linear-gradient(#fff,#f2f3f5 60%,#e3e6e9);border:2px solid #c3c8ce;border-radius:12px;place-items:center;width:70px;height:70px;transition:transform .12s;display:grid;position:relative;box-shadow:0 2px #aab0b7,0 6px 12px #1e283729,inset 0 1px #fff}.tile-face img{filter:drop-shadow(0 3px 3px #0003);width:48px;height:48px}.link-badge{background:#fff;border:1px solid #9aa6b4;border-radius:4px;place-items:center;width:20px;height:20px;display:grid;position:absolute;bottom:3px;right:3px;box-shadow:0 1px 2px #00000040}.link-badge svg{width:16px;height:16px}.tile-label{text-align:center;color:#4a515b;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;padding:0 4px;font-size:12px;font-weight:700;line-height:1.2;display:-webkit-box;overflow:hidden}.tile:hover .tile-face{transform:translateY(-2px)}.tile:active .tile-face{transform:translateY(2px);box-shadow:0 1px #cbd2da,0 4px 8px #1e32501f,inset 0 2px #fff}.tile.sel .tile-face:after{content:"";pointer-events:none;--c:var(--sel);--l:18px;--w:4px;background:linear-gradient(var(--c), var(--c)) top left / var(--l) var(--w), linear-gradient(var(--c), var(--c)) top left / var(--w) var(--l), linear-gradient(var(--c), var(--c)) top right / var(--l) var(--w), linear-gradient(var(--c), var(--c)) top right / var(--w) var(--l), linear-gradient(var(--c), var(--c)) bottom left / var(--l) var(--w), linear-gradient(var(--c), var(--c)) bottom left / var(--w) var(--l), linear-gradient(var(--c), var(--c)) bottom right / var(--l) var(--w), linear-gradient(var(--c), var(--c)) bottom right / var(--w) var(--l);filter:drop-shadow(0 0 4px #47e08acc);background-repeat:no-repeat;border-radius:20px;animation:1.1s ease-in-out infinite brackets;position:absolute;inset:-9px}@keyframes brackets{50%{opacity:.75;inset:-6px}}.tile.sel .tile-label{color:var(--ink)}.empty{color:var(--muted);flex:1;place-items:center;margin:0;font-weight:800;display:grid}@media (width<=700px){.home{padding:0;display:block}.console{--tw:100vw;display:block}.screen{width:100%;height:auto;box-shadow:none;border:0;border-radius:0;overflow:visible}.top-screen{z-index:5;height:230px;position:sticky;top:0;box-shadow:0 4px 14px #141e321f}.hinge{display:none}.bottom-screen{min-height:calc(100dvh - 230px)}.preview{gap:16px;padding:14px 16px}.banner-icon{border-radius:22px;width:96px;height:96px}.banner-icon img{width:66px;height:66px}.banner-text h2{font-size:21px}.banner-text .desc{-webkit-line-clamp:2;margin-bottom:10px;font-size:14px}.wordmark{font-size:58px}.tabs{z-index:4;position:sticky;top:230px}.grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));padding-bottom:24px;overflow:visible}}.app .status{z-index:10;position:sticky;top:0;box-shadow:0 2px 10px #141e320f}.app-main{max-width:820px;margin:22px auto 0;padding:0 14px}.app-main.wide{max-width:1000px}.card{background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow), inset 0 0 0 1px #fff;border:3px solid #d3d7dc;overflow:hidden}.app-banner{background:linear-gradient(#fff,#f0f1f3 60%,#e2e5e8);border-bottom:2px solid #c9cdd3;align-items:center;gap:16px;padding:14px 20px;display:flex;box-shadow:inset 0 -1px #fff}.app-icon{background:linear-gradient(#fff,#f2f3f5 60%,#e3e6e9);border:2px solid #c3c8ce;border-radius:12px;flex:none;place-items:center;width:76px;height:76px;display:grid;box-shadow:0 2px #aab0b7,0 6px 12px #1e283724,inset 0 1px #fff}.app-icon img{filter:drop-shadow(0 3px 3px #0003);width:56px;height:56px}.app-banner>div:first-of-type{flex:1;min-width:0}.app-kicker{letter-spacing:.04em;color:var(--muted);margin:0;font-size:12px;font-weight:800}.app-banner h1{color:#2a2d31;margin:0;font-size:clamp(22px,3.4vw,30px);font-weight:800;line-height:1.15}.app-meta{color:var(--muted);margin:2px 0 0;font-size:13px;font-weight:600}.reader-tools{align-self:flex-start;gap:6px;display:flex}.pill-btn{cursor:pointer;min-width:40px;height:32px;font:800 14px var(--font);color:var(--ink);background:var(--btn);border:1px solid var(--btn-rim);box-shadow:0 2px 0 var(--btn-drop), inset 0 1px 0 #fff;border-radius:8px;padding:0 10px}.pill-btn:hover{background:var(--btn-hover)}.pill-btn:active{box-shadow:none;transform:translateY(2px)}@media (width<=600px){.app-main{margin-top:12px;padding:0 8px}.app-banner{flex-wrap:wrap;gap:12px;padding:16px}.app-icon{border-radius:16px;width:64px;height:64px}.app-icon img{width:46px;height:46px}.reader-tools{justify-content:flex-end;width:100%}}.dock{z-index:20;position:fixed;bottom:0;left:0;right:0}.dock-row{grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;max-width:1000px;margin:0 auto;padding:0 14px;display:grid}.dock-row>:first-child{justify-self:start}.dock-row>:nth-child(3),.dock-row>.bar-spacer{justify-self:end}.bar-btn{cursor:pointer;font:800 14px var(--font);color:var(--ink);white-space:nowrap;background:var(--btn);border:1px solid var(--btn-rim);box-shadow:0 2px 0 var(--btn-drop), inset 0 1px 0 #fff;border-radius:9px;align-items:center;gap:7px;padding:4px 14px 4px 5px;text-decoration:none;display:inline-flex}.bar-btn[hidden]{display:none}.bar-btn:hover{background:var(--btn-hover);border-color:#4fb6ea}.bar-btn:active{box-shadow:0 0 0 var(--btn-drop), inset 0 1px 0 #fff;transform:translateY(2px)}.bar-btn b{padding-left:6px;font-size:15px}.b-btn{color:#fff;background:radial-gradient(circle at 40% 30%,#ffe27a,#f2b705 60%,#c48a00);border-radius:50%;place-items:center;width:24px;height:24px;font-size:12px;font-weight:900;display:grid;box-shadow:inset 0 1px #ffffff80}.home-btn{color:#3d434c;letter-spacing:.1em;background:var(--btn);border:1px solid var(--btn-rim);box-shadow:0 3px 0 var(--btn-drop), 0 4px 10px #141e3224, inset 0 1px 0 #fff;border-radius:999px;align-items:center;gap:7px;padding:6px 22px;font-size:13px;font-weight:900;text-decoration:none;display:inline-flex}.home-btn:hover{color:var(--blue);background:var(--btn-hover)}.home-btn:active{box-shadow:0 0 0 var(--btn-drop), inset 0 1px 0 #fff;transform:translateY(3px)}.doc{--doc-size:var(--user-doc-size,18px);font-size:var(--doc-size);color:#2b2f36;padding:26px 32px 34px;line-height:1.75}@media (width<=600px){.doc{--doc-size:var(--user-doc-size,17px);padding:18px 18px 26px}}.doc .lede{color:#5a626d;margin-top:0;font-size:1.1em;font-style:italic}.doc h2{margin:2em 0 .5em;scroll-margin-top:50px;font-size:1.4em;font-weight:900;line-height:1.25}.doc h3{scroll-margin-top:50px;font-size:1.15em;font-weight:800}.doc blockquote{color:#34404d;background:#f3f8fc;border:1px solid #d7e7f3;border-radius:14px;margin:1.3em 0;padding:.8em 1.1em}.doc img{border-radius:12px;max-width:100%;height:auto}.doc pre{border:1px solid var(--line);background:#f5f7f9;border-radius:12px;padding:14px 16px;font-size:.82em;overflow-x:auto}.doc details{border:1px solid var(--line);background:#fafbfc;border-radius:16px;margin:.8em 0;overflow:hidden}.doc details>summary{cursor:pointer;align-items:center;gap:10px;padding:10px 14px;font-weight:800;list-style:none;display:flex}.doc details>summary::-webkit-details-marker{display:none}.doc details>summary:before{content:"+";color:#fff;background:linear-gradient(#5cc6ff,#1d8ae6);border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-weight:900;display:grid;box-shadow:inset 0 1px #ffffff80}.doc details[open]>summary:before{content:"−"}.doc details>summary:hover{background:#f0f6fb}.doc details[open]>:not(summary){margin-left:16px;margin-right:16px}.doc .katex-display{padding:4px 0;overflow:auto hidden}.doc .footnotes{border-top:2px dashed var(--line);margin-top:3em;padding-top:.5em;font-size:.85em}.link-row{flex-wrap:wrap;gap:10px;display:flex}.fineprint{color:var(--muted);font-size:14px}.post-nav{grid-template-columns:1fr 1fr;gap:12px;margin:16px 0 0;display:grid}.post-nav a{background:var(--btn);border:1px solid var(--btn-rim);box-shadow:0 3px 0 var(--btn-drop), inset 0 1px 0 #fff;color:var(--ink);border-radius:12px;padding:12px 16px;text-decoration:none;display:block}.post-nav a:hover{background:var(--btn-hover);border-color:#4fb6ea}.post-nav .k{color:var(--muted);font-size:13px;font-weight:800;display:block}.post-nav .t{font-weight:900}.post-nav .next{text-align:right;grid-column:2}@media (width<=600px){.post-nav{grid-template-columns:1fr}.post-nav .next{grid-column:auto}}.play{justify-items:center;gap:14px;padding:22px;display:grid}.play-screen{width:min(var(--app-w,640px), 100%);height:min(var(--app-h,480px), 75dvh);border:10px solid var(--bezel);background:#f0f0f0;border-radius:16px;overflow:hidden;box-shadow:0 0 0 1px #111,0 12px 30px #141e3240}.play-screen iframe{border:0;width:100%;height:100%;display:block}.play-desc{color:#5a626d;text-align:center;margin:0}@media (width<=600px){.play{padding:10px}.play-screen{height:min(var(--app-h,480px), 70dvh);border-width:6px}}.error-page{place-items:center;display:grid}.error-screen{text-align:center;justify-items:center;gap:4px;padding:40px 24px;font-size:18px;font-weight:800;display:grid}.error-screen p{margin:0}.error-screen .open-btn{margin-top:22px}.grid[hidden],.empty[hidden],.preview[hidden]{display:none}.want3d body.home{background:#05070a;padding:0;display:block;overflow:hidden}.want3d .console{visibility:hidden}.in3d .console{display:none}#stage3d{background:#05070a;position:fixed;inset:0;overflow:hidden}.stage-canvas{image-rendering:pixelated;position:absolute;inset:0;width:100%!important;height:100%!important}.stage-grain{pointer-events:none;opacity:.1;mix-blend-mode:overlay;image-rendering:pixelated;background-size:192px 192px;animation:.45s steps(4,end) infinite grain;position:absolute;inset:-96px}@keyframes grain{25%{transform:translate(-31px,17px)}50%{transform:translate(23px,-41px)}75%{transform:translate(-13px,-9px)}}#stage3d:after{content:"";pointer-events:none;background:radial-gradient(at 50% 45%,#0000 45%,#0000008c 100%);position:absolute;inset:0}.stage-css{z-index:1;position:absolute;inset:0}.stage-fade{z-index:2;pointer-events:none;opacity:1;background:#000;transition:opacity .9s ease-out;position:absolute;inset:0}#stage3d.ready .stage-fade{opacity:0}@media (prefers-reduced-motion:reduce){.stage-grain{animation:none}}.screen-mount{backface-visibility:hidden;overflow:hidden}.in3d .screen{zoom:1.5;box-shadow:none;opacity:0;filter:brightness(2.4);border:0;border-radius:0;transition:opacity .45s ease-out,filter .7s ease-out}.in3d .top-screen{width:533.34px;height:320px}.in3d .bottom-screen{width:426.67px;height:320px}#stage3d.on .screen{opacity:1;filter:none}#stage3d.instant .screen{transition:none}.in3d .preview{gap:18px;padding:14px 20px}.in3d .banner-icon{border-radius:24px;width:112px;height:112px}.in3d .banner-icon img{width:78px;height:78px}.in3d .banner-text h2{font-size:24px}.in3d .banner-text .desc{-webkit-line-clamp:2;margin-bottom:10px;font-size:14px}.in3d .wordmark{font-size:64px}.in3d .grid{grid-template-columns:repeat(4,1fr);padding:12px 8px}.battery i{width:calc((100% - 2px) * var(--level,1));min-width:2px;right:auto}.battery.low i{background:linear-gradient(#ff8a8a,#e23d3d)}.battery.charging i{background:linear-gradient(#8ff0a4,#2fb36b)}.battery.charging:before{content:"⚡";color:#f2a516;font-size:11px;position:absolute;top:-4px;left:-13px}.status{min-width:0;overflow:hidden}.status>*{flex:none}.status .pill{white-space:nowrap;flex:0 auto}.status .status-spacer{flex:1 1 0}.previews,.preview{overflow:hidden}.banner-text{flex-direction:column;flex:1 1 0;align-items:flex-start;min-height:0;max-height:100%;display:flex}.banner-text>*{flex:none;max-width:100%}.banner-text h2{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.banner-text .meta{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.banner-text .desc{flex:0 auto;min-height:0}.banner-text .open-btn{margin-top:auto}.welcome{overflow:hidden}.welcome>*{max-width:100%}.wordmark{overflow-wrap:anywhere}.tile{min-width:0}.tile-label{overflow-wrap:anywhere}.tab{flex:none}.app-banner h1,.doc,.post-nav .t{overflow-wrap:anywhere}.app-banner>div:first-of-type{min-width:0}.doc table{max-width:100%;display:block;overflow-x:auto}.doc .katex{max-width:100%}.doc p>.katex,.doc li>.katex{vertical-align:bottom;display:inline-block;overflow:auto hidden}.post-nav a{min-width:0}.app{padding-bottom:calc(72px + env(safe-area-inset-bottom))}.dock{padding:8px 0 calc(9px + env(safe-area-inset-bottom));background:var(--bar);border-top:1px solid #a9aeb5;box-shadow:inset 0 1px #fff,0 -3px 12px #141e321a}.doc h2,.doc h3,.doc [id]{scroll-margin-bottom:80px}@media (width<=700px){.top-screen{height:216px}.tabs{top:216px}.bottom-screen{min-height:calc(100dvh - 216px)}.banner-text h2{margin:4px 0 2px;font-size:19px;line-height:1.15}.banner-text .meta{margin-bottom:4px;font-size:13px}.banner-text .desc{-webkit-line-clamp:2;margin-bottom:8px}.open-btn{padding:5px 16px 5px 6px}.banner-icon{border-radius:20px;width:84px;height:84px}.banner-icon img{width:58px;height:58px}.status{gap:8px;padding:0 10px;font-size:12px}.tab{padding:8px 12px 8px 8px}.tile{padding:8px 2px}.pill-btn{min-width:44px;height:40px}.status-back{padding:5px 12px}}@media (width<=360px){.status .clock{font-size:11px}.banner-icon{width:68px;height:68px}.banner-icon img{width:46px;height:46px}.preview{gap:10px;padding:10px 12px}}.battery.charging{margin-left:12px}.stage-css{pointer-events:none!important}.screen-mount{pointer-events:auto}#stage3d:not(.on) .screen-mount{pointer-events:none}#stage3d.dimming .screen{filter:brightness(.2);transition:opacity .2s ease-in,filter .2s ease-in}.view-toggle{z-index:30;cursor:pointer;font:800 14px var(--font);color:#3d434c;background:var(--btn);border:1px solid var(--btn-rim);box-shadow:0 3px 0 var(--btn-drop), 0 10px 24px #0000004d, inset 0 1px 0 #fff;border-radius:10px;align-items:center;gap:8px;padding:7px 16px;display:none;position:fixed;bottom:18px;right:18px}.can3d .view-toggle{display:inline-flex}.view-toggle:hover{color:var(--blue)}.view-toggle:active{transform:translateY(3px);box-shadow:0 1px #aeb7c1,0 4px 10px #00000040,inset 0 1px #fff}.view-toggle b{font-size:16px}.want3d .view-toggle .when-flat,html:not(.want3d) .view-toggle .when-3d,#stage3d[hidden]{display:none}#stage3d.leaving .stage-fade{opacity:1;background:#eef0f3;transition:opacity .42s ease-in}.top-screen{background:linear-gradient(#fafbfc,#eceff2)}.previews>.depth-bg{background:var(--pattern) 0 0 / 56px 56px, linear-gradient(#f7f8fa, #eceff2);pointer-events:none;position:absolute;inset:-14px}.previews>.preview{z-index:1}.depth-on [data-depth]{filter:var(--ana,none);translate:calc(var(--sx,0px) * var(--z) * var(--d)) calc(var(--sy,0px) * var(--z) * var(--d))}.depth-on .banner-icon{scale:calc(1 + .04 * var(--d))}@media (prefers-reduced-motion:reduce){.depth-on [data-depth]{translate:none}}.app-view{z-index:5;background:#fff;position:absolute;inset:0}.app-view[hidden]{display:none}.app-view iframe{border:0;width:100%;height:100%;display:block}.app-open .preview .open-btn{display:none}.app-open .banner-text:after{content:"B  Close   ·   Screen mode for a bigger view";color:#5d6570;border:1px solid var(--line);background:#fff;border-radius:999px;margin-top:auto;padding:4px 12px;font-size:12px;font-weight:800}.embedded body{background:#fff}.embedded .status,.embedded .dock,.embedded .skip-link,.embedded .app-banner,.embedded .play-desc{display:none}.embedded .app{padding-bottom:0}.embedded .app-main,.embedded .app-main.wide{max-width:none;margin:0;padding:0}.embedded .card{box-shadow:none;border:0;border-radius:0}.embedded .play{padding:0}.embedded .play-screen{width:100%;height:100dvh;box-shadow:none;border:0;border-radius:0}.embedded .doc{--doc-size:var(--user-doc-size,16px);padding:16px 16px 24px}.embedded .post-nav{margin:0;padding:0 12px 16px}.app-open .banner-text:after{content:"B  Close   ·   Screen mode for a bigger view"}.app-input .banner-text:after{content:"HOME  Close   ·   Screen mode for a bigger view"}#stage3d.no-grain .stage-grain{display:none}#stage3d.still-grain .stage-grain{animation:none}#stage3d.no-vignette:after{display:none}.look-panel{z-index:40;color:#e9eef3;font:700 13px var(--font);background:#0f1216e0;border-radius:12px;gap:6px;padding:12px 14px;display:grid;position:fixed;top:12px;right:12px;box-shadow:0 8px 24px #0006}.look-panel[hidden]{display:none}.look-panel b{text-transform:uppercase;letter-spacing:.06em;color:#9aa6b4;font-size:12px}.look-panel label{cursor:pointer;align-items:center;gap:8px;display:flex}.look-panel small{color:#7d8794;font-size:11px}html.want3d .view-toggle .when-3d{display:inline}html.want3d .view-toggle .when-flat,html.screen-mode .view-toggle .when-3d{display:none}html.screen-mode .view-toggle .when-flat{display:inline}#stage3d{transition:background-color .5s}#stage3d .stage-canvas,#stage3d .stage-grain,#stage3d:after{transition:opacity .5s}#stage3d.instant .stage-canvas,#stage3d.instant .stage-grain,#stage3d.instant:after{transition:none}.folder-tile .tile-face,.folder-art{position:relative}.folder-tile .tile-face img.icon:first-child{width:52px;height:52px}.folder-minis{background:#ffffffd9;border-radius:4px;grid-template-columns:repeat(2,auto);gap:1px;padding:2px;display:grid;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.folder-tile .folder-minis img{filter:none;width:14px;height:14px}.folder-art .folder-minis{border-radius:8px;gap:3px;padding:4px;bottom:22px}.folder-art .folder-minis img{filter:none;width:28px;height:28px}.kind-folder{background:#c8a400}.folder-bar{background:#fff7d6;border-bottom:1px solid #ecd98a;justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;display:flex}.folder-bar[hidden]{display:none}.folder-back{cursor:pointer;font:800 13px var(--font);color:var(--ink);background:var(--btn);border:1px solid var(--btn-rim);box-shadow:0 2px 0 var(--btn-drop), inset 0 1px 0 #fff;border-radius:8px;align-items:center;gap:6px;padding:3px 12px;display:inline-flex}.folder-back:hover{border-color:#b39400}.folder-hint{color:#8a7a2e;font-size:12px;font-weight:700}@media (width<=700px){.folder-back{padding:8px 14px}}.np{color:#7a5a00;background:linear-gradient(#fff3c4,#ffe08a);border-radius:999px;align-items:center;gap:2px;min-width:0;max-width:48%;padding:1px 1px 1px 10px;font-size:12px;font-weight:800;display:inline-flex;box-shadow:inset 0 1px #fff9,0 1px 1px #0000001a;flex:0 auto!important}.np[hidden]{display:none}.np-link{min-width:0;color:inherit;align-items:center;gap:4px;text-decoration:none;display:inline-flex}.np-note{animation:1.2s ease-in-out infinite np-bob}.np-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@keyframes np-bob{50%{transform:translateY(-2px)}}.np-tune{font:inherit;color:#fff;cursor:pointer;background:linear-gradient(#f0b429,#d48806);border:0;border-radius:999px;flex:none;align-items:center;gap:4px;margin-left:4px;padding:1px 8px 1px 6px;font-size:11px;font-weight:900;display:inline-flex;box-shadow:inset 0 1px #ffffff59,0 1px 1px #0003}.np-tune:hover{filter:brightness(1.08)}.np.tuned .np-tune{background:linear-gradient(#3fbf5f,#238636)}.np.blocked .np-tune{background:linear-gradient(#f05252,#c62828);animation:1s ease-in-out infinite np-pulse}.np-icon{align-items:flex-end;gap:1px;height:9px;display:inline-flex}.np-icon i{background:currentColor;border-radius:1px;width:2px;height:100%}.np-icon i:first-child{height:55%}.np-icon i:nth-child(3){height:75%}.np.tuned .np-icon i{animation:.9s ease-in-out infinite np-eq}.np.tuned .np-icon i:nth-child(2){animation-delay:-.3s}.np.tuned .np-icon i:nth-child(3){animation-delay:-.6s}@keyframes np-eq{0%,to{height:30%}50%{height:100%}}@keyframes np-pulse{50%{opacity:.7}}@media (prefers-reduced-motion:reduce){.np-note,.np.tuned .np-icon i,.np.blocked .np-tune{animation:none}}@media (width<=420px){.np{max-width:52%}}.tuner-player{pointer-events:none;width:320px;height:180px;position:fixed;top:0;left:-10000px}.boot{display:none}.in3d .boot{z-index:60;opacity:0;pointer-events:none;background:#fff;place-items:center;transition:opacity .35s;display:grid;position:absolute;inset:0}#stage3d.booting .boot{opacity:1;transition:none}.boot-logo{letter-spacing:-.02em;opacity:0;align-items:baseline;gap:10px;font-weight:900;display:flex;transform:scale(.94)}.boot-logo span{color:#8f9399;font-size:54px}.boot-logo b{color:#2a2c30;font-size:72px}.boot-logo b:first-letter{color:#e60012}#stage3d.booting .boot-logo{animation:4.6s forwards boot-logo}@keyframes boot-logo{0%,6%{opacity:0;transform:scale(.94)}18%{opacity:1;transform:scale(1)}90%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}@media (prefers-reduced-motion:reduce){#stage3d.booting .boot-logo{opacity:1;animation:none;transform:none}}.power-hint{z-index:3;cursor:pointer;font:800 16px var(--font);color:#2a2d31;background:var(--btn);border:1px solid var(--btn-rim);box-shadow:0 3px 0 var(--btn-drop), 0 10px 30px #00000080, inset 0 1px 0 #fff;border-radius:999px;align-items:center;gap:10px;padding:10px 22px 10px 14px;animation:2.2s ease-in-out infinite power-hint;display:inline-flex;position:absolute;bottom:12%;left:50%;transform:translate(-50%)}.power-icon{color:#fff;background:radial-gradient(circle at 40% 30%,#6fd0ff,#109ee0 60%,#0a78b5);border-radius:50%;place-items:center;width:28px;height:28px;font-size:15px;display:grid;box-shadow:0 0 10px #109ee0b3}@keyframes power-hint{50%{box-shadow:0 3px 0 var(--btn-drop), 0 10px 30px #00000080, 0 0 0 6px #109ee040, inset 0 1px 0 #fff}}@media (prefers-reduced-motion:reduce){.power-hint{animation:none}}.top-app{z-index:3;background:#fff;position:absolute;inset:30px 0 0}.top-app.full{z-index:6;background:#000;inset:0}.top-app[hidden]{display:none}.top-app iframe{border:0;width:100%;height:100%;display:block}.top-view{display:none}.screen-top body{background:var(--pattern) 0 0 / 56px 56px, linear-gradient(#fafbfc, #eceff2)}.screen-top .top-view{align-items:center;min-height:100dvh;padding:18px 26px;display:flex}.screen-top .app-main,.screen-top .dock,.screen-top [data-put-down]{display:none}.screen-top .two-screen .app-main{display:block}.screen-top .two-screen .card{background:0 0}.screen-top [data-screen=bottom],.embedded:not(.screen-top) [data-screen=top]{display:none!important}.top-card{align-items:center;gap:26px;width:100%;display:flex}.top-icon{background:linear-gradient(#fff,#f2f3f5 60%,#e3e6e9);border:2px solid #c3c8ce;border-radius:22px;flex:none;place-items:center;width:150px;height:150px;display:grid;box-shadow:0 3px #aab0b7,0 10px 22px #1e28372e,inset 0 1px #fff}.top-icon img{filter:drop-shadow(0 5px 6px #00000038);width:104px;height:104px}.top-card>div{min-width:0}.top-kicker{color:var(--muted);margin:0;font-size:14px;font-weight:800}.top-card h1{overflow-wrap:anywhere;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:2px 0 4px;font-size:34px;font-weight:800;line-height:1.1;display:-webkit-box;overflow:hidden}.top-meta{color:var(--muted);margin:0 0 8px;font-size:14px;font-weight:700}.top-desc{color:#4a515b;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:16px;display:-webkit-box;overflow:hidden}.read-top{width:100%}.read-top h1{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:2px 0 10px;font-size:30px;font-weight:800;line-height:1.15;display:-webkit-box;overflow:hidden}.read-sec{color:#3c4046;-webkit-line-clamp:2;background:#fff;border:2px solid #d3d7dc;border-radius:10px;-webkit-box-orient:vertical;margin:0 0 12px;padding:8px 12px;font-size:17px;font-weight:700;display:-webkit-box;overflow:hidden}.read-progress{background:#dfe2e6;border-radius:999px;height:8px;overflow:hidden;box-shadow:inset 0 1px 2px #0000001f}.read-progress i{background:linear-gradient(90deg,#45c3f5,#109ee0);width:0;height:100%;transition:width .2s;display:block}.read-left{color:var(--muted);margin:6px 0 0;font-size:13px;font-weight:700}.sys-top{align-items:center;gap:24px;width:100%;display:flex}.sys-top .top-icon{width:130px;height:130px}.sys-top .top-icon img{width:90px;height:90px}.sys-top h1{margin:2px 0 6px;font-size:32px;font-weight:800}.mirror-top{width:100%}.mirror-top video{display:none}.mirror-top.mirroring{background:#000;position:fixed;inset:0}.mirror-top.mirroring video{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;display:block}.mirror-top.mirroring .mirror-wait{display:none}.screen-top .top-view:has(.mirroring){padding:0}.app-view,.top-app{transition:opacity .3s}.app-view.closing,.top-app.closing{opacity:0;pointer-events:none}.app-view:not([hidden]) iframe,.top-app:not([hidden]) iframe{animation:.25s app-in}@keyframes app-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.app-view,.top-app{transition:none}.app-view iframe,.top-app iframe{animation:none!important}}.room-btn{z-index:30;cursor:pointer;font:800 14px var(--font);color:#3d434c;background:var(--btn);border:1px solid var(--btn-rim);box-shadow:0 3px 0 var(--btn-drop), 0 10px 24px #0000004d, inset 0 1px 0 #fff;border-radius:10px;align-items:center;gap:8px;padding:7px 16px;display:inline-flex;position:fixed;bottom:18px;left:18px}.room-btn[hidden]{display:none}.room-btn:hover{background:var(--btn-hover)}.room-label{z-index:40;pointer-events:none;max-width:280px;font:700 13px var(--font);color:#f3ead6;background:#140e0ad9;border:1px solid #f3ead640;border-radius:8px;padding:5px 10px;position:fixed}.room-label[hidden]{display:none}.room-hint{z-index:30;pointer-events:none;font:700 13px var(--font);color:#e9e2d4;background:#0a080699;border-radius:999px;padding:5px 14px;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.room-hint[hidden],.room-hint:empty{display:none}.book-mount{pointer-events:auto}.in-room .view-toggle{display:none}