.timer-panel{border-radius:22px;display:flex;flex-direction:column;gap:18px;min-width:0}.timer-panel:fullscreen{background:#f8fafc;border:0;border-radius:0;height:100vh;overflow:auto;padding:clamp(20px,4vw,56px);width:100vw}.timer-panel::backdrop{background:#f8fafc}.timer-card__actions,.timer-card__cycle-row,.timer-card__head,.timer-panel__batch-actions,.timer-panel__header,.timer-panel__heading,.timer-panel__list-head{align-items:center;display:flex}.timer-card__cycle-row,.timer-card__head,.timer-panel__header,.timer-panel__list-head{gap:12px;justify-content:space-between}.timer-panel__heading{gap:12px;min-width:0}.timer-panel__header-actions{align-items:center;display:flex;gap:8px}.timer-panel__heading-icon{background:#ea55551f;border-radius:15px;color:var(--danger-color);display:grid;flex:0 0 46px;height:46px;place-items:center;width:46px}.timer-panel__heading-icon svg{height:26px;width:26px}.timer-panel__section-title,.timer-panel__title{font-weight:800;margin:0}.timer-panel__title{font-size:20px}.timer-panel__section-title{color:#111827;font-size:18px}.timer-panel__workspace{align-items:start;background:#fff;border:1px solid rgba(17,24,39,.08);border-radius:18px;display:grid;grid-template-columns:minmax(280px,350px) minmax(0,1fr);min-width:0}.timer-panel__create,.timer-panel__timers{min-width:0;padding:18px}.timer-panel__create{align-content:start;background:#fbfcfe;border-radius:18px 0 0 18px;border-right:1px solid rgba(17,24,39,.08);display:grid;gap:14px;position:sticky;top:88px}.timer-panel--fullscreen .timer-panel__create{top:18px}.timer-panel__field{color:#374151;display:flex;flex-direction:column;font-size:13px;font-weight:600;gap:6px;min-width:0}.timer-card__name,.timer-card__name .UiInput,.timer-card__name .UiInputRoot,.timer-panel__field .UiInput,.timer-panel__field .UiInputRoot{width:100%}.timer-panel__delay-field .UiInput,.timer-panel__duration-field .UiInput{font-variant-numeric:tabular-nums;letter-spacing:.06em}.timer-panel__presets{display:flex;flex-wrap:wrap;gap:7px}.timer-panel__preset{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;color:#374151;cursor:pointer;font:inherit;font-size:12px;font-weight:800;min-height:32px;padding:0 10px}.timer-panel__preset:hover{background:#fff7f7;border-color:#ea555557;color:var(--danger-color)}.timer-panel__preset:focus-visible{outline:3px solid rgba(234,85,85,.2);outline-offset:2px}.timer-panel__switches{display:grid;gap:7px}.timer-panel__timers{align-content:start;display:grid;gap:14px;min-height:420px}.timer-panel__error,.timer-panel__list-head p,.timer-panel__live-status{color:#6b7280;line-height:1.45;margin:0}.timer-panel__list-head p{font-size:13px}.timer-card__actions,.timer-panel__batch-actions{flex-wrap:wrap;gap:7px}.timer-panel__grid{display:grid;gap:11px;grid-template-columns:repeat(auto-fill,minmax(min(250px,100%),1fr));min-width:0}.timer-card{background:#fff;border:1px solid rgba(17,24,39,.09);border-radius:15px;display:flex;flex-direction:column;gap:10px;min-width:0;padding:12px;transition:border-color .18s ease,box-shadow .18s ease,opacity .18s ease}.timer-card--running{border-color:#15803d42;box-shadow:0 8px 24px #15803d0f}.timer-card--delay{background:linear-gradient(145deg,#fff,#fffbeb);border-color:#d977064d}.timer-card--finished{background:linear-gradient(145deg,#fff,#fff5f5);border-color:#ea55554d}.timer-card__drag-handle{cursor:grab}.timer-card__drag-handle:active:not(.UiButton--disabled){cursor:grabbing}.timer-card__name{flex:1;min-width:0}.timer-card__name .UiInput{background:transparent;border-color:transparent;font-size:15px;font-weight:800;min-height:38px;padding-inline:8px}.timer-card__name .UiInput:focus,.timer-card__name .UiInput:hover{background:#fff;border-color:#dfe3ea}.timer-card__clock{align-items:center;display:grid;gap:4px 8px;grid-template-columns:minmax(0,1fr) auto;padding:3px 2px}.timer-card__phase-label{color:#6b7280;font-size:11px;font-weight:700;grid-column:1/-1}.timer-card__clock output{color:#111827;font-family:ui-monospace,SFMono-Regular,Cascadia Code,Roboto Mono,Consolas,monospace;font-size:clamp(32px,3vw,43px);font-variant-numeric:tabular-nums;font-weight:800;letter-spacing:-.055em;line-height:1;min-width:0;white-space:nowrap}.timer-card__state{background:#f3f4f6;border-radius:999px;color:#4b5563;font-size:10px;font-weight:800;padding:4px 7px;white-space:nowrap}.timer-card__state--running{background:#ecfdf3;color:#15803d}.timer-card__state--delay,.timer-card__state--paused{background:#fff7ed;color:#c2410c}.timer-card__state--finished{background:#fef2f2;color:#b91c1c}.timer-card__cycle-row{min-height:24px}.timer-card__delay-value{align-items:center;color:#6b7280;display:inline-flex;font-size:11px;font-weight:700;gap:4px;min-width:0}.timer-card__delay-value svg{flex:0 0 15px;height:15px;width:15px}.timer-card__actions{margin-top:auto}.timer-card__actions .UiButton{flex:1}.timer-panel__empty{border:1px dashed #d8dde5;border-radius:18px;display:grid;gap:8px;justify-items:center;padding:42px 18px;text-align:center}.timer-panel__empty svg{color:#c7ccd5;height:38px;width:38px}.timer-panel__empty strong{color:#1f2937}.timer-panel__error{color:#b91c1c;font-size:13px}.timer-panel__live-status,.timer-panel__visually-hidden{height:1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);white-space:nowrap}@media(max-width:900px){.timer-panel__workspace{grid-template-columns:minmax(0,1fr)}.timer-panel__create{border-bottom:1px solid rgba(17,24,39,.08);border-radius:18px 18px 0 0;border-right:0;position:static}.timer-panel__timers{min-height:340px}}@media(max-width:620px){.timer-panel{border-radius:18px;gap:14px}.timer-panel:fullscreen{border-radius:0;padding:14px}.timer-panel__create,.timer-panel__timers{padding:14px}.timer-panel__heading-icon{flex-basis:40px;height:40px;width:40px}.timer-panel__list-head{align-items:stretch;flex-direction:column}.timer-panel__create>.UiButton{width:100%}.timer-panel__batch-actions .UiButton{flex:1}.timer-card__clock output{font-size:clamp(31px,11vw,42px)}}