.pomodoro-container{text-align:center;background-color:var(--terminal-bg);backdrop-filter:blur(10px);border-radius:12px;max-width:600px;margin:0 auto;padding:2rem}.timer-display{color:var(--accent-color);margin:2rem 0;font-family:JetBrains Mono,monospace;font-size:6rem;font-weight:700}.timer-controls{margin-bottom:2rem}.timer-btn{background-color:var(--accent-color);color:var(--bg-color);cursor:pointer;border:none;border-radius:4px;margin:0 .5rem;padding:.75rem 2rem;font-family:inherit;font-size:1.2rem;transition:opacity .2s}.timer-btn:hover{opacity:.9}.timer-modes{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.mode-btn{border:1px solid var(--accent-color);color:var(--text-color);cursor:pointer;background:0 0;border-radius:4px;padding:.5rem 1rem;font-family:inherit;transition:all .2s}.mode-btn:hover{background-color:var(--hover-color)}.mode-btn.active{background-color:var(--accent-color);color:var(--bg-color)}