: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}.app-header{position:sticky;top:.6rem;z-index:20}.topbar{display:grid;grid-template-columns:auto auto minmax(20rem,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}.topbar-search-form{display:grid;grid-template-columns:1fr auto;gap:.45rem;align-items:center;min-width:0}.topbar-search-input-wrap{min-height:2.5rem;display:inline-flex;align-items:center;gap:.45rem;border:1px solid var(--field-border);border-radius:10px;padding:0 .72rem;background:var(--field-bg);box-shadow:var(--field-inset-shadow)}.topbar-search-input-wrap svg{color:var(--muted);flex:0 0 auto}.topbar-search-input{width:100%;min-height:2.05rem;border:0;border-radius:0;padding:0;background:transparent;box-shadow:none}.topbar-search-input:focus{outline:none}.topbar-search-submit{width:2.5rem;height:2.5rem;min-width:2.5rem;min-height:2.5rem;padding:0;border-radius:10px;display:inline-flex;align-items:center;justify-content: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}.mobile-tabbar{display:none}.mobile-tab{text-decoration:none}.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;position:relative}.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;min-width:0;overflow:hidden}.apple-card:hover,.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-shell{position:relative;border-radius:10px;overflow:hidden}.apple-cover-trigger{display:block;width:100%;padding:0;text-align:left;background:var(--card-fallback-2);cursor:default;border-color:var(--panel-border);box-shadow:none;line-height:0}.apple-cover-trigger:hover,.apple-cover-trigger:active{transform:none;box-shadow:none}.apple-cover .album-artwork{width:100%;height:100%;aspect-ratio:auto;border:0;border-radius:0;object-fit:cover}.apple-add-button{position:absolute;top:auto;bottom:.5rem;right:.5rem;z-index:1;width:2.15rem;height:2.15rem;min-width:2.15rem;min-height:2.15rem;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid rgba(228,244,255,.52);background:#19314152;box-shadow:0 6px 12px #0c1d2733,inset 0 1px #ffffff38;color:#f4fbfff2;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);line-height:1;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.apple-cover-overlay{position:absolute;inset:0;border-radius:10px;background:#14273452;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .15s ease;display:none}.apple-cover-overlay.visible{opacity:1;pointer-events:auto}.apple-cover-overlay.closing{opacity:0;pointer-events:none}.apple-overlay-icon-button{position:static;padding:0;border:0;background:transparent;box-shadow:none;color:#f4fbff;width:auto;height:auto;min-width:0;min-height:0;line-height:1;opacity:0;transform:scale(.72) rotate(-12deg);filter:blur(1.5px);transition:opacity .2s ease,transform .24s cubic-bezier(.2,.8,.2,1),filter .2s ease}.apple-cover-overlay.visible .apple-overlay-icon-button{opacity:1;transform:scale(1) rotate(0);filter:blur(0)}.apple-cover-overlay.closing .apple-overlay-icon-button{opacity:0;transform:scale(.72) rotate(12deg);filter:blur(1.5px)}.overlay-icon-stack{position:relative;width:4.6rem;height:4.6rem;display:inline-grid;place-items:center}.overlay-icon-plus,.overlay-icon-minus{position:absolute;inset:0;display:inline-flex;align-items:center;justify-content:center;transition:opacity .2s ease,transform .23s cubic-bezier(.2,.8,.2,1)}.overlay-icon-plus svg,.overlay-icon-minus svg{display:block;stroke-width:1.8}.overlay-icon-plus{opacity:1;transform:scale(1) rotate(0)}.overlay-icon-minus{opacity:0;transform:scale(.74) rotate(-18deg)}.apple-overlay-icon-button.is-saved .overlay-icon-plus{opacity:0;transform:scale(.74) rotate(18deg)}.apple-overlay-icon-button.is-saved .overlay-icon-minus{opacity:1;transform:scale(1) rotate(0)}.apple-overlay-icon-button:hover,.apple-overlay-icon-button:active{transform:none;box-shadow:none;filter:none}.apple-add-button:focus-visible,.apple-title-link:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.apple-add-button:hover{transform:translateY(-1px);box-shadow:0 8px 14px #0c1d273d,inset 0 1px #ffffff47;filter:saturate(1.06)}.apple-add-button:active{transform:translateY(0);box-shadow:0 4px 9px #0c1d2733,inset 0 1px #ffffff3d}.apple-add-button.is-saved{background:#14393a57;border-color:#d1f5e38c}.apple-add-button .icon-stack{position:relative;width:1rem;height:1rem;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:block;min-width:0}.apple-add-button-skeleton{position:absolute;top:.5rem;right:.5rem;width:2.15rem;height:2.15rem;min-width:2.15rem;min-height:2.15rem}.apple-meta strong{display:block;font-weight:600;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.apple-artist-link{display:block;font-weight:600;line-height:1.15;color:var(--text);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.apple-artist-link:hover{color:var(--accent)}.apple-artist-link:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:6px}.apple-meta div{margin-top:.2rem;line-height:1.2;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.apple-title-link{display:block;margin-top:.2rem;line-height:1.2;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none}.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:flex-start;gap:1rem;flex-wrap:wrap}.filter-group{display:grid;gap:.38rem;min-width:0}.toolbar-panel .filter-group+.filter-group{border-left:1px solid rgba(46,136,185,.18);padding-left:.95rem}.filter-label{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.filter-disclosure{width:auto;display:inline-flex;align-items:center;justify-content:flex-start;gap:.3rem;border-radius:8px;padding:.05rem .1rem .05rem 0;border:0;background:transparent;color:var(--muted);box-shadow:none}.filter-disclosure:hover,.filter-disclosure:active{transform:none;box-shadow:none;filter:none}.filter-disclosure.open{color:var(--text)}.filter-disclosure .filter-label{line-height:1}.filter-disclosure-icon{flex:0 0 auto;opacity:.72;transition:transform .15s ease}.filter-disclosure.open .filter-disclosure-icon{opacity:.9;transform:rotate(180deg)}.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-art-link{display:block;border-radius:10px}.album-art-link:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.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-artist-link{display:block;font-size:1.06rem;font-weight:600;letter-spacing:-.015em;color:var(--text);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.album-artist-link:hover{color:var(--accent)}.album-artist-link:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:6px}.album-list-meta div{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.album-meta-detail{margin-top:.08rem;font-size:.78rem;color:var(--muted);opacity:.72;letter-spacing:.01em;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,.archived-heading-row .album-artist-link{min-width:0;flex:1 1 auto}.feed-row .album-content-col{gap:.45rem}.feed-heading-row{display:flex;align-items:center;min-height:1.1rem}.feed-rank{display:inline-flex;align-items:center;justify-content:center;min-width:2.1rem;height:1.3rem;border-radius:999px;background:#2e88b929;border:1px solid rgba(46,136,185,.28);color:var(--muted);font-size:.72rem;font-weight:700;letter-spacing:.01em}.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){.app{padding-bottom:calc(5.25rem + env(safe-area-inset-bottom))}.app-header{top:.35rem}.toolbar-panel{display:grid;grid-template-columns:1fr;align-items:stretch;gap:.7rem}.toolbar-panel .filter-group{width:100%;padding-left:0;border-left:0;padding-bottom:.5rem;border-bottom:1px solid rgba(46,136,185,.18)}.toolbar-panel .filter-group+.filter-group{padding-left:0;border-left:0}.toolbar-panel .filter-group:last-child{padding-bottom:0;border-bottom:0}.toolbar-panel .filter-disclosure{width:100%;justify-content:space-between}.topbar{grid-template-columns:1fr auto;grid-template-areas:"brand account" "search search";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{display:none}.topbar-search-form{grid-area:search;grid-template-columns:1fr auto;gap:.45rem}.topbar-search-input-wrap{min-height:2.55rem}.topbar-search-submit{width:2.55rem;height:2.55rem;min-width:2.55rem;min-height:2.55rem}.apple-grid{grid-template-columns:repeat(auto-fill,minmax(165px,1fr))}.apple-cover-trigger{cursor:pointer}.apple-add-button-desktop{display:none}.apple-cover-overlay{display:flex}.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}.mobile-tabbar{position:fixed;left:.75rem;right:.75rem;bottom:calc(.55rem + env(safe-area-inset-bottom));z-index:30;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem;padding:.5rem;overflow:hidden;border-radius:14px;border:1px solid var(--panel-border);background:var(--menu-bg);box-shadow:var(--surface-shadow)}.mobile-tabbar:before{content:"";position:absolute;top:.5rem;bottom:.5rem;left:.5rem;width:calc((100% - 2.2rem)/4);border-radius:10px;border:1px solid rgba(46,136,185,.42);background:#2e88b929;transform:translate(0);transition:transform .22s ease,opacity .18s ease;z-index:0;pointer-events:none;opacity:1}.mobile-tabbar.mobile-tabbar-index-1:before{transform:translate(calc(100% + .4rem))}.mobile-tabbar.mobile-tabbar-index-2:before{transform:translate(calc((100% + .4rem)*2))}.mobile-tabbar.mobile-tabbar-index-3:before{transform:translate(calc((100% + .4rem)*3))}.mobile-tabbar.mobile-tabbar-index--1:before{opacity:0}.mobile-tab{position:relative;z-index:1;min-height:2.55rem;border-radius:10px;border:1px solid transparent;color:var(--muted);display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:.12rem;font-size:.74rem;font-weight:700;line-height:1}.mobile-tab.active{color:var(--text)}}