*{box-sizing:border-box;margin:0}.cloud-video{opacity:.01;pointer-events:none;width:2px;height:2px;position:fixed;bottom:0;left:0}html,body{color:#eee;-webkit-user-select:none;user-select:none;background:#000;height:100%;font-family:-apple-system,PingFang TC,Noto Sans TC,sans-serif;overflow:hidden}#view{touch-action:none;width:100%;height:100%;position:fixed;inset:0}#hud{padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));pointer-events:none;background:linear-gradient(#0000008c,#00000040);flex-direction:column;gap:12px;display:flex;position:fixed;inset:0;overflow-y:auto}#hud>*{pointer-events:auto}#hud.playing-ui{background:0 0}#hud.playing-ui .panel,#hud.playing-ui h1{background:#0009}h1{letter-spacing:.08em;font-size:22px}.panel{background:#141418cc;border:1px solid #ffffff1f;border-radius:12px;flex-direction:column;gap:10px;padding:14px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.row label{color:#bbb;flex-direction:column;flex:1;gap:4px;min-width:120px;font-size:13px;display:flex}input[type=url]{color:#fff;background:#00000080;border:1px solid #fff3;border-radius:8px;flex:1;min-width:0;padding:10px 12px;font-size:14px}select,button,.file-btn{color:#fff;cursor:pointer;text-align:center;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;padding:10px 14px;font-size:14px}select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}button.primary{background:#4f7cff;border-color:#4f7cff;font-weight:600}.main-actions{margin-top:auto}.main-actions button{flex:1;padding:14px}input[type=range]{width:100%}#status{color:#9aa;text-align:center;min-height:1.2em;font-size:13px}.hint{color:#aab9c6;overflow-wrap:anywhere;font-size:12px;line-height:1.6}.hint:empty{display:none}.row label.auto-option{flex-direction:row;align-items:center;gap:7px;min-width:0}.auto-option input{accent-color:#4f7cff}#vr-format{white-space:nowrap;color:#d4e2f5;background:#0009;border-radius:4px;align-self:center;padding:4px 6px;font-size:11px}[hidden]{display:none!important}#vr-hud{top:max(8px, env(safe-area-inset-top));opacity:.35;gap:10px;transition:opacity .2s;display:flex;position:fixed;left:50%;transform:translate(-50%)}#vr-hud:active,#vr-hud:hover{opacity:1}#vr-hud button{background:#0009;padding:6px 10px;font-size:12px}#gaze{z-index:5;pointer-events:none;position:fixed;inset:0;overflow:hidden}.gaze-eye{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}#gaze.stereo .gaze-eye{width:50%}#gaze.stereo .gaze-eye+.gaze-eye{left:50%}.gaze-reticle{width:60px;height:60px;margin:-30px 0 0 -30px;position:absolute;top:50%;left:50%}.gaze-ring-track{fill:none;stroke:#ffffff2e;stroke-width:3px}.gaze-ring{fill:none;stroke:#fff;stroke-width:3px;stroke-linecap:round}.gaze-dot{fill:#ff3b30;stroke:#00000080;stroke-width:1px}.gaze-hint{text-align:center;color:#ffffff73;text-shadow:0 1px 2px #000;font-size:12px;position:absolute;bottom:14%;left:0;right:0}.gaze-btn{color:#fff;background:#0f0f14b8;border:2px solid #ffffff4d;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;transition:background .15s,border-color .15s;display:flex;position:absolute;top:0;left:0}.gaze-btn.hover{background:#4f7cffd9;border-color:#fff}.gaze-btn.disabled{opacity:.3}.gaze-btn-icon{width:42%;height:42%}.gaze-btn-icon svg{width:100%;height:100%;display:block}.gaze-btn-caption{white-space:nowrap;text-shadow:0 1px 2px #000;margin-top:4px;font-size:11px;position:absolute;top:100%}#hud{z-index:10}#vr-hud{z-index:20}#calibration summary{color:#bbb;cursor:pointer;font-size:13px}#calibration[open] summary{margin-bottom:10px}#calibration .row+.row{margin-top:10px}.gaze-notice{color:#ffd166;text-align:center;background:#000000b3;border-radius:8px;padding:8px 10px;font-size:13px;line-height:1.4;position:absolute;top:22%;left:8%;right:8%}button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible,summary:focus-visible{outline-offset:3px;outline:2px solid #9bb4ff}.playlist-heading,.playlist-heading>div{align-items:center;gap:12px;display:flex}.playlist-heading{justify-content:space-between}.playlist-heading h2{font-size:17px;font-weight:600}#playlist-count{color:#aab9c6;font-size:12px}#playlist-items{overscroll-behavior:contain;max-height:210px;padding:0;list-style:none;overflow-y:auto}.playlist-item{border-top:1px solid #ffffff15;align-items:center;gap:10px;padding:5px 0;display:flex}.playlist-item.current{background:#4f7cff20}.playlist-title{text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:12px;min-width:0;padding:10px 8px;display:flex}.playlist-number{color:#9bb4ff;font-variant-numeric:tabular-nums;font-size:12px}.playlist-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.playlist-item-actions{flex-shrink:0;gap:4px;display:flex}.playlist-item-actions button{min-width:36px;padding:8px 12px}.playlist-empty{color:#aab9c6;padding:14px 0;font-size:13px;line-height:1.6}.queue-controls{border-top:1px solid #ffffff15;justify-content:space-between;padding-top:10px}#queue-current{text-overflow:ellipsis;white-space:nowrap;text-align:center;color:#b8c7da;flex:1;min-width:0;font-size:12px;overflow:hidden}#extracted-sources summary{cursor:pointer;font-size:13px}#extracted-items{max-height:460px;margin:8px 0;overflow-y:auto}.extracted-item{overflow-wrap:anywhere;border-top:1px solid #ffffff15;padding:14px 0;font-size:12px;line-height:1.5}.extracted-choice{cursor:pointer;align-items:flex-start;gap:10px;display:flex}.source-facts{color:#d4e2f5;font-variant-numeric:tabular-nums;margin:8px 0 4px;font-size:13px}.source-url{color:#9aa;-webkit-user-select:text;user-select:text;margin:4px 0 10px;font-size:11px}.source-preview:empty{display:none}.source-preview{margin-top:10px}.source-preview-video{aspect-ratio:16/9;object-fit:contain;background:#080a0d;width:100%;max-height:260px;display:block}.source-preview .hint{margin:8px 0}.version-badge{right:max(12px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom));z-index:10000;color:#d4e2f5;font-size:12px;line-height:1.6;position:fixed}.version-badge>summary{cursor:pointer;background:#171c24;border:1px solid #536071;border-radius:6px;padding:8px 12px}.version-badge>summary:focus-visible{outline:2px solid #9bbaff}.version-content{background:#171c24;border:1px solid #536071;border-radius:6px;width:min(360px,100vw - 48px);max-height:65vh;padding:18px;position:absolute;bottom:44px;right:0;overflow-y:auto}.version-content ul{padding-left:18px}.version-content li{margin:8px 0}.version-content button{padding:8px 12px;font-size:12px}.version-mismatch>summary{color:#ffcb89;border-color:#b87c37}.extracted-item input{accent-color:#4f7cff;flex-shrink:0;margin-top:3px}.gaze-now-playing{text-overflow:ellipsis;white-space:nowrap;text-align:center;color:#dce6f6;text-shadow:0 1px 3px #000;opacity:.8;font-size:12px;position:absolute;bottom:8%;left:12%;right:12%;overflow:hidden}@media (width>=1000px){#hud{width:560px}}@media (width<=480px){.playlist-item{gap:3px}.playlist-item-actions button{min-width:32px;padding:8px}.playlist-actions{gap:6px}.playlist-actions button{flex:1;padding:10px 6px}}body.phone{--bg:oklch(16.5% .012 60);--raise:oklch(20.5% .014 60);--line:oklch(30% .016 60);--line-soft:oklch(24% .014 60);--text:oklch(93% .018 78);--muted:oklch(70% .022 70);--faint:oklch(53% .02 65);--amber:oklch(79% .145 68);--amber-ink:oklch(22% .05 60);--bad:oklch(72% .13 32);--serif:"Instrument Serif", "Songti TC", serif;--ease:cubic-bezier(.22, 1, .36, 1);background:var(--bg);color:var(--text);font-family:-apple-system,PingFang TC,Noto Sans TC,sans-serif}#video{opacity:.01;pointer-events:none;width:2px;height:2px;position:fixed;bottom:0;left:0}#view{visibility:hidden}body.in-vr #view{visibility:visible}body.in-vr{background:#050403}#gaze-mode{z-index:6;pointer-events:none;position:fixed;inset:0;overflow:hidden}#gaze-mode.stereo .gaze-eye{width:50%}#gaze-mode.stereo .gaze-eye+.gaze-eye{left:50%}#gaze-mode .gaze-btn{border-color:oklch(79% .145 68/.6)}.gaze-ring{stroke:var(--amber)}.gaze-notice{color:var(--amber)}.app{-webkit-overflow-scrolling:touch;background:radial-gradient(130% 60% at 100% 0%, oklch(30% .05 62/.4), transparent 60%), var(--bg);-webkit-user-select:none;user-select:none;position:fixed;inset:0;overflow-y:auto}.screen{min-height:100%;padding:max(20px, env(safe-area-inset-top)) 22px max(28px, env(safe-area-inset-bottom));animation:enter .45s var(--ease) both;flex-direction:column;display:flex}@keyframes enter{0%{opacity:0;transform:translateY(10px)}}.wordmark{font:italic 400 72px / .9 var(--serif);letter-spacing:-.01em}.wordmark.small{font-size:32px}.topbar{justify-content:space-between;align-items:center;min-height:44px;margin-bottom:18px;display:flex}.screen-title{font:400 44px / 1.05 var(--serif);letter-spacing:-.01em;overflow-wrap:anywhere;margin:8px 0 18px}button{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}.ghost{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:10px 0;font-size:15px}.ghost:active{color:var(--text)}.back{font-size:16px}.cta{background:var(--amber);width:100%;color:var(--amber-ink);letter-spacing:.04em;cursor:pointer;transition:transform .2s var(--ease), opacity .2s var(--ease);border:0;border-radius:16px;padding:18px;font-size:18px;font-weight:700}.cta:active:not(:disabled){transform:scale(.98)}.cta:disabled{opacity:.35}.error{color:var(--bad);font-size:14px}.error:empty{display:none}.login{justify-content:space-between;gap:32px}.login-mark{margin-top:12vh}.login-mark p{color:var(--muted);max-width:20em;margin-top:18px;font-size:16px;line-height:1.6}.login-form{gap:16px;display:grid}.login-form label{color:var(--muted);gap:6px;font-size:14px;display:grid}.login-form input{font:inherit;color:var(--text);border:1px solid var(--line);-webkit-user-select:text;user-select:text;background:oklch(13.5% .01 60);border-radius:14px;outline:none;padding:14px 16px;font-size:17px}.login-form input:focus{border-color:var(--amber)}.fine{color:var(--faint);text-align:center;font-size:13px}.lists{border-top:1px solid var(--line-soft);margin:0;padding:0;list-style:none}.list-row{border:0;border-bottom:1px solid var(--line-soft);text-align:left;cursor:pointer;background:0 0;grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;column-gap:16px;width:100%;padding:18px 2px;display:grid}.list-row:active{background:oklch(22% .016 60)}.list-name{text-overflow:ellipsis;white-space:nowrap;font-size:20px;font-weight:600;overflow:hidden}.list-count{font:italic 400 40px / 1 var(--serif);color:var(--amber);grid-row:span 2;align-self:center}.list-meta{color:var(--faint);margin-top:2px;font-size:13px}.empty{color:var(--muted);padding:24px 0;line-height:1.7}.account-line{color:var(--faint);justify-content:space-between;align-items:center;margin-top:auto;padding-top:36px;font-size:13px;display:flex}.install-tip{border:1px solid var(--line);color:var(--muted);border-radius:12px;margin-top:14px;padding:12px 14px;font-size:13px;line-height:1.6}.detail-count{color:var(--faint);margin:-8px 0 14px;font-size:14px}.items{margin:0 0 180px;padding:0;list-style:none}.item{border-bottom:1px solid var(--line-soft);grid-template-columns:36px minmax(0,1fr);gap:8px;padding:14px 0;display:grid}.item-index{font:italic 400 22px / 1.2 var(--serif);color:var(--faint)}.item-text{gap:2px;min-width:0;display:grid}.item-title{text-overflow:ellipsis;white-space:nowrap;font-size:16px;overflow:hidden}.item-meta{color:var(--faint);font-size:12.5px}.dock{padding:18px 22px calc(max(14px, env(safe-area-inset-bottom)) + 44px);background:linear-gradient(transparent, var(--bg) 24%);position:fixed;bottom:0;left:0;right:0}.dock-hint{color:var(--muted);margin-bottom:12px;font-size:13px;line-height:1.5}.vr-hud{top:max(10px, env(safe-area-inset-top));right:max(10px, env(safe-area-inset-right));z-index:20;position:fixed}.vr-hud button{color:oklch(90% .01 70);background:oklch(10% .01 60/.6);border:1px solid oklch(100% 0 0/.18);border-radius:999px;padding:6px 12px;font-size:12px}body.phone .version-badge{bottom:max(12px, env(safe-area-inset-bottom))}body.in-vr .version-badge{display:none}@media (prefers-reduced-motion:reduce){.screen,.cta{transition:none;animation:none}}body.phone .version-badge{right:max(12px, env(safe-area-inset-right));color:var(--muted)}body.phone .version-badge>summary{border:1px solid var(--line);background:var(--raise);border-radius:999px;padding:6px 11px;list-style:none}body.phone .version-content{background:var(--raise);border-color:var(--line);color:var(--text);border-radius:14px}.topbar-actions{gap:18px;display:inline-flex}.glasses-lead{color:var(--muted);margin-bottom:24px;font-size:14.5px;line-height:1.7}.glasses-lead b{color:var(--text)}.sliders{gap:26px;margin-bottom:180px;display:grid}.slider{gap:10px;display:grid}.slider-head{justify-content:space-between;align-items:baseline;font-size:16px;display:flex}.slider-head output{font:italic 400 26px / 1 var(--serif);color:var(--amber)}.slider-hint{color:var(--faint);font-size:12.5px;line-height:1.6}.slider input[type=range]{appearance:none;background:0 0;width:100%;height:32px;margin:0}.slider input[type=range]::-webkit-slider-runnable-track{background:var(--line);border-radius:2px;height:4px}.slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--amber);border-radius:50%;width:28px;height:28px;margin-top:-12px;box-shadow:0 2px 10px oklch(0% 0 0/.4)}