:root{--bg-color: #f0f4ff;--card-bg: rgba(255, 255, 255, .7);--text-color: #1a1a1a;--primary: #4f46e5;--danger: #ef4444}[data-theme=dark]{--bg-color: #0f172a;--card-bg: rgba(30, 41, 59, .7);--text-color: #f8fafc;--primary: #6366f1;--danger: #f87171}body{margin:0;font-family:Segoe UI,sans-serif;background:var(--bg-color);color:var(--text-color);transition:background .4s ease,color .4s ease}.app-container{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:2rem}.card{background:var(--card-bg);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:20px;padding:2rem;max-width:400px;width:100%;box-shadow:0 8px 24px #00000026;text-align:center}.header{display:flex;justify-content:space-between;align-items:center}.title{margin:0;font-size:1.5rem;font-weight:700}.toggle-btn{background:none;border:2px solid var(--text-color);border-radius:30px;padding:.4rem 1rem;cursor:pointer;font-size:.9rem;transition:all .3s ease}.toggle-btn:hover{background:var(--text-color);color:var(--bg-color)}.counter{margin-top:2rem}.count{font-size:3rem;font-weight:700;margin-bottom:1.5rem}.btn-group{display:flex;flex-direction:column;gap:1rem}.btn{padding:.8rem 1rem;border:none;border-radius:12px;font-size:1rem;cursor:pointer;transition:transform .2s ease}.btn:hover{transform:translateY(-2px)}.btn.primary{background:var(--primary);color:#fff}.btn.reset{background:var(--danger);color:#fff}.light-btn{display:flex;justify-content:space-between;align-items:center;color:#f0f4ff}.dark-btn{display:flex;justify-content:space-between;align-items:center}.flex{display:flex;justify-content:center;align-items:center;gap:5px}