.brand-logo{filter:invert(82%) sepia(86%) saturate(1150%) hue-rotate(337deg) brightness(103%) contrast(101%);animation:none}
.theme-switch{display:flex;align-items:center;gap:8px;height:38px;padding:0 10px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.055);color:var(--muted);cursor:pointer;font:700 7px Space Mono;letter-spacing:.08em}
.switch-track{position:relative;width:32px;height:18px;border-radius:999px;background:rgba(255,255,255,.16);box-shadow:inset 0 1px 3px #0004}
.switch-track i{position:absolute;width:12px;height:12px;left:3px;top:3px;border-radius:50%;background:#ffc44d;transition:transform .28s ease,background .28s ease}
.theme-switch[aria-pressed=true] .switch-track i{transform:translateX(14px);background:#fff}
.theme-switch:hover{border-color:#ffc44d}
.message .avatar{padding:4px;background:#1d1710!important}
.message .avatar img{width:100%;height:100%;object-fit:contain;filter:invert(82%) sepia(86%) saturate(1150%) hue-rotate(337deg) brightness(103%) contrast(101%)}
#send-button{display:grid;place-items:center;border-radius:50%!important;background:#fff!important;color:#111!important;transition:transform .2s ease,opacity .2s ease!important}
.send-icon{font:800 22px/1 system-ui}
#send-button.responding{background:#fff!important}
.stop-icon{display:block;width:12px;height:12px;border-radius:2px;background:#111}
#send-button:hover{transform:scale(1.06)!important}
#send-button:disabled{opacity:.45;cursor:not-allowed}

.dark-mode{color-scheme:dark;--ink:#050505;--panel:#111;--cyan:#fff;--violet:#fff;--amber:#fff;--pink:#fff;--mint:#fff;--peach:#fff;--sky:#fff;--text:#fff;--muted:#aaa;--line:rgba(255,255,255,.14)}
.dark-mode body,.dark-mode body.ai-page,.dark-mode body.forge-page{background:#050505!important;color:#fff}
.dark-mode body:after{background:radial-gradient(500px circle at var(--pointer-x) var(--pointer-y),rgba(255,255,255,.075),transparent 68%)}
.dark-mode #signal-field{filter:grayscale(1);opacity:.3}
.dark-mode .nav-shell{background:rgba(12,12,12,.58)!important;border-color:rgba(255,255,255,.14);backdrop-filter:blur(28px) saturate(135%);-webkit-backdrop-filter:blur(28px) saturate(135%);box-shadow:0 10px 40px #0008}
.dark-mode .brand-logo,.dark-mode .message .avatar img{filter:invert(1)}
.dark-mode .brand b,.dark-mode .eyebrow,.dark-mode .section-index,.dark-mode .project-copy small,.dark-mode .principles b,.dark-mode .project-no{color:#fff}
.dark-mode .theme-switch,.dark-mode .icon-button,.dark-mode .mini-cta,.dark-mode .ghost{background:rgba(255,255,255,.075)!important;border-color:rgba(255,255,255,.17)!important;box-shadow:inset 0 1px rgba(255,255,255,.12);backdrop-filter:blur(20px)}
.dark-mode .hero-image{filter:grayscale(1) contrast(1.08) brightness(.56)}
.dark-mode .hero-shade{background:linear-gradient(90deg,#050505f7,#050505b8 38%,#05050538 72%),linear-gradient(0deg,#050505,transparent 35%)}
.dark-mode h1 span,.dark-mode .manifesto h2 span,.dark-mode .labs h2 span{color:#fff;background:none;-webkit-text-fill-color:#fff}
.dark-mode .primary{background:#fff!important;color:#050505!important;box-shadow:0 14px 45px #0008;animation:none}
.dark-mode .manifesto,.dark-mode .labs,.dark-mode .final-cta{background:#050505}
.dark-mode .panel-section:before{background:#fff;opacity:.045}
.dark-mode .project,.dark-mode .ai-launch,.dark-mode .terminal,.dark-mode .playground-wrap,.dark-mode .agent-panel{background:linear-gradient(145deg,rgba(255,255,255,.095),rgba(255,255,255,.035))!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:inset 0 1px rgba(255,255,255,.1),0 28px 80px #0008!important;backdrop-filter:blur(26px) saturate(120%);-webkit-backdrop-filter:blur(26px) saturate(120%)}
.dark-mode .project:after{background:linear-gradient(transparent 25%,rgba(5,5,5,.96) 82%)}
.dark-mode .orb{filter:grayscale(1);background:radial-gradient(circle at 38% 32%,#fff 0 4%,#d6d6d6 8%,#777 34%,#222 60%,transparent 72%);box-shadow:0 0 90px #fff2}
.dark-mode .mesh{filter:grayscale(1);opacity:.35}
.dark-mode .beta-glyph{color:#fff;text-shadow:0 0 42px #fff4}
.dark-mode .message p{background:rgba(255,255,255,.075)!important;border-color:rgba(255,255,255,.13);color:#fff}
.dark-mode .message.user p{background:#fff!important;color:#050505}
.dark-mode .message span:not(.avatar){background:#fff!important;color:#050505;box-shadow:none}
.dark-mode .message .avatar{background:rgba(255,255,255,.08)!important}
.dark-mode textarea,.dark-mode #code-editor{background:rgba(0,0,0,.42)!important;border-color:rgba(255,255,255,.15)!important;color:#fff}
.dark-mode .privacy-pill{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.16);color:#fff}
.dark-mode .privacy-note,.dark-mode .privacy-icon{color:#ccc}
.dark-mode .terminal-bar,.dark-mode .workbar,.dark-mode .file-tabs,.dark-mode .preview-bar{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.12)}
.dark-mode .file-tabs button.active{background:#fff;color:#050505}
.dark-mode .file-tabs span,.dark-mode .local-status,.dark-mode .agent-head small{color:#fff}
.dark-mode .agent-orb{background:#fff;color:#050505}
.dark-mode #agent-form button{background:#fff;color:#050505}
.dark-mode .agent-log{background:rgba(0,0,0,.3);border-color:rgba(255,255,255,.13)}
.dark-mode footer{background:#050505}
.dark-mode ::selection{background:#fff;color:#000}
@media(max-width:680px){.theme-label{display:none}.theme-switch{padding:0 8px}.nav-actions{gap:7px}}