:root { color-scheme: dark; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; --page-padding: clamp(16px, 4vw, 40px); --panel-bg: rgba(15,18,22,.68); --panel-border: rgba(255,255,255,.16); --text: #f7f8fa; --muted: #c9ced6; --accent: #f0b35a; --accent-hover: #ffc878; --danger: #ffb4ab; }
* { box-sizing: border-box; }
html, body { min-width: 320px; min-height: 100%; margin: 0; }
body { background: #101214; color: var(--text); overflow-x: hidden; -webkit-font-smoothing: antialiased; }
button, input { min-height: 48px; border: 1px solid transparent; border-radius: 12px; font: inherit; }
input { width: 100%; padding: 0 16px; background: rgba(255,255,255,.94); color: #17191c; outline: none; transition: border-color 160ms ease, box-shadow 160ms ease; }
input::placeholder { color: #686d74; }
input:focus-visible { border-color: var(--accent); box-shadow: 0 0 0 4px rgba(240,179,90,.24); }
button { padding: 0 18px; background: var(--accent); color: #201a12; font-weight: 700; cursor: pointer; touch-action: manipulation; transition: background-color 160ms ease, transform 160ms ease, box-shadow 160ms ease; }
button:hover { background: var(--accent-hover); box-shadow: 0 8px 22px rgba(0,0,0,.24); }
button:active { transform: translateY(1px); }
button:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
.loading { min-height: 100dvh; display: grid; place-items: center; padding: var(--page-padding); color: var(--muted); }
.error { margin-top: 12px; color: var(--danger); }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; } }