.header-tools{display:flex;align-items:center;gap:12px}.appearance-switch{display:flex;gap:2px;padding:3px;border:1px solid var(--line);border-radius:24px;background:var(--paper)}.appearance-switch button{border:0;border-radius:20px;padding:7px 10px;font-size:10px;background:transparent;color:var(--muted);white-space:nowrap}.appearance-switch button[aria-pressed=true]{background:#064b59;color:#fff;box-shadow:0 2px 7px #001c3422}.appearance-switch button:hover{outline:1px solid #168e9a}
html[data-appearance=dark]{--paper:#081e2c;--ink:#e3f3fa;--muted:#a6c0ce;--line:#294451}
html[data-appearance=dark] body{background:radial-gradient(ellipse at 90% 7%,#0b424d 0,transparent 30%),var(--paper)}
html[data-appearance=dark] .brand{background:white;border-radius:8px;padding:0 8px}html[data-appearance=dark] .brand img{mix-blend-mode:normal}
html[data-appearance=dark] .menu{color:#ddf8ff}html[data-appearance=dark] nav a:not(.button):hover{color:var(--accent)}
html[data-appearance=dark] .appearance-switch button[aria-pressed=true]{background:var(--accent);color:#062d3b}
html[data-appearance=dark] .expertise{background:linear-gradient(90deg,#0c303f,#103544);border-color:var(--line)}html[data-appearance=dark] .expertise i{color:var(--accent)}
html[data-appearance=dark] em,html[data-appearance=dark] .section .eyebrow,html[data-appearance=dark] .showcase .eyebrow{color:var(--accent)}
html[data-appearance=dark] .filters .active{background:var(--accent);color:#052d3a;border-color:var(--accent)}html[data-appearance=dark] .filters button:hover{border-color:var(--accent)}
html[data-appearance=dark] .model-link,html[data-appearance=dark] .exp-num,html[data-appearance=dark] .footer-top>a:last-child,html[data-appearance=dark] .footer-bottom button:hover{color:var(--accent)}
html[data-appearance=dark] .mini{color:#173d45;color-scheme:light}html[data-appearance=dark] .mini p{color:#36545d}
html[data-appearance=dark] .model-image{border-color:#426473}html[data-appearance=dark] .demo-button{background:var(--accent);color:#062f3b}
html[data-appearance=dark] .principles article>span{background:#113e47;color:var(--accent)}html[data-appearance=dark] .experience-row:hover{background:#102f3e}html[data-appearance=dark] .outline-tag{background:#12333f;color:#a5e2e2;border-color:#31545d}
html[data-appearance=dark] .carousel-dots button{background:#567581}html[data-appearance=dark] .carousel-dots button[aria-current=true]{background:var(--accent)}html[data-appearance=dark] .carousel-buttons button{color:#d9f6ff}html[data-appearance=dark] .carousel-buttons button:hover{background:#17414c}
html[data-appearance=dark] dialog{background:#0c2635;color:var(--ink)}html[data-appearance=dark] dialog .close{color:var(--ink)}html[data-appearance=dark] dialog select option{background:#102e3e;color:#e3f3fa}html[data-appearance=dark] #demo-preview{background:#153d46}html[data-appearance=dark] .skip:focus{background:#123b4d;color:white}
@media(min-width:1001px){header{gap:15px}header nav{gap:18px}header .brand img{width:185px}header .header-tools{gap:0}.appearance-switch button{padding:7px 8px}}@media(min-width:761px) and (max-width:1000px){header{flex-wrap:wrap;height:auto;min-height:112px;gap:5px;padding-top:8px;padding-bottom:12px}header nav{order:3;width:100%;justify-content:flex-end}.header-tools{margin-left:auto}header .brand img{width:175px}}@media(max-width:760px){.header-tools{gap:8px}.appearance-switch button{padding:7px 8px;font-size:9px}header .brand img{width:155px}header{padding-left:20px;padding-right:20px}html[data-appearance=dark] .brand{padding:0 4px}}@media(max-width:380px){header .brand img{width:125px}.menu{font-size:10px;padding:7px}.appearance-switch button{padding:7px 6px}.header-tools{gap:5px}header{padding-left:12px;padding-right:12px}}