:root{--bg: #0b0f14;--bg-elevated: #131a23;--bg-elevated-2: #1a2330;--border: #253141;--text: #eef3f9;--text-dim: #9aa8ba;--text-muted: #6c7a8c;--accent: #4c8dff;--accent-soft: rgba(76, 141, 255, .16);--danger: #ff6b6b;--warn: #ffc861;--radius: 14px;--tabbar-height: 68px;color-scheme:dark}html[data-tg-scheme=light]{--bg: #ffffff;--bg-elevated: #f4f6f9;--bg-elevated-2: #e9edf3;--border: #d7dee8;--text: #12161c;--text-dim: #4a5563;--text-muted: #6b7684;--accent: #2f7cf6;--accent-soft: rgba(47, 124, 246, .12);color-scheme:light}html[data-tg-scheme=light] .tabbar{background:#fffffff0}html[data-tg-scheme=light] .player-card{box-shadow:0 12px 30px #0f172a1f}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font:inherit;color:inherit;cursor:pointer}.app{min-height:100%;max-width:720px;margin:0 auto;display:flex;flex-direction:column;padding:0 16px calc(var(--tabbar-height) + env(safe-area-inset-bottom,0px) + 16px)}.app-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 0 12px;position:sticky;top:0;background:linear-gradient(180deg,var(--bg) 78%,rgba(11,15,20,0));z-index:5}.brand{display:flex;align-items:center;gap:10px;min-width:0}.brand-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,var(--accent),#7f5bff);color:#fff;font-size:17px;flex:0 0 auto}.brand-name{font-size:17px;font-weight:650;letter-spacing:.2px}.badge{font-size:11px;padding:4px 9px;border-radius:999px;border:1px solid var(--border);color:var(--text-dim);white-space:nowrap}.badge--preview{background:var(--accent-soft);border-color:#4c8dff59;color:#a9c8ff}.notice{border:1px solid var(--border);background:var(--bg-elevated);border-radius:12px;padding:10px 12px;font-size:12.5px;line-height:1.45;color:var(--text-dim);margin:0 0 12px}.notice--error{border-color:#ff6b6b73;background:#ff6b6b17;color:#ffc9c9}.link-button{background:none;border:none;padding:0;color:var(--accent);text-decoration:underline;font-size:inherit}.app-main{flex:1;min-width:0}.tab-panel{display:flex;flex-direction:column;gap:16px;padding-bottom:8px}.search-form{display:flex;gap:8px}.search-input{flex:1;min-width:0;background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;padding:12px 14px;color:var(--text);font-size:15px;outline:none;transition:border-color .15s ease}.search-input::placeholder{color:var(--text-muted)}.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.search-submit{background:var(--accent);border:none;border-radius:12px;padding:0 18px;color:#fff;font-weight:600;font-size:14px}.search-submit:disabled{opacity:.45;cursor:default}.suggestions{display:flex;flex-wrap:wrap;gap:7px}.chip{display:inline-flex;align-items:center;font-size:12px;padding:3px 9px;border-radius:999px;background:var(--bg-elevated-2);border:1px solid var(--border);color:var(--text-dim)}.chip--button{padding:6px 11px;background:var(--bg-elevated);transition:border-color .15s ease,color .15s ease}.chip--button:hover{border-color:var(--accent);color:var(--text)}.search-summary{margin:0;font-size:12px;color:var(--text-muted)}.result-group{display:flex;flex-direction:column;gap:4px}.result-group-header{display:flex;align-items:center;gap:8px}.result-group-header h2{font-size:14px;font-weight:650;margin:0}.result-group-sub{margin:0 0 4px;font-size:11.5px;color:var(--text-muted)}.empty-inline{margin:4px 0 0;font-size:12.5px;color:var(--text-muted);padding:10px 12px;border:1px dashed var(--border);border-radius:10px}.track-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.track-row{border-radius:12px;overflow:hidden}.track-row.is-selected{background:var(--accent-soft);outline:1px solid rgba(76,141,255,.4)}.track-row-button{width:100%;display:flex;align-items:center;gap:11px;padding:8px;background:none;border:none;text-align:left;border-radius:12px;transition:background .14s ease}li.track-row{display:flex;align-items:center;gap:11px;padding:8px}.track-row-button:hover{background:var(--bg-elevated)}.artwork{width:46px;height:46px;border-radius:9px;object-fit:cover;flex:0 0 auto;background:var(--bg-elevated-2)}.artwork--empty{display:grid;place-items:center;color:var(--text-muted);font-weight:600}.track-meta{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.track-title{font-size:14px;font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-sub{font-size:12px;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-hint{font-size:10.5px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-duration{font-size:12px;color:var(--text-muted);font-variant-numeric:tabular-nums;flex:0 0 auto}.player-card{border:1px solid var(--border);background:var(--bg-elevated);border-radius:var(--radius);padding:14px;display:flex;flex-direction:column;gap:10px;position:sticky;bottom:calc(var(--tabbar-height) + 8px);box-shadow:0 12px 30px #00000073}.player-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.player-head h2{margin:0;font-size:15px;font-weight:650}.player-sub{margin:0;font-size:12.5px;color:var(--text-dim)}.player-facts{display:flex;gap:18px;margin:0;flex-wrap:wrap}.player-facts div{display:flex;flex-direction:column;gap:3px}.player-facts dt{font-size:10.5px;text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted)}.player-facts dd{margin:0;font-size:13px}.player-note{margin:0;font-size:11.5px;line-height:1.5;color:var(--text-muted)}.playback{font-size:11.5px;padding:2px 8px;border-radius:999px;border:1px solid var(--border);color:var(--text-dim)}.playback--playable{border-color:#50dca080;color:#74e0b0}.playback--preview_only{border-color:#ffc86180;color:var(--warn)}.playback--blocked{border-color:#ff6b6b80;color:var(--danger)}.button-primary{border:none;border-radius:11px;padding:11px 14px;background:var(--accent);color:#fff;font-weight:600;font-size:14px}.button-primary:disabled{background:var(--bg-elevated-2);color:var(--text-muted);cursor:not-allowed}.segmented{display:flex;gap:4px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;padding:4px}.segmented-item{flex:1;background:none;border:none;border-radius:9px;padding:8px 10px;font-size:13px;color:var(--text-dim)}.segmented-item.is-active{background:var(--bg-elevated-2);color:var(--text);font-weight:600}.section-caption{margin:0;font-size:12px;color:var(--text-muted)}.playlist-grid{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.playlist-card{width:100%;display:flex;align-items:center;gap:12px;padding:10px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);text-align:left;transition:border-color .15s ease}.playlist-card:hover{border-color:var(--accent)}.playlist-cover{width:54px;height:54px;border-radius:11px;display:grid;place-items:center;flex:0 0 auto;font-size:20px;font-weight:650;color:#fff;background:linear-gradient(135deg,#2b3a52,#4c8dff)}.playlist-body{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.playlist-title{font-size:14.5px;font-weight:600}.playlist-meta,.playlist-desc{font-size:11.5px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-chevron{color:var(--text-muted);font-size:20px;flex:0 0 auto}.playlist-header h1{margin:0 0 4px;font-size:21px;font-weight:700}.playlist-sub{margin:0;font-size:12px;color:var(--text-muted)}.back-button{align-self:flex-start;background:none;border:none;padding:0;color:var(--accent);font-size:13px}.info-block{border:1px solid var(--border);background:var(--bg-elevated);border-radius:var(--radius);padding:13px 14px}.info-block h2{margin:0 0 8px;font-size:13px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-dim)}.info-block p{margin:0;font-size:12.5px;line-height:1.55;color:var(--text-dim)}.info-block--warn{border-color:#ffc86159;background:#ffc8610f}.info-block code{font-size:11.5px;background:var(--bg-elevated-2);padding:1px 5px;border-radius:4px}.settings-list{display:flex;flex-direction:column;gap:10px;margin:0 0 10px}.settings-list div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;border-bottom:1px dashed rgba(37,49,65,.7);padding-bottom:8px}.settings-list div:last-child{border-bottom:none;padding-bottom:0}.settings-list dt{font-size:12.5px;color:var(--text-dim)}.settings-list dd{margin:0;font-size:13px;text-align:right}.muted{color:var(--text-muted)!important;font-size:11.5px!important}.empty-state{border:1px dashed var(--border);border-radius:var(--radius);padding:22px 16px;text-align:center}.empty-title{margin:0 0 6px;font-size:14px;font-weight:600}.empty-text{margin:0;font-size:12.5px;line-height:1.55;color:var(--text-muted)}.loading{color:var(--text-muted);font-size:13px}.tabbar{position:fixed;left:0;right:0;bottom:0;display:flex;max-width:720px;margin:0 auto;height:calc(var(--tabbar-height) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:#0f141bf0;backdrop-filter:blur(14px);border-top:1px solid var(--border);z-index:10}.tabbar-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:none;border:none;color:var(--text-muted);font-size:10.5px;padding:8px 2px;transition:color .15s ease}.tabbar-item svg{width:21px;height:21px}.tabbar-item.is-active{color:var(--accent)}.tabbar-item.is-active span{font-weight:600}@media (min-width: 560px){.brand-name{font-size:18px}.track-title{font-size:14.5px}}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}.badge--tg{background:#50c88c24;border-color:#50c88c66;color:#7fe3b4}html[data-tg-scheme=light] .badge--tg{background:#108c5a1a;border-color:#108c5a59;color:#0f7a4f}.notice--identity{border-color:#50c88c4d;background:#50c88c12;color:var(--text-dim)}.notice--identity strong{color:var(--text);font-weight:600}.gate{flex:1;display:flex;align-items:center;justify-content:center;padding:24px 0;min-height:60vh}.gate-card{width:100%;max-width:420px;border:1px solid var(--border);background:var(--bg-elevated);border-radius:var(--radius);padding:22px 18px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}.gate-icon{font-size:30px;line-height:1}.gate-title{margin:0;font-size:17px;font-weight:650}.gate-text{margin:0;font-size:13px;line-height:1.55;color:var(--text-dim)}.gate-detail{margin:0;font-size:11.5px;color:var(--text-muted)}.gate-detail code{background:var(--bg-elevated-2);padding:1px 5px;border-radius:4px}.gate-hint{margin:4px 0 0;font-size:11.5px;line-height:1.5;color:var(--text-muted)}.gate-card .button-primary{width:100%;margin-top:4px}