.online-timer{--timer-ink:#f4f7ee;--timer-muted:#aeb8a5;--timer-panel:#151a14;--timer-line:#35402f;width:100%;color:var(--timer-ink);background:radial-gradient(circle at 85% 0,#b9e52a29,#0000 34%),#0d110c;border:1px solid #293224;border-radius:24px;padding:clamp(18px,3vw,32px);box-shadow:0 28px 80px #0000003d}.online-timer:fullscreen{border-radius:0;align-content:center;padding:clamp(24px,5vw,80px);display:grid}.online-timer-status,.online-timer-next,.online-timer-editor-head,.online-timer-editor-actions{justify-content:space-between;align-items:center;gap:16px;display:flex}.online-timer-status{border-bottom:1px solid var(--timer-line);color:var(--timer-muted);letter-spacing:.12em;text-transform:uppercase;padding-bottom:18px;font-size:.78rem}.online-timer-status strong{color:#b9e52a}.online-timer-display{text-align:center;padding:clamp(24px,4vw,44px) 0 20px}.online-timer-display p,.online-timer-next span{color:var(--timer-muted);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.76rem;font-weight:700}.online-timer-display h2{color:var(--timer-ink);font-family:var(--font-sans);margin:8px 0 2px;font-size:clamp(2rem,5vw,4.4rem);line-height:1}.online-timer-display>span{color:var(--timer-muted);font-size:.9rem}.online-timer-clock{color:#b9e52a;font-family:var(--font-geist-mono), monospace;font-variant-numeric:tabular-nums;letter-spacing:-.08em;margin-top:18px;font-size:clamp(4rem,11vw,9rem);font-weight:760;line-height:.94}.online-timer-next{background:var(--timer-panel);border:1px solid var(--timer-line);border-radius:12px;min-height:58px;padding:13px 16px}.online-timer-next strong{font-family:var(--font-geist-mono), monospace;font-size:1.15rem}.online-timer-next em{color:var(--timer-muted);font-size:.75rem;font-style:normal}.online-timer-controls{grid-template-columns:1fr 1.5fr 1fr;gap:10px;margin-top:16px;display:grid}.timer-button,.online-timer-utility button,.online-timer-editor button{border:1px solid var(--timer-line);cursor:pointer;min-height:44px;font:inherit;border-radius:10px;font-weight:720;transition:transform .15s,border-color .15s,background .15s}.timer-button:hover,.online-timer-utility button:hover,.online-timer-editor button:hover{border-color:#b9e52a;transform:translateY(-1px)}.timer-button:disabled,.online-timer-editor button:disabled{cursor:not-allowed;opacity:.38;transform:none}.timer-button--primary{color:#121611;background:#b9e52a;border-color:#b9e52a}.timer-button--secondary,.online-timer-utility button,.online-timer-editor button{color:var(--timer-ink);background:#1a2018}.online-timer-utility{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:10px;display:flex}.online-timer-utility button{min-height:36px;color:var(--timer-muted);padding:6px 12px;font-size:.78rem}.online-timer-editor{border-top:1px solid var(--timer-line);margin-top:22px;padding-top:22px}.online-timer-editor h3{color:var(--timer-ink);margin:0;font-size:1.05rem}.online-timer-editor p{color:var(--timer-muted);margin:4px 0 0;font-size:.82rem}.online-timer-editor-head>button,.online-timer-editor-actions button{min-height:38px;padding:7px 12px;font-size:.78rem}.online-timer-levels{gap:8px;margin-top:16px;display:grid}.online-timer-level-row{background:var(--timer-panel);border:1px solid var(--timer-line);border-radius:10px;grid-template-columns:minmax(76px,1fr) repeat(4,minmax(70px,.8fr)) 34px;align-items:end;gap:8px;padding:10px;display:grid}.online-timer-level-row>strong{align-self:center;font-size:.82rem}.online-timer-level-row label{gap:4px;display:grid}.online-timer-level-row label span{color:var(--timer-muted);font-size:.66rem}.online-timer-level-row input{width:100%;min-height:36px;color:var(--timer-ink);border:1px solid var(--timer-line);font:inherit;font-variant-numeric:tabular-nums;background:#0d110c;border-radius:8px;padding:6px 8px}.online-timer-remove{color:#f3a0a0!important;min-height:36px!important;padding:0!important}.online-timer-editor-actions{justify-content:flex-start;margin-top:10px}@media (width<=680px){.online-timer{border-radius:18px;padding:16px}.online-timer-controls{grid-template-columns:1fr 1fr}.timer-button--primary{grid-area:1/1/auto/-1}.online-timer-next{flex-direction:column;align-items:flex-start;gap:4px}.online-timer-level-row{grid-template-columns:repeat(2,minmax(0,1fr))}.online-timer-level-row>strong{grid-column:1/-1}.online-timer-remove{width:100%}}