/* Time It! v17 — quick first, customization second */
.time-shell{width:min(1160px,94vw);margin:auto;padding:0 0 64px}.time-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:22px 0 18px}.time-hero h1{margin:0;font-size:clamp(2.7rem,7vw,5rem);line-height:.95;letter-spacing:-.055em}.time-hero p{margin:8px 0 0;color:var(--muted);font-size:1.02rem}.time-help-link{align-self:center}
.time-dashboard{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);grid-template-areas:'quick timer' 'custom timer' 'library library';gap:12px;align-items:start}.time-panel{padding:18px;box-shadow:none}.time-panel h2,.time-panel h3,.time-panel p{margin-top:0}.time-panel h2{font-size:1.2rem;margin-bottom:4px}.time-panel-copy{color:var(--muted);font-size:.84rem;line-height:1.4;margin-bottom:13px}
.quick-timer-panel{grid-area:quick;border-color:#4e5d70;background:linear-gradient(145deg,#182331,var(--panel))}.quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.quick-timer-button{display:grid;place-items:center;min-height:94px;padding:12px;border:1px solid #455369;border-radius:12px;background:#202b3a;color:var(--text);text-align:center}.quick-timer-button:hover{background:#293648;border-color:var(--accent)}.quick-timer-button b{font-size:1.55rem;line-height:1}.quick-timer-button small{display:block;color:var(--muted);font-size:.7rem;margin-top:5px;font-weight:650}.quick-note{margin:12px 0 0;color:var(--muted);font-size:.74rem}
.timer-card{grid-area:timer;text-align:center;position:relative;overflow:hidden;min-height:480px;background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--accent) 9%,transparent),transparent 38%),var(--panel)}.timer-card.alarm-active{border-color:#874054;background:radial-gradient(circle at 50% 42%,rgba(255,102,133,.14),transparent 42%),var(--panel)}.timer-kicker{text-transform:uppercase;letter-spacing:.13em;color:var(--muted);font-size:.72rem;font-weight:850}.timer-name{font-size:1.25rem;font-weight:900;margin:6px 0 0}.timer-clock{font-size:clamp(4.4rem,13vw,8.8rem);line-height:.95;letter-spacing:-.075em;font-weight:950;font-variant-numeric:tabular-nums;margin:24px 0 12px}.timer-finish{min-height:1.3em;color:var(--muted);font-size:.82rem}.timer-progress{height:11px;border-radius:999px;background:#202a37;overflow:hidden;margin:13px 0}.timer-progress>div{height:100%;width:100%;background:linear-gradient(90deg,var(--accent2),var(--accent));transition:width .22s linear}.timer-stage-dots{display:flex;justify-content:center;gap:6px;min-height:10px;margin:10px 0}.timer-stage-dots span{width:8px;height:8px;border-radius:50%;background:#384557}.timer-stage-dots span.active{background:var(--accent);transform:scale(1.25)}.timer-stage-dots span.done{background:var(--good,#7ce0ad)}
.timer-primary-controls,.timer-adjust-controls{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:13px}.timer-primary-controls .btn-primary{min-width:130px}.timer-adjust-controls button{min-width:70px}.timer-status{min-height:1.35em;color:var(--muted);font-size:.78rem;margin-top:12px}.timer-status.important{color:#ffdce3;font-weight:800}
.custom-timer-panel{grid-area:custom}.custom-time-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}.custom-time-row label,.custom-options label{display:grid;gap:5px;color:var(--muted);font-size:.74rem}.custom-time-row input,.custom-options input,.custom-options select{font-variant-numeric:tabular-nums}.custom-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.custom-options{margin-top:12px;border-top:1px solid var(--line);padding-top:10px}.custom-options summary{cursor:pointer;color:var(--muted);font-size:.78rem;font-weight:800}.custom-options-grid{display:grid;gap:9px;margin-top:10px}.timer-toggle-row{display:flex!important;grid-template-columns:none!important;align-items:center;justify-content:space-between;gap:12px;padding:9px;border-radius:9px;background:var(--panel2)}.timer-toggle-row input{width:18px;height:18px;accent-color:var(--accent)}
.timer-library-panel{grid-area:library}.timer-library-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.timer-list-section{min-width:0}.timer-list-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}.timer-list-head h2{margin:0}.timer-list{display:grid;gap:7px}.timer-list-empty{padding:16px;border:1px dashed #4a586a;border-radius:10px;color:var(--muted);font-size:.78rem;text-align:center}.timer-list-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px;border:1px solid var(--line);border-radius:10px;background:var(--panel2)}.timer-list-item b,.timer-list-item small{display:block;overflow:hidden;text-overflow:ellipsis}.timer-list-item small{color:var(--muted);font-size:.71rem;margin-top:3px}.timer-list-actions{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.timer-list-actions button{padding:6px 8px;border-radius:7px;border:1px solid #455268;background:#263244;color:var(--text);font-size:.68rem}.timer-list-actions button.danger{color:#ffc4cf;border-color:#714050;background:#321d25}
.alarm-overlay{position:fixed;z-index:900;inset:0;display:none;place-items:center;padding:18px;background:rgba(7,10,16,.86);backdrop-filter:blur(12px)}.alarm-overlay.show{display:grid}.alarm-card{width:min(560px,95vw);padding:26px;border:2px solid #a54c63;border-radius:16px;background:#1c141c;text-align:center;box-shadow:0 24px 80px rgba(0,0,0,.55)}.alarm-icon{font-size:3rem;animation:pbAlarmWobble 1s ease-in-out infinite}.alarm-card h2{font-size:clamp(2rem,7vw,3.6rem);margin:8px 0 5px}.alarm-card p{color:#e5cdd3;margin:0}.alarm-count{display:inline-flex;margin:14px 0;padding:7px 10px;border-radius:8px;background:#321d25;border:1px solid #714050;font-variant-numeric:tabular-nums}.alarm-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.alarm-actions .stop{grid-column:1/-1;min-height:54px;font-size:1.05rem;background:#ff6685;color:#1f0d13}.alarm-actions button{border-radius:9px;padding:11px;border:1px solid #5d4350;background:#31232b;color:#fff}
.time-fullscreen{position:fixed;z-index:850;inset:0;display:none;place-items:center;background:linear-gradient(145deg,var(--bg),var(--bg2));padding:5vw;text-align:center}.time-fullscreen.show{display:grid}.time-fullscreen .timer-clock{font-size:min(24vw,18rem)}.time-fullscreen .timer-progress{width:min(900px,84vw);height:16px}.time-fullscreen-exit{position:absolute;top:17px;right:17px}
.timer-recovery{display:none;margin:0 0 12px;padding:10px 13px;border-radius:9px;border:1px solid #405777;background:#172637;color:#d7e8ff;font-size:.78rem}.timer-recovery.show{display:block}
@keyframes pbAlarmWobble{25%{transform:rotate(-6deg)}75%{transform:rotate(6deg)}}
@media(max-width:880px){.time-dashboard{grid-template-columns:1fr;grid-template-areas:'quick' 'timer' 'custom' 'library'}.timer-library-grid{grid-template-columns:1fr}.timer-card{min-height:420px}.quick-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.quick-timer-button{min-height:78px}.quick-timer-button b{font-size:1.25rem}}
@media(max-width:620px){.time-shell{width:min(96vw,1160px)}.time-hero{align-items:flex-start;flex-direction:column;padding-top:14px}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.timer-card{padding:15px;min-height:390px}.timer-clock{margin-top:19px}.timer-primary-controls .btn-primary{min-width:110px}.alarm-actions{grid-template-columns:1fr}.alarm-actions .stop{grid-column:auto}.timer-list-item{grid-template-columns:1fr}.timer-list-actions{justify-content:flex-start}.custom-time-row{grid-template-columns:1fr 1fr}}
@media(max-width:420px){.timer-clock{font-size:clamp(4rem,24vw,6rem)}.timer-adjust-controls button{flex:1}.custom-time-row{grid-template-columns:1fr}.quick-timer-button{min-height:72px}}