:root{--surface:#141218;--surface-container-low:#1d1b20;--surface-container:#211f26;--surface-container-high:#2b2930;--on-surface:#e6e0e9;--on-surface-variant:#cac4d0;--primary:#d0bcff;--on-primary:#381e72;--secondary-container:#4a4458;--on-secondary-container:#e8def8;--outline:#938f99;--outline-variant:#49454f;color:var(--on-surface);background:var(--surface);font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Inter,Segoe UI,Arial,sans-serif;font-size:15px;line-height:1.5}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:1px solid var(--outline-variant);min-height:44px;color:inherit;background:var(--surface-container-high);border-radius:999px;padding:.6rem .9rem}button:hover:not(:disabled){background:var(--outline-variant)}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--primary);outline-offset:3px}input,select{border:1px solid var(--outline);background:var(--surface-container);color:inherit;border-radius:12px;min-width:0;max-width:100%;padding:.65rem .8rem}input{width:100%}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.04em;margin-bottom:1rem;font-size:2.3rem;line-height:1.2}h2{overflow-wrap:anywhere;font-size:1.7rem;line-height:1.25}h3{margin-bottom:0;font-size:1rem}.primary{background:var(--primary);color:var(--on-primary);border-color:var(--primary);font-weight:650}.primary:hover:not(:disabled){background:#c3cfff}.muted,.source,.track-row p,small{color:var(--on-surface-variant)}.eyebrow{text-transform:uppercase;letter-spacing:.13em;color:#8f9dbc;margin-bottom:.65rem;font-size:.7rem;font-weight:700}.brand-wordmark{object-fit:contain;width:176px;max-width:100%;height:auto;display:block}.brand-symbol{width:78%;height:auto}.shell{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:var(--surface-container-low);border-right:1px solid var(--outline-variant);flex-direction:column;gap:48px;padding:28px 20px;display:flex}.brand{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.brand small{font-size:.72rem;display:block}nav{gap:7px;display:grid}nav .eyebrow{margin:20px 10px 4px}nav button{text-align:left;background:0 0;border:0;padding:.85rem 1rem}nav button.active{background:var(--secondary-container);color:var(--on-secondary-container)}.account{border-top:1px solid #303541;gap:9px;margin-top:auto;padding:20px 10px 0;display:grid}.workspace{width:100%;max-width:1480px;margin:auto;padding:46px clamp(20px,4vw,64px)}.section-heading,.editor-heading,.field-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.section-heading button,.editor-heading button{flex-shrink:0}.search{gap:12px;margin:25px 0;display:flex}.search input{max-width:680px}.track-list{border:1px solid var(--outline-variant);border-radius:20px;overflow:hidden}.track-row{background:var(--surface-container);border-bottom:1px solid var(--outline-variant);align-items:center;gap:16px;padding:15px 18px;display:flex}.track-row:last-child{border-bottom:0}.track-row>div:not(.cover):not(.actions){flex:1;min-width:0}.track-row strong{overflow-wrap:anywhere}.track-row p{margin:4px 0 0;font-size:.85rem}.cover{object-fit:cover;border-radius:12px;flex-shrink:0;width:52px;height:52px}.placeholder{color:#d4def5;background:linear-gradient(145deg,#384663,#283044);place-items:center;font-size:1.7rem;display:grid}.album-grid{grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:22px;display:grid}.album-card{background:var(--surface-container);border:1px solid var(--outline-variant);border-radius:20px;flex-direction:column;gap:14px;padding:14px;display:flex}.album-open{text-align:left;background:0 0;border:0;gap:8px;padding:0;display:grid}.album-open:hover:not(:disabled){background:0 0}.album-open .cover{aspect-ratio:1;width:100%;height:auto}.album-open strong{overflow-wrap:anywhere;margin-top:7px}.album-open span{color:var(--on-surface-variant);font-size:.8rem}.album-heading{gap:26px;margin:28px 0;display:flex}.album-heading .cover{width:160px;height:160px}.actions{flex-wrap:wrap;gap:8px;display:flex}.number{color:#95a1b9;font-variant-numeric:tabular-nums;width:40px}.more{margin:24px auto;display:block}.empty{text-align:center;color:#aab5c8;padding:50px 20px}.editor{max-width:900px;margin:auto}.editor-heading h2{margin-bottom:12px}fieldset{border:0;margin:0;padding:0}.field{border:1px solid var(--outline-variant);background:var(--surface-container);border-radius:20px;margin:0;padding:20px}.field-heading{margin-bottom:12px}.field-heading select{font-size:.85rem}.source{overflow-wrap:anywhere;margin-bottom:12px;font-size:.85rem}.effective{margin-bottom:0}.credit{flex-wrap:wrap;gap:8px;margin:10px 0;display:flex}.credit input:not([type=radio]){flex:1;width:auto;min-width:120px}.credit-roles{flex-basis:100%;margin:0 0 10px}.credit-roles .chip>span{padding:8px 10px;font-size:.8rem}.credit select{max-width:175px}.credit button{padding:.5rem .7rem}.save-bar{border-bottom:1px solid var(--outline-variant);justify-content:space-between;align-items:center;gap:16px;padding:18px 0;display:flex}.history{margin-top:34px}.history article{border:1px solid var(--outline-variant);border-radius:12px;margin:14px 0;padding:18px}.history article>div{flex-wrap:wrap;gap:12px;display:flex}.history time{color:#a4afc4;margin-left:auto;font-size:.8rem}.history article p{color:#b7c4df;margin:10px 0;font-size:.85rem}dl{margin:12px 0 0}dl>div{grid-template-columns:140px minmax(0,1fr);gap:10px;margin:8px 0;display:grid}dt{color:#9ba7be;font-size:.85rem}dd{overflow-wrap:anywhere;margin:0}.error,.conflict,.notice,.success,.warnings p{border-radius:10px;margin:14px 0;padding:15px 18px}.error{color:#ffbdc5;background:#42252e}.conflict,.warnings p{color:#e9d7a9;background:#3a3423}.conflict p{margin:8px 0 14px}.error button{margin-left:12px}.notice{background:#25314d}.success{color:#a9e1c7;background:#233b33}.scan-card{border:1px solid var(--outline-variant);background:var(--surface-container);border-radius:20px;max-width:700px;margin:30px 0;padding:26px}.scan-card h2{margin-top:28px}.scan-card>button:last-child{margin-top:16px}.login{grid-template-columns:1fr 1fr;align-items:center;gap:90px;max-width:1060px;min-height:100vh;margin:auto;padding:50px 30px;display:grid}.login section{max-width:470px}.login .brand-wordmark{width:280px;margin-bottom:24px}.login h1{font-size:2.8rem}.login form{gap:18px;margin-top:30px;display:grid}.login label{gap:8px;display:grid}.login aside{background:#202b43;border:1px solid #34425f;border-radius:28px;padding:60px 40px}.login aside p{letter-spacing:-.03em;color:#c9d7f6;margin:36px 0 0;font-size:1.8rem}.record{aspect-ratio:1;color:#b2c3ed;background:repeating-radial-gradient(circle,#111722 0 8px,#243047 9px 10px);border-radius:50%;place-items:center;font-size:4rem;display:grid}.boot{text-align:center;padding:60px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=850px){.shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--outline-variant);gap:16px;padding:18px 20px}.sidebar nav{flex-wrap:wrap;gap:5px;display:flex}.sidebar nav .eyebrow{display:none}.sidebar .account{align-items:center;gap:16px;margin:0;padding:12px 0 0;display:flex}.account small{display:none}.account button{margin-left:auto}.workspace{padding:28px 18px}.login{grid-template-columns:1fr;gap:0;max-width:530px}.login aside{display:none}.track-row{flex-wrap:wrap;gap:10px;padding:12px}.track-row>.actions{justify-content:flex-end;width:100%}.credit{flex-wrap:wrap}.credit input{flex:1;min-width:120px}.album-heading .cover{width:110px;height:110px}.album-heading{gap:18px}.field{padding:16px}.history time{margin-left:0}h1{font-size:2rem}.save-bar .muted{font-size:.8rem}}.workspace{margin:0 auto}nav button{border-radius:999px;min-height:48px}fieldset{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.field:first-child,.field:nth-child(2),.field:last-child{grid-column:1/-1}.field{box-shadow:inset 0 0 0 1px var(--outline-variant);border:0}.field input:not([type=radio]):not([type=checkbox]){min-height:48px}.field-origin{white-space:nowrap;background:var(--surface-container-high);color:var(--on-surface-variant);border-radius:8px;padding:4px 10px;font-size:.75rem}.field-origin.manual{background:var(--secondary-container);color:var(--on-secondary-container)}.field-tools{flex-wrap:wrap;gap:4px;margin:8px 0 -8px;display:flex}.text-button{color:var(--primary);background:0 0;border:0;min-height:44px;padding:8px 12px}.text-button:hover:not(:disabled){background:var(--secondary-container)}.segments{max-width:440px;display:flex}.segment,.chip{cursor:pointer;position:relative}.segment{flex:1;min-width:0}.segment input,.chip input{opacity:0;width:1px;height:1px;position:absolute}.segment>span,.chip>span{border:1px solid var(--outline);min-height:48px;color:var(--on-surface);background:0 0;justify-content:center;align-items:center;gap:8px;padding:10px 14px;display:flex}.segment+.segment>span{border-left:0}.segment:first-child>span{border-radius:999px 0 0 999px}.segment:last-child>span{border-radius:0 999px 999px 0}.selection-mark{display:none}.segment input:checked+span,.chip input:checked+span{background:var(--secondary-container);color:var(--on-secondary-container)}.segment input:checked+span .selection-mark,.chip input:checked+span .selection-mark{display:inline}.segment input:focus-visible+span,.chip input:focus-visible+span{outline:3px solid var(--primary);outline-offset:3px}.segment:hover>span,.chip:hover>span{background:var(--surface-container-high)}.segment input:disabled+span,.chip input:disabled+span{opacity:.45;cursor:default}.chips{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.chip>span{border-radius:8px;min-height:44px;padding:8px 14px}.other-languages{color:var(--on-surface-variant);gap:6px;font-size:.85rem;display:grid}.save-bar{z-index:2;border:1px solid var(--outline-variant);background:var(--surface-container-high);border-radius:20px;margin-top:18px;padding:14px 18px;position:sticky;bottom:12px;box-shadow:0 4px 18px #0004}.history{border:1px solid var(--outline-variant);border-radius:20px;padding:18px 20px}.history summary{cursor:pointer;min-height:32px;font-weight:600}.history summary span{color:var(--on-surface-variant);font-weight:400}.history[open] summary{margin-bottom:18px}@media (width<=850px){fieldset{grid-template-columns:minmax(0,1fr)}.field{grid-column:auto}.save-bar{padding:12px;bottom:8px}.segment>span{padding:10px}.editor-heading{align-items:flex-start}.field-heading{gap:8px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
