.track-card{flex:0 0 auto;width:148px;text-align:left;display:flex;flex-direction:column;gap:10px;scroll-snap-align:start}.track-card__art{position:relative;width:148px;height:148px;border-radius:var(--radius-md);overflow:hidden;background:var(--panel)}.track-card__art img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}.art-thumb__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(155deg,var(--panel) 0%,var(--bg-elevated) 100%);color:var(--text-faint)}.track-card:hover .track-card__art img{transform:scale(1.05)}.track-card__duration{position:absolute;right:6px;bottom:6px;font-family:var(--font-mono);font-size:11px;letter-spacing:.02em;background:#121214c7;color:var(--text);padding:2px 6px;border-radius:4px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.track-card__play-badge{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--bg);background:#c9a22700;opacity:0;transition:opacity .25s var(--ease),background .25s var(--ease)}.track-card__play-badge svg{background:var(--brass);border-radius:999px;padding:12px;transform:translateY(6px);transition:transform .25s var(--ease)}.track-card:hover .track-card__play-badge,.track-card:focus-visible .track-card__play-badge{opacity:1;background:#12121440}.track-card:hover .track-card__play-badge svg,.track-card:focus-visible .track-card__play-badge svg{transform:translateY(0)}.track-card--active .track-card__art{outline:2px solid var(--brass);outline-offset:2px}.track-card__meta{min-width:0}.track-card__song{margin:0;font-size:14px;font-weight:500;line-height:1.3;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.track-card__artist{margin:4px 0 0;font-size:12.5px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-row{display:flex;align-items:center;gap:14px;width:100%;padding:9px 8px;border-radius:var(--radius-sm);transition:background .2s var(--ease);text-align:left}.track-row:hover,.track-row:focus-visible{background:var(--panel-hover)}.track-row--active .track-row__song{color:var(--brass)}.track-row__art{flex:0 0 auto;width:52px;height:52px;border-radius:var(--radius-sm);overflow:hidden;background:var(--panel)}.track-row__art img{width:100%;height:100%;object-fit:cover}.track-row__meta{flex:1;min-width:0}.track-row__song{margin:0;font-size:14.5px;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-row__sub{margin:3px 0 0;font-size:12px;font-family:var(--font-mono);color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-row__glyph{flex:0 0 auto;color:var(--text-faint);display:flex}.home-sections{padding:4px 20px 40px;max-width:980px;margin:0 auto;display:flex;flex-direction:column;gap:34px}.home-section__title{font-family:var(--font-display);font-weight:400;font-style:italic;font-size:26px;margin:0 0 14px;color:var(--text);letter-spacing:.01em}.home-section__row{display:flex;gap:16px;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x proximity}.skeleton{background:linear-gradient(90deg,var(--panel) 25%,var(--panel-hover) 37%,var(--panel) 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite}.home-section__error{display:flex;align-items:center;gap:14px;padding:16px 18px;background:var(--panel);border-radius:var(--radius-md);border:1px solid var(--hairline)}.home-section__error p{flex:1;margin:0;font-size:13px;color:var(--text-muted)}.home-section__error button{flex:0 0 auto;padding:8px 14px;font-size:12.5px;font-weight:500;color:var(--brass);background:var(--panel-hover);border-radius:var(--radius-sm);transition:background .2s var(--ease)}.home-section__error button:hover{background:var(--hairline)}@keyframes shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}@media(max-width:560px){.home-sections{padding:4px 14px 40px;gap:28px}.home-section__title{font-size:22px}}.mini-player{position:fixed;left:12px;right:12px;bottom:12px;z-index:55;height:var(--mini-player-h);background:var(--bg-elevated);border:1px solid var(--hairline);border-radius:var(--radius-lg);display:flex;align-items:center;gap:12px;padding:8px 10px 8px 8px;box-shadow:0 12px 30px #00000073;cursor:pointer;overflow:hidden;animation:mini-player-in .4s var(--ease);max-width:640px;margin:0 auto}@keyframes mini-player-in{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}.mini-player__progress{position:absolute;left:0;bottom:0;height:2px;width:100%;background:var(--brass);transform-origin:left;transform:scaleX(0);transition:transform .2s linear}.mini-player__art{flex:0 0 auto;width:52px;height:52px;border-radius:var(--radius-sm);overflow:hidden;background:var(--panel)}.mini-player__art img{width:100%;height:100%;object-fit:cover}.mini-player__meta{flex:1;min-width:0}.mini-player__title{margin:0;font-size:13.5px;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-player__sub{margin:3px 0 0;font-size:11.5px;font-family:var(--font-mono);color:var(--text-muted)}.mini-player__toggle{flex:0 0 auto;width:40px;height:40px;border-radius:999px;background:var(--brass);color:var(--bg);display:flex;align-items:center;justify-content:center;transition:transform .15s var(--ease)}.mini-player__toggle:active{transform:scale(.92)}.mini-player__spinner{width:14px;height:14px;border-radius:999px;border:2px solid rgba(18,18,20,.35);border-top-color:var(--bg);animation:spin .7s linear infinite}.full-player{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;pointer-events:none}.full-player__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#080809b3;opacity:0;transition:opacity .35s var(--ease)}.full-player__sheet{position:absolute;left:0;right:0;bottom:0;height:100%;max-height:100dvh;background:linear-gradient(180deg,var(--bg-elevated) 0%,var(--bg) 55%);border-top-left-radius:22px;border-top-right-radius:22px;display:flex;flex-direction:column;padding:14px 24px calc(28px + env(safe-area-inset-bottom));transform:translateY(100%);transition:transform .45s var(--ease);box-shadow:0 -20px 60px #00000080}.full-player--open{pointer-events:auto}.full-player--open .full-player__backdrop{opacity:1}.full-player--open .full-player__sheet{transform:translateY(0)}.full-player__header{display:flex;align-items:center;justify-content:space-between;flex:0 0 auto;padding:6px 0 4px}.full-player__close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);border-radius:999px;transition:background .2s var(--ease),color .2s var(--ease)}.full-player__close:hover{background:var(--panel);color:var(--text)}.full-player__eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint)}.full-player__stage{flex:1 1 auto;display:flex;align-items:center;justify-content:center;min-height:0;padding:12px 0}.full-player__disc{position:relative;width:min(62vw,300px);height:min(62vw,300px);border-radius:999px;overflow:hidden;box-shadow:0 20px 50px #00000080,0 0 0 10px var(--panel);animation:disc-spin 16s linear infinite;animation-play-state:paused}.full-player__disc--spinning{animation-play-state:running}.full-player__disc img{width:100%;height:100%;object-fit:cover}.full-player__disc-hole{position:absolute;top:50%;left:50%;width:20px;height:20px;border-radius:999px;background:var(--bg);border:3px solid var(--brass);transform:translate(-50%,-50%)}@keyframes disc-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.full-player__info{flex:0 0 auto;text-align:center;padding:4px 8px 0}.full-player__song{font-family:var(--font-display);font-style:italic;font-weight:400;font-size:28px;margin:0;color:var(--text);line-height:1.2}.full-player__artist{margin:8px 0 0;font-size:14px;color:var(--text-muted)}.full-player__error{text-align:center;color:var(--danger);font-size:13px;margin:10px 0 0}.full-player__scrub{flex:0 0 auto;padding:22px 4px 0}.full-player__bar{position:relative;height:4px;border-radius:999px;background:var(--hairline);cursor:pointer}.full-player__bar-fill{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:var(--brass);transform-origin:left;transition:transform .1s linear}.full-player__bar-knob{position:absolute;top:50%;width:12px;height:12px;border-radius:999px;background:var(--brass);transform:translate(-50%,-50%);box-shadow:0 0 0 4px #c9a2272e}.full-player__times{display:flex;justify-content:space-between;margin-top:8px;font-family:var(--font-mono);font-size:11.5px;color:var(--text-faint)}.full-player__controls{flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:28px;padding-top:22px}.full-player__toggle{width:66px;height:66px;border-radius:999px;background:var(--brass);color:var(--bg);display:flex;align-items:center;justify-content:center;transition:transform .15s var(--ease)}.full-player__toggle:active{transform:scale(.94)}.full-player__toggle:disabled{opacity:.7}.full-player__skip{width:44px;height:44px;border-radius:999px;color:var(--text-muted);display:flex;align-items:center;justify-content:center;transition:color .2s var(--ease),background .2s var(--ease)}.full-player__skip:hover{color:var(--text);background:var(--panel)}.full-player__spinner{width:22px;height:22px;border-radius:999px;border:2.5px solid rgba(18,18,20,.35);border-top-color:var(--bg);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:420px){.full-player__song{font-size:24px}}.search-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:var(--bg);display:flex;flex-direction:column;opacity:0;transform:translateY(-16px);pointer-events:none;transition:opacity .3s var(--ease),transform .3s var(--ease)}.search-overlay--open{opacity:1;transform:translateY(0);pointer-events:auto}.search-overlay__bar{flex:0 0 auto;display:flex;align-items:center;gap:10px;padding:calc(16px + env(safe-area-inset-top)) 18px 14px;border-bottom:1px solid var(--hairline)}.search-overlay__icon{color:var(--text-faint);display:flex}.search-overlay__bar input{flex:1;font-size:16px;color:var(--text)}.search-overlay__bar input::placeholder{color:var(--text-faint)}.search-overlay__cancel{font-size:13.5px;color:var(--brass);font-weight:500;padding:6px 4px}.search-overlay__results{flex:1 1 auto;overflow-y:auto;padding:10px 12px 110px;max-width:720px;width:100%;margin:0 auto}.search-overlay__hint{text-align:center;color:var(--text-faint);font-size:13.5px;margin-top:60px;padding:0 24px}.search-overlay__load-more{display:block;width:calc(100% - 16px);margin:10px 8px 4px;padding:12px;text-align:center;font-size:13px;font-weight:500;color:var(--brass);background:var(--panel);border-radius:var(--radius-md);transition:background .2s var(--ease)}.search-overlay__load-more:hover{background:var(--panel-hover)}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:calc(16px + env(safe-area-inset-top)) 20px 14px;background:linear-gradient(180deg,var(--bg) 60%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.app-header__brand{display:flex;align-items:center;padding:4px;border-radius:var(--radius-sm);transition:opacity .2s var(--ease)}.app-header__brand:hover{opacity:.85}.app-header__logo{height:28px;width:auto;display:block}.app-header__search-btn{width:40px;height:40px;border-radius:999px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:background .2s var(--ease),color .2s var(--ease)}.app-header__search-btn:hover{background:var(--panel);color:var(--text)}.app-main{flex:1;padding-top:6px}.app-main--with-player{padding-bottom:calc(var(--mini-player-h) + 34px)}:root{--bg: #121214;--bg-elevated: #1a1a1d;--panel: #1e1e22;--panel-hover: #26262b;--hairline: #2c2c31;--text: #ede9e0;--text-muted: #918d84;--text-faint: #5c5a56;--brass: #5b84c4;--brass-soft: #4a6ea3;--brass-tint: rgba(91, 132, 196, .14);--danger: #c1443c;--font-display: "Instrument Serif", Georgia, serif;--font-body: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "IBM Plex Mono", "SFMono-Regular", Menlo, monospace;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 18px;--ease: cubic-bezier(.22, 1, .36, 1);--mini-player-h: 72px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased}body.scroll-locked{overflow:hidden;height:100vh}#root{min-height:100vh}img{display:block;max-width:100%}button{font-family:inherit;cursor:pointer;background:none;border:none;color:inherit}button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--brass);outline-offset:2px}input{font-family:inherit;color:inherit;background:none;border:none}::selection{background:var(--brass-tint);color:var(--text)}.hscroll{scrollbar-width:thin;scrollbar-color:var(--hairline) transparent}.hscroll::-webkit-scrollbar{height:6px}.hscroll::-webkit-scrollbar-thumb{background:var(--hairline);border-radius:999px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}