:root,[data-theme=dark]{--color-bg: #0a0a0f;--color-surface: #12121a;--color-surface-light: #1a1a2e;--color-primary: #00d4ff;--color-secondary: #7b2ff7;--color-accent: #00ff88;--color-text: #e0e0e0;--color-text-secondary: #8888aa;--color-error: #ff4466;--color-warning: #ffaa00;--color-success: #00ff88;--color-status-online: #00ff88;--color-status-offline: #ff4466;--color-chip-bg: rgba(255,255,255,.06);--color-chip-border: rgba(255,255,255,.12);--color-inset-bg: rgba(0,0,0,.25);--glow-primary: 0 0 20px rgba(0, 212, 255, .3);--glow-secondary: 0 0 20px rgba(123, 47, 247, .3);--anim-fast: .2s;--anim-normal: .35s;--anim-slow: .5s;--anim-easing: cubic-bezier(.4, 0, .2, 1)}[data-theme=light]{--color-bg: #f5f7ff;--color-surface: #ffffff;--color-surface-light: #dde3f5;--color-primary: #0066bb;--color-secondary: #5c16b8;--color-accent: #007a3d;--color-text: #111827;--color-text-secondary: #4b5563;--color-error: #b91c1c;--color-warning: #b45309;--color-success: #15803d;--color-status-online: #15803d;--color-status-offline: #b91c1c;--color-chip-bg: #e8edf8;--color-chip-border: #c5cfe8;--color-inset-bg: #eef1fa;--glow-primary: 0 2px 12px rgba(0, 102, 187, .18);--glow-secondary: 0 2px 12px rgba(92, 22, 184, .15);--anim-fast: .2s;--anim-normal: .35s;--anim-slow: .5s;--anim-easing: cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--color-bg);color:var(--color-text);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--anim-normal) var(--anim-easing),color var(--anim-normal) var(--anim-easing)}#root{min-height:100vh;max-width:428px;margin-left:auto;margin-right:auto;position:relative;background-color:var(--color-bg);box-shadow:0 0 40px #00000026;overflow-x:hidden;transition:background-color var(--anim-normal) var(--anim-easing)}input,textarea,select{font-family:inherit;background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-surface-light);border-radius:8px;padding:12px;font-size:1rem;width:100%;transition:border-color var(--anim-fast) var(--anim-easing),background-color var(--anim-normal) var(--anim-easing),color var(--anim-normal) var(--anim-easing)}a{color:var(--color-primary);text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--glow-primary)}