.chepio-footer{background:#0000004d;border-top:1px solid var(--border)}.chepio-footer__inner{padding:12px 24px;display:flex;justify-content:flex-end}.chepio-footer a{display:inline-flex;opacity:.25;transition:opacity .2s}.chepio-footer img{height:28px;width:auto;filter:brightness(0) invert(1)}.chepio-footer a:hover,.chepio-footer a:focus-visible{opacity:1}.chepio-footer a:hover img{filter:none}.playlist-create-form{display:flex;flex-direction:column;gap:12px}.playlist-create-form input{width:100%;min-height:48px;padding:12px;font:inherit;font-size:16px;color:var(--text);background:var(--bg-elev);border:1px solid var(--border);border-radius:10px}.playlist-create-form>div{display:flex;justify-content:flex-end;gap:8px}.playlist-create-form p{color:var(--danger)}:root{--bg: #0b0b0f;--bg-elev: #15151c;--bg-elev-2: #1e1e28;--surface: rgba(255, 255, 255, .04);--surface-hover: rgba(255, 255, 255, .08);--border: rgba(255, 255, 255, .08);--text: #f4f4f6;--text-dim: #a0a0ad;--text-faint: #6b6b78;--accent: #7c5cff;--accent-2: #c049ff;--accent-grad: linear-gradient(135deg, #7c5cff, #c049ff);--danger: #ff5c7a;--radius: 16px;--radius-sm: 10px;--mini-h: 214px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea{-webkit-user-select:text;user-select:text}html,body,#root{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);overscroll-behavior-y:none;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input{font-family:inherit}.app{min-height:100%;display:flex;flex-direction:column;max-width:640px;margin:0 auto;position:relative}.screen{flex:1;padding:calc(var(--safe-top) + 16px) 16px 16px;padding-bottom:calc(var(--mini-h) + var(--safe-bottom) + 32px)}.screen.has-mini{padding-bottom:calc(var(--mini-h) + var(--safe-bottom) + 96px)}.topbar{display:flex;align-items:center;gap:12px;margin-bottom:20px;min-height:40px}.topbar h1{font-size:26px;font-weight:800;letter-spacing:-.02em;flex:1}.topbar .subtitle{display:block;font-size:12px;font-weight:500;color:var(--text-faint);margin-top:2px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;color:var(--text);background:var(--surface);flex-shrink:0;transition:background .15s}.icon-btn:active{background:var(--surface-hover)}.icon-btn.ghost{background:transparent}.icon-btn.active{background:var(--accent-grad);color:#fff}.icon-btn:disabled{opacity:.4}.brand{display:flex;align-items:center;gap:10px;flex:1}.brand .logo{width:40px;height:40px;border-radius:12px;background:var(--accent-grad);display:grid;place-items:center;color:#fff;flex-shrink:0}.brand .brand-logo{width:46px;height:46px;object-fit:contain;flex-shrink:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:var(--radius-sm);font-size:15px;font-weight:600;background:var(--surface);color:var(--text);transition:transform .1s,background .15s}.btn:active{transform:scale(.97)}.btn.primary{background:var(--accent-grad);color:#fff}.btn.danger{background:#ff5c7a1f;color:var(--danger)}.btn.block{width:100%}.btn-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:8px}.btn-row .btn{flex:1;min-width:130px}.empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;padding:64px 24px;color:var(--text-dim)}.empty .empty-icon{width:88px;height:88px;border-radius:28px;display:grid;place-items:center;background:var(--surface);color:var(--accent)}.empty h2{color:var(--text);font-size:20px}.empty p{max-width:280px;font-size:14px;line-height:1.5}.card-grid{display:flex;flex-direction:column;gap:12px}.playlist-card{display:flex;align-items:center;gap:8px;padding:8px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);text-align:left;width:100%;transition:background .15s,transform .1s}.playlist-card:focus-within{background:var(--surface-hover)}.playlist-card-main{display:flex;align-items:center;gap:14px;flex:1;min-width:0;padding:6px;border-radius:12px;text-align:left}.playlist-card-main:active{transform:scale(.99);background:var(--surface-hover)}.playlist-delete{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;color:var(--danger);flex-shrink:0}.playlist-delete:active{background:#ff5c7a1f}.playlist-card .art{width:58px;height:58px;border-radius:12px;background:var(--accent-grad);display:grid;place-items:center;color:#fff;flex-shrink:0;overflow:hidden}.playlist-card .art img{width:100%;height:100%;object-fit:cover}.playlist-card .meta{flex:1;min-width:0}.playlist-card .meta .name{font-size:17px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-card .meta .sub{font-size:13px;color:var(--text-dim);margin-top:3px}.playlist-card .meta .date{font-size:12px;color:var(--text-faint);margin-top:1px}.track-list{display:flex;flex-direction:column;margin-top:8px}.track-item{display:flex;align-items:center;gap:12px;padding:10px 8px;border-radius:var(--radius-sm);transition:background .15s}.track-item:active{background:var(--surface)}.track-item.playing{background:#7c5cff1f}.track-item .index{width:26px;text-align:center;font-size:14px;color:var(--text-faint);flex-shrink:0}.track-item.playing .index{color:var(--accent)}.track-item .body{flex:1;min-width:0;text-align:left}.track-item .title{font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-item.playing .title{color:var(--accent)}.track-item .artist{font-size:13px;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.track-item .dur{font-size:13px;color:var(--text-faint);flex-shrink:0}.track-item .row-btn{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;color:var(--text-faint);flex-shrink:0}.track-item .row-btn:active{color:var(--danger);background:var(--surface-hover)}.track-item .dur.remaining{color:var(--accent);font-variant-numeric:tabular-nums}.track-item .drag-handle{display:grid;place-items:center;width:36px;height:40px;flex-shrink:0;color:var(--text-faint);cursor:grab;touch-action:none}.track-item .drag-handle:active{cursor:grabbing;color:var(--text)}.track-item.dragging{background:var(--bg-elev-2);box-shadow:0 8px 24px #00000080;border-radius:var(--radius-sm);position:relative;z-index:5;opacity:.97}.section-title{font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);font-weight:700;margin:24px 4px 8px}.import-bar{margin:12px 0;padding:12px 14px;border-radius:var(--radius-sm);background:var(--surface);font-size:14px;color:var(--text-dim)}.import-bar .track{height:6px;border-radius:3px;background:var(--bg-elev-2);margin-top:8px;overflow:hidden}.import-bar .fill{height:100%;background:var(--accent-grad)}.mini-player{position:fixed;left:0;right:0;bottom:0;z-index:40;margin:0 auto;max-width:640px;padding:0}.mini-inner{display:flex;flex-direction:column;align-items:stretch;gap:12px;min-height:calc(var(--mini-h) + var(--safe-bottom));padding:14px 14px calc(var(--safe-bottom) + 14px);border-radius:18px 18px 0 0;background:var(--bg-elev-2);border:1px solid var(--border);border-bottom:0;box-shadow:0 8px 30px #00000080;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:relative;overflow:hidden}.mini-seek{display:flex;flex-direction:column;gap:8px;flex-shrink:0}.mini-times{display:flex;justify-content:space-between;color:var(--text-dim);font-size:13px;font-variant-numeric:tabular-nums;line-height:1}.mini-main{display:flex;align-items:center;gap:10px;min-width:0;flex-shrink:0}.mini-art{width:42px;height:42px;border-radius:10px;background:var(--accent-grad);display:grid;place-items:center;color:#fff;flex-shrink:0;overflow:hidden}.mini-art img{width:100%;height:100%;object-fit:cover}.mini-info{flex:1;min-width:0;text-align:left}.mini-info .title{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-info .artist{font-size:12px;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-controls{display:flex;align-items:center;justify-content:space-between;align-self:stretch;gap:8px;flex-shrink:0;padding:10px 14px;border-radius:999px;background:#ffffff12;border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px #ffffff14,0 12px 26px #00000047}.mini-controls .ctrl{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#ffffff14;color:var(--text);box-shadow:inset 0 1px #ffffff1f,0 6px 14px #00000038;transition:transform .12s ease,background .12s ease,opacity .12s ease}.mini-controls .play-toggle{width:64px;height:64px;color:#fff;background:var(--accent-grad);box-shadow:inset 0 1px #ffffff38,0 10px 24px #7c5cff57}.mini-controls .ctrl:active{transform:scale(.96);background:#ffffff21}.mini-controls .play-toggle:active{background:var(--accent-grad)}.mini-controls .ctrl:disabled{cursor:default;opacity:.34;box-shadow:none}.mini-controls .ctrl:disabled:active{transform:none;background:#ffffff14}.full-player{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:var(--bg);display:flex;flex-direction:column;padding:calc(var(--safe-top) + 12px) 24px calc(var(--safe-bottom) + 28px);max-width:640px;margin:0 auto;animation:slideUp .28s cubic-bezier(.2,.8,.2,1);overflow:hidden}.full-player:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--player-bg, radial-gradient(circle at 50% 0%, rgba(124, 92, 255, .25), transparent 60%));z-index:-1}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.full-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.full-top .label{text-align:center;flex:1;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim)}.full-art-wrap{flex:1;display:flex;align-items:center;justify-content:center;padding:24px 0;min-height:0}.full-art{width:min(78vw,360px);aspect-ratio:1;border-radius:24px;background:var(--accent-grad);display:grid;place-items:center;color:#fff;box-shadow:0 20px 60px #0000008c;overflow:hidden}.full-art img{width:100%;height:100%;object-fit:cover}.full-meta{margin-bottom:20px}.full-meta .title{font-size:24px;font-weight:800;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.full-meta .artist{font-size:16px;color:var(--text-dim);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seek{margin-bottom:18px}.seek input[type=range]{width:100%}.seek .times{display:flex;justify-content:space-between;font-size:12px;color:var(--text-faint);margin-top:6px;font-variant-numeric:tabular-nums}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;border-radius:3px;background:var(--bg-elev-2);outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #0006}input[type=range]::-moz-range-thumb{width:18px;height:18px;border:none;border-radius:50%;background:#fff}.transport{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:22px}.transport .side{width:48px;display:grid;place-items:center;color:var(--text-dim)}.transport .side.active{color:var(--accent)}.transport .nav{display:grid;place-items:center;width:60px;height:60px;color:var(--text)}.transport .nav:active{transform:scale(.92)}.transport .play{display:grid;place-items:center;width:76px;height:76px;border-radius:50%;background:#fff;color:#111;box-shadow:0 10px 30px #0006}.transport .play:active{transform:scale(.94)}.volume-row{display:flex;align-items:center;gap:12px;color:var(--text-dim)}.volume-row input{flex:1}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:8px}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.stat .value{font-size:26px;font-weight:800}.stat .label{font-size:13px;color:var(--text-dim);margin-top:2px}.notice{margin:16px 0;padding:14px 16px;border-radius:var(--radius-sm);background:#ffb80014;border:1px solid rgba(255,184,0,.2);color:#ffcf6b;font-size:13px;line-height:1.5}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center;animation:fade .2s}@keyframes fade{0%{opacity:0}}.modal{width:100%;max-width:640px;background:var(--bg-elev);border-radius:24px 24px 0 0;padding:24px 20px calc(var(--safe-bottom) + 24px);animation:slideUp .25s cubic-bezier(.2,.8,.2,1)}.modal h2{font-size:20px;margin-bottom:16px}.modal input[type=text]{width:100%;padding:14px 16px;border-radius:var(--radius-sm);background:var(--bg-elev-2);border:1px solid var(--border);color:var(--text);font-size:16px;outline:none}.modal input[type=text]:focus{border-color:var(--accent)}.modal .error{color:var(--danger);font-size:13px;margin-top:8px}.modal .actions{display:flex;gap:10px;margin-top:18px}.modal .actions .btn{flex:1}.credit-strip{background:#0000004d;border-top:1px solid rgba(255,255,255,.05)}.credit-strip .inner{max-width:640px;margin:0 auto;padding:12px 16px;display:flex;justify-content:flex-end}.credit-strip a{opacity:.25;transition:all .3s}.credit-strip a:hover{opacity:1}.credit-strip img{height:26px;width:auto;filter:brightness(0) invert(1);transition:all .3s}.credit-strip a:hover img{filter:none}.home-screen{display:flex;flex-direction:column;height:100dvh;overflow:hidden;padding:calc(var(--safe-top) + 16px) 16px 0}.home-header{flex-shrink:0;margin-bottom:12px}.home-playlists{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;margin:0 -4px;padding:0 4px 16px}.home-playlists .section-title{margin:0 4px 8px}.home-playlists .empty{min-height:100%;justify-content:center;padding:24px}.home-create{flex-shrink:0;padding:12px 0 calc(var(--safe-bottom) + 16px);background:var(--bg);border-top:1px solid var(--border)}.home-screen.has-mini .home-create{padding-bottom:calc(var(--mini-h) + var(--safe-bottom) + 24px)}.playlist-screen{display:flex;flex-direction:column;height:100dvh;overflow:hidden;padding:calc(var(--safe-top) + 16px) 16px calc(var(--safe-bottom) + 16px)}.playlist-screen.has-mini{padding-bottom:calc(var(--mini-h) + var(--safe-bottom) + 24px)}.playlist-static{flex-shrink:0;padding-bottom:10px;border-bottom:1px solid var(--border)}.playlist-static .topbar{margin-bottom:0}.playlist-title{flex:1;min-width:0;line-height:1.15}.playlist-title h1{flex:initial;font-size:18px;font-weight:800;letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-title .sub{color:var(--text-dim);font-size:12px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;margin:0 -4px;padding:12px 4px 16px}.playlist-screen.has-mini .playlist-scroll{padding-bottom:16px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;left:50%;bottom:calc(var(--mini-h) + var(--safe-bottom) + 24px);transform:translate(-50%);z-index:90;background:var(--bg-elev-2);border:1px solid var(--border);color:var(--text);padding:12px 18px;border-radius:12px;font-size:14px;box-shadow:0 8px 30px #00000080;max-width:90%;text-align:center;animation:fade .2s}.section-switcher{display:flex;gap:4px;padding:4px;border-radius:999px;background:var(--surface);border:1px solid var(--border);margin-bottom:12px;flex-shrink:0}.section-tab{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 12px;border-radius:999px;font-size:13px;font-weight:700;color:var(--text-dim);transition:background .15s,color .15s}.section-tab.active{background:var(--accent-grad);color:#fff}.progress-bar{height:6px;border-radius:3px;background:var(--bg-elev-2);overflow:hidden}.progress-bar .fill{height:100%;background:var(--accent-grad)}.progress-bar.large{height:8px;border-radius:4px}.audiobook-library .card-grid{margin-bottom:8px}.book-card{display:flex;align-items:stretch;gap:4px;padding:8px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);width:100%}.book-card-main{display:flex;align-items:center;gap:14px;flex:1;min-width:0;padding:6px;border-radius:12px;text-align:left}.book-card-main:active{transform:scale(.99);background:var(--surface-hover)}.book-card-cover{position:relative;width:64px;height:64px;border-radius:10px;background:var(--accent-grad);display:grid;place-items:center;color:#fff;flex-shrink:0;overflow:hidden}.book-card-cover img{width:100%;height:100%;object-fit:cover}.book-card-badge{position:absolute;bottom:4px;right:4px;width:20px;height:20px;border-radius:50%;background:var(--bg-elev);color:#4ade80;display:grid;place-items:center;box-shadow:0 2px 6px #0006}.book-card-meta{flex:1;min-width:0}.book-card-meta .title{font-size:16px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.book-card-meta .author{font-size:13px;color:var(--text-dim);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.book-card-meta .chapter-line{font-size:12px;color:var(--text-faint);margin-top:3px}.book-card-meta .progress-line{font-size:12px;color:var(--accent);font-weight:700;margin-top:6px}.book-card-meta .progress-bar{margin-top:3px}.book-card-meta .date{font-size:11px;color:var(--text-faint);margin-top:4px}.book-card-more{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;color:var(--text-faint);flex-shrink:0;align-self:center}.book-card-more:active{background:var(--surface-hover);color:var(--text)}.action-sheet .action-list{display:flex;flex-direction:column;gap:2px;margin-bottom:14px}.action-row{padding:14px 12px;border-radius:var(--radius-sm);font-size:15px;font-weight:600;text-align:left;color:var(--text)}.action-row:active{background:var(--surface)}.action-row.danger{color:var(--danger)}.import-wizard:before{display:none}.import-scroll{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:16px}.import-source{display:flex;flex-direction:column;gap:12px;padding-top:24px}.import-source .hint{color:var(--text-dim);font-size:14px;line-height:1.5;margin-bottom:8px}.import-preview{display:flex;flex-direction:column;gap:4px}.import-cover-row{display:flex;gap:16px;align-items:flex-start;margin-bottom:8px}.import-cover{width:96px;height:96px;border-radius:14px;background:var(--accent-grad);display:grid;place-items:center;color:#fff;flex-shrink:0;overflow:hidden}.import-cover img{width:100%;height:100%;object-fit:cover}.import-cover-actions{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0}.cover-candidates{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}.cover-thumb{width:44px;height:44px;border-radius:8px;overflow:hidden;flex-shrink:0;border:2px solid transparent;opacity:.6}.cover-thumb.active{border-color:var(--accent);opacity:1}.cover-thumb img{width:100%;height:100%;object-fit:cover}.field{display:flex;flex-direction:column;gap:6px;margin:10px 0;font-size:13px;color:var(--text-dim);font-weight:600}.field input[type=text]{padding:12px 14px;border-radius:var(--radius-sm);background:var(--bg-elev-2);border:1px solid var(--border);color:var(--text);font-size:15px;outline:none}.field input[type=text]:focus{border-color:var(--accent)}.import-stats{font-size:13px;color:var(--text-dim);margin:8px 0}.chapter-edit-list{display:flex;flex-direction:column;gap:4px;margin-top:4px}.chapter-edit-row{display:flex;align-items:center;gap:6px;padding:6px 4px}.chapter-edit-row .index{width:20px;font-size:12px;color:var(--text-faint);flex-shrink:0}.chapter-edit-row input[type=text]{flex:1;min-width:0;padding:8px 10px;border-radius:8px;background:var(--bg-elev-2);border:1px solid var(--border);color:var(--text);font-size:14px;outline:none}.chapter-edit-row .dur{font-size:12px;color:var(--text-faint);flex-shrink:0;min-width:40px;text-align:right}.chapter-edit-row button{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;color:var(--text-faint);flex-shrink:0;font-size:14px}.chapter-edit-row button:active{background:var(--surface);color:var(--text)}.chapter-edit-row button:disabled{opacity:.3}.import-progress-screen{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;padding:80px 24px;color:var(--text-dim)}.import-actions{display:flex;gap:10px;padding:12px 0 calc(var(--safe-bottom) + 12px);flex-shrink:0}.import-actions .btn{flex:1}.audiobook-hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:12px 0 24px}.audiobook-cover-large{width:min(50vw,200px);aspect-ratio:1;border-radius:20px;background:var(--accent-grad);display:grid;place-items:center;color:#fff;overflow:hidden;box-shadow:0 14px 40px #0006;margin-bottom:8px}.audiobook-cover-large img{width:100%;height:100%;object-fit:cover}.audiobook-author{color:var(--text-dim);font-size:14px;margin-bottom:10px}.audiobook-hero .progress-bar{width:100%;max-width:320px}.audiobook-progress-row{display:flex;justify-content:space-between;width:100%;max-width:320px;font-size:12px;color:var(--text-dim);margin-top:6px}.audiobook-duration-row{display:flex;justify-content:space-between;width:100%;max-width:320px;font-size:12px;color:var(--text-faint);margin-top:2px;margin-bottom:16px}.audiobook-completed{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}.completed-badge{display:inline-flex;align-items:center;gap:6px;color:#4ade80;font-size:13px;font-weight:700}.audiobook-hero .btn{max-width:320px}.chapter-list{display:flex;flex-direction:column;margin-top:4px}.chapter-row{display:flex;align-items:center;gap:12px;padding:12px 8px;border-radius:var(--radius-sm);text-align:left;width:100%}.chapter-row:active{background:var(--surface)}.chapter-row.playing{background:#7c5cff1f}.chapter-status{width:26px;text-align:center;font-size:12px;color:var(--text-faint);flex-shrink:0;display:grid;place-items:center}.chapter-row.playing .chapter-status{color:var(--accent)}.chapter-title{flex:1;min-width:0;font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chapter-row.playing .chapter-title{color:var(--accent)}.chapter-dur{font-size:13px;color:var(--text-faint);flex-shrink:0;font-variant-numeric:tabular-nums}.chapter-position{font-size:13px;color:var(--text-faint);margin-top:4px}:root{--nav-h: 68px}.app>.section-switcher{flex:0 0 auto;height:calc(var(--nav-h) + var(--safe-top));margin:0;padding:calc(var(--safe-top) + 10px) 16px 10px;position:sticky;top:0;z-index:20;background:var(--bg);border-bottom:1px solid var(--border);border-radius:0}.app>.home-screen,.app>.playlist-screen{height:calc(100dvh - var(--nav-h) - var(--safe-top));padding-top:16px}.app>.screen{padding-top:16px}.full-player{overflow-y:auto}.full-art{max-height:40dvh;width:min(78vw,360px,40dvh);flex-shrink:0}.full-top,.full-meta,.seek,.transport,.volume-row{flex-shrink:0}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.playback-error{padding:12px 16px;background:var(--bg-elev-2);color:var(--danger)}::selection{color:var(--text);background:var(--accent)}@media(min-width:768px){:root{--mini-h: 112px}.app,.mini-player{max-width:1200px}.home-screen,.playlist-screen,.screen{padding-left:32px;padding-right:32px}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));align-content:start}.mini-inner{display:grid;grid-template-columns:minmax(160px,1fr) minmax(180px,1.2fr) auto;align-items:center;gap:24px}.mini-main,.mini-seek,.mini-controls{min-width:0;margin:0}.mini-controls{gap:4px}.mini-controls .ctrl{width:40px;height:44px}.mini-controls .play-toggle{width:48px;height:48px}.track-item{min-height:68px}.track-item .drag-handle,.track-item .row-btn,.track-item .index{min-width:44px;min-height:44px}.full-player{max-width:1200px;padding-left:48px;padding-right:48px}}@media(min-width:768px)and (orientation:landscape){.full-player{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto 1fr auto auto auto;column-gap:48px;align-items:center}.full-top{grid-column:1 / -1}.full-art-wrap{grid-column:1;grid-row:2 / 6}.full-art{width:min(36vw,440px,65dvh);max-height:65dvh}.full-meta,.seek,.transport,.volume-row{grid-column:2;min-width:0}.full-meta{align-self:end}}@media(pointer:coarse){.icon-btn,.row-btn,.drag-handle{min-height:44px;min-width:44px}input[type=range]{height:12px}input[type=range]::-webkit-slider-thumb{width:24px;height:24px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.section-tab{min-width:0;min-height:44px;white-space:nowrap}@media(max-width:480px){.app>.section-switcher{padding-inline:8px}.section-tab{gap:4px;padding-inline:6px;font-size:12px}}@media(max-width:359px){.section-tab svg{display:none}}