:root{color-scheme:dark;--ink:#e2f1eb;--muted:#a4b9af;--surface:#0f1c18;--line:#304a40;--accent:#77e4c5;--accent-soft:#1a3b2c;--rail:#0a1511;--danger:#ffadad;--paper:#14271f}
html,body{background:var(--surface);color:var(--ink);min-height:100vh}
.rail{background:#0a1511;border-color:var(--line)}
.brand,.brand span,h1,h2,h3,summary,strong,nav a,.facts dd{color:var(--ink)}
.brand-mark{display:block!important;width:72px;height:72px;background:var(--accent);mask:url('/static/tng-logo.svg') center/contain no-repeat;-webkit-mask:url('/static/tng-logo.svg') center/contain no-repeat;margin-bottom:8px}
.brand span:not(.brand-mark),.lead,p,.help,.footnote,.workspace-meta,.facts dt,.section-label>span,.disclosure small{color:var(--muted)}
.kicker,.text-button,.next-link,.rail-button,a{color:var(--accent)}
input:not([type=checkbox]),select,textarea,dialog{background:var(--paper);color:var(--ink);border-color:var(--line)}
input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}
input:autofill{box-shadow:0 0 0 1000px var(--paper) inset;color:var(--ink)}
input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--paper) inset;-webkit-text-fill-color:var(--ink)}
.edit-note{background:var(--accent-soft);border-color:var(--line);color:var(--ink)}
button.primary,.primary{background:var(--accent);border-color:var(--accent);color:#082219}
button.secondary,a.secondary{background:var(--paper);border-color:var(--line);color:var(--ink)}
button.quiet,.quiet,button.text-button{color:var(--accent)}
button:disabled{opacity:.45}
.disclosure,.setting-row,.facts,.section-label,.map-choice,.rotation-row,.file-action,.bot-editor th,.bot-editor td{border-color:var(--line)}
nav a:hover,nav a[aria-current=page],.file-type{background:#203d31;color:var(--accent)}
.notice{background:#193a2e;border-color:#38624f;color:#c6f6df}
.status{background:transparent;color:var(--muted)}
.status.running{color:var(--accent)}
.status.running .status-dot{background:var(--accent)}
.status.failed{color:var(--danger)}
.status.failed .status-dot{background:var(--danger)}
button.danger-quiet{color:#ffadad;background:var(--paper);border-color:#7f4a4a}
code{background:var(--paper);color:var(--accent)}
input[type=checkbox]{accent-color:var(--accent)}
pre{background:#080f0c;color:#d4ece0;border:1px solid var(--line)}
.theme-toggle{position:fixed;right:24px;top:12px;z-index:20;background:var(--paper);color:var(--ink);border:1px solid var(--line);padding:7px 12px;border-radius:6px;font-size:12px}
.chat-feed{padding-left:0;list-style:none}.chat-feed li{padding:14px 0;border-bottom:1px solid var(--line);white-space:pre-wrap;overflow-wrap:anywhere}.chat-feed .shot{color:var(--accent)}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
[data-theme=light]{color-scheme:light;--ink:#172f25;--muted:#50665a;--surface:#f3f7f4;--line:#c9d9d0;--accent:#147857;--accent-soft:#d5e8dc;--danger:#a02a32;--paper:#fff}
[data-theme=light] .rail{background:#e7f0ea}[data-theme=light] nav a:hover,[data-theme=light] nav a[aria-current=page]{background:#d5e8dc}
[data-theme=light] .notice{background:#e2f3e9;color:#234f37}[data-theme=light] .primary{color:#fff}[data-theme=light] button.danger-quiet{color:#a02a32}
@media(max-width:700px){.theme-toggle{position:static;margin:12px 20px}.brand-mark{width:48px;height:48px}.rail-bottom{position:static;margin-top:12px}}