:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--canvas:#080b14;--canvas-top:#0d1220;--ink:#eef4ff;--muted:#9aa9c2;--line:#94a3b82e;--brand:#5b8cff;--panel:#1118279e;--panel-strong:#0d1220f0;--input:#090d18b8}*{box-sizing:border-box}html,body{background:var(--canvas);min-height:100%;margin:0;padding:0}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{color:var(--ink);background:radial-gradient(circle at top left, #3b82f629, transparent 28rem), radial-gradient(circle at 85% 15%, #7c3aed1a, transparent 24rem), linear-gradient(180deg,var(--canvas-top) 0%,var(--canvas) 100%);font-family:Georgia,Times New Roman,serif}button,input{color:inherit}button:disabled{cursor:not-allowed;opacity:.42}.page-shell{width:min(1120px,100% - 2rem);margin:0 auto;padding:4rem 0 9rem;position:relative}.hero{display:none}.eyebrow{color:#7db1ff;letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:.8rem}.hero h1{max-width:12ch;margin:0;font-size:clamp(3rem,9vw,5.5rem);line-height:.95}.summary{max-width:48rem;color:var(--muted);margin:0;font-size:1.05rem;line-height:1.7}.status-bar,.toolbar{border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#1118277a;border-radius:1.25rem;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex;box-shadow:0 1rem 2.5rem #0000002e}.toolbar{z-index:30;margin-top:1rem;position:relative}.toolbar-note,.muted-copy,.album-artist,.track-time{color:var(--muted)}.error-text{color:#ff8585}.search-input{border:1px solid var(--line);font:inherit;background:var(--input);border-radius:999px;outline:none;flex:1;padding:.8rem 1rem;transition:border-color .18s,box-shadow .18s,background .18s}.search-input:focus{background:#090d18e0;border-color:#5b8cffbf;box-shadow:0 0 0 3px #5b8cff29}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:1rem;display:grid}.feature-card{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:1.5rem;padding:1.25rem;box-shadow:0 1rem 2.5rem #00000029}.feature-card h2{margin:0 0 .85rem;font-size:1.15rem}.feature-card ul,.text-list{color:var(--muted);margin:0;padding-left:1.1rem;line-height:1.6}.text-list{padding-left:0;list-style:none}.text-list li+li{margin-top:.5rem}.library-layout{grid-template-columns:minmax(0,1.45fr) minmax(280px,.85fr);gap:1rem;margin-top:1rem;display:grid}.library-column,.detail-column{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:1.5rem;padding:1.25rem;box-shadow:0 1rem 2.5rem #00000029}.album-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;display:grid}.album-card{gap:.5rem;display:grid}.album-open{text-align:left;cursor:pointer;background:0 0;border:0;gap:.55rem;padding:0;display:grid}.album-cover{aspect-ratio:1;object-fit:cover;border:1px solid var(--line);background:#121a2a;border-radius:1rem;width:100%}.placeholder-cover{color:#7db1ff;place-items:center;font-weight:600;display:grid}.album-name,.playback-title{font-weight:600}.album-title-row{align-items:center;gap:.5rem;min-width:0;display:flex}.album-title-button{min-width:0;color:var(--ink);cursor:pointer;font:inherit;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;flex:1;padding:0;font-weight:600;overflow:hidden}.album-title-button:hover{color:#a9c7ff}.favorite-button{border:1px solid var(--line);width:2rem;height:2rem;color:var(--muted);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172a80;border-radius:.6rem;flex:none;place-items:center;padding:0;font-family:Arial,sans-serif;font-size:1.2rem;line-height:1;transition:background .18s,border-color .18s,color .18s,transform .18s;display:grid}.favorite-button:hover{color:var(--ink);background:#5b8cff1f;border-color:#7db1ff73;transform:translateY(-1px)}.favorite-button.is-favorite{color:#ff7d9d;background:#ff4f7717;border-color:#ff7d9d52}.secondary-button,.primary-button,.link-button{font:inherit}.secondary-button,.primary-button{cursor:pointer;border-radius:.65rem;min-height:2.35rem;padding:.65rem .9rem;transition:transform .18s,background .18s,border-color .18s,box-shadow .18s}.primary-button{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#3b82f6b8,#6d5dfcb8);border:1px solid #7db1ff59;box-shadow:0 .45rem 1.2rem #3b82f629}.primary-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 .65rem 1.5rem #3b82f638}.secondary-button{border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172a85;box-shadow:inset 0 1px #ffffff08}.secondary-button:hover:not(:disabled){background:#1e293bb3;border-color:#94a3b84d;transform:translateY(-1px)}.link-button{color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:0;padding:0}.playback-panel,.detail-shell,.playlist-form,.playlist-detail{gap:.75rem;display:grid}.playlist-row{align-items:center;display:flex}.playlist-detail-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.playlist-detail-header h3{margin:0}.track-list{margin:0;padding:0;list-style:none}.track-row{border-top:1px solid #263247cc;justify-content:space-between;gap:1rem;padding:.7rem 0;display:flex}.track-row:first-child{border-top:0}.track-button{flex:1}.track-actions{align-items:center;gap:.75rem;display:flex}.compact-button{padding:.45rem .75rem}.add-button,.playback-icon-button{border-radius:.55rem;place-items:center;width:2.25rem;height:2.25rem;padding:0;font-family:Arial,sans-serif;font-size:1.25rem;line-height:1;display:grid}.feature-grid>.feature-card:nth-child(2){display:none}.feature-grid>.feature-card:nth-child(3){z-index:25;background:var(--panel-strong);border-radius:1rem;max-height:min(28rem,60vh);margin:0;padding:.5rem;display:none;position:absolute;top:10rem;left:0;right:0;overflow:auto;box-shadow:0 1.25rem 3rem #00000073}.page-shell:has(.toolbar:focus-within) .feature-grid>.feature-card:nth-child(3){display:block}.feature-grid>.feature-card:nth-child(3) h2{display:none}.feature-grid>.feature-card:nth-child(3) .text-list{gap:.15rem;margin:0;padding:0;display:grid}.feature-grid>.feature-card:nth-child(3) .text-list li{margin:0}.feature-grid>.feature-card:nth-child(3) .link-button{border-radius:.7rem;width:100%;padding:.75rem .85rem;display:block}.feature-grid>.feature-card:nth-child(3) .link-button:hover,.feature-grid>.feature-card:nth-child(3) .link-button:focus-visible{background:#5b8cff1f;outline:none}.playback-bar{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0d1220c7;border:1px solid #94a3b82e;border-radius:.75rem;grid-template-columns:minmax(0,1fr) auto minmax(220px,.8fr);align-items:center;gap:.75rem;padding:.65rem .75rem;display:grid;position:fixed;bottom:1rem;left:max(1rem,50vw - 560px);right:max(1rem,50vw - 560px);box-shadow:0 1.25rem 3.5rem #0000006b}.playback-bar-info{min-width:0}.playback-bar-info p{margin:0}.playback-bar-info .eyebrow{font-size:.65rem}.playback-bar-title{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.playback-bar-controls,.playback-bar-progress{align-items:center;gap:.45rem;display:flex}.playback-bar-controls .secondary-button,.playback-bar-controls .primary-button{border-radius:.45rem;place-items:center;width:2.25rem;height:2.25rem;padding:0;display:grid}.playback-bar-progress input{width:min(28vw,22rem);accent-color:var(--brand)}@media (max-width:640px){.page-shell{width:min(100% - 1.25rem,1120px);padding-top:2.75rem;padding-bottom:13rem}.hero{padding-bottom:2rem}.status-bar,.toolbar,.library-layout{flex-direction:column;grid-template-columns:1fr;align-items:stretch}.feature-grid>.feature-card:nth-child(3){top:13.5rem}.playback-bar{grid-template-columns:1fr}.playback-bar-controls{justify-content:space-between}.playback-bar-progress input{width:100%}}