*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#f9f9f8;--color-surface:#fff;--color-border:#00000014;--color-border-mid:#00000024;--color-text:#1a1a1a;--color-text-muted:#6b6b6b;--color-text-hint:#a0a0a0;--color-accent:#378add;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--font:"Inter", system-ui, -apple-system, sans-serif}[data-theme=dark]{--color-bg:#111;--color-surface:#1a1a1a;--color-border:#ffffff14;--color-border-mid:#ffffff24;--color-text:#f0f0f0;--color-text-muted:#a0a0a0;--color-text-hint:#666;--color-accent:#378add}body{font-family:var(--font);background:var(--color-bg);color:var(--color-text);min-height:100vh;font-size:14px;line-height:1.5}#root{flex-direction:column;min-height:100vh;display:flex}button{font-family:var(--font);cursor:pointer}input,select,textarea{font-family:var(--font);background:var(--color-surface);border:1px solid var(--color-border-mid);border-radius:var(--radius-sm);color:var(--color-text);outline:none;width:100%;padding:7px 10px;font-size:14px;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--color-accent)}textarea{resize:vertical;min-height:64px}