:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#eeeef0;background:#151517;font-synthesis:none;font-size:14px;--bg: #151517;--surface: #1d1d1f;--line: #2e2e30;--muted: #969698;--accent: #dddddf;--accent-dark: #262628;--text: #eeeef0;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}input:focus,select:focus,textarea:focus{outline:2px solid #bbbbbd;outline-offset:1px}h1,h2,h3,p{margin-top:0}h1{font-family:Georgia,Times New Roman,serif;letter-spacing:-1.7px;font-weight:400;font-size:48px;margin-bottom:12px;line-height:1.12}h2{font-size:20px;letter-spacing:-.4px}h3{font-size:15px}small{color:var(--muted);font-size:12px}svg{flex-shrink:0}.app{min-height:100dvh;display:flex}.sidebar{width:226px;position:fixed;inset:0 auto 0 0;background:#1a1a1c;border-right:1px solid #2b2b2d;display:flex;flex-direction:column;padding:35px 18px 0;z-index:10}.brand{display:flex;gap:10px;align-items:center;padding:0 6px;color:var(--accent);margin-bottom:55px}.brand>span{font-family:Georgia,serif;font-size:25px;letter-spacing:-.8px;color:#f0f0f2}.brand span span{display:block;font:8px/1.8 -apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:2px;color:#8c8c8e;margin-top:5px}.nav-caption{font-size:9px;letter-spacing:1.8px;color:#868688;margin:0 14px 15px}nav button{border:0;background:none;display:flex;align-items:center;gap:11px;width:100%;padding:13px 14px;font-size:13px;text-align:left;border-radius:7px;color:#aeaeb0;margin-bottom:5px}nav button small{margin-left:auto;background:#28282a;border-radius:5px;padding:3px 6px;color:#b4b4b6;font-size:10px}nav button.active{background:#2e2e30;color:#e3e3e5}nav button.active small{background:#414143;color:#e5e5e7}nav button:hover{background:#262628}.sidebar-bottom{margin-top:auto}.quiet-note{padding:20px 12px 25px;border-bottom:1px solid var(--line);margin-bottom:15px}.mini-record{width:41px;height:41px;border-radius:50%;background:#28282a;display:grid;place-items:center;color:#979799;margin-bottom:14px}.quiet-note p{font-family:Georgia,serif;font-size:15px;line-height:1.6;margin:0;color:#cbcbcd}.quiet-note p span{font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:10px;color:#868688}.profile{border-top:1px solid var(--line);margin-top:24px;padding:21px 7px;display:flex;align-items:center;gap:9px;font-size:12px}.profile small{display:block;font-size:10px;margin-top:5px}.avatar{width:31px;height:31px;background:#303032;color:#dadadc;border:1px solid #454547;display:grid;place-items:center;border-radius:50%;font-size:12px}.online-dot{width:6px;height:6px;background:#b9b9bb;border-radius:50%;margin-left:auto}main{margin-left:226px;width:calc(100% - 226px);min-width:0}.topbar{height:76px;border-bottom:1px solid #28282a;padding:0 48px;display:flex;align-items:center;justify-content:space-between;color:#8f8f91;font-size:11px;letter-spacing:.3px}.topbar>div{display:flex;align-items:center;gap:15px}.private-tag{display:flex;align-items:center;gap:7px}.private-tag i{width:5px;height:5px;background:#bebec0;border-radius:50%}.demo-tag{font-size:8px;color:#adadaf;letter-spacing:.8px;padding:5px 7px;border:1px solid #38383a;border-radius:4px}.main-content{padding:43px 48px 24px;max-width:1730px;margin:auto}.eyebrow{text-transform:uppercase;letter-spacing:2px;color:#afafb1;font-size:9px;font-weight:600;margin-bottom:16px}.page-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:31px}.page-heading p{color:#969698;font-size:12px;margin-bottom:0;line-height:1.6}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:11px 16px;border-radius:6px;border:1px solid transparent;font-size:12px;font-weight:500;white-space:nowrap}.primary{background:var(--accent);color:#242426;border-color:var(--accent)}.primary:hover:not(:disabled){background:#ebebed;border-color:#ebebed}.secondary{background:#1d1d1f;border-color:#343436;color:#dadadc}.secondary:hover:not(:disabled){background:#2c2c2e}.ghost{background:none;color:#acacae;padding-left:0}.add-button{margin-top:10px}.stats{display:grid;grid-template-columns:1fr 1fr 1fr 1.65fr;border:1px solid #2f2f31;background:#1c1c1e;border-radius:8px;padding:23px 0;margin-bottom:31px}.stats>div{padding:0 26px;border-right:1px solid #303032}.stats>div:last-child{border:0}.stats>div>span{display:block;font-size:10px;color:#9b9b9d;margin-bottom:12px}.stats strong{font-size:28px;letter-spacing:-.8px;font-weight:450;display:block;line-height:1.12}.stats strong small{font-size:10px;letter-spacing:0;margin-left:8px;color:#98989a;font-weight:400}.stats .money-stat strong{font-size:25px;color:#dddddf}.stats .money-stat>small{display:block;font-size:9px;margin-top:8px;color:#949496}.collection-tools{display:flex;gap:11px;margin-bottom:22px}.collection-search{display:flex;align-items:center;width:100%;border:1px solid #343436;border-radius:6px;min-width:0;padding:0 14px;gap:11px;color:#8d8d8f;background:#19191b}.collection-search input{height:43px;border:0;background:none;flex:1;min-width:0;font-size:12px;padding:0;color:#e4e4e6;outline:none}.collection-search:focus-within{border-color:#b4b4b6}.collection-search input:focus{outline:none}.collection-search input::placeholder{color:#7d7d7f}kbd{font-size:11px;border:1px solid #353537;padding:1px 6px;border-radius:3px;color:#818183}.filter-toggle{min-width:112px}.filter-toggle.selected{border-color:#a2a2a4}.filter-dot{width:5px;height:5px;background:var(--accent);border-radius:50%}.browse-bar{display:flex;justify-content:space-between;align-items:center;gap:18px;border-bottom:1px solid #2f2f31}.format-tabs{display:flex;gap:24px;white-space:nowrap}.format-tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:0 0 17px;color:#959597;font-size:11px;display:flex;gap:8px;align-items:center}.format-tabs button.active{color:#e3e3e5;border-bottom-color:#d9d9db}.format-tabs button span{font-size:9px;border-radius:4px;background:#272729;color:#9c9c9e;padding:2px 5px}.format-tabs button.active span{background:#3c3c3e;color:#dcdcde}.view-controls{display:flex;align-items:center;gap:19px;margin-bottom:14px}.sort-label{display:flex;align-items:center;gap:7px;color:#a6a6a8;margin:0}.sort-label select{border:0;background:transparent;padding:5px 16px 5px 0;font-size:10px;color:#a9a9ab;max-width:177px}.view-switch{display:flex;border:1px solid #353537;border-radius:5px;padding:2px;gap:1px}.icon-button{background:none;border:0;display:inline-flex;align-items:center;justify-content:center;padding:7px;color:#969698;border-radius:4px}.icon-button:hover{background:#303032;color:#e9e9eb}.icon-button[aria-pressed=true]{background:#39393b;color:#e2e2e4}.results-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;color:#8d8d8f;padding:19px 0 22px}.group-toggle{display:flex;align-items:center;gap:7px;margin:0;cursor:pointer;font-size:10px;color:#a9a9ab;white-space:nowrap}.group-toggle input{position:absolute;opacity:0;width:1px;height:1px}.group-toggle i{width:27px;height:15px;border-radius:10px;background:#3a3a3c;position:relative;margin-left:4px;border:1px solid #5f5f61}.group-toggle i:after{content:"";position:absolute;top:2px;left:2px;width:9px;height:9px;border-radius:50%;background:#bababc;transition:transform .15s}.group-toggle input:checked+i{background:#ccccce;border-color:#ccccce}.group-toggle input:checked+i:after{background:#303032;transform:translate(12px)}.group-toggle input:focus-visible+i{outline:2px solid var(--accent);outline-offset:4px}.record-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:27px 23px}.record-card{text-align:left;padding:0;border:0;background:none;min-width:0;border-radius:6px;transition:transform .15s}.record-card:hover{transform:translateY(-3px)}.record-card:hover .cover img{filter:brightness(1.09);transform:scale(1.02)}.cover-wrap{position:relative}.cover{width:100%;aspect-ratio:1;overflow:hidden;background:#272729;border-radius:5px;position:relative}.cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .2s,filter .2s}.cover:after{position:absolute;inset:0;content:"";border:1px solid #ffffff09;border-radius:5px;pointer-events:none}.cover-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at 28% 20%,#38383a,#1f1f21);padding:25px;color:#b6b6b8}.cover-placeholder svg{width:52%;height:52%;color:#757577;margin-bottom:12px}.cover-placeholder span{font-size:9px;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:6px;overflow-wrap:anywhere}.cover-placeholder b{font-family:Georgia,serif;font-size:19px;font-weight:400;overflow-wrap:anywhere}.versions-badge{position:absolute;bottom:10px;right:10px;border:1px solid #ffffff24;border-radius:4px;background:#151517e8;backdrop-filter:blur(8px);color:#e8e8ea;display:flex;align-items:center;gap:5px;padding:5px 7px;font-size:9px}.want-badge{position:absolute;top:10px;right:10px;width:29px;height:29px;display:grid;place-items:center;background:#e2b6a0;color:#523b2a;border-radius:50%}.record-info{padding:14px 0 0;min-width:0}.record-artist{text-transform:uppercase;letter-spacing:1.4px;color:#a1a1a3;font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:6px}.record-card h2{font-size:15px;letter-spacing:-.2px;font-weight:500;color:#ececee;margin:0 0 7px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.record-edition{font-size:10px;color:#88888a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.5;margin-bottom:12px}.card-footer{display:flex;align-items:center;justify-content:space-between;gap:5px;padding-top:9px;border-top:1px solid #2c2c2e}.format-badge{padding:3px 7px;border-radius:3px;color:#acb6c7;background:#2c323d;border:1px solid #3e4652;font-size:9px;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;line-height:1.2}.format-badge.vinyl{background:#2b2b2d;color:#c5c5c7;border-color:#39393b}.price{font-size:11px;color:#dbdbdd;white-space:nowrap}.no-price{font-size:9px;color:#79797b}.collection-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #2e2e30;margin-top:35px;padding-top:21px;color:#828284;font-size:10px}.text-button{display:inline-flex;align-items:center;gap:6px;border:0;background:none;padding:0;color:#ceced0;font-size:11px;cursor:pointer}.text-button:hover{color:#f3f3f5}.record-list{display:flex;flex-direction:column;gap:0}.record-list .record-card{display:flex;align-items:center;gap:20px;padding:15px 10px;border-bottom:1px solid #2c2c2e;border-radius:0}.record-list .record-card:hover{transform:none;background:#1e1e20}.record-list .cover-wrap{width:83px;flex-shrink:0}.record-list .record-info{display:grid;grid-template-columns:minmax(150px,1.6fr) minmax(90px,1fr) minmax(100px,1fr);column-gap:20px;align-items:center;flex:1;padding:0}.record-list .record-artist{grid-column:1;margin-top:4px}.record-list h2{grid-column:1;grid-row:2;margin-bottom:0}.record-list .record-edition{grid-column:2;grid-row:1/3;margin:0}.record-list .card-footer{grid-column:3;grid-row:1/3;padding:0;border:0}.record-list .versions-badge{left:4px;right:4px;bottom:4px;font-size:8px;padding:4px;justify-content:center}.record-list .versions-badge svg{display:none}.list-arrow{margin-left:10px;color:#838385}.load-more{display:flex;justify-content:center;margin-top:30px}.filter-panel{display:flex;align-items:end;gap:25px;padding:18px;border:1px solid #353537;border-radius:6px;background:#1e1e20;margin-bottom:20px}.filter-panel label{max-width:350px;width:100%}.filter-panel .text-button{padding-bottom:14px}.format-extra{padding-top:15px}.format-extra label{max-width:300px}.empty-state{padding:72px 20px 88px;display:flex;align-items:center;flex-direction:column;text-align:center}.empty-state>svg{color:#8a8a8c;margin-bottom:24px}.empty-state h2{font-family:Georgia,serif;font-size:30px;font-weight:400;margin-bottom:15px}.empty-state p{max-width:400px;color:#99999b;line-height:1.7;font-size:12px;margin-bottom:25px}.actions{display:flex;gap:10px;align-items:center}.modal{background:#1d1d1f;color:var(--text);border:1px solid #424244;border-radius:12px;padding:27px;max-width:520px;width:calc(100% - 32px);max-height:90dvh;overflow:auto;box-shadow:0 30px 100px #0009}.modal.wide{max-width:730px}.modal::backdrop{background:#0a0a0cb8;backdrop-filter:blur(7px)}.modal-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:25px}.modal-heading h2{font-family:Georgia,serif;font-weight:400;font-size:27px;letter-spacing:-.5px;margin:0}.modal-heading .icon-button{background:#2c2c2e}.modal-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:26px;padding-top:20px;border-top:1px solid #353537}.modal-footer>.primary{margin-left:auto}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px;margin-bottom:24px}label{display:flex;flex-direction:column;font-size:11px;color:#b1b1b3;gap:8px;margin-bottom:16px}.form-grid label{margin:0}input,select,textarea{width:100%;border:1px solid #404042;background:#18181a;border-radius:5px;padding:11px 12px;color:#eaeaec;font-size:13px;min-width:0}input::placeholder,textarea::placeholder{color:#828284;font-size:11px}textarea{resize:vertical;line-height:1.6}.editor h3{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:#c2c2c4;margin:25px 0 17px}.inline-note{display:flex;gap:9px;align-items:center;padding:12px 14px;font-size:11px;line-height:1.6;background:#29292b;border:1px solid #3c3c3e;color:#c5c5c7;border-radius:5px;margin-bottom:22px}.error{background:#4c2d26;color:#f2c5b7;border:1px solid #7c4b3f;padding:13px 15px;border-radius:5px;line-height:1.6;font-size:12px;margin:15px 0}.muted{color:#a7a7a9;font-size:12px;line-height:1.7}.tabs{display:flex;border-bottom:1px solid #3d3d3f;gap:22px;margin-bottom:18px}.tabs button{border:0;border-bottom:2px solid transparent;background:none;color:#9f9fa1;padding:0 0 13px;font-size:12px}.tabs button.active{color:var(--accent);border-bottom-color:var(--accent)}.notice{display:flex;gap:13px;background:#29292b;border:1px solid #444446;border-radius:6px;padding:16px;margin:20px 0;font-size:12px;color:#dbdbdd}.notice small{display:block;font-size:11px;color:#b1b1b3;line-height:1.6;margin:8px 0}.notice a{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--accent)}.search-form{display:flex;align-items:center;gap:10px;background:#19191b;border:1px solid #424244;border-radius:6px;padding:5px 5px 5px 13px;color:#b3b3b5}.search-form input{border:0;background:none;outline:0;flex:1;padding:10px 0}.search-form input:focus{outline:0}.search-form .button{min-width:72px}.result-count{font-size:11px;color:#9c9c9e;margin:20px 0 12px}.result-row{display:flex;align-items:center;gap:14px;padding:12px 0;border:0;background:none;border-bottom:1px solid #373739;width:100%;text-align:left}.result-row .cover{width:60px;flex-shrink:0}.result-row>div:not(.cover){flex:1;min-width:0}.result-row strong{font-size:12px;line-height:1.5}.result-row small{display:block;line-height:1.7;margin-top:4px}.result-row em{display:block;color:#d1d1d3;font-size:10px;font-style:normal;margin-top:4px}.result-row:hover{background:#28282a}.results{max-height:48dvh;overflow:auto}.pagination{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#a9a9ab;margin-top:20px}.manual-add{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:25px;padding-top:22px;border-top:1px solid #3a3a3c;font-size:11px;color:#9b9b9d}.detail-hero{display:grid;grid-template-columns:185px 1fr;gap:27px;align-items:center;margin-bottom:26px}.detail-hero h2{font-family:Georgia,serif;font-size:35px;font-weight:400;margin-bottom:10px;line-height:1.15;overflow-wrap:anywhere}.detail-hero .eyebrow{font-size:8px;margin-bottom:12px}.artist-name{font-size:16px;color:#c7c7c9;margin-bottom:13px}.detail-hero .muted{font-size:11px;margin-bottom:10px}.edition-text{font-size:11px;color:#a9a9ab;line-height:1.6;margin-bottom:15px}.purchase-box{display:grid;grid-template-columns:1fr 1fr;background:#29292b;border:1px solid #404042;border-radius:6px;padding:20px;margin-bottom:25px}.purchase-box small{display:block;font-size:10px;color:#a7a7a9;margin-bottom:10px}.purchase-box strong{font-size:24px;letter-spacing:-.6px;color:var(--accent);font-weight:400}.purchase-box span{font-size:13px;color:#d3d3d5}.detail-meta{display:grid;grid-template-columns:1fr 1fr;gap:20px 25px;margin-bottom:28px}.detail-meta dt{font-size:10px;color:#919193;margin-bottom:7px}.detail-meta dd{margin:0;font-size:12px;line-height:1.6;overflow-wrap:anywhere}.version-picker{margin-bottom:24px}.version-picker h3{color:#bebec0;font-size:12px}.version-picker button{display:flex;align-items:center;gap:12px;width:100%;padding:12px;background:none;border:1px solid #39393b;border-radius:5px;margin-top:7px;text-align:left;font-size:11px;color:#b6b6b8}.version-picker button.selected{background:#2b2b2d;border-color:#88888a;color:#e1e1e3}.version-picker button>span:nth-child(2){flex:1}.notes h3{font-size:11px;color:#acacae}.notes p{white-space:pre-wrap;font-size:12px;line-height:1.8;color:#d6d6d8;overflow-wrap:anywhere}.tracklist{border-top:1px solid #39393b;padding-top:15px;font-size:12px}.tracklist summary{cursor:pointer;color:#cdcdcf;margin-bottom:16px}.tracklist>div{display:flex;align-items:start;gap:12px;margin-bottom:10px;font-size:11px;line-height:1.6}.tracklist b{font-weight:400;flex:1}.tracklist span{color:#9a9a9c;min-width:25px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px}.settings-card{padding:28px;background:#1e1e20;border:1px solid #373739;border-radius:8px}.section-icon{width:42px;height:42px;background:#303032;display:grid;place-items:center;color:#ceced0;border-radius:8px;margin-bottom:22px}.settings-card h2{font-size:19px;font-weight:500;line-height:1.5}.settings-card p,.settings-card li{color:#adadaf;font-size:12px;line-height:1.8}.settings-card ol{padding-left:18px}.settings-card li{margin-bottom:9px}.settings-card li a{color:var(--accent)}.settings-card small{color:#8e8e90;line-height:1.8;display:block}.settings-card .button{display:flex;width:100%;margin:14px 0}.settings-card .inline-note{font-size:11px;line-height:1.7}.settings-card code{font-size:11px;color:#dddddf}.connection{display:inline-flex;align-items:center;gap:8px;border:1px solid #615b3c;background:#383723;color:#cfca9a;border-radius:20px;padding:6px 9px;font-size:9px;margin-bottom:16px}.connection i{width:5px;height:5px;border-radius:50%;background:currentColor}.connection.on{border-color:#606062;background:#303032;color:#d7d7d9}.file-drop{padding:25px;text-align:center;align-items:center;border:1px dashed #79797b;border-radius:7px;background:#28282a;cursor:pointer;color:#d2d2d4;font-size:13px}.file-drop input{border:0;background:none;font-size:11px;max-width:100%;margin-top:10px}.file-drop span{font-size:10px;color:#9e9ea0}.import-summary{display:flex;align-items:center;gap:9px;color:#d7d7d9;font-size:12px;margin:20px 0}.import-preview{background:#1a1a1c;padding:15px;border-radius:5px}.import-preview>div{display:flex;flex-direction:column;gap:5px;padding:11px 0;border-bottom:1px solid #38383a;font-size:12px}.import-preview>div:last-child{border:0}.import-preview small{font-size:10px;line-height:1.6;color:#a5a5a7}.offline-banner{display:flex;align-items:center;justify-content:center;gap:10px;padding:11px 24px;background:#46402a;color:#e6d6a9;font-size:11px;line-height:1.6}.offline-banner button{border:0;background:none;color:#f2e4b9;text-decoration:underline;white-space:nowrap}.toast{position:fixed;bottom:30px;left:calc(50% + 113px);transform:translate(-50%);max-width:calc(100vw - 35px);background:#e1e1e3;color:#2b2b2d;border:1px solid #f3f3f5;box-shadow:0 8px 40px #0008;border-radius:8px;padding:12px 15px;display:flex;align-items:center;gap:10px;z-index:30;font-size:12px;line-height:1.6}.toast .icon-button{color:#444446}.login-screen,.splash{min-height:100dvh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 25%,#2f2f31,#151517 70%)}.splash{flex-direction:column;gap:20px;color:#c3c3c5;text-align:center;padding:30px}.splash p{max-width:500px;line-height:1.7}.login-card{width:400px;max-width:calc(100% - 40px);padding:40px;background:#1e1e20;border:1px solid #424244;border-radius:12px;box-shadow:0 25px 100px #0003}.brand-disc{color:#d7d7d9;margin-bottom:30px}.login-card h1{font-size:48px}.login-card .eyebrow{font-size:8px;letter-spacing:1.7px;margin-bottom:12px}.login-card>p{font-family:Georgia,serif;color:#afafb1;font-size:16px;line-height:1.7;margin-bottom:32px}.login-card .button{width:100%}.login-card>small{display:block;font-size:9px;line-height:1.8;margin-top:23px;color:#8c8c8e}.login-card .error{font-family:inherit;font-size:12px;margin:10px 0 18px}.mobile-nav,.mobile-brand{display:none}.spin{animation:spin 1.4s linear infinite}.disabled{pointer-events:none;opacity:.4}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:1600px){.record-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.sidebar{width:240px}main{margin-left:240px;width:calc(100% - 240px)}}@media(max-width:1200px){.main-content{padding:35px 30px 24px}.topbar{padding:0 30px}.record-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 18px}.stats>div{padding:0 18px}.format-tabs{gap:16px}.view-controls{gap:10px}.sort-label select{max-width:145px;font-size:9px}.format-tabs button{font-size:10px;gap:5px}.record-list .record-info{column-gap:14px;grid-template-columns:minmax(120px,1.4fr) minmax(70px,1fr) minmax(95px,.8fr)}}@media(max-width:960px){.sidebar{width:195px;padding-left:12px;padding-right:12px}.brand{gap:8px}.brand>span{font-size:23px}.brand span span{font-size:6px}main{margin-left:195px;width:calc(100% - 195px)}.topbar{height:65px}.page-heading{align-items:end}h1{font-size:41px}.add-button{font-size:11px;padding:10px;gap:5px}.stats{grid-template-columns:1fr 1fr 1fr 1.5fr}.stats>div{padding:0 12px}.stats strong{font-size:25px}.stats strong small{display:block;margin:7px 0 0;font-size:8px}.stats .money-stat strong{font-size:19px}.stats .money-stat>small{font-size:8px;line-height:1.6}.browse-bar{flex-wrap:wrap;gap:15px}.format-tabs{flex:1}.view-controls{margin-bottom:10px}.sort-label{display:none}.results-toolbar,.group-toggle{font-size:9px}.record-list .cover-wrap{width:65px}.record-list .record-info{grid-template-columns:1fr 1fr}.record-list .record-edition{grid-column:1;grid-row:3;margin-top:5px}.record-list .card-footer{grid-column:2;grid-row:1/4;flex-direction:column;align-items:end;gap:12px}.list-arrow{display:none}.settings-grid{grid-template-columns:1fr}.toast{left:calc(50% + 95px)}}@media(max-width:720px){.sidebar{display:none}main{margin-left:0;width:100%}.topbar{height:62px;padding:0 21px}.desktop-only{display:none}.mobile-brand{display:flex;gap:8px;align-items:center;font-family:Georgia,serif;font-size:21px;letter-spacing:-.5px;color:#e4e4e6}.mobile-brand svg{color:#c7c7c9}.private-tag{font-size:9px}.demo-tag{font-size:6px;letter-spacing:0;max-width:72px;text-align:center;line-height:1.5}.topbar>div{gap:10px}.main-content{padding:29px 20px 100px}.eyebrow{font-size:7px;letter-spacing:1.6px;margin-bottom:12px}h1{font-size:37px;letter-spacing:-1.3px}.page-heading{margin-bottom:24px;align-items:center;gap:12px}.page-heading p{font-size:10px;max-width:235px;line-height:1.7}.add-button{width:39px;height:39px;min-height:39px;padding:0;border-radius:50%;margin:0;flex-shrink:0}.add-button span{display:none}.add-button svg{width:21px;height:21px}.stats{grid-template-columns:1fr 1fr 1fr;padding:19px 0;margin-bottom:22px;border-radius:7px;row-gap:18px}.stats>div{padding:0 20px}.stats>div:nth-child(3){border:0}.stats>div>span{font-size:9px;margin-bottom:8px}.stats strong{font-size:28px}.stats strong small{font-size:8px;display:inline;margin-left:6px}.stats .money-stat{grid-column:1/4;border:0;border-top:1px solid #333335;padding-top:15px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:6px;margin:0 20px;padding-left:0;padding-right:0}.stats .money-stat>span{margin:0;grid-column:1;grid-row:1;font-size:9px}.stats .money-stat strong{font-size:24px;grid-column:2;grid-row:1/3;text-align:right}.stats .money-stat>small{grid-column:1;grid-row:2;margin:0;font-size:8px}.collection-tools{gap:8px;margin-bottom:22px}.collection-search{padding:0 10px;gap:9px}.collection-search input{font-size:11px;height:43px}.collection-search input::placeholder{font-size:10px}.collection-search kbd{display:none}.filter-toggle{min-width:40px;width:43px;font-size:0;padding:0;gap:0}.filter-toggle svg{width:18px;height:18px}.filter-dot{position:absolute;margin-left:23px;margin-top:-18px}.format-tabs{justify-content:space-between;gap:15px}.format-tabs button{font-size:10px;padding-bottom:14px;gap:6px}.format-tabs button span{font-size:8px}.browse-bar{gap:0}.view-controls{gap:0;margin-left:14px;margin-bottom:12px}.view-switch{padding:1px}.view-switch .icon-button{padding:5px}.view-switch svg{width:15px;height:15px}.results-toolbar{padding-top:16px;padding-bottom:19px;font-size:9px}.group-toggle{font-size:9px;gap:5px}.group-toggle>svg{display:none}.group-toggle i{margin-left:2px}.record-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 16px}.record-info{padding-top:12px}.record-artist{font-size:8px;letter-spacing:1px;margin-bottom:6px}.record-card h2{font-size:14px;margin-bottom:5px}.record-edition{font-size:9px;margin-bottom:10px}.card-footer{padding-top:8px}.format-badge{font-size:8px;padding:3px 5px}.price{font-size:10px}.no-price{font-size:8px}.versions-badge{font-size:8px;bottom:7px;right:7px;padding:4px 6px;gap:4px}.versions-badge svg{width:11px;height:11px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#1e1e20f5;backdrop-filter:blur(18px);border-top:1px solid #3a3a3c;padding:9px 8px calc(9px + env(safe-area-inset-bottom));z-index:15}.mobile-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:5px;color:#929294;border-radius:5px;font-size:8px;margin:0}.mobile-nav button.active{color:#e0e0e2;background:transparent}.mobile-nav button:hover{background:#2e2e30}.collection-footer{margin-top:28px;padding-top:18px;font-size:8px;gap:12px}.collection-footer .text-button{font-size:9px}.record-list .record-card{gap:14px;padding:13px 0}.record-list .cover-wrap{width:70px}.record-list .record-info{column-gap:9px}.record-list h2{font-size:14px}.record-list .record-artist{font-size:8px}.record-list .card-footer{gap:10px}.record-list .price{font-size:11px}.filter-panel{gap:12px;padding:15px}.filter-panel .text-button{font-size:9px;white-space:nowrap}.toast{left:50%;bottom:88px;width:max-content;font-size:11px;gap:8px;padding:10px 12px}.modal{padding:22px;max-height:92dvh;border-radius:10px;width:calc(100% - 20px)}.modal-heading{margin-bottom:23px}.modal-heading h2{font-size:25px}.form-grid{gap:14px 13px}.form-grid label{font-size:10px}input,select,textarea{font-size:16px;padding:10px}.form-grid input::placeholder{font-size:9px}.detail-hero{grid-template-columns:120px 1fr;gap:18px}.detail-hero h2{font-size:28px}.detail-hero .eyebrow{font-size:6px;letter-spacing:1px}.artist-name{font-size:13px;margin-bottom:10px}.detail-hero .muted{font-size:9px}.edition-text{font-size:9px;margin-bottom:8px}.detail-hero .text-button{font-size:9px}.purchase-box{padding:16px;gap:15px}.purchase-box strong{font-size:22px}.purchase-box span{font-size:12px}.modal-footer{gap:8px}.modal-footer .button{font-size:10px;padding:10px;gap:6px}.modal-footer .ghost{padding-left:0;font-size:9px}.modal-footer .actions{gap:7px}.settings-card{padding:24px}.settings-card h2{font-size:18px}.settings-card p{font-size:12px}.settings-card .button{font-size:11px}.manual-add{align-items:start;flex-direction:column;gap:15px}.search-form input{font-size:16px}.search-form input::placeholder{font-size:11px}.search-form .button{font-size:11px;min-width:60px;padding:10px}.empty-state{padding:55px 5px}.empty-state h2{font-size:27px}.empty-state p{font-size:11px}.empty-state .actions{flex-direction:column}.offline-banner{font-size:9px;padding:12px 20px}.offline-banner>svg{display:none}}@media(max-width:380px){.main-content{padding-left:15px;padding-right:15px}.format-tabs{gap:9px}.format-tabs button{font-size:9px;gap:4px}.view-controls{margin-left:8px}.stats>div{padding-left:15px;padding-right:15px}.stats strong small{display:block;margin:5px 0 0}.stats .money-stat{margin-left:15px;margin-right:15px}.record-grid{gap:23px 13px}.record-card h2{font-size:13px}.price{font-size:9px}.no-price{font-size:7px}.detail-hero{grid-template-columns:95px 1fr;gap:14px}.detail-hero h2{font-size:23px}.modal-footer .button{padding:9px 7px}.modal-footer .button svg{width:14px}.modal-footer .ghost,.group-toggle{font-size:8px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.refresh-discogs{margin:0 0 25px}.refresh-discogs:disabled{opacity:.4}.sort-label,.group-toggle{flex-direction:row}:root{background:#111113;--bg: #111113;--surface: #19191c;--line: #323235;--muted: #97979c;--accent: #e9e6df;--accent-dark: #2c2c2f;--text: #efefed;color:#efefed}.app{background:#111113}.sidebar{background:#18181b}.topbar{background:#111113}.primary{color:#202023}.stats{background:#19191c}.cover-placeholder{background:radial-gradient(circle at 28% 20%,#3b3b40,#202023)}.format-badge.vinyl{background:#2c2b28;color:#d9d5c9;border-color:#48453f}.brand{color:#dedbd2}.mobile-nav{background:#19191cf5}.record-artist{color:#a4a4a9}.record-edition{color:#949499}.card-footer{justify-content:flex-start;gap:6px}.card-catalog{color:#8e8e94;font-size:9px;margin-left:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:55%}.release-page{max-width:1170px;margin:0 auto}.release-nav{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 0 29px;margin-bottom:35px;border-bottom:1px solid #303034}.release-nav>span{font-size:10px;color:#818186}.release-nav .text-button{color:#c2c1c7}.release-layout{display:grid;grid-template-columns:minmax(210px,.85fr) minmax(300px,1.2fr);gap:50px;align-items:start}.release-art{position:sticky;top:30px}.release-art-caption{display:flex;align-items:center;justify-content:space-between;margin:17px 0 24px;color:#8e8e93;font-size:11px}.release-art .text-button{color:#b7b7bc}.release-body h1{font-size:48px;overflow-wrap:anywhere;margin-bottom:14px}.release-body>.artist-name{font-size:20px;color:#b7b6be;margin-bottom:20px}.release-body>.eyebrow{margin-top:4px}.release-body>.muted{color:#9a9a9f}.release-body>.edition-text{font-size:12px;color:#a0a0a5;margin-bottom:30px}.release-body .purchase-box{background:#202023;border-color:#38383d}.release-body .version-picker button.selected{background:#303034;border-color:#65656d}.release-body .version-picker button{color:#b9b9c0}.release-body .purchase-box small,.release-body .detail-meta dt{color:#96969c}.release-body .notes h3{color:#aaaab0}.release-body .notes p{color:#c8c8cd}.release-body .purchase-box span{color:#d6d6db}.release-body .modal-footer{margin-top:35px}.record-list .card-footer{flex-direction:row;justify-content:flex-end;flex-wrap:wrap}.stats .money-stat strong{color:#e6e4de}@media(max-width:1100px){.release-layout{gap:30px;grid-template-columns:minmax(190px,.8fr) minmax(280px,1.2fr)}.release-body h1{font-size:39px}}@media(max-width:720px){.release-layout{display:flex;flex-direction:column;gap:29px}.release-art{position:static;width:100%}.release-art .cover{max-width:330px;margin:auto}.release-art-caption{max-width:330px;margin:14px auto 18px}.release-art>.text-button{display:flex;justify-content:center;font-size:10px}.release-nav{margin-bottom:25px;padding-bottom:20px}.release-nav>span{font-size:8px;max-width:45%;text-align:right}.release-nav .text-button{font-size:11px}.release-body{width:100%}.release-body h1{font-size:38px}.release-body>.artist-name{font-size:19px}.release-body>.edition-text{font-size:11px}.release-body .version-picker button{padding:13px 10px}.release-body .modal-footer{margin-top:25px}}.group-controls{display:flex;align-items:center;gap:20px}.artist-section+.artist-section{margin-top:43px}.artist-heading{display:flex;align-items:baseline;gap:13px;margin-bottom:21px;padding-bottom:15px;border-bottom:1px solid #2f2f33}.artist-heading h2{font-family:Georgia,serif;font-size:28px;font-weight:400;letter-spacing:-.5px;margin:0;color:#e3e3e5}.artist-heading>span{font-size:10px;color:#8b8b93}.format-extra{display:flex;gap:15px}.format-extra label{width:100%}@media(max-width:960px){.results-toolbar{flex-wrap:wrap;row-gap:14px}.group-controls{gap:15px}.artist-heading h2{font-size:25px}}@media(max-width:720px){.group-controls{width:100%;justify-content:space-between;gap:10px}.group-controls .group-toggle{font-size:9px}.artist-section+.artist-section{margin-top:32px}.artist-heading{margin-bottom:18px;padding-bottom:12px;gap:10px}.artist-heading h2{font-size:25px}.artist-heading>span{font-size:9px}.results-toolbar{padding-bottom:24px}.format-extra{flex-direction:column;gap:0}.format-extra label{max-width:100%}}.purchase-link{margin-bottom:25px;max-width:100%;white-space:normal;line-height:1.6;overflow-wrap:anywhere}.photo-status{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px 0 14px;font-size:10px;color:#a5a5ad}.photo-status>span{display:flex;gap:5px;align-items:center}.photo-status .text-button{font-size:10px;color:#ddd9ce}.photo-thumbs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:18px}.photo-thumbs button{position:relative;aspect-ratio:1;padding:2px;background:#242428;border:1px solid #414147;border-radius:4px;overflow:hidden}.photo-thumbs button.selected{border-color:#ddd9ce;box-shadow:0 0 0 1px #ddd9ce}.photo-thumbs img{width:100%;height:100%;object-fit:cover;border-radius:2px}.photo-thumbs button>span{position:absolute;bottom:2px;right:2px;background:#e2dfd7;color:#202023;display:grid;place-items:center;border-radius:2px;width:15px;height:15px}.photo-tools{display:flex;gap:8px;margin-top:17px}.photo-tools .button{flex:1;padding:9px 10px;font-size:10px;min-height:36px}.photo-help{font-size:9px;color:#7e7e87;line-height:1.7;margin:10px 0 0}.release-art{position:static}.release-art>.cover img{object-fit:contain;background:#1e1e22}@media(max-width:720px){.photo-thumbs,.photo-status,.photo-tools,.photo-help{max-width:330px;margin-left:auto;margin-right:auto}.photo-thumbs{gap:7px}.photo-tools .button{font-size:11px}.photo-help{font-size:9px}.release-art-caption{padding-top:15px;border-top:1px solid #313137}}.release-title>.artist-name{font-size:20px;color:#b7b6be;margin-bottom:20px}.release-title>.eyebrow{margin-top:4px}.release-title>.muted{color:#9a9a9f}.release-title>.edition-text{font-size:12px;color:#a0a0a5;margin-bottom:30px}.photo-expand{display:flex;font-size:10px;margin:0 0 15px;color:#c4c1b8}@media(max-width:720px){.release-body{display:contents}.release-title{order:0;width:100%}.release-art{order:1}.release-content{order:2;width:100%}.release-title h1{font-size:37px;margin-bottom:12px}.release-title>.artist-name{font-size:18px;margin-bottom:15px}.release-title>.edition-text{margin-bottom:0;font-size:10px;line-height:1.7}.release-title>.muted{font-size:11px;margin-bottom:10px}.release-layout{gap:25px}.release-title>.eyebrow{font-size:7px}.photo-expand{max-width:330px;margin:0 auto 15px;width:100%}}