:root{--black:#0a0a0a;--white:#f5f3ef;--gray-deep:#1c1c1a;--gray-mid:#3a3a38;--gray-muted:#7a7a78;--accent:#b8a98a;--on-black-15:#f5f3ef26;--on-black-50:#f5f3ef80;--font-display:"Cormorant Garamond", serif;--font-body:"DM Sans", sans-serif;--font-mono:"DM Mono", monospace}*{box-sizing:border-box}body{background:var(--black);color:var(--white);font:300 15px/1.7 var(--font-body);margin:0}.top,main{max-width:1100px;margin:0 auto;padding:1.5rem 1.25rem}.top{border-bottom:.5px solid var(--on-black-15);align-items:center;gap:1.5rem;display:flex}.top .btn-secondary{margin-left:auto}.logo{font:400 13px var(--font-mono);letter-spacing:.4em}.label{font:400 11px var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--on-black-50)}h2{font:300 2.2rem/1.1 var(--font-display);margin:.25rem 0 0}.bins{background:var(--on-black-15);gap:1.5px;margin-top:2rem;display:grid}.bin{background:var(--black);grid-template-columns:1fr 1fr auto;align-items:center;gap:2rem;padding:1.5rem;display:grid}.state{flex-direction:column;gap:.25rem;display:flex}.state strong{font:300 2.2rem/1.1 var(--font-display)}.tag{font:400 9px var(--font-mono);letter-spacing:.2em;text-transform:uppercase;background:var(--accent);color:var(--black);width:max-content;padding:.25rem .5rem}.actions{gap:.5rem;display:flex}.btn{font:400 11px var(--font-mono);letter-spacing:.2em;text-transform:uppercase;background:var(--white);color:var(--black);cursor:pointer;border:none;padding:1rem 1.5rem;transition:background .3s}.btn:hover:not(:disabled){background:var(--accent)}.btn:disabled{background:var(--gray-mid);color:var(--gray-muted);cursor:not-allowed}.btn-secondary{color:var(--white);border-bottom:1px solid var(--accent);background:0 0;padding:.25rem 0}@media (width<=768px){.bin{grid-template-columns:1fr}}