*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #111114;--surface: #1c1c1f;--surface-raised: #28282c;--border: #3a3a3e;--text: #f0f0f5;--text-muted: #8e8e99;--accent: #4a9eff}html,body{height:100%}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;display:flex;flex-direction:column;height:100dvh;overflow:hidden}#player{background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;user-select:none}.p-row{display:flex;align-items:center;padding:8px 14px;gap:10px;min-height:44px}#p-switch{visibility:hidden;color:var(--accent)}#p-switch.visible{visibility:visible}.btn{background:none;border:none;color:var(--text);font-size:20px;line-height:1;cursor:pointer;padding:4px 6px;border-radius:6px;flex-shrink:0;transition:background .15s,color .15s,opacity .15s;-webkit-tap-highlight-color:transparent}.btn:hover{background:#ffffff14}.btn:active{background:#ffffff26}.btn:disabled{opacity:.25;cursor:default}.btn:disabled:hover{background:none}.btn.active{color:var(--accent)}.btn--sm{font-size:17px}#p-section-title{flex:1;font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#p-track-info{flex:1;font-size:13px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}#p-pending-title{flex:1;font-size:14px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}#p-progress{flex:2;-webkit-appearance:none;appearance:none;height:3px;background:var(--border);border-radius:2px;outline:none;cursor:pointer;min-width:0}#p-progress::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--text);cursor:pointer;transition:background .15s,transform .15s}#p-progress:hover::-webkit-slider-thumb{background:var(--accent);transform:scale(1.2)}#p-progress::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--text);border:none;cursor:pointer}#p-time-left{font-size:12px;color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;min-width:42px;text-align:right;flex-shrink:0}#content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:none}.sc-section{min-height:100svh;padding:52px 24px 80px;border-bottom:1px solid var(--border)}.sc-section-inner{max-width:680px;margin:0 auto}.sc-section-inner h2{font-size:28px;font-weight:700;line-height:1.2;margin-bottom:32px;letter-spacing:-.3px}.sc-section-inner h3{font-size:20px;font-weight:600;margin:36px 0 14px}.sc-section-inner p{font-size:17px;line-height:1.8;color:var(--text);margin-bottom:22px}.sc-section-inner ul,.sc-section-inner ol{padding-left:24px;margin-bottom:22px}.sc-section-inner li{font-size:17px;line-height:1.75;margin-bottom:8px}.sc-section-inner blockquote{border-left:3px solid var(--accent);padding:4px 0 4px 18px;color:var(--text-muted);margin:24px 0;font-style:italic}.sc-section-inner code{background:var(--surface-raised);padding:2px 6px;border-radius:4px;font-size:14px;font-family:SF Mono,Fira Code,monospace}.sc-section-inner a{color:var(--accent);text-decoration:none}.sc-section-inner a:hover{text-decoration:underline}.sc-loading{color:var(--text-muted);font-size:14px;padding:40px 0}