:root{--primary: #1A73E8;--primary-dark: #1557B0;--danger: #E53935;--success: #34A853;--bg: #F5F5F5;--card-bg: #FFFFFF;--text: #333333;--text-secondary: #999999;--border: #E0E0E0;--radius: 12px}body{background:var(--bg);color:var(--text)}button{border:none;outline:none;cursor:pointer;font-size:16px;-webkit-tap-highlight-color:transparent}input{border:1px solid var(--border);border-radius:8px;padding:12px 16px;font-size:16px;outline:none;width:100%;transition:border-color .2s}input:focus{border-color:var(--primary)}.btn-primary{background:var(--primary);color:#fff;border-radius:8px;padding:14px;font-size:16px;font-weight:500;width:100%}.btn-primary:active{background:var(--primary-dark)}.btn-danger{background:var(--danger);color:#fff;border-radius:50%;width:64px;height:64px;display:flex;align-items:center;justify-content:center}.btn-circle{background:#ffffff26;color:#fff;border-radius:50%;width:52px;height:52px;display:flex;align-items:center;justify-content:center;font-size:22px}.btn-circle.active{background:#ffffff59}.card{background:var(--card-bg);border-radius:var(--radius);padding:16px;margin-bottom:12px;box-shadow:0 1px 3px #00000014}