*,*:before,*:after{box-sizing:border-box}:root{--bg: linear-gradient(135deg, #e8f0fe 0%, #f3e8ff 100%);--color: #1a1a1a;--card-bg: #fff;--card-border: rgba(99, 102, 241, .08);--card-shadow: 0 4px 24px rgba(99, 102, 241, .1);--muted: #4b5563;--toggle-bg: rgba(99, 102, 241, .08);--toggle-hover: rgba(99, 102, 241, .15)}.dark{--bg: linear-gradient(135deg, #0f172a 0%, #1e1b4b 100%);--color: #f1f5f9;--card-bg: #1e293b;--card-border: rgba(99, 102, 241, .2);--card-shadow: 0 4px 24px rgba(0, 0, 0, .4);--muted: #94a3b8;--toggle-bg: rgba(148, 163, 184, .1);--toggle-hover: rgba(148, 163, 184, .2)}body{margin:0;font-family:system-ui,sans-serif;background:var(--bg);min-height:100vh;color:var(--color);transition:background .3s,color .3s}#root{max-width:480px;margin:4rem auto;padding:0 1rem;text-align:center}.header{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1.5rem;position:relative}h1{font-size:2rem;font-weight:700;margin:0;background:linear-gradient(135deg,#4f46e5,#9333ea);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.theme-toggle{position:absolute;right:0;background:var(--toggle-bg);border:none;border-radius:50%;width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--muted);transition:background .2s,color .2s;flex-shrink:0}.theme-toggle:hover{background:var(--toggle-hover);color:var(--color)}.card{background:var(--card-bg);border-radius:16px;padding:1.75rem 2rem;box-shadow:var(--card-shadow);border:1px solid var(--card-border);transition:background .3s,box-shadow .3s,border-color .3s}p{margin:.5rem 0;color:var(--muted);font-size:.95rem}.error{color:#dc2626}