:root{color-scheme:light}.brand-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.brand-row .brand{font-size:24px;gap:9px}.brand-row .logo{width:37px;height:40px;font-size:26px;flex-shrink:0}.brand-row .brand small{font-size:7px;letter-spacing:.7px}.theme-toggle{flex-shrink:0;display:grid;place-items:center;width:36px;height:40px;border-radius:9px;border:1px solid var(--line);background:var(--bg);color:var(--ink)}.theme-toggle:hover{background:#e7eddf}
html[data-theme="dark"]{color-scheme:dark;--bg:#101917;--paper:#192620;--ink:#e2ece4;--muted:#9fb0a5;--line:#31463b;--green:#bad7a1;--lime:#d2e7b6;--orange:#e2b475}
html[data-theme="dark"] :is(.sidebar,.metric,.table-wrap,.room-card,.schema-box,.info-cards article,.concept-lines p,dialog){background:var(--paper);border-color:var(--line)}
html[data-theme="dark"] :is(.topbar,.dialog-actions,.schema-field){border-color:var(--line)}
html[data-theme="dark"] :is(.brand,.crumb b,td,h1,h2,h3){color:var(--ink)}
html[data-theme="dark"] nav button{color:#a3b4a9}html[data-theme="dark"] nav button.active{background:#2c4230;color:#d0e5b5}
html[data-theme="dark"] :is(.logo,.primary){background:#bfdba6;color:#14291c}html[data-theme="dark"] .logo span{color:#376a3d}html[data-theme="dark"] .primary:hover{background:#d0e7b9}
html[data-theme="dark"] :is(.secondary,.theme-toggle){background:#21332a;color:#d9e7d9;border-color:#3a5242}html[data-theme="dark"] :is(.secondary:hover,.theme-toggle:hover){background:#2c4434}
html[data-theme="dark"] :is(input,select){background:#14211b;color:#e1eade;border-color:#405b47}html[data-theme="dark"] :is(input,select):focus{outline-color:#9fbd84}html[data-theme="dark"] input::placeholder{color:#889c8c}
html[data-theme="dark"] .saved{color:#adca92}html[data-theme="dark"] .avatar{background:#2e4331;color:#c7dfaa}
html[data-theme="dark"] :is(.simple-flow,.notice,.form-aside,.checkout-summary,.story-stage,.schema-box h3){background:#23372a;border-color:#3e5540;color:#bdd0b6}html[data-theme="dark"] .notice{border-left-color:#8caf70}
html[data-theme="dark"] :is(.simple-flow,.notice,.form-aside p,.story-stage p){color:#b4c6ad}html[data-theme="dark"] .eyebrow{color:#a7b79c}
html[data-theme="dark"] th{background:#1c2b23;color:#adc1ae}html[data-theme="dark"] td{border-top-color:#304335}html[data-theme="dark"] td .sub{color:#a0b19f}
html[data-theme="dark"] .guest-avatar{background:#443b2c;color:#e0cfa2}html[data-theme="dark"] .badge{background:#30462a;color:#c3dfa3}html[data-theme="dark"] .badge.amber{background:#48391f;color:#ecd092}html[data-theme="dark"] .badge.gray{background:#2e3a32;color:#b3c1b2}
html[data-theme="dark"] .room-chip{background:#23342a;border-color:#456048;color:#ccdec0}html[data-theme="dark"] .id{color:#a1bc91}
html[data-theme="dark"] :is(.pick-room,.icon-button){background:#263a2a;color:#c4d4bd;border-color:#3b5340}html[data-theme="dark"] .pick-room:has(input:checked){background:#3b552f;border-color:#90b772}html[data-theme="dark"] .mini-key{border-color:#46603f;color:#bfd0b4}
html[data-theme="dark"] .story-stage pre{background:#122019;border-color:#40583d;color:#d3e4c6}html[data-theme="dark"] .story-number{color:#57734b}html[data-theme="dark"] .story-progress i{background:#314630}html[data-theme="dark"] .story-progress i.on{background:#aacb86}
html[data-theme="dark"] .error{color:#ffb29c}html[data-theme="dark"] dialog::backdrop{background:#020906b8}html[data-theme="dark"] #toast{background:#c0daa9;color:#182c1c}
html[data-theme="dark"] .key{background:#4a3b21;color:#ead099}html[data-theme="dark"] .key.fk{background:#23414b;color:#a5d8e6}html[data-theme="dark"] .schema-field small{color:#a9b9a4}
html[data-theme="dark"] .end-stay-button{background:#44351f;color:#edcf94;border-color:#6c5431}html[data-theme="dark"] .end-stay-button:hover{background:#564327}
html[data-theme="dark"] .db-workbench{background:#131f21;border-color:#3b5356}html[data-theme="dark"] .db-titlebar{background:#0d191c;color:#d6e6e7}
html[data-theme="dark"] :is(.db-tools,.db-navigation){background:#1b2c2e;border-color:#3b5356}html[data-theme="dark"] .db-tools :is(label,.db-connected){color:#b2c9c4}html[data-theme="dark"] .db-tools select{background:#112124;color:#e0edeb;border-color:#446265}
html[data-theme="dark"] :is(.db-button,.db-jump){background:#233b3b;color:#c3ded8;border-color:#486461}html[data-theme="dark"] .db-jump:hover{background:#324e40}
html[data-theme="dark"] .db-arrow{background:#a5ccb2;color:#11291b}html[data-theme="dark"] .db-arrow:disabled{background:#2d4042;color:#80989a}html[data-theme="dark"] :is(.db-arrows span,.db-pan-hint){color:#a9bfc0}
html[data-theme="dark"] .db-relationship{background:#1f3438;color:#b6d4d9}html[data-theme="dark"] .db-relationship b{color:#d0e6df}html[data-theme="dark"] .db-relationship span{color:#a6c5c7}
html[data-theme="dark"] .db-table{background:#18272b;border-color:#3d575d}html[data-theme="dark"] .db-table-tab{background:#294149;color:#d4e6ec;border-color:#4b626b}html[data-theme="dark"] .db-table-tab small{color:#afc8d0}
html[data-theme="dark"] .db-table th{background:#20343d;color:#c9dfe8;border-color:#425d68}html[data-theme="dark"] .db-table th small{color:#a8c2cc}html[data-theme="dark"] .db-table td{color:#c3d3d7;border-color:#354c54}
html[data-theme="dark"] .db-table tbody tr:nth-child(even){background:#1c2f34}html[data-theme="dark"] .db-table .db-row-number{background:#24383d;color:#a7bec6}html[data-theme="dark"] .db-table .db-key-value{color:#a7d3ef}
html[data-theme="dark"] .db-key{background:#524223;color:#f1d194}html[data-theme="dark"] .db-key.foreign{background:#25485e;color:#b5dff9}
html[data-theme="dark"] .db-table tr.db-highlight td{background:#304a33;color:#e4f2d6;border-color:#618356;box-shadow:none}html[data-theme="dark"] .db-table tr.db-dim td{color:#96aeb1}html[data-theme="dark"] .db-inserted td:first-child{color:#c5e9a3}
html[data-theme="dark"] .db-table-footer{background:#1e333b;color:#bad1d7;border-color:#405f69}html[data-theme="dark"] .db-created{background:#263e29;border-color:#527344}html[data-theme="dark"] .db-created p{color:#bbd3ad}
html[data-theme="dark"] :is(.db-explanation,.db-query-note,.sql-caption){color:#a8bcae}html[data-theme="dark"] .db-explanation b{color:#cee2c2}html[data-theme="dark"] :is(.db-learn summary,.db-result-label){color:#bfdba8}html[data-theme="dark"] .db-learn{border-color:#364e3e}html[data-theme="dark"] .db-learn p{color:#b3c5b5}
html[data-theme="dark"] :is(.db-query pre,.sql-sheet){background:#102024;border-color:#3c565c;color:#d2e7db}html[data-theme="dark"] .sql-sheet header{background:#1c3135;border-color:#3c565c;color:#b8d1c9}
html[data-theme="dark"] .db-row-flash td{animation-name:db-added-dark}@keyframes db-added-dark{0%,100%{background:#304a33}50%{background:#557341}}
@media(max-width:760px){.brand-row .brand{font-size:24px}.theme-toggle{width:44px;height:44px}.brand-row{gap:18px}}@media(prefers-reduced-motion:no-preference){body,.sidebar,.topbar,dialog,.theme-toggle{transition:background-color .18s,color .18s,border-color .18s}}