.timer-container{max-width:600px;margin:40px auto;padding:40px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:25px}.timer-visualizer{position:relative;width:300px;height:300px;display:flex;justify-content:center;align-items:center;margin-bottom:10px;flex-shrink:0}.progress-ring{transform:rotate(-90deg);transform-origin:50% 50%}.progress-ring__circle{stroke-dasharray:880;stroke-dashoffset:0;transition:stroke-dashoffset 0.35s;stroke-linecap:round;filter:drop-shadow(0 0 10px var(--accent-pink))}.timer-display-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;gap:2px;width:100%}.t-unit{display:flex;flex-direction:column;align-items:center;padding:0 2px}.t-unit span:first-child{font-family:var(--font-heading);font-size:2.4em;font-weight:700;color:var(--accent-pink);line-height:1;text-shadow:0 0 15px var(--accent-pink);font-variant-numeric:tabular-nums}.t-label{font-size:0.65em;color:var(--text-muted);font-weight:600;margin-top:5px}.t-sep{font-family:var(--font-heading);font-size:2em;color:rgba(255,255,255,0.3);margin-bottom:15px;font-weight:bold}.timer-presets{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.preset-btn{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);color:var(--primary-neon);padding:10px 18px;border-radius:20px;cursor:pointer;font-weight:bold;font-size:0.9em;transition:0.2s}.preset-btn:active{transform:scale(0.95)}.preset-btn:hover{background:var(--primary-neon);color:#000;box-shadow:0 0 10px var(--primary-neon)}.timer-inputs{display:flex;justify-content:center;gap:15px;padding:20px;width:100%;max-width:400px;transition:opacity 0.3s,transform 0.3s}.timer-inputs.fade-out{opacity:0.2;pointer-events:none;filter:blur(2px)}.timer-input-group{display:flex;flex-direction:column;align-items:center;width:30%}.timer-input-group label{font-size:0.8em;color:#ccc;margin-bottom:5px}.timer-input-group input{width:100%;padding:10px;background-color:var(--bg-input);border:1px solid #555;color:#fff;border-radius:8px;font-size:1.5em;text-align:center;font-family:var(--font-heading);color:var(--accent-pink)}.timer-input-group input:focus{border-color:var(--accent-pink);outline:none}.timer-controls{display:flex;justify-content:center;gap:15px;width:100%}.timer-btn{padding:15px 40px;border-radius:30px;font-size:1.2em;font-weight:bold;cursor:pointer;border:2px solid transparent;transition:0.3s;background:transparent;color:#fff;display:flex;align-items:center;gap:8px}.timer-btn-start{border-color:var(--accent-green);color:var(--accent-green)}.timer-btn-start:hover{background:var(--accent-green);color:#000;box-shadow:0 0 15px var(--accent-green)}.timer-btn-pause{border-color:var(--accent-gold);color:var(--accent-gold)}.timer-btn-pause:hover{background:var(--accent-gold);color:#000;box-shadow:0 0 15px var(--accent-gold)}.timer-btn-reset{border-color:var(--text-muted);color:var(--text-muted);font-size:1em;padding:15px 25px}.timer-btn-reset:hover{background:var(--text-muted);color:#000}.timer-btn-stop{border-color:var(--accent-pink);color:var(--accent-pink);animation:pulse 1s infinite}.timer-btn-stop:hover{background:var(--accent-pink);color:#000}.timer-visualizer.ringing .t-unit span:first-child{animation:flash 1s infinite;color:#fff;text-shadow:0 0 20px #fff}.timer-visualizer.ringing .progress-ring__circle{stroke:#fff;filter:drop-shadow(0 0 20px #fff)}.t-unit span:first-child{font-family:'Courier New',Courier,monospace;font-weight:700;min-width:2.2ch;text-align:center;display:inline-block;letter-spacing:-2px}#timer-app:fullscreen{background-color:#0f172a;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;width:100%;height:100%;overflow:hidden;position:relative}#timer-app:fullscreen .timer-visualizer{transform:scale(1.8);margin-bottom:80px}#timer-app:fullscreen .timer-controls{transform:scale(1.2)}