:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f1ea;--paper:#fffdf8;--ink:#1c1915;--muted:#5e584f;--line:#e4dccf;--accent:#0f6e56;--warn:#8a4b08;--danger:#8d2a2a;--demo:#7a4e00;font-family:Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}button,.linkish{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:8px;padding:.55rem .8rem}button.secondary{color:var(--ink);border:1px solid var(--line);background:0 0}button:disabled{opacity:.6;cursor:not-allowed}input,select,textarea{border:1px solid var(--line);background:#fff;border-radius:8px;width:100%;padding:.55rem .7rem}label{gap:.3rem;font-size:.92rem;display:grid}.shell{grid-template-columns:240px 1fr;min-height:100vh;display:grid}nav{color:#f4f1ea;background:#1c1915;flex-direction:column;gap:.35rem;padding:1rem;display:flex}nav a{border-radius:8px;padding:.45rem .55rem;text-decoration:none}nav a.active,nav a:hover{background:#34302a}main{max-width:1100px;padding:1.2rem}.card{background:var(--paper);border:1px solid var(--line);border-radius:14px;margin-bottom:1rem;padding:1rem}.grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.8rem;display:grid}.row{flex-wrap:wrap;align-items:end;gap:.6rem;display:flex}.muted{color:var(--muted)}.warn{color:var(--warn)}.banner{color:var(--demo);background:#fff4d6;border:1px solid #e2c27a;border-radius:10px;margin-bottom:1rem;padding:.7rem .9rem}.error{color:var(--danger);background:#fdecec;border-radius:10px;padding:.7rem .9rem}table{border-collapse:collapse;width:100%;font-size:.92rem}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:.45rem}.chart{height:360px}h1{margin:0 0 .4rem;font-size:1.6rem}h2{margin:0 0 .6rem;font-size:1.1rem}@media (width<=800px){.shell{grid-template-columns:1fr}nav{flex-direction:row;overflow:auto}}