*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:80px}
body{margin:0;background:var(--bg);color:var(--text);font-family:Montserrat,"Segoe UI",system-ui,sans-serif;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
.ico{width:1.1em;height:1.1em;fill:currentColor;flex:none;vertical-align:-.18em}
input,select{font:inherit;padding:10px 12px;border-radius:6px;border:1px solid var(--line);background:var(--surface);color:var(--text);min-width:0}
input:focus,select:focus,button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--btn);color:var(--btn-text);border:none;border-radius:999px;padding:11px 18px;font:inherit;font-weight:600;font-size:.9rem;cursor:pointer}
.btn:hover{opacity:.85}.btn.ghost{background:var(--soft);color:var(--mute)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}
html{zoom:.8}