:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark;--bg:#0b0c10;--panel:#141720;--panel2:#1b1f2a;--text:#f5f7fb;--muted:#98a1b3;--line:#2a3040;--accent:#7c8cff;--safe-bottom:env(safe-area-inset-bottom,0px)}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#1c2130 0,#0b0c10 44%);color:var(--text);min-height:100vh}.app-shell{max-width:880px;margin:0 auto;padding:calc(18px + env(safe-area-inset-top)) 18px calc(150px + var(--safe-bottom))}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.eyebrow{font-size:.72rem;letter-spacing:.16em;color:var(--muted);font-weight:700}.topbar h1{font-size:1.65rem;margin:3px 0 0}.icon-btn,.small-btn,.chip,.controls button,.alexa-btn{border:0;color:var(--text);background:var(--panel2);cursor:pointer}.icon-btn{width:42px;height:42px;border-radius:50%;font-size:1.35rem}.search-card{background:rgba(20,23,32,.86);border:1px solid var(--line);padding:14px;border-radius:20px;backdrop-filter:blur(18px)}#search{width:100%;border:1px solid var(--line);background:#0d1017;color:var(--text);border-radius:14px;padding:13px 14px;font-size:1rem;outline:none}.chips{display:flex;gap:8px;overflow:auto;padding-top:12px}.chip{padding:8px 12px;border-radius:999px;white-space:nowrap;color:var(--muted)}.chip.active{background:var(--accent);color:white}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}.stats div{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:13px;text-align:center}.stats strong{display:block;font-size:1.25rem}.stats span{font-size:.75rem;color:var(--muted)}.toolbar{display:flex;align-items:center;justify-content:space-between;margin:22px 2px 10px}.toolbar h2{font-size:1.1rem;margin:0}.small-btn{padding:8px 12px;border-radius:12px}.track-list{display:grid;gap:7px}.track{display:grid;grid-template-columns:48px 1fr auto;gap:11px;align-items:center;background:rgba(20,23,32,.72);border:1px solid transparent;border-radius:14px;padding:9px}.track:hover,.track.active{border-color:#3a435b}.track-num{height:42px;width:42px;border-radius:11px;display:grid;place-items:center;background:var(--panel2);color:var(--muted);font-weight:700}.track-main{min-width:0}.track-title,.track-sub{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-title{font-weight:650}.track-sub{color:var(--muted);font-size:.82rem;margin-top:3px}.folder-tag{font-size:.68rem;color:var(--muted);border:1px solid var(--line);padding:5px 7px;border-radius:999px}.empty{text-align:center;color:var(--muted);padding:40px 0}.player{position:fixed;left:50%;bottom:calc(10px + var(--safe-bottom));transform:translateX(-50%);width:min(calc(100% - 20px),860px);background:rgba(20,23,32,.96);border:1px solid #333b50;border-radius:22px;padding:11px 14px 12px;box-shadow:0 14px 45px rgba(0,0,0,.45);backdrop-filter:blur(20px)}.now-meta{display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center}.art{height:42px;width:42px;background:linear-gradient(145deg,#27304a,#141720);border-radius:11px;display:grid;place-items:center}.now-text{min-width:0}.now-text strong,.now-text span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.now-text span{color:var(--muted);font-size:.82rem;margin-top:2px}.alexa-btn{padding:7px 10px;border-radius:10px;font-size:.78rem}.progress-row{display:grid;grid-template-columns:38px 1fr 38px;align-items:center;gap:7px;font-size:.7rem;color:var(--muted);margin:8px 0 4px}.progress-row input{width:100%}.controls{display:flex;justify-content:center;gap:17px}.controls button{width:42px;height:34px;border-radius:12px;font-size:1rem}.controls .play{background:var(--accent);width:50px}.track button{all:unset;display:contents;cursor:pointer}@media(min-width:700px){.track-list{grid-template-columns:1fr 1fr}.app-shell{padding-left:26px;padding-right:26px}.topbar h1{font-size:2rem}}

.toolbar-title{display:flex;align-items:center;gap:10px;min-width:0}.back-btn{border:1px solid var(--line);background:var(--panel2);color:var(--text);padding:7px 10px;border-radius:10px;cursor:pointer}.folder-card{background:rgba(20,23,32,.82);border:1px solid var(--line);border-radius:14px}.folder-card button{all:unset;box-sizing:border-box;width:100%;display:grid;grid-template-columns:46px 1fr auto;gap:11px;align-items:center;padding:11px;cursor:pointer}.folder-icon{width:46px;height:46px;border-radius:12px;background:var(--panel2);display:grid;place-items:center;font-size:1.15rem}.folder-main{min-width:0}.folder-main strong,.folder-main span{display:block}.folder-main strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-main span{color:var(--muted);font-size:.8rem;margin-top:3px}.folder-chevron{font-size:1.6rem;color:var(--muted);padding-right:4px}