:root{color-scheme:light;--bg:#f5f5f5;--surface:#fff;--surface2:#f9fafb;--surface3:#f3f4f6;--line:#e5e7eb;--text:#111827;--muted:#6b7280;--teal:#6366f1;--teal-dim:#eef2ff;--amber:#a77928;--up:#ce4154;--down:#218365;--blue:#5279b5;--shadow:0 8px 30px #24473808}
.chip-context{display:flex;align-items:center;justify-content:space-between;padding:15px 28px;border-bottom:1px solid var(--line);background:#fff;font-size:12px;color:var(--muted)}.chip-context>strong{font-size:15px;font-weight:600;color:var(--text)}.chip-context strong span{font-size:12px;font-weight:400;color:var(--muted);margin-left:8px}.chip-context>div{display:flex;align-items:center;gap:18px}.chip-context button{color:var(--teal);font-size:12px}.sidebar{background:#f0f4f4;top:0}.topbar{background:white}.metric-value,.stock-header h1,.score-number,.card-head h2,.method-item strong,.field label,.level-name{color:var(--text)}.level-row .pill,.pill{color:#4b5563}.level-row.pressure,.level-row.support{background:#fff}.primary{color:#fff;background:var(--teal);border-color:var(--teal)}.primary:hover{background:#4f46e5}.search-wrap input,.field input,.field select,.suggestions{background:#fff;color:var(--text)}.suggestion:hover,.suggestion.active{background:#eef2ff}.watch-item.active{background:#eef2ff}.watch-item:hover{background:#f3f4f6}.watch-item .code,.watch-code,.metric-sub,.watch-item small{color:var(--muted)}.warnings{background:#fff9ed;border-color:#e4d7bb;color:#826027}.error{background:#fff4f1;border-color:#edc9c1;color:#994d3c}.notice.amber-notice{border-color:#deccaa}.toast{background:#eef8f3;border-color:#acd4c4;color:#245c4b}.segmented{background:#edf2f2}.segmented button.active{background:#fff;color:var(--teal);box-shadow:0 1px 4px #243c2914}.badge{background:#eef2ff;color:var(--teal);border-color:#c7d2fe}.mini-track{background:#e9efef}.score-explain strong{color:var(--text)}dialog{border-color:var(--line);box-shadow:0 25px 100px #12332724}.account-page{background:#f5f5f5}.account-card{background:#fff;border-color:var(--line);box-shadow:0 12px 50px #19352608}.account-tabs{border-color:var(--line)}.account-tabs a{color:var(--muted)}.account-tabs a.active{color:var(--teal);border-color:var(--teal)}.account-footer{color:var(--muted)}.brand small{color:var(--muted)}.account-card .brand{font-size:21px}.account-card .brand small{font-size:10px}.account-nav a{color:var(--teal)}.side-note{background:transparent}.side-title,.watch-name{color:var(--text)}.asof{color:var(--muted)}
@media(max-width:740px){.chip-context{padding:10px 16px}.chip-context #connection{display:none}.chip-context strong span{display:none}.chip-context button{min-height:40px}.chip-context>div{gap:10px}}

.side-note strong{color:var(--text)}

/* Buttons and switch labels use the same soft-square outline language. */
.primary,.secondary,.segmented button,.admin-pagination button{border-radius:12px;font-weight:550;letter-spacing:.04em;box-shadow:none}
.segmented{gap:6px;padding:0;border:0;border-radius:0;background:transparent}
.segmented button{border:1px solid var(--line);background:#fff}
.segmented button.active{border-color:var(--teal);background:#fff;color:var(--teal);box-shadow:none}
.tabs button,.account-tabs a{font-weight:500;letter-spacing:.08em;text-transform:uppercase}
.tabs button.active,.account-tabs a.active{font-weight:600}