.study-timer-page{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);min-height:100vh;padding:1.25rem .9rem 2rem;color:#123127;background:linear-gradient(180deg,#fff,#f6fff9)}[data-theme=dark] .study-timer-page{color:#d8f3e5;background:linear-gradient(180deg,#061a12,#04130e)}.study-timer-shell{max-width:900px;margin:0 auto;display:grid;grid-gap:.8rem;gap:.8rem}.study-timer-back{width:-moz-fit-content;width:fit-content;color:inherit;text-decoration:none;opacity:.75}.study-timer-back:hover{opacity:1}.study-timer-builder,.study-timer-main-card{border-radius:14px;border:1px solid #cfe9db;background:#fff;padding:.85rem}[data-theme=dark] .study-timer-builder,[data-theme=dark] .study-timer-main-card{border-color:#285443;background:#0d231b}.study-timer-builder h1{margin:0;font-size:clamp(1.5rem,4vw,2.1rem)}.study-timer-cycle-title{margin:.35rem 0 0}.study-timer-subtitle{margin:.35rem 0 0;opacity:.8}.study-timer-cycle-form{margin-top:.7rem;display:grid;grid-template-columns:minmax(0,1fr) 160px;grid-gap:.45rem;gap:.45rem}.study-timer-form{margin-top:.7rem;display:grid;grid-template-columns:minmax(0,1fr) 120px 140px;grid-gap:.45rem;gap:.45rem}.study-timer-btn,.study-timer-cycle-form input,.study-timer-delete,.study-timer-form input,.study-timer-step-select{min-height:40px;border-radius:10px;border:1px solid #cfe9db;font:inherit;padding:.52rem .62rem}[data-theme=dark] .study-timer-btn,[data-theme=dark] .study-timer-delete,[data-theme=dark] .study-timer-form input,[data-theme=dark] .study-timer-step-select{border-color:#33634f;background:#112b21;color:inherit}.study-timer-step-list{list-style:none;margin:.6rem 0 0;padding:0;display:grid;grid-gap:.42rem;gap:.42rem}.study-timer-step-list li{display:grid;grid-template-columns:minmax(0,1fr) 90px;grid-gap:.4rem;gap:.4rem}.study-timer-step-list li.active .study-timer-step-select{border-color:#1f9f69}.study-timer-step-select{text-align:left;display:flex;justify-content:space-between;gap:.7rem;cursor:pointer;background:#fff}[data-theme=dark] .study-timer-step-select{background:#0d231b}.study-timer-delete{cursor:pointer;background:transparent}.study-timer-meta{display:flex;justify-content:space-between;gap:.6rem;flex-wrap:wrap;font-weight:600}.study-timer-phase{font-size:clamp(1.05rem,2.5vw,1.35rem)}.study-timer-clock{margin-top:.8rem;font-size:clamp(2.6rem,17vw,6.4rem);font-weight:700;line-height:1;letter-spacing:.04em;text-align:center}.study-timer-status{margin-top:.7rem;display:flex;justify-content:space-between;gap:.6rem;flex-wrap:wrap;font-size:.92rem;opacity:.85}.study-timer-overtime{color:#c2410c;font-weight:700}[data-theme=dark] .study-timer-overtime{color:#fdba74}.study-timer-actions{margin-top:.8rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:.45rem;gap:.45rem}.study-timer-round{margin:.65rem 0 0;opacity:.82}.study-timer-main-card h2{margin:0}.study-timer-empty{margin:.65rem 0 0;opacity:.75}.study-timer-cycle-list{list-style:none;margin:.65rem 0 0;padding:0;display:grid;grid-gap:.5rem;gap:.5rem}.study-timer-cycle-list li{border:1px solid #cfe9db;border-radius:12px;padding:.65rem;display:flex;justify-content:space-between;gap:.75rem;align-items:center;background:#fff}[data-theme=dark] .study-timer-cycle-list li{border-color:#33634f;background:#0f281f}.study-timer-cycle-list p{margin:.3rem 0 0;opacity:.8;font-size:.92rem}.study-timer-cycle-actions{display:flex;gap:.45rem}.study-timer-cycle-actions .study-timer-btn{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.study-timer-btn{cursor:pointer;background:#1f9f69;color:#fff;border-color:#1f9f69}[data-theme=dark] .study-timer-btn{background:#1f9f69;color:#ecfff5;border-color:#1f9f69}.study-timer-btn.secondary{background:transparent;border-color:#b9decd;color:inherit}[data-theme=dark] .study-timer-btn.secondary{border-color:#3b6f5a}@media (max-width:640px){.study-timer-page{padding:.8rem .65rem 1.2rem}.study-timer-builder,.study-timer-main-card{padding:.72rem}.study-timer-actions,.study-timer-cycle-form,.study-timer-cycle-list li,.study-timer-form,.study-timer-step-list li{grid-template-columns:1fr}.study-timer-cycle-list li{display:grid;align-items:stretch}.study-timer-cycle-actions{display:grid;grid-template-columns:1fr}}