body{background:var(--bg);color:var(--text);font-family:var(--font-ui,system-ui);margin:0}main{max-width:1100px;margin:auto;padding:var(--s6,24px)}header{border-bottom:1px solid var(--line);margin-bottom:var(--s6)}h1,h2{font-family:var(--font-display,system-ui)}p,li{line-height:1.6;color:var(--text-muted)}input,button{font:inherit;min-height:44px;padding:var(--s2) var(--s3);border:1px solid var(--line-strong);border-radius:var(--r-ctl);background:var(--surface-2);color:var(--text);box-sizing:border-box;max-width:100%;margin:var(--s2) 0}button{cursor:pointer}label{display:block}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:var(--s3)}article{border:1px solid var(--line);background:var(--surface-1);border-radius:var(--r-card);padding:var(--s4);margin-bottom:var(--s3);overflow-wrap:anywhere}strong{font-variant-numeric:tabular-nums}article p{margin:var(--s2) 0}footer{margin-top:var(--s8);color:var(--text-faint)}[hidden]{display:none!important}@media(max-width:450px){main{padding:var(--s4)}input{width:100%}}