:root{--rail-w:0px;--shell-line:var(--hairline);--shell-line-strong:color-mix(in oklab, var(--text) 14%, transparent);--island-gap:12px}.shell-backdrop{inset:0 0 0 var(--rail-w);z-index:0;pointer-events:none;position:fixed}.shell-topbar{font-family:var(--font-mono);font-size:var(--type-machine);letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);justify-content:space-between;align-items:baseline;gap:24px;margin:0 0 12px;padding-top:20px;line-height:1.4;display:flex}.shell-topbar p{margin:0}.shell-topbar-live{color:var(--text);text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}@media (max-width:1023px){.shell-topbar-live{display:none}}main,.site-footer{z-index:1;position:relative}.site-header{z-index:30;position:relative}@media print{.shell-grid{display:none}}@media (max-width:1023px){.nav-util-icon,.rail-controls,.search-kbd{display:none}.nav-utils-tail{display:contents}}@media (min-width:1024px){:root{--rail-w:76px}body{padding-left:var(--rail-w)}.site-header{z-index:30;width:var(--rail-w);border-right:.5px solid var(--shell-line-strong);background:var(--bg);flex-flow:column;justify-content:flex-start;align-items:center;gap:34px;max-width:none;margin:0;padding:22px 0 18px;display:flex;position:fixed;inset:0 auto 0 0}.site-header .brand{justify-content:center;gap:0;width:44px;height:44px;font-size:0}.site-header .brand-mark{width:28px;height:28px}.site-header .nav-utils{flex-direction:column;align-items:center;gap:6px;margin-top:auto}.site-header .nav-utils-tail,.site-header .rail-controls{flex-direction:column;align-items:center;gap:6px;display:flex}.site-header .nav-util,.site-header .rail-controls .icon-btn{width:44px;height:44px;min-height:44px;color:var(--text-muted);background:0 0;border:0;border-radius:14px;justify-content:center;align-items:center;padding:0;display:inline-flex}.site-header .nav-util:hover,.site-header .rail-controls .icon-btn:hover{color:var(--text);background:var(--surface-2)}.site-header .nav-util[aria-current=page]{color:var(--text);background:var(--surface-2);box-shadow:inset 0 0 0 .5px var(--shell-line-strong)}.site-header .rail-controls .icon-btn[aria-pressed=true].field-motion,.site-header .rail-controls .icon-btn[aria-pressed=false].ui-sound-icon{color:var(--text);box-shadow:inset 0 0 0 .5px var(--shell-line-strong)}.site-header .nav-util-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.site-header .header-search{border:.5px solid var(--shell-line-strong);width:44px;height:44px;min-height:44px;color:var(--text);cursor:pointer;background:0 0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;margin-bottom:18px;padding:0;display:inline-flex;position:relative}.site-header .search-kbd{font-family:var(--font-mono);letter-spacing:.06em;color:var(--text-muted);white-space:nowrap;font-size:9.5px;line-height:1;position:absolute;top:calc(100% + 5px);left:50%;transform:translate(-50%)}.site-header .nav-toggle{width:44px;min-height:28px;margin:0}.site-header .nav-toggle svg{transform:rotate(0)}.site-header .nav-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.site-header .app-nav>ul{flex-direction:column;align-items:center;gap:10px}.site-header .nav-group{flex-direction:column;gap:2px}.site-header .app-nav .nav-group>a{writing-mode:vertical-rl;min-width:44px;min-height:0;font-family:var(--font-mono);letter-spacing:.14em;border-radius:999px;gap:0;padding:18px 12px;font-size:11px;font-weight:400;transform:rotate(180deg)}.site-header .app-nav .nav-group>a svg{display:none}.site-header .app-nav .nav-group>a[aria-current=page]{color:var(--text);background:var(--surface-2);box-shadow:inset 0 0 0 .5px var(--shell-line-strong)}.site-header .app-nav .nav-group>a[aria-current=page]:before{content:"";background:var(--accent);border-radius:50%;width:5px;height:5px;margin-bottom:10px}.site-header .nav-sub{background:var(--surface-2);border:.5px solid var(--shell-line-strong);border-radius:14px;min-width:220px;margin:0;top:0;left:calc(100% + 14px);box-shadow:0 24px 60px #00000073}}@media (max-width:719px){.app-nav{left:var(--island-gap);right:var(--island-gap);bottom:calc(var(--island-gap) + env(safe-area-inset-bottom));border:.5px solid var(--shell-line-strong);background:var(--surface-2);border-radius:24px;padding-bottom:0;overflow:hidden;box-shadow:0 18px 50px #00000073}.app-nav a{font-family:var(--font-mono);letter-spacing:.12em;font-weight:400}.app-nav a svg{display:none}.app-nav a:before{content:"";border-radius:50%;width:5px;height:5px}.app-nav a[aria-current=page]{color:var(--text)}.app-nav a[aria-current=page]:before{background:var(--accent)}body{padding-bottom:calc(var(--nav-h) + var(--island-gap) + env(safe-area-inset-bottom) + var(--mini-h) + 16px)}.mini-player{width:calc(100% - 2 * var(--island-gap));bottom:calc(var(--nav-h) + var(--island-gap) + env(safe-area-inset-bottom));border:.5px solid var(--shell-line-strong);border-bottom:.5px solid var(--shell-line);background:var(--surface-2);box-shadow:none;border-radius:24px 24px 0 0}:root:has(.mini-player) .app-nav{border-top:0;border-radius:0 0 24px 24px}.field-host--dock{bottom:calc(var(--nav-h) + var(--island-gap) + env(safe-area-inset-bottom) + var(--mini-h) + 24px)}}.site-footer{border-top:.5px solid var(--shell-line);font-family:var(--font-mono);letter-spacing:.04em;font-size:11.5px;line-height:1.9}.site-footer a{min-height:24px;color:var(--text-muted);line-height:24px;display:inline-block}.footer-kunye{color:var(--text);letter-spacing:.12em}.site-footer a:hover{color:var(--text)}.mini-player{gap:8px;margin-inline:auto;padding:8px 8px 8px 10px;left:0;right:0;transform:none;container:mini/inline-size}@media (min-width:1024px){.mini-player{left:var(--rail-w)}}.mini-player .mini-player-info{flex-direction:row;flex:0 auto;align-items:center;gap:10px;min-width:0;max-width:max-content}.mini-player .mini-player-expand{color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:999px;min-height:44px;padding:6px 10px}.mini-player .mini-player-expand:hover{background:var(--surface-3)}.mini-player-art{flex:none;place-items:center;width:28px;height:28px;display:inline-grid}.mini-player-dot{background:var(--accent);border-radius:50%;flex:none;width:8px;height:8px}.mini-player-dot.is-starting{opacity:.5}.mini-player-dot.is-paused{box-shadow:inset 0 0 0 1.5px var(--text-muted);background:0 0}.mini-player .mini-player-title{letter-spacing:0;font-size:15px;font-weight:500}.mini-player-progress{background:var(--shell-line-strong);border-radius:2px;flex:1 1 0;min-width:40px;height:2px;overflow:hidden}.mini-player-progress>span{background:var(--accent);transform-origin:0;height:100%;display:block}.mini-player-time{font-family:var(--font-mono);font-size:var(--type-machine);letter-spacing:.06em;font-variant-numeric:tabular-nums;color:var(--text-muted);white-space:nowrap;flex:none;line-height:1}.mini-player .mini-player-play{background:var(--text);width:44px;height:44px;color:var(--bg);border:0;border-radius:50%;flex:none}.mini-player .mini-player-play:hover{background:var(--text-display,var(--text))}.mini-player .mini-player-play:disabled{opacity:.5}.mini-player-panel-head{font-family:var(--font-mono);font-size:var(--type-machine);letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin:0}@container mini (max-width:479px){.mini-player-progress{display:none}.mini-player .mini-player-info{flex:1 1 0;max-width:none}}@container mini (max-width:419px){.mini-player-total,.mini-player-art{display:none}}.mini-player:has(.felt){border-radius:24px;flex-wrap:wrap;row-gap:8px;height:auto}.mini-player .felt{border-bottom:.5px solid var(--shell-line);flex-basis:100%;order:-1;padding:6px 8px 10px}.mini-player:has(.journey-next){border-radius:24px;flex-wrap:wrap;row-gap:8px;height:auto}.mini-player .journey-next{border-bottom:.5px solid var(--shell-line);flex-basis:100%;order:-1;padding:4px 8px 8px}@media (max-width:719px){:is(.mini-player:has(.felt),.mini-player:has(.journey-next)){border-radius:24px 24px 0 0}}.mini-player .mini-player-panel{grid-template-rows:auto 1fr;grid-template-columns:auto minmax(0,1fr);align-items:start;column-gap:14px}.mini-player-field{aspect-ratio:1;background:var(--stage-bg,var(--surface-3));width:112px;box-shadow:inset 0 0 0 .5px var(--shell-line-strong);border-radius:16px;grid-row:1/span 2}@container mini (max-width:419px){.mini-player-field{border-radius:14px;width:88px}}.field-slot{position:relative}.field-slot[data-occupied]{anchor-name:--field-slot}.field-slot-fallback{transition:opacity .4s var(--ease-decay,ease-out) .16s, visibility 0s;position:absolute;inset:0}.field-slot[data-occupied]>.field-slot-fallback{opacity:0;visibility:hidden;transition:opacity .4s var(--ease-decay,ease-out) .16s, visibility 0s .56s}.field-host--slot .field-host-field{transform-origin:50%;transition:transform 2.5s var(--ease-drift,linear), opacity 2.5s var(--ease-drift,linear)}.field-host--slot[data-morph=focus] .field-host-field{transform:scale(.86)}.field-host--slot[data-morph=relax] .field-host-field{transform:scale(1.06)}.field-host--slot[data-morph=sleep] .field-host-field{opacity:.9;transform:scale(.96)}.field-host.field-host--dock,.field-host.field-host--slot{pointer-events:none;width:auto;display:block;bottom:auto;right:auto;transform:none}@supports (anchor-name:--x){.field-host.field-host--dock,.field-host.field-host--slot{position-anchor:--field-slot;left:anchor(left);top:anchor(top);width:anchor-size(width);height:anchor-size(height)}}.field-host.field-host--dock{z-index:20}.field-host.field-host--slot{z-index:2}.field-host--dock .field-stage,.field-host--slot .field-stage{width:100%;height:100%}.field-host--dock .field-visual,.field-host--slot .field-visual{border-radius:inherit;height:100%;max-height:none;box-shadow:none}.field-host--dock{border-radius:16px;overflow:hidden}.field-host--slot .field-dom{display:none}.field-host--slot{--viz-bg:var(--bg);--stage-bg:var(--bg)}.field-host--slot .field-visual{background:0 0;border-radius:0}@media (min-width:1024px){.field-host--slot .field-visual>.field-motion{display:none}}.field-host{transition:opacity .24s ease-out}@starting-style{.field-host{opacity:0}}@media (prefers-reduced-motion:reduce){.field-host,.field-host--slot .field-host-field,.field-slot-fallback,.field-slot[data-occupied]>.field-slot-fallback{transition:none}}@media (min-width:720px){.mini-player{border:.5px solid var(--shell-line-strong);border-radius:999px;box-shadow:0 18px 48px #00000059}.mini-player.is-expanded,.mini-player.is-sample{border-radius:24px}}.m-tabs{z-index:40;left:var(--island-gap);right:var(--island-gap);bottom:calc(var(--island-gap) + env(safe-area-inset-bottom));border:.5px solid var(--shell-line-strong);background:var(--surface-2);border-radius:24px;padding:6px;box-shadow:0 18px 50px #00000073}.m-tabs button{font-family:var(--font-mono);letter-spacing:.12em;flex-direction:column;justify-content:center;align-items:center;gap:6px;font-weight:400;display:flex}.m-tabs button:before{content:"";border-radius:50%;width:5px;height:5px}.m-tabs button[aria-current=page]{color:var(--text);background:0 0}.m-tabs button[aria-current=page]:before{background:var(--accent)}::view-transition{pointer-events:none}.system-scene{align-content:center;justify-items:start;gap:18px;min-height:min(70vh,640px);padding:64px 0;display:grid;position:relative;overflow:hidden}.system-scene-rings{width:min(440px,100%);color:var(--accent);opacity:.22;pointer-events:none;position:absolute;top:50%;right:0;transform:translateY(-50%)}.system-scene-code{font-family:var(--font-mono);letter-spacing:.14em;color:var(--text-muted);margin:0;font-size:11.5px;position:relative}.system-scene-title{max-width:14ch;font-weight:400;font-size:var(--type-display,clamp(2.25rem, 1.6071rem + 3.2143vw, 4.5rem));margin:0;line-height:1.02;position:relative}.system-scene-giant{text-transform:uppercase;white-space:normal;margin-block-start:.2em;position:relative}.system-scene--giant .system-scene-title{max-width:none;font-family:var(--font-ui);font-size:var(--type-title);font-weight:500;line-height:1.2}.system-scene-text{max-width:46ch;color:var(--text-muted);font-size:var(--type-lead,1.125rem);line-height:1.55;position:relative}.system-scene-actions{position:relative}.system-status{font-family:var(--font-mono);letter-spacing:.14em;color:var(--text-muted);align-items:center;gap:10px;margin:24px 0;font-size:11.5px;line-height:1.4;display:inline-flex}.system-status-ring{width:20px;height:20px;color:var(--accent);flex:none}.system-status-arc{transform-origin:12px 12px;animation:8s linear infinite system-status-turn}@keyframes system-status-turn{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.system-status-arc{animation:none}}.palette-trail{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);flex-basis:100%;font-size:10.5px;line-height:1.4}.palette-col-aside{width:56px}.setting-switch{background:var(--stage-panel,var(--surface-1));border-color:var(--stage-line,var(--border));gap:12px;padding:10px 12px 10px 14px}.setting-switch .switch-text{flex:auto;gap:2px;min-width:0}.setting-switch .switch-name{font-size:15px;font-weight:500}.setting-switch .switch-track{background:var(--border-strong);box-shadow:inset 0 0 0 1px var(--border-control)}.setting-switch .switch-track:after{background:var(--text-muted)}.switch[aria-checked=true] .switch-track{background:var(--accent);box-shadow:none}.switch[aria-checked=true] .switch-track:after{background:var(--bg);transform:translate(16px)}.setting-switch .switch-text small{font-size:12.5px;line-height:1.45}.switch-state{min-width:6ch;font-family:var(--font-mono);letter-spacing:.14em;text-align:right;color:var(--text-muted);flex:none;font-size:11px}.switch[aria-checked=true] .switch-state{color:var(--text)}.audio-issue{gap:8px;min-width:0;display:grid}.audio-issue-box{border:1px solid var(--shell-line-strong);background:var(--surface-1);border-radius:14px;margin:8px 0 12px;padding:12px 14px}:is(.mini-player:has(>.audio-issue),.mini-player:has(>.system-status)){border-radius:24px;flex-wrap:wrap;row-gap:8px;height:auto}.mini-player>.audio-issue,.mini-player>.system-status{flex-basis:100%;order:-1}.mini-player>.system-status{margin:0;padding:4px 8px 6px}.mini-player>.audio-issue{border-bottom:.5px solid var(--shell-line);padding:6px 8px 10px}@media (max-width:719px){:is(.mini-player:has(>.audio-issue),.mini-player:has(>.system-status)){border-radius:24px 24px 0 0}}.mini-player-dot.is-broken{width:10px;height:10px;box-shadow:none;border:1.5px solid var(--danger);background:0 0;border-top-color:#0000}.audio-issue-head{font-family:var(--font-mono);font-size:var(--type-machine);letter-spacing:.14em;color:var(--text-muted);align-items:center;gap:8px;margin:0;line-height:1.4;display:flex}.audio-issue.is-fatal .audio-issue-head{color:var(--danger)}.audio-issue-ring{flex:none;width:16px;height:16px}.audio-issue-text{max-width:60ch;color:var(--text);margin:0;font-size:15px;line-height:1.45}.audio-issue-actions{flex-wrap:wrap;gap:8px;display:flex}.audio-issue-details summary{min-height:32px;font-family:var(--font-mono);font-size:var(--type-machine);letter-spacing:.12em;color:var(--text-muted);cursor:pointer;align-items:center;display:inline-flex}.audio-issue-details dl{font-family:var(--font-mono);gap:4px;margin:6px 0 10px;font-size:11.5px;line-height:1.4;display:grid}.audio-issue-details dl>div{grid-template-columns:minmax(0,13em) minmax(0,1fr);gap:10px;display:grid}.audio-issue-details dt{letter-spacing:.08em;color:var(--text-muted)}.audio-issue-details dd{overflow-wrap:anywhere;color:var(--text);margin:0}@media (max-width:479px){.audio-issue-details dl>div{grid-template-columns:minmax(0,1fr);gap:0}}:root{--offline-h:0px}:root:has(.offline-status){--offline-h:calc(30px + env(safe-area-inset-top,0px))}@media (max-width:719px){:root:has(.offline-status-wait){--offline-h:calc(48px + env(safe-area-inset-top,0px))}}:root:has(.offline-status) body{padding-top:var(--offline-h)}@media (min-width:1024px){:root:has(.offline-status) .site-header{top:var(--offline-h)}}.offline-status{z-index:40;min-height:var(--offline-h);padding:calc(6px + env(safe-area-inset-top,0px)) 16px 6px;font-family:var(--font-mono);letter-spacing:.14em;text-align:center;color:var(--text);background:var(--surface-2);border-bottom:.5px solid var(--shell-line-strong);flex-wrap:wrap;justify-content:center;align-items:center;gap:2px 8px;margin:0;font-size:11px;line-height:1.4;display:flex;position:fixed;top:0;left:0;right:0}.offline-status-ring{border:1.5px solid var(--accent);border-top-color:#0000;border-radius:50%;flex:none;width:9px;height:9px}.offline-status-wait{color:var(--text-muted)}@media (max-width:719px){.offline-status-wait{flex-basis:100%}.offline-status-sep{display:none}}