/* 2. Основа */
html,body{min-height:100%}
body{font:var(--fs-body)/var(--lh-body) var(--font-ui);background:var(--color-bg-canvas);color:var(--color-text-primary);margin:0}
h1{font-size:var(--fs-section);line-height:var(--lh-section);font-weight:700;margin:0}
[hidden]{display:none!important}
.row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.spacer{flex:1 1 auto}
.hint{font-size:13px;color:var(--muted)}
.warn{color:var(--p-high)}
.page{padding-inline:16px;padding-block:0 32px}
.login{max-width:560px;margin:48px auto}.login form{display:flex;gap:8px}.login input{flex:1;font:inherit;height:34px;padding:0 10px;border:1px solid var(--line);border-radius:6px;background:var(--card);color:var(--fg)}.login .err{color:var(--p-crit)}
:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}
@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}