:root{color-scheme:dark;--brand-page: #191919;--brand-surface: #232321;--brand-soft: #292927;--brand-hover: #39382e;--brand-text: #f5f4ed;--brand-muted: #bbb9aa;--brand-border: #44433b;--brand-border-strong: #686657;--brand-accent: #ffe32b;--brand-accent-hover: #ffeb68;--brand-accent-ink: #171717;--brand-accent-text: #ffe32b;--brand-accent-soft: #303025;--brand-selected: #4c4520;--brand-accent-line: #a18400;--brand-success: #85caaa;--brand-success-soft: #20352b;--brand-error: #e78f7e;--brand-error-soft: #3a2724;--brand-warning: #ddbd49;--brand-warning-soft: #353020;--brand-danger: #b42332;--brand-on-danger: #fff;--brand-shadow: rgba(0, 0, 0, .2);--brand-overlay: rgba(0, 0, 0, .65)}[data-theme=light]{color-scheme:light;--brand-page: #f5f5f1;--brand-surface: #fff;--brand-soft: #f5f5f1;--brand-hover: #fff9dc;--brand-text: #191919;--brand-muted: #67665f;--brand-border: #dfded7;--brand-border-strong: #b5b3a7;--brand-accent-text: #756000;--brand-accent-soft: #fff9dc;--brand-selected: #ffe32b;--brand-success: #26704f;--brand-success-soft: #eef7f1;--brand-error: #8c3526;--brand-error-soft: #fff0ed;--brand-warning: #756000;--brand-warning-soft: #fff9dc;--brand-shadow: rgba(25, 25, 25, .08)}:root{--surface: var(--brand-surface);--surface-soft: var(--brand-soft);--text: var(--brand-text);--muted: var(--brand-muted);--muted-text: var(--muted);--card: var(--surface);--border: var(--brand-border);--border-color: var(--border);--input-bg: var(--brand-surface);--input-border: var(--brand-border-strong);--status-success: var(--brand-success);--status-error: var(--brand-error)}button,input,select,textarea{font-family:inherit}input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--brand-accent-line);outline-offset:3px}input[type=checkbox],input[type=radio]{accent-color:var(--brand-accent-text)}*,*:before,*:after{box-sizing:border-box}html,body{min-height:100%;background:var(--brand-page);color:var(--text)}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root,[data-theme=light],[data-theme=dark]{--app-button-radius: 10px;--app-button-bg: var(--brand-soft);--app-button-hover-bg: var(--brand-hover);--app-button-active-bg: var(--brand-selected);--app-button-border: var(--brand-border-strong);--app-button-hover-border: var(--brand-accent-line);--app-button-text: var(--text);--app-button-focus: var(--brand-accent-line)}.auth-page{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:88px 24px 40px;background:var(--brand-page);color:var(--text)}.auth-page-theme-wrap{position:fixed;top:18px;right:18px;z-index:10}.auth-brand{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 0 26px;color:var(--text);text-decoration:none}.auth-brand img{width:40px;height:40px;border-radius:12px;object-fit:cover}.auth-brand strong{display:block;font-size:15px;font-weight:650}.auth-brand small{display:block;margin-top:2px;color:var(--muted);font-size:12px}.muted{color:var(--muted)}.theme-toggle{min-width:46px;min-height:44px;border:1px solid var(--app-button-border);border-radius:10px;padding:6px 10px;background:var(--app-button-bg);color:var(--app-button-text);cursor:pointer;font-size:16px;line-height:1}.theme-toggle:hover{border-color:var(--app-button-hover-border);background:var(--app-button-hover-bg)}.route-status{width:min(420px,100%);text-align:center}.route-status h1{font-size:24px;line-height:1.3}.route-status p{line-height:1.6}.route-status .button.primary{--app-button-bg: var(--brand-accent);--app-button-hover-bg: var(--brand-accent-hover);--app-button-text: var(--brand-accent-ink);--app-button-border: var(--brand-accent-line);--app-button-hover-border: var(--brand-accent-line);width:100%;min-height:46px;padding:12px 14px;border:1px solid var(--brand-accent-line);border-radius:10px;background:var(--brand-accent);color:var(--brand-accent-ink);font:inherit;font-weight:650;cursor:pointer}.route-status .button.primary:hover{background:var(--brand-accent-hover)}.route-loading-indicator{width:28px;height:28px;margin:0 auto 16px;border:3px solid var(--brand-border);border-top-color:var(--brand-accent);border-radius:50%;animation:route-loading 1s linear infinite}@keyframes route-loading{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.route-loading-indicator{animation:none}}@media (max-width: 480px){.auth-page{padding:80px 16px 28px}}
