:root{color-scheme:dark;--bg: #0c1016;--bg-glow: #171d26;--surface: #141920;--surface-2: #1a212b;--surface-3: #222a35;--line: #2c3440;--line-soft: #232a34;--ink: #e6e9ef;--muted: #9aa3b2;--faint: #6b7382;--accent: #6a9fd4;--accent-2: #86b4e0;--accent-bg: #1a2533;--radius: 10px;--font: system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--player-h: 72px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);font-size:16px;line-height:1.55;color:var(--ink);background:radial-gradient(ellipse 70% 55% at 78% 88%,var(--bg-glow) 0%,transparent 58%),radial-gradient(ellipse 45% 35% at 12% 18%,rgba(106,159,212,.035) 0%,transparent 55%),var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.bg-mark{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.bg-mark__svg{position:absolute;right:-4%;bottom:6%;width:min(52vw,420px);height:auto;color:#8a94a3;opacity:.06;transform-origin:60% 60%;animation:bg-mark-drift 28s ease-in-out infinite}@keyframes bg-mark-drift{0%,to{transform:translate(0) rotate(-6deg)}50%{transform:translate(-1.5%,-2%) rotate(-3deg)}}@media(prefers-reduced-motion:reduce){.bg-mark__svg{animation:none}}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline;color:var(--accent-2)}button{font-family:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.app{position:relative;z-index:1;min-height:100%;display:flex;flex-direction:column;padding-bottom:calc(var(--player-h) + 16px)}.site-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;background:var(--surface);border-bottom:1px solid var(--line)}.brand{display:flex;flex-direction:row;align-items:center;gap:12px;min-width:0}.brand-text{display:flex;flex-direction:column;gap:2px;min-width:0}.brand .name{font-size:clamp(1.6rem,4vw,2.1rem);font-weight:700;letter-spacing:-.03em;line-height:1.1;color:var(--ink)}.brand .tag{font-size:13px;color:var(--faint)}.header-links{display:flex;align-items:center;gap:14px;flex-shrink:0}.header-links a{font-size:14px;font-weight:600}.main{flex:1;width:min(720px,100%);margin:0 auto;padding:28px 20px 20px}.section-title{margin:0 0 6px;font-size:1.15rem;font-weight:650;letter-spacing:-.01em}.section-note{margin:0 0 18px;color:var(--muted);font-size:14px}.album-grid{display:flex;flex-direction:column;gap:10px;margin-bottom:28px}.album-card{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;width:100%;text-align:left;padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--ink);transition:background .15s ease,border-color .15s ease}.album-card .glyph{flex-shrink:0;width:36px;height:36px;display:grid;place-items:center;line-height:0}.album-card .glyph svg{display:block}.soft-cube__face{fill:var(--surface-3)}.soft-cube__lip{stroke:var(--accent-2)}.soft-cube__accent{fill:var(--accent-2)}.soft-cube__accent--stroke{fill:none;stroke:var(--accent-2)}.album-card.active .soft-cube__face{fill:var(--accent)}.album-card.active .soft-cube__lip{stroke:#061018}.album-card.active .soft-cube__accent{fill:#061018}.album-card.active .soft-cube__accent--stroke{fill:none;stroke:#061018}.section-title .title-glyph .soft-cube__face{fill:var(--surface-3)}.section-title .title-glyph .soft-cube__lip{stroke:var(--accent-2)}.section-title .title-glyph .soft-cube__accent{fill:var(--accent-2)}.section-title .title-glyph .soft-cube__accent--stroke{fill:none;stroke:var(--accent-2)}.album-card .album-text{flex:1;min-width:0}.section-title .title-glyph{display:inline-flex;vertical-align:-.2em;margin-right:8px;color:var(--accent-2);line-height:0}.section-title .title-glyph svg{display:block}.album-card:hover{background:var(--surface-2);border-color:var(--line)}.album-card.active{background:var(--accent-bg);border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}.album-card .title{display:block;font-weight:650;font-size:15.5px}.album-card .meta{display:block;margin-top:4px;font-size:13px;color:var(--faint)}.album-card .count{flex-shrink:0;font-size:12px;font-weight:700;color:var(--bg);background:var(--accent);border-radius:11px;padding:2px 9px;min-width:22px;text-align:center}.album-card.active .count{background:var(--accent-2)}.track-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.track-row{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:12px 14px;border:1px solid transparent;border-radius:var(--radius);background:var(--surface);color:var(--ink);transition:background .15s ease}.track-row:hover{background:var(--surface-2)}.track-row.active{background:var(--accent-bg);border-color:var(--line)}.track-row .num{width:1.5em;flex-shrink:0;font-size:13px;font-variant-numeric:tabular-nums;color:var(--faint);text-align:right}.track-row.active .num{color:var(--accent-2)}.track-row .t-title{flex:1;min-width:0;font-size:14.5px;font-weight:550}.track-row .playing-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);flex-shrink:0;opacity:0}.track-row.active .playing-dot{opacity:1}.empty-album{padding:20px 16px;border:1px dashed var(--line);border-radius:var(--radius);color:var(--muted);font-size:14px;background:var(--surface)}.site-footer{padding:20px 22px 28px;text-align:center;font-size:13px;color:var(--faint);border-top:1px solid var(--line-soft)}.site-footer a{font-weight:600}.player-bar{position:fixed;left:0;right:0;bottom:0;z-index:20;display:flex;align-items:center;gap:14px;min-height:var(--player-h);padding:12px 18px;background:var(--surface);border-top:1px solid var(--line);box-shadow:0 -8px 24px #00000040}.player-info{flex:1;min-width:0}.player-info .now{display:block;font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--faint);font-weight:600}.player-info .track-name{display:block;font-size:14.5px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-info .album-name{display:block;font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}.player-btn{width:44px;height:44px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);color:var(--ink);display:grid;place-items:center;transition:background .15s ease,border-color .15s ease}.player-btn:hover:not(:disabled){background:var(--surface-3);border-color:var(--accent)}.player-btn:disabled{opacity:.4;cursor:not-allowed}.player-btn.primary{background:var(--accent);border-color:var(--accent);color:#061018}.player-btn.primary:hover:not(:disabled){background:var(--accent-2);border-color:var(--accent-2)}.player-btn.active{border-color:var(--accent);color:var(--accent-2);background:var(--accent-bg);box-shadow:inset 0 0 0 1px #6a9fd440}.player-btn svg{width:20px;height:20px;display:block}.status-msg{padding:24px;color:var(--muted);text-align:center}.status-msg.error{color:#e06c6c}@media(max-width:520px){.site-header{padding:14px 16px}.main{padding:20px 14px 16px}.player-bar{padding:10px 12px;gap:10px}.player-btn{width:40px;height:40px}.bg-mark__svg{width:min(72vw,280px);right:-8%;bottom:12%;opacity:.055}}