:root{color-scheme:light;--background:#fff;--foreground:#202a35;--muted-foreground:#67717c;--border:#ccd2d8;--viz-series-1:#27977e;--viz-series-2:#7565d4;--viz-series-3:#cc7351;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.45}
*{box-sizing:border-box}
body{margin:0;background:#f5f7f9;color:var(--foreground)}
main{max-width:960px;margin:auto;padding:24px;background:var(--background);min-height:100vh}
h3{font-size:22px;font-weight:600;margin:0 0 18px}
strong{font-weight:600}
.form-label{display:block;margin-bottom:8px}
.form-select{display:block;width:100%;font:inherit;color:inherit;background:#fff;border:1px solid #a8b2be;border-radius:6px;padding:11px 12px;min-height:44px}
.text-small{font-size:13px;line-height:1.4}
.viz-controls{display:flex;flex-wrap:wrap;gap:10px}
.btn{font:inherit;min-height:44px;padding:10px 16px;background:#fff;color:inherit;border:1px solid #a8b2be;border-radius:6px;cursor:pointer}
.btn-primary{background:#253c50;color:#fff;border-color:#253c50}
.btn:disabled{opacity:.45;cursor:default}
:focus-visible{outline:3px solid #2d77b3;outline-offset:3px}
@media(max-width:600px){main{padding:16px}h3{font-size:20px}}
@media print{body{background:#fff}main{padding:0}.form-label,.form-select,.viz-controls{display:none}}