.timer-container{display:none;margin-top:var(--space-8);justify-content:center}.timer-container.active{display:flex}.timer-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-6);border:1px solid var(--border);box-shadow:var(--shadow-lg);width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center;transition:all var(--transition-normal)}.timer-header{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.timer-header h2{margin:0;color:var(--text-primary)}.icon-btn{background:0 0;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);transition:background var(--transition-fast),color var(--transition-fast);min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.icon-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.icon-btn:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.progress-ring-wrapper{position:relative;width:200px;height:200px;margin-bottom:var(--space-6)}.progress-ring{transform:rotate(-90deg);transform-origin:50% 50%}.progress-ring__circle{transition:stroke-dashoffset .1s linear,stroke .3s ease}.timer-display{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center}#timer-text{font-size:48px;font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums}.paused #timer-text{opacity:.5}.paused::after{content:"PAUSED";position:absolute;top:140px;font-weight:600;color:var(--text-secondary);font-size:var(--text-sm);letter-spacing:1px}.timer-controls{display:flex;gap:var(--space-4);width:100%;margin-bottom:var(--space-6)}.timer-controls button{flex:1;padding:var(--space-3);border-radius:var(--radius-md);font-weight:600;font-size:var(--text-base);cursor:pointer;min-height:44px}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--border)}.btn-outline{background:0 0;color:var(--error);border:1px solid var(--error)}.btn-outline:hover{background:rgba(214,59,47,.1)}.sound-selector{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--text-secondary);flex-wrap:wrap;justify-content:center}.sound-selector label{display:flex;align-items:center;gap:4px;cursor:pointer}.shake-alert .progress-ring__circle{stroke:var(--accent-hover)}.shake-alert #timer-text{color:var(--accent-hover);animation:pulse-alert 1s infinite}.done .progress-ring__circle{stroke:var(--success)}.done #timer-text{color:var(--success);animation:pulse-alert 1s infinite}@keyframes pulse-alert{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}body.timer-fullscreen{overflow:hidden}body.timer-fullscreen .timer-container{position:fixed;top:0;left:0;right:0;bottom:0;background:#1a1816;margin:0;z-index:9999;align-items:center}body.timer-fullscreen .timer-card{background:0 0;border:none;box-shadow:none;transform:scale(1.2)}body.timer-fullscreen .icon-btn,body.timer-fullscreen .sound-selector,body.timer-fullscreen .timer-header h2{color:#f5f0eb}body.timer-fullscreen .progress-ring__bg{stroke:#2D2A26}body.timer-fullscreen #timer-text{color:#f5f0eb}body.timer-fullscreen .btn-secondary{background:#2d2a26;color:#f5f0eb;border-color:#2d2a26}