:root{color-scheme:light;font-family:Manrope,Avenir Next,Segoe UI,sans-serif;--bg-top: #f6f1e8;--bg-bottom: #e9f2f7;--text: #0f2735;--panel-bg: rgba(255, 255, 255, .78);--panel-border: #c8d9e3;--field-border: #a2b8c4;--field-bg: rgba(255, 255, 255, .86);--field-placeholder: #7b8f9d;--field-inset-shadow: inset 0 1px 0 rgba(255, 255, 255, .55);--album-icon-fg: #eaf4f9;--account-trigger-bg: linear-gradient(160deg, rgba(31, 58, 74, .9), rgba(31, 58, 74, .98));--account-trigger-border: rgba(20, 50, 71, .82);--account-trigger-fg: #e9f3f9;--account-trigger-avatar-bg: rgba(255, 255, 255, .2);--button-bg: #1f3a4a;--button-text: #f2f9fc;--button-border: #1f3a4a;--card-fallback-1: #e9eff2;--card-fallback-2: #d3e1e7;--menu-bg: rgba(255, 255, 255, .94);--menu-shadow: 0 14px 36px rgba(12, 29, 40, .18);--muted: #496478;--accent: #2e88b9;--theme-active: #e7f0f5;--surface-shadow: 0 10px 28px rgba(20, 42, 56, .11);background:linear-gradient(180deg,var(--bg-top) 0%,var(--bg-bottom) 100%);color:var(--text)}:root[data-theme=dark]{color-scheme:dark;--bg-top: #0f1921;--bg-bottom: #121d24;--text: #dde8ef;--panel-bg: rgba(24, 39, 49, .88);--panel-border: #2d485a;--field-border: #456172;--field-bg: rgba(12, 23, 31, .9);--field-placeholder: #9ab0bf;--field-inset-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);--album-icon-fg: #d6e4ed;--account-trigger-bg: linear-gradient(160deg, rgba(19, 34, 43, .92), rgba(15, 28, 36, .98));--account-trigger-border: #355161;--account-trigger-fg: #d9e7ef;--account-trigger-avatar-bg: rgba(255, 255, 255, .1);--button-bg: #c9d8e2;--button-text: #132631;--button-border: #dbe8f0;--card-fallback-1: #304653;--card-fallback-2: #233745;--menu-bg: rgba(23, 37, 47, .98);--menu-shadow: 0 18px 36px rgba(0, 0, 0, .45);--muted: #9db4c3;--accent: #73c0e7;--theme-active: #2b4251;--surface-shadow: 0 14px 28px rgba(0, 0, 0, .35)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]){color-scheme:dark;--bg-top: #0f1921;--bg-bottom: #121d24;--text: #dde8ef;--panel-bg: rgba(24, 39, 49, .88);--panel-border: #2d485a;--field-border: #456172;--field-bg: rgba(12, 23, 31, .9);--field-placeholder: #9ab0bf;--field-inset-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);--album-icon-fg: #d6e4ed;--account-trigger-bg: linear-gradient(160deg, rgba(19, 34, 43, .92), rgba(15, 28, 36, .98));--account-trigger-border: #355161;--account-trigger-fg: #d9e7ef;--account-trigger-avatar-bg: rgba(255, 255, 255, .1);--button-bg: #c9d8e2;--button-text: #132631;--button-border: #dbe8f0;--card-fallback-1: #304653;--card-fallback-2: #233745;--menu-bg: rgba(23, 37, 47, .98);--menu-shadow: 0 18px 36px rgba(0, 0, 0, .45);--muted: #9db4c3;--theme-active: #2b4251}}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(180deg,var(--bg-top) 0%,var(--bg-bottom) 100%);color:var(--text)}.app{max-width:1120px;margin:0 auto;padding:1.25rem}.topbar{display:grid;grid-template-columns:auto 1fr auto;gap:1.1rem;align-items:center;padding:.9rem 1rem;border:1px solid var(--panel-border);border-radius:14px;background:var(--panel-bg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:var(--surface-shadow)}.topbar-brand h1{margin:0;font-family:Amarante,Iowan Old Style,Palatino Linotype,serif;font-size:1.55rem;letter-spacing:-.02em}.topbar-brand{color:inherit;text-decoration:none}.topbar-brand p{margin:.1rem 0 0;font-size:.86rem;color:var(--muted)}.topbar-nav{display:flex;gap:.5rem;align-items:center}.nav-pill{text-decoration:none;color:var(--text);border:1px solid rgba(46,136,185,.18);background:#2e88b90a;padding:.48rem .76rem;border-radius:999px;font-weight:600;font-size:.92rem;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease}.nav-pill:hover{background:#2e88b91a;border-color:#2e88b94d;box-shadow:0 3px 8px #2e88b91a}.nav-pill.active{background:#2e88b942;border-color:#2e88b98f;box-shadow:inset 0 1px #ffffff59,0 4px 10px #2e88b929}.main{margin-top:1.1rem}.stack{display:flex;flex-direction:column;gap:1rem}.add-page{gap:1.15rem}.add-search-hero{padding:1.25rem;background:linear-gradient(160deg,#ffffffc7,#f1faffbf),var(--panel-bg)}.add-search-hero h2{margin-top:.35rem;font-size:clamp(1.35rem,2.6vw,2.05rem);line-height:1.15;max-width:34rem}.add-search-help{margin:.5rem 0 0;color:var(--muted);font-size:.98rem}.add-search-form{margin-top:1rem;display:grid;grid-template-columns:1fr auto;gap:.65rem}.add-search-input-wrap{min-height:3.25rem;display:flex;align-items:center;gap:.55rem;border:1px solid var(--field-border);border-radius:12px;padding:0 .85rem;background:var(--field-bg);box-shadow:var(--field-inset-shadow)}.add-search-input-wrap svg{color:var(--muted);flex:0 0 auto}.search-icon-spinner{animation:search-spin .9s linear infinite}.add-search-input{width:100%;min-height:2.5rem;border:0;border-radius:0;padding:0;background:transparent;box-shadow:none}.add-search-input:focus{outline:none}.add-search-input:disabled{opacity:.95}.add-search-button{min-height:3.25rem;min-width:7.2rem;border-radius:12px;font-weight:700}.results-summary{justify-content:space-between;align-items:baseline;margin-top:.1rem}.results-summary h3{margin:0}.results-summary span{color:var(--muted);font-size:.92rem;font-weight:600}.add-page-message{margin:0;color:var(--muted);font-weight:600}.panel{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:14px;padding:1rem;box-shadow:var(--surface-shadow)}.row{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}input,select,button{font:inherit;padding:.58rem .82rem;border-radius:10px;border:1px solid var(--field-border)}input,select{background:var(--field-bg);color:var(--text)}input::placeholder{color:var(--field-placeholder);opacity:1}button{cursor:pointer;background:var(--button-bg);color:var(--button-text);border-color:var(--button-border);transition:transform .13s ease,box-shadow .16s ease,filter .16s ease}button:hover{transform:translateY(-1px);box-shadow:0 8px 14px #10242f33}button:active{transform:translateY(0)}h2{margin:0;letter-spacing:-.02em}h3{margin:0 0 .7rem}label{display:grid;gap:.35rem;font-weight:600}a{color:var(--accent)}.results{list-style:none;display:flex;flex-direction:column;gap:.75rem;padding:0;margin:0}.results li{display:flex;justify-content:space-between;align-items:center;gap:1rem;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:14px;padding:.75rem}.result-main{display:grid;gap:.65rem}.album-artwork{width:100%;aspect-ratio:1;border-radius:10px;object-fit:cover;background:var(--card-fallback-2);border:1px solid var(--panel-border);display:block}.album-artwork-fallback{background:radial-gradient(circle at 25% 20%,#dce7ec 0,#dce7ec 20%,transparent 21%),linear-gradient(135deg,var(--card-fallback-1) 0%,var(--card-fallback-2) 100%)}.apple-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.apple-grid>li{display:block;min-width:0}.apple-card{display:grid;gap:.75rem;align-content:start;transition:transform .17s ease;min-width:0;overflow:hidden}.apple-card:hover{transform:translateY(-2px)}.apple-card-skeleton:hover{transform:none}.apple-cover{position:relative;width:100%;aspect-ratio:1 / 1;border-radius:10px;overflow:hidden;border:1px solid var(--panel-border);background:var(--card-fallback-2)}.apple-cover .album-artwork{width:100%;height:100%;aspect-ratio:auto;border:0;border-radius:0;object-fit:cover}.apple-add-button{width:3.25rem;height:3.25rem;min-width:3.25rem;min-height:3.25rem;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid #143247;background:linear-gradient(160deg,#2f5368,#1f3a4a);box-shadow:0 6px 14px #10242f3d,inset 0 1px #ffffff14;color:#f4fbff;line-height:1;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.apple-add-button:hover{transform:translateY(-1px);box-shadow:0 8px 16px #10242f47,inset 0 1px #ffffff1f;filter:saturate(1.05)}.apple-add-button:active{transform:translateY(0);box-shadow:0 4px 10px #10242f38,inset 0 1px #ffffff1a}.apple-add-button.is-saved{background:linear-gradient(160deg,#355e64,#21464c);border-color:#163e43}.apple-add-button .icon-stack{position:relative;width:1.35rem;height:1.35rem;display:grid;place-items:center}.apple-add-button .icon-plus,.apple-add-button .icon-minus{position:absolute;top:50%;left:50%;width:100%;height:100%;display:inline-flex;align-items:center;justify-content:center;transition:opacity .16s ease,transform .22s ease;transform-origin:center}.apple-add-button .icon-plus svg,.apple-add-button .icon-minus svg{display:block;stroke-width:2.2}.apple-add-button .icon-plus{opacity:1;transform:translate(-50%,-50%) rotate(0) scale(1)}.apple-add-button .icon-minus{opacity:0;transform:translate(-50%,-50%) rotate(-75deg) scale(.5)}.apple-add-button.is-saved .icon-plus{opacity:0;transform:translate(-50%,-50%) rotate(75deg) scale(.5)}.apple-add-button.is-saved .icon-minus{opacity:1;transform:translate(-50%,-50%) rotate(0) scale(1)}.apple-add-button.animating{animation:icon-bump .22s ease}@keyframes icon-bump{0%{transform:scale(1)}45%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes search-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes skeleton-shimmer{to{transform:translate(100%)}}.apple-footer{display:flex;justify-content:space-between;align-items:flex-end;gap:.75rem;min-width:0}.apple-meta strong{display:block;font-weight:600;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.apple-meta div{margin-top:.2rem;line-height:1.2;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.skeleton-block,.skeleton-line,.skeleton-circle{position:relative;overflow:hidden;background:#ffffff14}.skeleton-block:after,.skeleton-line:after,.skeleton-circle:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.18) 48%,transparent 100%);animation:skeleton-shimmer 1.2s ease-in-out infinite}.skeleton-line{height:.86rem;border-radius:999px}.skeleton-line-title{width:86%}.skeleton-line-subtitle{width:62%;margin-top:.34rem}.skeleton-line-link{width:42%;margin-top:.42rem}.skeleton-circle{width:3.25rem;height:3.25rem;min-width:3.25rem;min-height:3.25rem;border-radius:999px}.skeleton-circle-sm{width:2.7rem;height:2.7rem;min-width:2.7rem;min-height:2.7rem}.skeleton-rating-chip{width:1.7rem;height:1.7rem;min-width:1.7rem;min-height:1.7rem}.album-row-skeleton .album-list-meta .skeleton-line-title{width:58%}.album-row-skeleton .album-list-meta .skeleton-line-subtitle{width:74%}.apple-meta{min-width:0}.page-shell{min-height:100vh;display:grid;place-content:center;gap:.75rem;text-align:center;padding:2rem}.auth-shell{background:radial-gradient(circle at 8% 5%,rgba(115,192,231,.2),transparent 35%),radial-gradient(circle at 90% 90%,rgba(76,161,175,.18),transparent 38%)}.auth-card{max-width:460px;border-radius:18px;background:var(--panel-bg);border:1px solid var(--panel-border);padding:2rem 1.7rem;box-shadow:var(--surface-shadow)}.auth-card h1{margin:0 0 .6rem;letter-spacing:-.03em}.auth-card p{margin:0 0 1rem;color:var(--muted)}.account-menu{position:relative}.account-trigger{height:2.8rem;min-width:3.9rem;border-radius:999px;padding:.2rem .55rem .2rem .2rem;color:var(--account-trigger-fg);background:var(--account-trigger-bg);border-color:var(--account-trigger-border);display:inline-flex;align-items:center;justify-content:flex-start;gap:.35rem}.account-trigger-main{width:2.35rem;height:2.35rem;border-radius:999px;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;background:var(--account-trigger-avatar-bg)}.account-avatar{width:100%;height:100%;object-fit:cover}.account-avatar-fallback{display:inline-flex;align-items:center;justify-content:center;line-height:1}.account-chevron{width:1.2rem;height:1.2rem;display:inline-flex;align-items:center;justify-content:center;transition:transform .16s ease}.account-chevron.open{transform:rotate(180deg)}.account-dropdown{position:absolute;top:calc(100% + .5rem);right:0;min-width:14rem;background:var(--menu-bg);border:1px solid var(--panel-border);border-radius:14px;box-shadow:var(--menu-shadow),inset 0 1px #ffffff40;padding:.7rem;display:grid;gap:.55rem;z-index:10}.account-settings-line{display:inline-flex;align-items:center;gap:.45rem;font-weight:600;color:var(--text);text-decoration:none;border-radius:8px;padding:.35rem .45rem}.account-settings-line:hover{background:var(--theme-active)}.account-user{color:var(--muted);font-size:.92rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 .3rem}.theme-toggle-line{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem;width:100%}.theme-icon-button{width:100%;height:2.6rem;border-radius:10px;padding:0;display:inline-flex;align-items:center;justify-content:center}.account-trigger svg,.account-settings-line svg,.theme-icon-button svg{display:block}.theme-icon-button.active{background:var(--theme-active);color:var(--text)}.account-logout{width:100%}.toolbar-panel{display:flex;align-items:end;gap:1rem;flex-wrap:wrap}.filter-group{display:grid;gap:.38rem;min-width:0}.filter-label{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.filter-chips{display:inline-flex;flex-wrap:wrap;gap:.45rem}.filter-chip{background:#2e88b912;border:1px solid rgba(46,136,185,.24);color:var(--text);border-radius:999px;padding:.4rem .7rem;font-weight:600;font-size:.88rem;line-height:1.1;box-shadow:none}.filter-chip:hover{background:#2e88b921;border-color:#2e88b957;box-shadow:none}.filter-chip.active{background:#2e88b940;border-color:#2e88b985}.album-row{padding:.8rem}.album-row-main{display:grid;grid-template-columns:128px 1fr;align-items:stretch;gap:.9rem;width:100%}.album-art-col{min-height:100%}.album-content-col{display:grid;gap:.85rem}.album-list-art{width:100%;aspect-ratio:1 / 1;height:auto;min-height:0;border-radius:10px;object-fit:cover;border:1px solid var(--panel-border)}.album-list-meta strong{display:block;font-size:1.06rem;letter-spacing:-.015em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.album-list-meta div{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.album-list-meta a{display:inline-block;margin-top:.35rem;text-decoration:none;font-weight:600;font-size:.9rem}.archived-heading-row{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.archived-heading-row strong{min-width:0;flex:1 1 auto}.archived-rating-chip{display:inline-flex;align-items:center;justify-content:center;color:var(--text);border:1px solid var(--panel-border);background:#2e88b91a;border-radius:999px;width:1.7rem;height:1.7rem;flex:0 0 auto}.archived-rating-chip svg{display:block}.archived-row .album-content-col{gap:.55rem}.album-row-actions{justify-content:flex-end;margin-top:auto;gap:.5rem}.album-icon-button{width:2.7rem;height:2.7rem;min-width:2.7rem;min-height:2.7rem;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;color:var(--album-icon-fg);background:linear-gradient(160deg,#1f3a4adb,#1f3a4af5);border-color:#143247cc;box-shadow:0 2px 8px #10242f26,inset 0 1px #ffffff14;transition:transform .13s ease,box-shadow .15s ease,filter .15s ease}.album-icon-button svg{display:block;stroke-width:2.15}.album-icon-button:hover{transform:translateY(-1px);box-shadow:0 4px 10px #10242f33,inset 0 1px #ffffff1a;filter:saturate(1.03)}.album-icon-button:active{transform:translateY(0);box-shadow:0 2px 6px #10242f29,inset 0 1px #ffffff14}.album-list-meta{min-width:0}.account-panel{display:grid;gap:.7rem}.account-row{display:grid;gap:.16rem;padding:.55rem .65rem;border:1px solid var(--panel-border);border-radius:10px;background:#ffffff73}.account-row span{color:var(--muted);font-size:.86rem}.toast-stack{position:fixed;right:1rem;bottom:1rem;width:min(25rem,calc(100vw - 2rem));display:grid;gap:.5rem;z-index:100}.toast-card{display:grid;grid-template-columns:1fr auto auto;gap:.5rem;align-items:center;border-radius:12px;padding:.7rem .72rem;border:1px solid var(--panel-border);background:var(--menu-bg);box-shadow:var(--surface-shadow)}.toast-info{border-left:4px solid #4f95bb}.toast-success{border-left:4px solid #53a883}.toast-error{border-left:4px solid #d06d61}.toast-action,.toast-close{min-height:2rem;padding:.25rem .65rem;border-radius:8px;font-size:.86rem;font-weight:700}.toast-action{background:transparent;color:var(--accent);border-color:var(--field-border)}.toast-close{min-width:2rem;padding:0;background:transparent;color:var(--muted);border-color:transparent;box-shadow:none}@media(max-width:960px){.album-row-actions{justify-content:stretch;gap:.55rem;flex-wrap:nowrap}.album-row-actions button{flex:1 1 0;min-width:0}.archived-row .album-row-actions{justify-content:flex-end}.archived-row .album-row-actions button{flex:0 0 auto}}@media(max-width:720px){.topbar{grid-template-columns:1fr auto;grid-template-areas:"brand account" "nav nav";align-items:center;row-gap:.7rem;padding:.8rem .85rem}.topbar-brand{grid-area:brand}.topbar-brand h1{font-size:1.3rem}.topbar-brand p{display:none}.account-menu{grid-area:account;justify-self:end}.topbar-nav{grid-area:nav;width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem}.nav-pill{text-align:center;padding:.52rem .6rem}.apple-grid{grid-template-columns:repeat(auto-fill,minmax(165px,1fr))}.add-search-form{grid-template-columns:1fr}.add-search-button{width:100%}.album-row-actions{width:100%;flex-wrap:wrap;gap:.45rem}.album-icon-button{width:2.45rem;height:2.45rem;min-width:2.45rem;min-height:2.45rem;border-radius:9px}.archived-row .album-icon-button{width:2.2rem;height:2.2rem;min-width:2.2rem;min-height:2.2rem}.toast-stack{right:.6rem;left:.6rem;width:auto}}