:root{--ink:#0e0e10;--ink-fg:#edeae6;--ink-muted:#8e8a84;--ink-faint:#6b6762;--ink-rule:#232326;--ink-rule-lit:#34343a;--ink-control:#62605c;--ink-raised:#17171a;--paper:#f2efea;--paper-fg:#121214;--paper-muted:#56534e;--paper-faint:#85817b;--paper-rule:#dbd6ce;--paper-control:#75716b;--coral:#ff5a4f;--mint:#4fd9a4;--coral-on-paper:#c2352b;--mint-on-paper:#1f7a56;--voice:"Syne", "Familjen Grotesk", system-ui, sans-serif;--argument:"Familjen Grotesk", system-ui, sans-serif;--record:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--ease:cubic-bezier(.16, 1, .3, 1);--gutter:20px;--max:1600px;--sidebar:248px;--topbar:56px;--radius:2px;--row-height:44px}.voice{font-family:var(--voice);letter-spacing:-.02em;font-weight:800}.display{font:800 clamp(1.9rem, 3.4vw, 3rem)/1.02 var(--voice);letter-spacing:-.03em;text-transform:uppercase;text-wrap:balance;max-width:20ch;margin:0}.title{font:800 clamp(1.4rem, 2.2vw, 2rem)/1.08 var(--voice);letter-spacing:-.022em;text-transform:uppercase;text-wrap:balance;margin:0 0 .75rem}.heading{font:700 1.0625rem/1.2 var(--voice);letter-spacing:-.01em;margin:0 0 .5rem}.lead{font:400 clamp(1rem, 1.4vw, 1.2rem)/1.5 var(--argument);max-width:52ch;margin:0 0 1rem}.label{font:500 .6875rem/1 var(--voice);letter-spacing:.16em;text-transform:uppercase}.record{font:400 .8125rem/1.6 var(--record);letter-spacing:.02em}.numeric{font:400 .8125rem/1.6 var(--record);letter-spacing:.02em;font-variant-numeric:tabular-nums;text-align:right}.muted{color:var(--ink-muted)}.on-paper .muted{color:var(--paper-muted)}.state{font:400 .75rem/1 var(--record);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted);align-items:center;gap:8px;display:inline-flex}.state:before{content:"";background:var(--ink-control);border-radius:50%;width:6px;height:6px}.state.ok:before{background:var(--mint)}.state.ok{color:var(--ink-fg)}.state.attention:before{background:var(--coral)}.state.attention{color:var(--ink-fg)}.on-paper .state.ok:before{background:var(--mint-on-paper)}.on-paper .state.attention:before{background:var(--coral-on-paper)}.on-ink{background:var(--ink);color:var(--ink-fg)}.on-paper{background:var(--paper);color:var(--paper-fg)}.rule{border-top:1px solid var(--ink-rule);padding-top:1.25rem}.on-paper .rule{border-color:var(--paper-rule)}.ledger{border-top:1px solid var(--ink-rule)}.on-paper .ledger{border-color:var(--paper-rule)}.row{gap:var(--gutter);border-bottom:1px solid var(--ink-rule);align-items:baseline;padding:.9rem 0;display:grid}.on-paper .row{border-color:var(--paper-rule)}table{border-collapse:collapse;width:100%}th,td{text-align:left;vertical-align:top;border-bottom:1px solid var(--ink-rule);padding:.75rem 0}th{font:500 .6875rem/1 var(--voice);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-muted)}td{padding-right:var(--gutter)}.on-paper th,.on-paper td{border-color:var(--paper-rule)}.tablewrap{overflow-x:auto}.btn{border:1px solid var(--ink-control);border-radius:var(--radius);height:36px;font:500 .75rem/1 var(--voice);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-fg);cursor:pointer;transition:border-color .3s var(--ease), background .3s var(--ease);background:0 0;align-items:center;padding:0 14px;display:inline-flex}.btn:hover{border-color:var(--ink-fg)}.btn.primary{background:var(--ink-fg);color:var(--ink);border-color:var(--ink-fg)}.btn.primary:hover{background:#fff}.btn.danger{border-color:var(--coral);color:var(--coral)}.btn.danger:hover{background:var(--coral);color:var(--ink)}.link{border-bottom:1px solid var(--ink-control);padding-bottom:1px}.link:hover{border-color:currentColor}input,select,textarea{border:1px solid var(--ink-rule-lit);border-radius:var(--radius);height:36px;color:var(--ink-fg);font:400 .875rem/1 var(--argument);background:0 0;width:100%;padding:0 10px}textarea{resize:vertical;height:auto;padding:10px;line-height:1.5}input:focus,select:focus,textarea:focus{border-color:var(--ink-control);outline:none}input.record,input.numeric{font-family:var(--record)}.arrive{opacity:0;transition:opacity .6s var(--ease), transform .6s var(--ease);transform:translateY(6px)}.arrive.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.arrive{opacity:1;transition:none;transform:none}*{animation:none!important}}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--mint);outline-offset:2px}*{box-sizing:border-box}html{background:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--ink);color:var(--ink-fg);font:400 .9375rem/1.55 var(--argument);margin:0}a{color:inherit;text-decoration:none}p{max-width:62ch;margin:0 0 1em}::selection{background:var(--ink-fg);color:var(--ink)}.wrap{max-width:var(--max);margin:0 auto;padding:0 clamp(16px,2.5vw,32px)}.cols{gap:var(--gutter);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.c3{grid-column:span 3}.c4{grid-column:span 4}.c5{grid-column:span 5}.c6{grid-column:span 6}.c7{grid-column:span 7}.c8{grid-column:span 8}.c12{grid-column:span 12}@media (max-width:800px){.cols>*{grid-column:span 12}}
.shell{grid-template-columns:var(--sidebar) minmax(0, 1fr);min-height:100vh;display:grid}@media (max-width:900px){.shell{grid-template-columns:1fr}.shell>.side{display:none}}.side{border-right:1px solid var(--ink-rule);height:100vh;padding:0;position:sticky;top:0;overflow-y:auto}.side .brand{height:var(--topbar);border-bottom:1px solid var(--ink-rule);font:800 .9375rem/1 var(--voice);letter-spacing:.18em;text-transform:uppercase;align-items:center;padding:0 20px;display:flex}.side .workspace{border-bottom:1px solid var(--ink-rule);padding:14px 20px}.side .workspace .who{font:400 .8125rem/1.4 var(--record);letter-spacing:.02em;color:var(--ink-fg)}.side .workspace .role{font:500 .6875rem/1 var(--voice);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);margin-top:6px}.side nav{padding:12px 0}.side nav .group{font:500 .6875rem/1 var(--voice);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);padding:16px 20px 8px}.side nav a{font:400 .875rem/1.3 var(--argument);color:var(--ink-muted);transition:color .2s var(--ease), border-color .2s var(--ease);border-left:2px solid #0000;padding:8px 20px;display:block}.side nav a:hover{color:var(--ink-fg)}.side nav a[aria-current=page]{color:var(--ink-fg);border-left-color:var(--ink-fg)}.main{min-width:0}.topbar{height:var(--topbar);border-bottom:1px solid var(--ink-rule);background:var(--ink);z-index:10;align-items:center;gap:16px;padding:0 clamp(16px,2.5vw,32px);display:flex;position:sticky;top:0}.topbar .crumbs{font:400 .8125rem/1 var(--record);letter-spacing:.02em;color:var(--ink-muted)}.topbar .crumbs a:hover{color:var(--ink-fg)}.topbar .crumbs .sep{color:var(--ink-faint);padding:0 8px}.topbar .spacer{margin-left:auto}.work{padding:clamp(24px,3vw,40px) clamp(16px,2.5vw,32px)}.pagehead{align-items:flex-end;gap:20px;margin-bottom:clamp(20px,3vw,32px);display:flex}.pagehead .spacer{margin-left:auto}.tiles{border-top:1px solid var(--ink-rule);border-bottom:1px solid var(--ink-rule);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:0;display:grid}.tile{border-right:1px solid var(--ink-rule);padding:18px 20px 18px 0}.tile:last-child{border-right:none}.tile .k{font:500 .6875rem/1 var(--voice);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:10px}.tile .v{font:400 1.75rem/1 var(--record);font-variant-numeric:tabular-nums;letter-spacing:-.01em;color:var(--ink-fg)}.tile .sub{font:400 .75rem/1.4 var(--argument);color:var(--ink-muted);margin-top:8px}.row.releases{grid-template-columns:minmax(0,1fr) 140px 120px 110px}.row.artists{grid-template-columns:minmax(0,1fr) 100px 100px 110px}.row.splits{grid-template-columns:minmax(0,1fr) 160px 90px}.row.timeline{grid-template-columns:150px 90px minmax(0,1fr)}@media (max-width:800px){.row.releases,.row.artists,.row.splits,.row.timeline{grid-template-columns:1fr;gap:.35rem}}.row .name{font:700 .9375rem/1.25 var(--voice);letter-spacing:-.01em}.row .meta{font:400 .8125rem/1.5 var(--record);letter-spacing:.02em;color:var(--ink-muted)}.empty{border-top:1px solid var(--ink-rule);max-width:52ch;padding:clamp(32px,5vw,56px) 0}.empty .what{font:400 1rem/1.5 var(--argument);color:var(--ink-muted);margin-bottom:16px}.timeline .kind{font:400 .75rem/1.6 var(--record);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint)}.timeline .kind.decision{color:var(--coral)}.timeline .kind.outcome{color:var(--mint)}.timeline .when{font:400 .8125rem/1.6 var(--record);font-variant-numeric:tabular-nums;color:var(--ink-muted)}.timeline .why{font:400 .875rem/1.5 var(--argument);color:var(--ink-muted);max-width:62ch;margin-top:6px}.authpage{place-items:center;min-height:100vh;padding:clamp(24px,6vw,64px) 16px;display:grid}.authbox{width:100%;max-width:360px}.authbox .wordmark{font:800 .9375rem/1 var(--voice);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-fg);margin-bottom:clamp(32px,8vw,56px)}.authbox .title{margin-bottom:1.5rem}.authbox .lead{margin-bottom:1.5rem;font-size:.9375rem}.field{margin-bottom:1.125rem;display:block}.field .label{color:var(--ink-muted);margin-bottom:8px;display:block}.field .hint{color:var(--ink-faint);margin-top:6px;font-size:.75rem;display:block}.field input[readonly]{color:var(--ink-muted);border-color:var(--ink-rule)}.authsubmit{justify-content:center;width:100%;height:44px;margin-top:.5rem}.autherror{border-left:2px solid var(--coral);color:var(--ink-fg);margin-bottom:1.25rem;padding:.5rem 0 .5rem .75rem}.authfoot{color:var(--ink-muted);margin-top:1.5rem}.topbar form{display:inline-flex}.topbar .btn{height:28px;padding:0 10px;font-size:.6875rem}
