.timer-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:32px;margin-bottom:24px;text-align:center}.mode-tabs{display:flex;justify-content:center;gap:8px;margin-bottom:32px}.mode-tab{padding:10px 24px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:transparent;font-size:.875rem;cursor:pointer}.mode-tab:hover{border-color:var(--color-accent)}.mode-tab.active{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.timer-display{margin-bottom:32px}.timer-time{font-size:6rem;font-weight:700;font-family:var(--font-mono);letter-spacing:-.02em;color:var(--color-text)}@media(max-width:480px){.timer-time{font-size:4rem}}.timer-controls{display:flex;justify-content:center;gap:12px;margin-bottom:24px}.btn-timer{padding:14px 40px;border:none;border-radius:var(--radius-sm);background:var(--color-accent);color:#fff;font-size:1rem;font-weight:500;cursor:pointer}.btn-timer:hover{opacity:.9}.btn-timer.btn-secondary{background:transparent;border:1px solid var(--color-border);color:var(--color-text)}.btn-timer.btn-secondary:hover{border-color:var(--color-accent)}.session-count{font-size:.875rem;color:var(--color-text-muted)}.session-number{font-weight:600;color:var(--color-accent);margin-left:4px}.settings-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:24px}.settings-card h3{margin:0 0 16px;font-size:1rem}.settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media(max-width:480px){.settings-grid{grid-template-columns:1fr}}.setting-item label{display:block;font-size:.75rem;color:var(--color-text-muted);margin-bottom:6px}.setting-input{width:100%;padding:10px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:1rem;text-align:center;font-family:var(--font-mono)}.setting-input:focus{outline:none;border-color:var(--color-accent)}