@import "https://fonts.googleapis.com/css2?family=Fraunces:wght@500;650&family=Inter:wght@400;500;600&display=swap";:root{color:#eee7d8;font-synthesis:none;--accent:#c98a3e;--accent-soft:#e0a75e;background:#1b1815;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.shell{width:min(100% - 32px,1024px);margin:auto}.app[data-tab=music]{--accent:#63a0b5;--accent-soft:#7db8cc}header{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1b1815ee;border-bottom:1px solid #3d362c;position:sticky;top:0}header .shell{justify-content:space-between;align-items:end;padding:22px 0 0;display:flex}.brand{font:650 30px Fraunces,serif}.brand span{color:var(--accent);transition:color .25s}nav{gap:4px;display:flex}nav button{color:#8f8779;background:0 0;border:0;border-radius:7px 7px 0 0;align-items:center;gap:8px;padding:12px 16px;display:flex}nav button.active{color:var(--accent-soft);background:#242019;border:1px solid #3d362c;border-bottom-color:#242019;transition:color .25s}.controls{flex-wrap:wrap;gap:9px;padding:28px 0 18px;display:flex}.search{flex:1;min-width:240px;position:relative}.search svg{color:#807668;position:absolute;top:12px;left:12px}.search input,select{color:#eae2d3;background:#242019;border:1px solid #3d362c;border-radius:6px;width:100%;height:42px;padding:0 12px}.search input{padding-left:39px}select{width:auto}.summary{color:#82796c;text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px;font-size:12px}.list{border-top:1px solid #3d362c}.row{text-align:left;width:100%;color:inherit;cursor:pointer;background:0 0;border-top:0;border-bottom:1px solid #302b25;border-left:2px solid #0000;border-right:0;grid-template-columns:70px minmax(0,1fr) minmax(100px,240px);align-items:center;gap:16px;padding:15px 10px;transition:background .15s,border-color .15s;display:grid}.row:hover{border-left-color:var(--accent);background:#242019}.list.music .row{grid-template-columns:70px minmax(0,1fr) minmax(90px,170px) 130px}.year{color:var(--accent);font:600 14px Fraunces,serif}.row-main{flex-direction:column;min-width:0;display:flex}.row-main strong{white-space:nowrap;text-overflow:ellipsis;font:500 18px Fraunces,serif;overflow:hidden}.row-main small,.tags,.pezzi{color:#8f8779;white-space:nowrap;text-overflow:ellipsis;margin-top:4px;overflow:hidden}.tags,.pezzi{text-align:right;font-size:12px}.row.footer{cursor:default;background:#1f1c17;border-top:2px solid #4a4135;border-bottom:0}.row.footer:hover{background:#1f1c17}.pezzi.total{color:var(--accent);margin-top:0;font:600 13px Fraunces,serif}.overlay{z-index:30;background:#000b;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#242019;border:1px solid #4a4135;border-radius:10px;width:min(760px,100%);max-height:90vh;padding:28px;position:relative;overflow:auto}.close{color:#aaa;cursor:pointer;background:0 0;border:0;position:absolute;top:14px;right:14px}.modal-grid{grid-template-columns:180px 1fr;gap:28px;display:grid}.cover-large{aspect-ratio:2/3;object-fit:cover;border-radius:5px;width:180px}.cover-large.empty{color:#716658;background:#302a23;place-items:center;display:grid}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.14em;font-size:11px}.modal h2{margin:4px 0 8px;font:650 30px Fraunces,serif}.muted,.description{color:#aaa094;line-height:1.55}dl{grid-template-columns:110px 1fr;gap:8px;margin:24px 0;display:grid}dt{color:#786f63}dd{margin:0}@media (width<=680px){header .shell{display:block}.brand{padding-bottom:12px}.controls select{flex:1}.row,.list.music .row{grid-template-columns:48px 1fr}.tags,.pezzi{display:none}.row.footer{justify-content:flex-end;display:flex}.pezzi.total{display:block}.modal-grid{grid-template-columns:1fr}.cover-large{width:120px}.modal{padding:22px}.modal h2{font-size:25px}}@media (prefers-reduced-motion:reduce){.brand span,nav button.active,.row{transition:none}}