html{background:var(--vandi-bg);color:var(--vandi-text)}
body{font-family:var(--vandi-font);font-size:14px;background:var(--vandi-bg);color:var(--vandi-text);-webkit-font-smoothing:antialiased}
body,button,input,select,textarea{font-family:var(--vandi-font)}
a{color:inherit}
:focus-visible{outline:3px solid color-mix(in srgb,var(--vandi-info) 55%,transparent);outline-offset:2px}
::selection{background:var(--vandi-gold);color:var(--vandi-green-deep)}
.vandi-ui-controls{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}
.vandi-lang-switch,.vandi-theme-switch{display:inline-flex;align-items:center;gap:2px;padding:2px;border:1px solid var(--vandi-border);border-radius:10px;background:var(--vandi-surface-strong)}
.vandi-lang-switch button,.vandi-theme-switch button{min-width:32px;height:28px;padding:0 8px;border:0;border-radius:8px;background:transparent;color:var(--vandi-muted);font-size:11px;font-weight:600;cursor:pointer}
.vandi-lang-switch button.is-active,.vandi-theme-switch button.is-active{background:var(--vandi-gold);color:#213026}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
@media(max-width:576px){body{font-size:13px}.vandi-ui-controls{gap:6px}}