:root,:root[data-theme=dark]{color-scheme:dark;--paper:#121211;--ink:#DAD7CF;--secondary:#918E86;--surface:#1D1C1A;--line:#35332E;--active:#FFFFFF}
:root[data-theme=light]{color-scheme:light;--paper:#E9E7E2;--ink:#24231F;--secondary:#5D5B55;--surface:#F2F1ED;--line:#C0BDB6;--active:#000000}
body{background:var(--paper);color:var(--ink)}.brand-original svg,.brand-footer svg{color:var(--ink)}button,input,textarea,select{color:inherit}.theme-group button{min-height:44px}.theme-group button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.palette-panel{margin:24px 0;border-block:1px solid var(--line)}.palette-panel summary{font-size:16px;padding-block:16px}.palette-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;margin-bottom:20px}.palette-item{min-width:0}.palette-swatch{height:42px;border:1px solid var(--secondary);margin-bottom:10px}.swatch-paper{background:var(--paper)}.swatch-ink{background:var(--ink)}.swatch-secondary{background:var(--secondary)}.swatch-surface{background:var(--surface)}.swatch-line{background:var(--line)}.swatch-active{background:var(--active)}.palette-item strong{display:block;font-size:13px;font-weight:500}.palette-item code{font:12px/1.6 JetBrains,monospace;color:var(--secondary)}.palette-panel p{font-size:14px;max-width:960px}.comparison-controls{justify-content:flex-start}.comparison-controls #open-page{margin-left:auto}.theme-pill{color:var(--secondary);font:12px/1.6 JetBrains,monospace}.theme-plan{max-width:940px}.theme-plan li{margin-bottom:12px}.review-bar [data-theme-toggle]{min-height:44px}.comparison-wrap .brand-original{margin-bottom:28px}@media(max-width:800px){.palette-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.comparison-controls #open-page{margin-left:0}}@media(max-width:420px){.palette-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}