@import"https://fonts.googleapis.com/css2?family=Exo:wght@400;500;700;800&display=swap";:root{color-scheme:light;--ink: #132a3a;--paper: #edf6f4;--accent: #007b83;--accent-2: #00a8a1;--card: #f9fffe;--muted: #4b6975;--line: #c6e0df;--surface: #f4fbfa;--surface-strong: #e5f2f1;--shadow: 0 18px 38px rgba(19, 42, 58, .15)}*{box-sizing:border-box}html{max-width:100%;overflow-x:hidden}#root{width:100%;max-width:100%;overflow-x:hidden}body{margin:0;font-family:Exo,Segoe UI,sans-serif;color:var(--ink);background:radial-gradient(circle at 12% 18%,rgba(0,168,161,.22),transparent 40%),radial-gradient(circle at 86% 2%,rgba(0,123,131,.24),transparent 33%),linear-gradient(165deg,#f0fbf8,#edf6f4 48%,#e7f4fb);min-height:100vh;-webkit-tap-highlight-color:transparent}.app-shell{min-height:100vh;display:flex;flex-direction:column}.route-shell{flex:1}.top-nav{display:flex;justify-content:space-between;align-items:center;gap:.75rem;flex-wrap:wrap;padding:calc(.8rem + env(safe-area-inset-top,0px)) calc(1rem + env(safe-area-inset-right,0px)) .8rem calc(1rem + env(safe-area-inset-left,0px));border-bottom:1px solid rgba(19,42,58,.12);background:#edf6f4d6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:10}.brand{font-family:Exo,Segoe UI,sans-serif;font-weight:800;letter-spacing:1px;font-size:1.35rem;color:var(--ink);text-decoration:none}.top-nav-right{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;justify-content:flex-end}.now-playing-pill{display:inline-flex;align-items:center;gap:.45rem;max-width:min(62vw,660px);border-radius:999px;border:1px solid rgba(0,123,131,.28);padding:.44rem .82rem;background:linear-gradient(145deg,#eafff4cc,#d9f6fbcc);box-shadow:0 8px 18px #132a3a1f,inset 0 1px #ffffffc2}.now-playing-pill.idle{border-color:#62788159;background:linear-gradient(145deg,#ebf2f5cc,#e2eaeed1)}.status-dot{flex:0 0 9px;width:9px;height:9px;border-radius:999px;background:#36d55e;box-shadow:0 0 8px #36d55ecc,0 0 16px #36d55e80;animation:pulseDot 1.9s ease-in-out infinite}.waveform{--wf-color: #1eae52;display:inline-flex;align-items:flex-end;justify-content:center;gap:3px;height:14px;min-width:22px;transform:translateY(1px)}.waveform span{width:3px;border-radius:999px;background:var(--wf-color);transform-origin:50% 100%;animation:wavePulse 1.05s cubic-bezier(.4,0,.2,1) infinite;box-shadow:0 0 6px color-mix(in srgb,var(--wf-color) 45%,transparent)}.waveform span:nth-child(1){height:6px;animation-delay:-.42s;animation-duration:.98s}.waveform span:nth-child(2){height:11px;animation-delay:-.28s;animation-duration:1.08s}.waveform span:nth-child(3){height:8px;animation-delay:-.14s;animation-duration:.92s}.waveform span:nth-child(4){height:12px;animation-delay:-.36s;animation-duration:1.15s}.waveform span:nth-child(5){height:7px;animation-delay:-.22s;animation-duration:1s}.now-playing-pill.idle .status-dot{background:#8ea0a8;box-shadow:0 0 6px #8ea0a88c,0 0 12px #8ea0a859}.now-playing-pill.idle .waveform span{--wf-color: #8ea0a8;animation-play-state:paused;opacity:.72}.now-playing-label{flex-shrink:0;font-size:.82rem;font-weight:700;color:#184452;white-space:nowrap}.now-playing-track{min-width:0;flex:1 1 auto;font-size:.8rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-links{display:flex;gap:.6rem}.nav-links a{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:var(--ink);border:1px solid var(--line);padding:.4rem .7rem;border-radius:8px;transition:transform .14s ease,background-color .14s ease}.nav-links a.active,.nav-links a:hover{background:var(--surface);transform:translateY(-2px)}main{width:100%;max-width:1120px;margin:0 auto;padding:1.4rem .8rem 2.5rem}.site-footer{border-top:1px solid rgba(19,42,58,.12);background:#edf6f4b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:.7rem calc(1rem + env(safe-area-inset-right,0px)) calc(.7rem + env(safe-area-inset-bottom,0px)) calc(1rem + env(safe-area-inset-left,0px))}.site-footer p{width:100%;max-width:1120px;margin:0 auto;font-size:.88rem}.site-footer a{color:var(--accent);text-decoration:none;font-weight:700}.site-footer a:hover{text-decoration:underline}.changelog-hero h1{margin:0 0 .35rem}.changelog-list{display:grid;gap:.85rem}.changelog-entry{border-left:4px solid color-mix(in srgb,var(--accent) 65%,var(--line) 35%);font-family:Consolas,Cascadia Mono,Courier New,monospace}.changelog-date{margin:0;font-size:.8rem;color:var(--muted);letter-spacing:.04em;text-transform:uppercase}.changelog-entry h2{margin:.35rem 0 .45rem;font-size:1.1rem}.changelog-entry ul{margin:0;padding-left:1.15rem}.changelog-entry li{margin:.25rem 0}.hero{display:grid;gap:.6rem;border:1px solid color-mix(in srgb,var(--line) 82%,transparent 18%);border-radius:12px;padding:.72rem .88rem;background:linear-gradient(150deg,#007b8314,#007b8305);box-shadow:0 4px 14px #132a3a14;animation:fadeUp .36s ease both}.hero-head{display:grid;gap:.12rem}.hero h1{margin:0 0 .2rem;font-size:clamp(1.1rem,2vw,1.55rem);font-family:Exo,Segoe UI,sans-serif;font-weight:700;letter-spacing:.4px}.hero-subtext{margin:.22rem 0;max-width:70ch;font-size:.9rem;color:color-mix(in srgb,var(--ink) 82%,var(--muted) 18%)}.standout-hero{margin-top:.8rem;display:grid;gap:1rem;grid-template-columns:128px 1fr;background:linear-gradient(135deg,#007b832e,#ffffff38)}.standout-art{width:128px;height:128px;border-radius:14px;object-fit:cover;box-shadow:0 12px 24px #0c243142}.standout-content{display:grid;align-content:center;gap:.25rem}.standout-kicker{margin:0;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--muted) 80%,var(--accent) 20%)}.standout-content h2{margin:0;font-size:clamp(1.25rem,2.6vw,2rem)}.standout-artist,.standout-rating{margin:0;font-size:.95rem;color:var(--muted)}.stats-bar{margin:.9rem 0 1.1rem;display:grid;gap:.6rem;grid-template-columns:repeat(3,minmax(0,1fr));background:linear-gradient(135deg,#ffffff80,#e7f7fa4d)}.stats-bar article{border:1px solid color-mix(in srgb,var(--line) 70%,transparent 30%);border-radius:10px;padding:.6rem .7rem;background:color-mix(in srgb,var(--card) 70%,transparent 30%)}.stats-label{margin:0;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.stats-value{margin:.3rem 0 0;font-size:1.2rem;font-weight:700}.controls-toolbar{margin:1.1rem 0;display:flex;justify-content:space-between;align-items:flex-start;gap:.8rem}.control-group{display:grid;gap:.35rem}.filter-popover-wrap{position:relative}.filter-toggle{min-width:100px;border:1px solid var(--line)}.filter-toggle.active{background:linear-gradient(120deg,var(--accent),var(--accent-2));color:#fff;border-color:transparent}.filters-popover{position:absolute;left:0;top:calc(100% + .5rem);z-index:20;width:min(760px,92vw);box-shadow:0 18px 34px #132a3a38}.filters-popover-grid{display:grid;gap:.7rem;grid-template-columns:repeat(2,minmax(0,1fr))}input,select,button,textarea{font:inherit}input,select,textarea{border:1px solid var(--line);border-radius:9px;padding:.55rem .65rem;background:var(--surface)}button{border:none;border-radius:9px;padding:.55rem .9rem;cursor:pointer}.view-toggle{display:inline-flex;gap:.45rem}.view-toggle button{min-width:74px}.view-mode-group{display:inline-flex;align-items:center;gap:.6rem;min-height:40px}.view-mode-label{margin:0;line-height:1}.primary{background:linear-gradient(120deg,var(--accent),var(--accent-2));color:#fff}.secondary{background:var(--surface-strong);color:var(--ink)}.album-collection{list-style:none;margin:0;padding:0;display:grid;gap:.9rem}.album-collection.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.album-collection.list{grid-template-columns:1fr;gap:.34rem}.album-card-item,.album-list-item{animation:fadeUp .42s ease both}.album-card{width:100%;padding:0;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#ffffff59,#e7fafa33);-webkit-backdrop-filter:blur(12px) saturate(120%);backdrop-filter:blur(12px) saturate(120%);overflow:hidden;box-shadow:0 10px 26px #132a3a24;transition:transform .2s ease,box-shadow .2s ease,border-color .18s ease}.album-card:hover,.album-card:focus-visible{transform:translateY(-6px);box-shadow:0 22px 34px #132a3a38;border-color:color-mix(in srgb,var(--accent) 44%,var(--line) 56%)}.album-card-media{position:relative;aspect-ratio:1 / 1;overflow:hidden}.album-card-media img{width:100%;height:100%;object-fit:cover;display:block}.album-card-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(8,26,36,.56),transparent 45%);opacity:0;transition:opacity .18s ease}.album-card:hover .album-card-media:after,.album-card:focus-visible .album-card-media:after{opacity:1}.card-play-indicator{position:absolute;right:.55rem;bottom:.55rem;z-index:1;width:28px;height:28px;border-radius:999px;display:grid;place-items:center;font-weight:700;color:#fff;border:1px solid rgba(255,255,255,.5);background:#081a2466;opacity:0;transform:scale(.9);transition:opacity .16s ease,transform .16s ease}.album-card:hover .card-play-indicator,.album-card:focus-visible .card-play-indicator{opacity:1;transform:scale(1)}.album-card-content{padding:.75rem .7rem .85rem}.album-card-content h3{margin:0;font-size:.98rem;line-height:1.2}.album-card-content p{margin:.4rem 0 0;color:var(--muted)}.album-list-button{width:100%;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--card) 83%,var(--surface) 17%);display:grid;grid-template-columns:50px 1fr;gap:.5rem;align-items:center;text-align:left;padding:.42rem .55rem;box-shadow:0 6px 14px #132a3a14;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}.album-list-button:hover,.album-list-button:focus-visible{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 45%,var(--line) 55%);box-shadow:0 14px 24px #132a3a21}.album-list-art{width:50px;height:50px;border-radius:7px;object-fit:cover;display:block}.album-list-content{min-width:0;padding:.05rem .2rem .05rem 0}.album-list-content h3{margin:0 0 .12rem;font-size:.95rem;line-height:1.22}.album-list-content p{margin:.12rem 0;color:var(--muted)}.album-list-content .stars{margin:.12rem 0 .08rem;font-size:.88rem}.album-list-content .small{font-size:.72rem}.album-list-content .genre-tags{gap:.28rem;margin-top:.2rem}.album-list-content .genre-tag{padding:.1rem .34rem;font-size:.62rem}.genre-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.55rem}.genre-tag{border:1px solid color-mix(in srgb,var(--line) 72%,var(--accent) 28%);border-radius:999px;padding:.15rem .5rem;font-size:.72rem;background:color-mix(in srgb,var(--surface) 70%,transparent 30%);color:color-mix(in srgb,var(--ink) 82%,var(--muted) 18%)}.empty-state{margin-top:.6rem;text-align:center;display:grid;place-items:center;gap:.45rem;min-height:220px}.empty-state h3{margin:0;font-size:1.15rem}.empty-state-icon{width:52px;height:28px;display:inline-flex;align-items:flex-end;justify-content:center;gap:4px}.empty-state-icon span{width:7px;border-radius:4px;background:color-mix(in srgb,var(--accent) 75%,var(--line) 25%)}.empty-state-icon span:nth-child(1){height:10px}.empty-state-icon span:nth-child(2){height:20px}.empty-state-icon span:nth-child(3){height:14px}.stars{color:#1c8797;letter-spacing:2px;font-size:1.05rem;margin:.35rem 0}.admin-layout{display:grid;gap:1rem;grid-template-columns:1fr}.admin-shell{display:grid;gap:1rem}.ratings-layout{display:grid;gap:.85rem;grid-template-columns:1fr}.liquid-menu{display:flex;gap:.55rem;width:fit-content;max-width:100%;flex-wrap:wrap;padding:.45rem;border-radius:999px;border:1px solid rgba(255,255,255,.35);background:linear-gradient(140deg,#ffffff57,#d2edf133);box-shadow:0 16px 34px #112a3833,inset 0 1px #ffffffa8,inset 0 -8px 18px #ffffff2e;-webkit-backdrop-filter:blur(14px) saturate(130%);backdrop-filter:blur(14px) saturate(130%)}.liquid-menu-item{border:1px solid transparent;border-radius:999px;padding:.52rem 1rem;font-weight:700;color:var(--ink);background:transparent;transition:transform .16s ease,background-color .16s ease,box-shadow .16s ease}.liquid-menu-item:hover{transform:translateY(-1px)}.liquid-menu-item.active{background:linear-gradient(140deg,#ffffffdb,#e4faffb8);border-color:#fff9;box-shadow:0 10px 20px #00000029,inset 0 1px #fffc}.panel{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:1rem}.form-grid{display:grid;gap:.55rem;grid-template-columns:1fr}.inline-actions{display:flex;gap:.45rem;flex-wrap:wrap}.rating-toolbar{display:flex;gap:.55rem;flex-wrap:wrap;margin-top:.7rem}.ratings-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--card) 76%,var(--surface) 24%)}.ratings-table{min-width:720px}.ratings-table-head,.ratings-table-row{display:grid;grid-template-columns:2fr 1.4fr .7fr 1fr auto;gap:.6rem;align-items:center;padding:.55rem .7rem}.ratings-table-head{border-bottom:1px solid var(--line);color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;background:color-mix(in srgb,var(--surface) 78%,transparent 22%)}.ratings-table-row{border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent 30%)}.ratings-table-row:last-child{border-bottom:0}.ratings-table-row span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cell-rating{font-weight:700;color:var(--accent)}.cell-actions{display:inline-flex;gap:.4rem}button.compact{padding:.32rem .6rem;font-size:.82rem}.rating-modal{width:min(760px,96vw)}.rating-modal .panel{border:0;padding:0;background:transparent}.rating-modal .album-form{padding:1rem}.album-form{padding:.9rem .95rem 1rem}.album-form-head{margin-bottom:.7rem}.album-form-head h2{margin:0}.album-form-head .small{margin:.25rem 0 0}.album-form-grid{gap:.8rem}.album-form-grid label{font-weight:600}.album-form-grid textarea{min-height:112px;resize:vertical}.album-search-panel{display:grid;gap:.9rem}.album-search-head h2{margin:0}.album-search-head .small{margin:.25rem 0 0}.album-search-form{display:grid;gap:.8rem;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}.album-search-actions{display:flex;gap:.45rem;flex-wrap:wrap;grid-column:1 / -1}.album-search-results{display:grid;gap:.55rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.album-search-result{display:grid;grid-template-columns:64px 1fr;gap:.7rem;align-items:center;width:100%;padding:.65rem;border:1px solid var(--line);border-radius:12px;text-align:left;background:color-mix(in srgb,var(--card) 82%,var(--surface) 18%);box-shadow:0 10px 20px #132a3a14;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}.album-search-result:hover,.album-search-result:focus-visible{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 45%,var(--line) 55%);box-shadow:0 16px 28px #132a3a1f}.album-search-result.selected{border-color:color-mix(in srgb,var(--accent) 70%,var(--line) 30%);background:linear-gradient(145deg,#007b831f,#ffffff47)}.album-search-art{width:64px;height:64px;border-radius:10px;object-fit:cover;background:color-mix(in srgb,var(--surface) 80%,var(--line) 20%)}.album-search-art.placeholder{border:1px dashed color-mix(in srgb,var(--line) 75%,transparent 25%)}.album-search-copy{display:grid;gap:.2rem;min-width:0}.album-search-copy strong,.album-search-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.album-search-copy span{color:var(--muted);font-size:.86rem}.album-search-meta{display:flex;align-items:center;justify-content:space-between;gap:.55rem}.album-search-confidence{display:inline-flex;align-items:center;justify-content:center;padding:.12rem .44rem;border-radius:999px;background:color-mix(in srgb,var(--surface) 88%,#ffffff 12%);border:1px solid color-mix(in srgb,var(--line) 86%,transparent 14%);color:color-mix(in srgb,var(--muted) 88%,var(--ink) 12%);text-shadow:none;font-size:.74rem;font-weight:600;white-space:nowrap}.album-genres-row{display:grid;gap:.5rem;grid-template-columns:1fr auto;align-items:center}.album-genres-row .secondary{white-space:nowrap}.album-rating-row{display:grid;gap:.35rem}.album-rating-value{margin:0}.toast{padding:.55rem .65rem;border-radius:9px;margin-bottom:.7rem}.toast.success{background:#d8f3ef;color:#0b4a49}.toast.error{background:#ffdeda;color:#7f1f17}.small{font-size:.85rem;color:var(--muted)}.admin-login-main{min-height:calc(100vh - 120px);display:grid;place-items:center;align-content:center;gap:.8rem}.admin-login-main .toast{width:min(420px,100%);margin:0}.admin-login-panel{width:min(420px,100%);padding:1.2rem;box-shadow:var(--shadow)}.admin-login-form{display:grid;gap:.72rem}.admin-login-actions{margin-top:.25rem}.admin-login-actions .primary{width:100%}.admin-lastfm-form{display:grid;gap:.65rem;margin-top:.6rem}.admin-stars{display:inline-flex;gap:.22rem;width:fit-content;padding:.25rem;border:1px solid color-mix(in srgb,var(--line) 72%,transparent 28%);border-radius:10px;background:color-mix(in srgb,var(--surface) 60%,transparent 40%);touch-action:none;-webkit-user-select:none;user-select:none}.admin-star{border:1px solid transparent;background:transparent;color:color-mix(in srgb,var(--muted) 80%,transparent 20%);border-radius:8px;width:34px;height:34px;line-height:1;padding:0;font-size:1.15rem;transition:transform .14s ease,color .14s ease,background-color .14s ease}.admin-star:hover{transform:translateY(-1px);color:#ffd36c}.admin-star.active,.admin-star.full{color:#fc5;background:color-mix(in srgb,#ffcc55 18%,transparent 82%)}.admin-star.half{color:transparent;background:linear-gradient(90deg,#fc5 50%,color-mix(in srgb,var(--muted) 80%,transparent 20%) 50%);-webkit-background-clip:text;background-clip:text}.admin-star.empty{color:color-mix(in srgb,var(--muted) 80%,transparent 20%)}.album-form-actions{justify-content:flex-end;margin-top:.35rem;padding-top:.25rem}.album-form-actions .primary{min-width:150px}.changelog-admin-list{display:grid;gap:.7rem}.changelog-admin-item{border:1px solid var(--line);border-radius:10px;padding:.65rem;background:color-mix(in srgb,var(--card) 80%,var(--surface) 20%)}.changelog-admin-item p{margin:.15rem 0}.changelog-admin-item ul{margin:.35rem 0 .55rem;padding-left:1.1rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#07131ba6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;padding:calc(.8rem + env(safe-area-inset-top,0px)) calc(.8rem + env(safe-area-inset-right,0px)) calc(.8rem + env(safe-area-inset-bottom,0px)) calc(.8rem + env(safe-area-inset-left,0px));overscroll-behavior:contain}.modal-overlay.open{animation:modalOverlayIn .18s ease-out both}.modal-overlay.closing{animation:modalOverlayOut .16s ease-in both;pointer-events:none}.modal-content{width:min(680px,95vw);max-height:min(90vh,calc(100dvh - 1.6rem));overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;box-shadow:0 24px 48px #00000059;padding:0;will-change:transform,opacity}.modal-content.open{animation:modalContentIn .2s cubic-bezier(.2,.8,.2,1) both}.modal-content.closing{animation:modalContentOut .16s cubic-bezier(.4,0,1,1) both}.modal-hero{position:relative;min-height:270px;border-radius:12px 12px 0 0;overflow:hidden}.modal-hero-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.modal-hero-fade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#0a1c26f5,#0a1c2633 50%,#0a1c260d)}.modal-hero-content{position:absolute;left:1rem;right:1rem;bottom:.8rem;z-index:1}.modal-hero-content h2{margin:0;font-size:clamp(1.45rem,3vw,2rem);color:#ecf8ff}.modal-hero-content p{margin:.22rem 0 0;color:#bcd8e8;font-size:1.05rem}.modal-close{position:absolute;top:.85rem;right:.85rem;z-index:2}.modal-meta,.modal-rating-block,.modal-note,.modal-extra{padding:.85rem 1.05rem}.modal-meta{display:grid;gap:.15rem;border-bottom:1px solid color-mix(in srgb,var(--line) 72%,transparent 28%)}.modal-meta p{margin:0}.modal-rating-block{border-bottom:1px solid color-mix(in srgb,var(--line) 72%,transparent 28%)}.modal-rating-block .small{margin:0}.modal-rating-stars{display:inline-flex;align-items:center;gap:.18rem;margin:.35rem 0}.modal-star-input{display:inline-flex;align-items:center;gap:.18rem}.modal-star-input.interactive{touch-action:none;-webkit-user-select:none;user-select:none}.modal-star-button{border:0;border-radius:0;background:transparent;color:#7794a3;padding:0;font-size:1.5rem;line-height:1}.modal-star-button.full{color:#ffc64b}.modal-star-button.half{color:transparent;background:linear-gradient(90deg,#ffc64b 50%,#7794a3 50%);-webkit-background-clip:text;background-clip:text}.modal-star-button.empty{color:#7794a3}.modal-star-button.readonly{cursor:default}.modal-rating-value{margin-left:.38rem}.modal-note h3{margin:0 0 .35rem}.modal-note p{margin:0;color:var(--muted);line-height:1.45}.modal-extra{border-top:1px solid var(--line)}.modal-extra h3,.modal-extra h4{margin:0 0 .45rem}.modal-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;margin:.35rem 0 .5rem}.modal-stats p{margin:0;color:var(--muted)}.modal-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin:.55rem 0}.modal-tags span{border:1px solid var(--line);border-radius:999px;padding:.18rem .55rem;font-size:.8rem;background:var(--surface)}.modal-tracks{margin:.35rem 0 0;padding:0;list-style:none;border:1px solid color-mix(in srgb,var(--line) 68%,transparent 32%);border-radius:10px;overflow:hidden}.modal-tracks li{margin:0;display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.38rem .55rem}.modal-tracks li:nth-child(2n){background:color-mix(in srgb,var(--surface) 45%,transparent 55%)}.modal-tracks li.is-longest{background:color-mix(in srgb,#2a8b78 18%,var(--surface) 82%)}.modal-tracks li.is-shortest{background:color-mix(in srgb,#6f89a8 18%,var(--surface) 82%)}.track-index{width:2ch;text-align:right;color:var(--muted)}.modal-tracks-summary{margin:.55rem 0 0;text-align:right;font-weight:700}@media (prefers-color-scheme: dark){:root{color-scheme:dark;--ink: #e5f3ff;--paper: #0e1a23;--accent: #12b2bf;--accent-2: #22d3c7;--card: #122430;--muted: #9fc0d0;--line: #264457;--surface: #162b39;--surface-strong: #1c3545;--shadow: 0 18px 38px rgba(0, 0, 0, .42)}body{background:radial-gradient(circle at 12% 18%,rgba(18,178,191,.22),transparent 40%),radial-gradient(circle at 86% 2%,rgba(34,211,199,.2),transparent 33%),linear-gradient(165deg,#0b151d,#0e1a23 52%,#0b1820)}.top-nav{border-bottom:1px solid rgba(159,192,208,.2);background:#0e1a23d1}.site-footer{border-top:1px solid rgba(159,192,208,.2);background:#0e1a23b8}.now-playing-pill{border-color:#45d68e70;background:linear-gradient(145deg,#0f2f25a3,#153140bd);box-shadow:0 12px 24px #00000057,inset 0 1px #97f5c733}.now-playing-pill.idle{border-color:#8ea0a85c;background:linear-gradient(145deg,#243139a8,#212b32c2)}.waveform span{background:#35de78}.now-playing-label{color:#c8ffde}.now-playing-track{color:#afd0df}.hero p{color:#bdd8e3}.toast.success{background:#0f3a36;color:#aef6e8}.toast.error{background:#4a2321;color:#ffd6d1}.liquid-menu{border:1px solid rgba(255,255,255,.16);background:linear-gradient(140deg,#1d384894,#16313f66);box-shadow:0 18px 36px #00000054,inset 0 1px #fff3,inset 0 -8px 18px #00000029}.liquid-menu-item{color:#e5f3ff}.liquid-menu-item.active{background:linear-gradient(145deg,#b6edf261,#6cc8d64d);border-color:#a7e3ed73;box-shadow:0 10px 20px #0000004d,inset 0 1px #dcffff75}}@media (min-width: 700px){.hero{grid-template-columns:1fr;align-items:center}.filters-popover-grid,.album-collection.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.album-list-button{grid-template-columns:56px 1fr;gap:.56rem;padding:.48rem .62rem}.album-list-art{width:56px;height:56px}.admin-layout{grid-template-columns:1fr 1.2fr;align-items:start}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid .full{grid-column:1 / -1}}@media (max-width: 900px){.top-nav{align-items:flex-start}.brand{font-size:1.4rem}.top-nav-right{width:100%;justify-content:space-between}.now-playing-pill{max-width:100%;flex:1 1 100%}.standout-hero{grid-template-columns:1fr}.standout-art{width:min(220px,100%);height:auto;aspect-ratio:1 / 1}.stats-bar{grid-template-columns:1fr}.controls-toolbar{align-items:stretch}.filters-popover{width:min(560px,92vw)}.filters-popover-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.album-search-form{grid-template-columns:1fr}}@media (max-width: 640px){html,body{max-width:100%;overflow-x:hidden}.app-shell,.route-shell,main{max-width:100%;overflow-x:hidden}.top-nav,.top-nav-right,.hero,.standout-hero,.stats-bar{min-width:0}.top-nav{gap:.4rem;padding-top:calc(.55rem + env(safe-area-inset-top,0px));padding-bottom:.55rem}.brand{font-size:.98rem;letter-spacing:.25px;line-height:1.15}.top-nav-right{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.38rem}.now-playing-pill{width:100%;min-width:0;max-width:none;min-height:34px;padding:.32rem .52rem;gap:.34rem}.now-playing-label{display:none}.now-playing-track{font-size:.7rem}.controls-toolbar{display:grid;grid-template-columns:1fr;gap:.7rem}.filter-popover-wrap{width:100%}.filter-toggle{width:100%;min-height:42px}.filter-toggle,.view-toggle button,.nav-links a{min-height:40px}.nav-links{width:auto;justify-content:flex-end;gap:0}.nav-links a{width:auto;min-height:34px;padding:.28rem .9rem;font-size:.82rem;white-space:nowrap}.view-mode-group{display:grid;gap:.35rem;align-items:start;width:100%}.view-mode-label{line-height:1.2}.view-toggle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.view-toggle button{width:100%}.filters-popover{width:min(420px,94vw)}.filters-popover-grid,.album-genres-row,.album-search-results,.album-collection.grid{grid-template-columns:1fr}.album-collection.list{gap:.28rem}.album-list-button{grid-template-columns:44px 1fr;gap:.42rem;padding:.36rem .46rem}.album-list-art{width:44px;height:44px;border-radius:6px}.album-list-content h3{font-size:.86rem;margin-bottom:.08rem}.album-list-content p{margin:.08rem 0;font-size:.79rem}.album-list-content .stars{font-size:.8rem;margin:.08rem 0 0}.album-list-content .small{font-size:.69rem}.album-list-release,.album-list-genres{display:none}.modal-hero{min-height:230px}.modal-hero-content h2{font-size:1.28rem}.modal-hero-content p{font-size:.94rem}.modal-meta,.modal-rating-block,.modal-note,.modal-extra{padding:.75rem .85rem}.modal-stats{grid-template-columns:1fr}.modal-tracks li{padding:.45rem .5rem;gap:.45rem}}@media (min-width: 1120px){.album-collection.grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (display-mode: standalone){body{overscroll-behavior-y:none}}@keyframes pulseDot{0%,to{transform:scale(.95);opacity:.85}50%{transform:scale(1.15);opacity:1}}@keyframes wavePulse{0%{transform:scaleY(.45);opacity:.55}35%{transform:scaleY(1);opacity:1}70%{transform:scaleY(.62);opacity:.78}to{transform:scaleY(.45);opacity:.55}}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes modalOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes modalOverlayOut{0%{opacity:1}to{opacity:0}}@keyframes modalContentIn{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes modalContentOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(8px) scale(.985)}}