:root{color-scheme:light dark}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:Canvas;color:CanvasText}
.container{max-width:1100px;margin:0 auto;padding:16px}
.header{display:flex;align-items:center;gap:16px;justify-content:space-between}
nav{display:flex;gap:8px}
.nav-btn{border:1px solid color-mix(in oklab, CanvasText 15%, transparent);background:transparent;padding:8px 12px;border-radius:12px;cursor:pointer}
.nav-btn.active{background:color-mix(in oklab, CanvasText 12%, transparent)}
.card{background-color:color-mix(in oklab, Canvas 92%, black 0%);border:1px solid color-mix(in oklab, CanvasText 12%, transparent);padding:16px;border-radius:16px;margin-bottom:16px}
.grid{display:grid;gap:12px}
.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.input{padding:10px 12px;border-radius:12px;border:1px solid color-mix(in oklab, CanvasText 18%, transparent);background:transparent;color:inherit}
.btn{padding:10px 14px;border-radius:14px;border:none;background:#0ea5e9;color:white;cursor:pointer}
.btn:disabled{opacity:.6;cursor:not-allowed}
.seg{display:flex;gap:8px}
.seg-btn{border:1px solid color-mix(in oklab, CanvasText 18%, transparent);background:transparent;padding:8px 12px;border-radius:12px;cursor:pointer}
.seg-btn.active{background:color-mix(in oklab, CanvasText 10%, transparent)}
.list{display:grid;gap:8px}
.row{display:flex;gap:8px;flex-wrap:wrap}
.tags{display:flex;gap:8px;flex-wrap:wrap}
.tag{padding:6px 10px;border-radius:12px;background:color-mix(in oklab, CanvasText 12%, transparent)}
.tag button{margin-left:8px}
.hidden{display:none}
.max-240{max-width:240px}
.charts{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.footer{opacity:.7}