:root,[data-theme="light"]{color-scheme:light;--paper:#f7f8fa;--sidebar:#f0f2f6;--surface:#fff;--white:var(--surface);--ink:#191d27;--muted:#646d80;--line:#dce1eb;--soft:#edf1ff;--accent:#335cff;--green:var(--accent);--accent-hover:#2448df;--danger:#b93d49;--danger-soft:#ffe9ed;--on-accent:#fff}
[data-theme="dark"]{color-scheme:dark;--paper:#111319;--sidebar:#171a22;--surface:#1c202a;--white:var(--surface);--ink:#edf0f8;--muted:#a8b1c4;--line:#343b4d;--soft:#252e4a;--accent:#8099ff;--green:var(--accent);--accent-hover:#9baeff;--danger:#ff939d;--danger-soft:#422831;--on-accent:#111b3e}
html,body{background:var(--paper);color:var(--ink)}body{color:var(--ink)}input,textarea,select{color:var(--ink);background:var(--surface);border-color:var(--line);accent-color:var(--accent)}button{color:inherit}dialog{background:var(--surface);color:var(--ink);border-color:var(--line)}.primary,.save,#region-done,#connect,#pair,#clipboard,.brandmark,.brand-icon{background:var(--accent)!important;color:var(--on-accent)!important;border-color:var(--accent)!important}.primary:hover,.save:hover,#connect:hover,#pair:hover,#clipboard:hover{background:var(--accent-hover)!important}.secondary,kbd,.topbar,.search,.favorite,.select-check{background:var(--surface);color:var(--ink)}.nav-item.active,.tag-nav button.active,.favorite.on{background:var(--soft);color:var(--accent)}.nav-item:hover,.tag-nav button:hover{background:var(--soft)}#region-editor,#region-editor button{background:var(--surface);color:var(--ink);border-color:var(--line)}.region-workspace,.region-viewport{background:var(--paper)}.region-box.selected{border-color:var(--accent)}.region-number,.region-handle{background:var(--accent);color:var(--on-accent)}#region-list button.selected{background:var(--soft);color:var(--accent)}.theme-picker{display:flex;align-items:center;gap:12px;margin:16px 0;color:var(--muted);font:12px/1.5 system-ui}.theme-picker select{padding:7px 10px;border:1px solid var(--line);border-radius:6px;min-height:34px;font:inherit}.theme-picker select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}:is(button,input,textarea,select,summary,a):focus-visible{outline-color:var(--accent)}

body.landing{--paper:var(--theme-paper);--ink:var(--theme-ink);--muted:var(--theme-muted);--line:var(--theme-line);--soft:var(--theme-soft);--green:var(--accent)}:root{--theme-paper:#f7f8fa;--theme-ink:#191d27;--theme-muted:#646d80;--theme-line:#dce1eb;--theme-soft:#edf1ff}[data-theme=dark]{--theme-paper:#111319;--theme-ink:#edf0f8;--theme-muted:#a8b1c4;--theme-line:#343b4d;--theme-soft:#252e4a}.landing .learning-section,.landing .feedback,.landing .app-hero,.landing .feature-shot,.landing .sync-pair{background:var(--sidebar);color:var(--ink);border-color:var(--line)}.landing .learning-section :is(p,.eyebrow,.learning-footnote,.visual-caption){color:var(--muted)}.landing .evidence-source,.landing .notes-file,.landing .download-card,.landing .paired-panel{background:var(--surface);color:var(--ink);border-color:var(--line)}.landing .evidence-source p{color:var(--ink)}.landing .learning-section code{color:var(--accent)}.landing .primary{background:var(--accent);color:var(--on-accent)}.landing .primary img{filter:brightness(0) invert(1)}[data-theme=dark] .landing .primary img{filter:none}.ui-icon,[data-theme=dark] .features img,[data-theme=dark] .sync-pair-heading>img,[data-theme=dark] .notes-file header>img,[data-theme=dark] .collection-chip img{opacity:.8}[data-theme=dark] .ui-icon,[data-theme=dark] .features img{filter:invert(1)}footer .theme-picker{margin:0}.faq summary::after{filter:none}[data-theme=dark] .faq summary::after{filter:invert(1)}

.theme-dark-shot{display:none!important}[data-theme=dark] .theme-light-shot{display:none!important}[data-theme=dark] .theme-dark-shot{display:block!important}.hero-crop{aspect-ratio:1400/870;background:var(--surface)}.hero-crop>img{position:static;width:100%;height:auto;max-width:100%}.feature-shot>img{width:100%;height:auto}