:root{--bg-color: #f8fafc;--text-color: #0f172a;--accent-color: #3b82f6;--card-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .3);--glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, .07);transition:all .3s ease}[data-theme=dark]{--bg-color: #0f172a;--text-color: #f8fafc;--accent-color: #60a5fa;--card-bg: rgba(30, 41, 59, .7);--glass-border: rgba(255, 255, 255, .1);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .3)}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-color);color:var(--text-color);font-family:Inter,system-ui,-apple-system,sans-serif;min-height:100vh;display:flex;justify-content:center;align-items:center;transition:background-color .3s ease,color .3s ease}.container{padding:2rem;border-radius:24px;background:var(--card-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);text-align:center;max-width:400px;width:90%}h1{font-size:2rem;margin-bottom:1.5rem;font-weight:800;background:linear-gradient(45deg,var(--accent-color),#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.toggle-btn{padding:.8rem 2rem;font-size:1rem;font-weight:600;cursor:pointer;border:none;border-radius:12px;background-color:var(--accent-color);color:#fff;transition:transform .2s ease,background-color .2s ease}.toggle-btn:hover{transform:translateY(-2px);filter:brightness(1.1)}.toggle-btn:active{transform:translateY(0)}.status{margin-top:1.5rem;font-size:.9rem;opacity:.8}