@import"./controls.css";@layer tool{*,*:before,*:after{box-sizing:border-box}:root{--glass-bg: rgba(255, 255, 255, .04);--glass-bg-hover: rgba(255, 255, 255, .09);--text-primary: rgba(255, 255, 255, .92);--text-secondary: rgba(255, 255, 255, .75);--text-muted: rgba(255, 255, 255, .45);--color-primary: var(--ml-action);--color-primary-dark: var(--ml-action-gradient-end);--color-white: #FFFFFF;--color-light-gray: rgba(255, 255, 255, .7);--color-dark-gray: rgba(255, 255, 255, .1);--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--space-xs: .25rem;--space-sm: .5rem;--space-md: .75rem;--space-lg: 1rem;--space-xl: 1.5rem;--space-2xl: 2rem;--space-3xl: 3rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-full: 9999px}body.tool-page-online-timer,body.tool-page-stopwatch-timer,body.tool-page-pomodoro-timer,body.tool-page-countdown-timer,body.tool-page-interval-timer,body.tool-page-meeting-cost-calculator{background:var(--ml-canvas);color:var(--ml-text-primary);font-family:var(--font-primary, "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);font-size:var(--font-size-base, 1rem);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body.tool-page-online-timer button,body.tool-page-stopwatch-timer button,body.tool-page-pomodoro-timer button,body.tool-page-countdown-timer button,body.tool-page-interval-timer button,body.tool-page-meeting-cost-calculator button,body.tool-page-online-timer input,body.tool-page-stopwatch-timer input,body.tool-page-pomodoro-timer input,body.tool-page-countdown-timer input,body.tool-page-interval-timer input,body.tool-page-meeting-cost-calculator input{font-family:inherit}.main-content{min-height:calc(100vh - 80px)}.page-layout,.tool-container,.wide-container{margin-top:0;margin-bottom:0}.page-layout{padding-top:0;padding-bottom:0}.tool-container,.wide-container{position:relative;padding-top:0;padding-bottom:0;box-sizing:border-box}.content-wrapper{margin-bottom:1rem;padding:1.5rem 1rem 1rem;border:1px solid var(--ml-border-strong);border-radius:var(--radius-md, .5rem);background:var(--ml-surface-hover)}.online-timer-wrapper{margin-bottom:var(--space-lg)}.section-label{display:flex;align-items:center;gap:var(--space-sm)}.online-timer-grid{display:grid;grid-template-columns:minmax(230px,.85fr) minmax(320px,1.25fr) minmax(230px,.9fr);gap:.75rem;align-items:stretch}.timer-card{min-width:0;padding:1rem;border:0;border-radius:var(--radius-md, .5rem);background:var(--ml-surface-hover)}.timer-display-card{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:430px;padding-top:3.15rem}.timer-ring{position:relative;width:min(320px,72vw);aspect-ratio:1}.timer-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.timer-ring-track,.timer-ring-progress{fill:none;stroke-width:10}.timer-ring-progress{stroke:var(--ml-text-primary);stroke-linecap:round;stroke-dasharray:615.752;stroke-dashoffset:615.752;transition:stroke-dashoffset .18s linear}.timer-face{position:absolute;inset:8%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.timer-display{color:var(--ml-text-primary);font-variant-numeric:tabular-nums;max-width:78%;font-size:var(--timer-display-size, clamp(2.25rem, 5vw, 3.45rem));font-weight:800;line-height:1;letter-spacing:0;white-space:nowrap;overflow-wrap:normal;overflow:visible;text-align:center}.timer-display.has-countdown-stack{max-width:84%;white-space:normal}.timer-display.has-interval-stack{max-width:86%;white-space:normal}.interval-display-stack{display:grid;justify-items:center;gap:.12em;width:100%;line-height:.92}.interval-display-phase{display:block;color:var(--color-primary, var(--ml-action));font-size:.38em;font-weight:800;line-height:1;letter-spacing:0}.interval-display-time{display:block;color:inherit;font-size:1em;font-variant-numeric:tabular-nums;line-height:1}.countdown-display-stack{display:grid;justify-items:center;gap:.08em;width:100%;line-height:.92}.countdown-display-primary,.countdown-display-secondary{display:block;max-width:100%;color:inherit;font-size:inherit;font-variant-numeric:tabular-nums;line-height:inherit}.countdown-display-secondary{font-size:.76em}.countdown-display-stack.is-long-days .countdown-display-primary{font-size:.86em}.timer-subdisplay{max-width:220px;margin-top:.65rem;color:var(--ml-text-secondary);font-size:13px;font-weight:650;line-height:1.35;white-space:pre-line}.timer-actions{display:grid;grid-template-columns:92px 132px 92px;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem}.btn:disabled,.btn:disabled:hover{opacity:.52;cursor:default;transform:none}.mode-panel{display:none}.mode-panel.active{display:block}.timer-field{display:grid;gap:.4rem;margin-bottom:.7rem;color:var(--ml-text-secondary);font-size:11px;font-weight:700}.timer-field input{width:100%;min-height:38px;padding:0 .75rem;font-weight:700}.timer-field select{width:100%}.timer-field input[type=number]{appearance:textfield;-moz-appearance:textfield}.timer-field input[type=number]::-webkit-outer-spin-button,.timer-field input[type=number]::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.preset-row,.settings-grid{display:grid;gap:.5rem}.preset-row,.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-copy,.empty-state{margin:0 0 .75rem;color:var(--ml-text-secondary);font-size:13px;line-height:1.45}.pomodoro-auto-line{--ml-option-white-space: normal;max-width:100%;margin-top:.5rem}.session-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.session-stat{min-height:72px;padding:.7rem;border:1px solid var(--ml-control-border);border-radius:8px;background:var(--ml-control-fill)}.session-stat span{display:block;margin-bottom:.28rem;color:var(--ml-text-muted);font-size:11px;font-weight:700;letter-spacing:.02em}.session-stat strong{display:block;min-width:0;max-width:100%;color:var(--ml-text-primary);font-size:clamp(.88rem,1.35vw,1rem);font-weight:800;line-height:1.2;overflow:hidden;overflow-wrap:anywhere;text-overflow:ellipsis;white-space:nowrap}.laps-list{display:grid;align-content:start;gap:.45rem;max-height:210px;margin-top:.8rem;overflow:auto}.lap-item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:36px;padding:.45rem .55rem;border:0;border-radius:8px;background:var(--ml-surface);color:var(--ml-text-secondary);font-size:12px}.lap-item strong{color:var(--ml-text-primary);font-variant-numeric:tabular-nums}body:is(.tool-page-online-timer,.tool-page-stopwatch-timer,.tool-page-countdown-timer,.tool-page-pomodoro-timer,.tool-page-interval-timer,.tool-page-meeting-cost-calculator){--timer-card-bg: linear-gradient(180deg, rgba(255, 255, 255, .095), rgba(255, 255, 255, .055));--timer-surface-grad: linear-gradient(180deg, rgba(255, 255, 255, .07), rgba(255, 255, 255, .03));--timer-surface-grad-soft: linear-gradient(180deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .02));--timer-preview-base: rgba(255, 255, 255, .055);--timer-ring-inner-shadow: inset 0 0 40px rgba(0, 0, 0, .18);--timer-title-grad-start: #ffffff;--timer-divider: rgba(255, 255, 255, .08);--timer-scrollbar: rgba(255, 255, 255, .18);--timer-dot-complete: rgba(255, 255, 255, .48);--timer-green-dot: rgba(66, 201, 124, .72);--timer-green-dot-strong: rgba(66, 201, 124, .9);--timer-green-border: rgba(66, 201, 124, .34);--timer-green-soft: rgba(66, 201, 124, .075);--timer-green-soft-2: rgba(66, 201, 124, .07);--timer-green-stroke: rgba(66, 201, 124, .92);--timer-green-text: rgba(130, 230, 174, .92)}html[data-theme=light] body:is(.tool-page-online-timer,.tool-page-stopwatch-timer,.tool-page-countdown-timer,.tool-page-pomodoro-timer,.tool-page-interval-timer,.tool-page-meeting-cost-calculator){--timer-card-bg: var(--ml-surface);--timer-surface-grad: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(247, 247, 248, .92));--timer-surface-grad-soft: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(247, 247, 248, .92));--timer-preview-base: var(--ml-surface-raised);--timer-ring-inner-shadow: inset 0 1px 0 rgba(255, 255, 255, .92), inset 0 0 40px rgba(17, 17, 17, .08), 0 18px 48px rgba(17, 17, 17, .11);--timer-title-grad-start: var(--ml-text-primary);--timer-divider: rgba(0, 0, 0, .085);--timer-scrollbar: rgba(0, 0, 0, .18);--timer-dot-complete: var(--ml-success);--timer-green-dot: var(--ml-success);--timer-green-dot-strong: var(--ml-success);--timer-green-border: rgba(22, 121, 74, .24);--timer-green-soft: rgba(22, 121, 74, .1);--timer-green-soft-2: rgba(22, 121, 74, .1);--timer-green-stroke: rgba(22, 121, 74, .86);--timer-green-text: var(--ml-success)}.online-timer-grid{grid-template-columns:minmax(250px,.82fr) minmax(390px,1.24fr) minmax(260px,.88fr);gap:var(--space-md, .75rem)}.timer-card{position:relative;overflow:hidden;background:var(--timer-card-bg);box-shadow:none}.timer-display-card{min-height:460px;background:radial-gradient(circle at 50% 44%,rgba(var(--ml-action-page-rgb),.1),transparent 38%),var(--timer-surface-grad)}.timer-ring{width:min(360px,100%);max-width:100%;isolation:isolate}.timer-ring:after{content:"";position:absolute;inset:13%;z-index:-1;border-radius:50%;background:var(--ml-surface-solid);box-shadow:var(--timer-ring-inner-shadow)}.timer-ring:before{content:"";position:absolute;inset:7%;z-index:0;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.12),transparent 32%),radial-gradient(circle,rgba(var(--ml-action-page-rgb),.24),transparent 62%);opacity:0;pointer-events:none;transform:scale(.68)}.timer-ring svg{position:relative;z-index:1}.timer-ring-track,.timer-ring-progress{stroke-width:9}.timer-ring-track{stroke:var(--ml-text-disabled)}.timer-ring-progress{stroke:url(#timerProgressGradient)}.timer-face{inset:5%;z-index:2}.timer-display{font-size:var(--timer-display-size, clamp(2.3rem, 3.8vw, 3.35rem));font-weight:800;letter-spacing:0;text-shadow:0 12px 42px rgba(0,0,0,.28)}.online-timer-tool.mode-stopwatch .timer-display,.online-timer-tool.mode-meeting-cost .timer-display{font-size:var(--timer-display-size, clamp(1.95rem, 3vw, 2.68rem))}.timer-action-primary{min-width:130px}.timer-actions .timer-action{min-width:0;width:100%}.timer-display-actions{position:absolute;top:1rem;right:1rem;z-index:4;display:inline-flex;max-width:calc(100% - 2rem);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem}.timer-display-card:fullscreen{width:100vw;height:100vh;min-height:100vh;padding:clamp(1.2rem,3vw,2rem);border:0;border-radius:0;background:radial-gradient(circle at 50% 44%,rgba(var(--ml-action-page-rgb),.12),transparent 38%),var(--ml-canvas)}.timer-display-card:fullscreen .timer-display-actions{top:clamp(1rem,2.2vw,1.6rem);right:clamp(1rem,2.2vw,1.6rem)}.timer-display-card:fullscreen .timer-ring{width:min(58vh,100%)}.timer-display-card:fullscreen .timer-actions{margin-top:clamp(1rem,3vh,2rem)}.timer-field input[type=datetime-local]::-webkit-datetime-edit{font-family:var(--font-primary)}.datetime-shell{position:relative;display:block}.datetime-shell input{padding-right:2.5rem}.datetime-shell:after{content:"";width:1em;height:1em;background-color:currentColor;-webkit-mask:var(--ml-icon-calendar) center/contain no-repeat;mask:var(--ml-icon-calendar) center/contain no-repeat;position:absolute;top:50%;right:.85rem;color:var(--ml-text-secondary);font-size:13px;font-weight:900;line-height:1;pointer-events:none;transform:translateY(-50%)}.datetime-shell input::-webkit-calendar-picker-indicator{position:absolute;top:0;right:0;width:2.75rem;height:100%;opacity:0;cursor:pointer}.preset-row{gap:.55rem}.timer-cue-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm, .5rem);margin-top:var(--space-lg, 1rem);padding-top:var(--space-md, .75rem);border-top:1px solid var(--timer-divider)}.timer-sound-select{grid-column:1 / -1}.cue-toggle{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:.28rem;min-height:56px;padding:.45rem .35rem;font-size:11px;font-weight:600}.cue-toggle i{font-size:14px}.cue-toggle.is-denied{color:var(--ml-text-muted)}.timer-clear-btn,.timer-reset-corner{display:none}.online-timer-tool.mode-countdown .timer-reset-corner{display:inline-flex}.session-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm, .5rem)}.session-stat-primary{grid-column:1 / -1}.session-stat{min-height:68px;background:var(--ml-control-fill);border-color:var(--ml-control-border)}.session-stat-primary strong{font-size:clamp(1rem,1.75vw,1.25rem)}.phase-timeline{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-sm, .5rem);margin-top:var(--space-md, .75rem);padding-top:var(--space-md, .75rem);border-top:1px solid var(--timer-divider)}.timeline-chip{display:inline-flex;align-items:center;gap:.4rem;min-height:30px;padding:0 .65rem;border:1px solid var(--ml-control-border);border-radius:var(--radius-md, .5rem);background:var(--ml-control-fill);color:var(--ml-text-secondary);font-size:11px;font-weight:600}.timeline-chip.active{background:var(--ml-action-subtle);color:var(--ml-text-primary)}.round-strip{display:flex;flex-wrap:wrap;gap:.35rem;width:100%}.phase-dot{width:9px;height:9px;border-radius:50%;background:var(--ml-surface-pressed)}.phase-dot.complete{background:var(--timer-dot-complete)}.phase-dot.active{background:var(--color-primary, var(--ml-action));box-shadow:0 0 0 4px rgba(var(--ml-action-page-rgb),.1)}.pomodoro-cycle-rail{display:grid;gap:.42rem}.pomodoro-cycle-step{position:relative;display:flex;align-items:center;justify-content:space-between;gap:.7rem;min-height:38px;padding:.52rem .62rem .52rem 1.65rem;border:1px solid var(--ml-control-border);border-radius:var(--radius-md, .5rem);background:var(--ml-control-fill);color:var(--ml-text-secondary)}.pomodoro-cycle-step:before{content:"";position:absolute;top:50%;left:.62rem;width:7px;height:7px;border-radius:999px;background:var(--ml-surface-pressed);transform:translateY(-50%)}.pomodoro-cycle-step span{min-width:0;font-size:11px;font-weight:700;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pomodoro-cycle-step strong{min-width:0;color:var(--ml-text-muted);font-size:11px;font-weight:700;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pomodoro-cycle-step.active{background:var(--ml-action-subtle);color:var(--ml-text-primary)}.pomodoro-cycle-step.active:before{background:var(--color-primary, var(--ml-action));box-shadow:0 0 0 4px rgba(var(--ml-action-page-rgb),.12)}.pomodoro-cycle-step.complete{color:var(--ml-text-muted)}.pomodoro-cycle-step.complete:before{background:var(--timer-green-dot)}.interval-plan-rail{display:grid;gap:.42rem}.interval-plan-step{position:relative;display:flex;align-items:center;justify-content:space-between;gap:.7rem;min-height:38px;padding:.52rem .62rem .52rem 1.65rem;border:1px solid var(--ml-control-border);border-radius:var(--radius-md, .5rem);background:var(--ml-control-fill);color:var(--ml-text-secondary)}.interval-plan-step:before{content:"";position:absolute;top:50%;left:.62rem;width:7px;height:7px;border-radius:999px;background:var(--ml-surface-pressed);transform:translateY(-50%)}.interval-plan-step span{min-width:0;font-size:11px;font-weight:700;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.interval-plan-step strong{min-width:0;color:var(--ml-text-muted);font-size:11px;font-weight:700;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.interval-plan-step.active{background:var(--ml-action-subtle);color:var(--ml-text-primary)}.interval-plan-step.active:before{background:var(--color-primary, var(--ml-action));box-shadow:0 0 0 4px rgba(var(--ml-action-page-rgb),.12)}.interval-plan-step.is-rest.active{background:var(--timer-green-soft)}.interval-plan-step.is-rest.active:before{background:var(--timer-green-dot-strong);box-shadow:0 0 0 4px #42c97c1f}.interval-plan-step.is-prep.active{background:var(--ml-surface-raised)}.interval-plan-step.complete{color:var(--ml-text-muted)}.interval-plan-step.complete:before{background:var(--timer-green-dot)}.interval-preset-row{grid-template-columns:repeat(6,minmax(0,1fr))}.interval-preset-row .preset-btn{grid-column:span 2;min-width:0;padding-inline:.35rem}.interval-preset-row .preset-btn:nth-last-child(-n+2){grid-column:span 3}.laps-list{max-height:230px}.lap-item{background:var(--ml-surface-raised)}.empty-state{margin:var(--space-md, .75rem) 0 0;padding:var(--space-md, .75rem);border:1px solid var(--ml-control-border);border-radius:var(--radius-md, .5rem);background:var(--ml-control-fill)}.online-timer-tool :is(button,input):focus-visible:not(:where(html[data-ml-input=pointer] *)){outline:none;box-shadow:0 0 0 1px #ffffff29,0 0 0 4px rgba(var(--ml-action-page-rgb),.24)}.online-timer-tool.mode-timer .online-timer-grid{grid-template-columns:minmax(320px,.78fr) minmax(420px,1.42fr);justify-content:stretch}.online-timer-tool.mode-timer .timer-session-card{display:none}.online-timer-tool.mode-timer .timer-display-card{min-height:400px}.online-timer-tool.mode-timer .timer-ring{width:min(330px,100%)}.online-timer-tool.mode-timer .preset-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem}.online-timer-tool.mode-timer .timer-actions{grid-template-columns:92px 132px 92px;justify-content:center;align-items:center}.online-timer-tool.mode-timer .timer-action-primary{min-width:130px}.timer-adjust-btn{display:none;min-width:78px}.online-timer-tool.mode-timer .timer-adjust-btn{display:inline-flex}.online-timer-tool.mode-stopwatch .timer-cue-panel{display:none}.online-timer-tool.mode-stopwatch .online-timer-grid{grid-template-columns:minmax(320px,.78fr) minmax(420px,1.42fr);justify-content:stretch}.online-timer-tool.mode-stopwatch .timer-settings-card{display:none}.online-timer-tool.mode-stopwatch .timer-display-card,.online-timer-tool.mode-stopwatch .timer-session-card{min-height:400px}.online-timer-tool.mode-stopwatch .timer-session-card{order:1}.online-timer-tool.mode-stopwatch .timer-display-card{order:2}.online-timer-tool.mode-stopwatch .timer-session-card{display:flex;flex-direction:column}.online-timer-tool.mode-stopwatch .timer-ring{width:min(330px,100%)}.online-timer-tool.mode-stopwatch .timer-actions{grid-template-columns:92px 132px 92px;justify-content:center;align-items:center}.online-timer-tool.mode-stopwatch .timer-clear-btn{display:inline-flex}.online-timer-tool.mode-stopwatch .session-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.online-timer-tool.mode-stopwatch .session-stat-primary{grid-column:1 / -1}.phase-timeline:empty{display:none}.online-timer-tool.mode-stopwatch .laps-list{flex:1;max-height:220px;min-height:132px}.stopwatch-stats{display:grid;gap:var(--space-sm, .5rem)}.stopwatch-stat{min-width:0;padding:.85rem;border:0;border-radius:var(--radius-md, .5rem);background:var(--ml-surface-raised)}.stopwatch-stat span{display:block;margin-bottom:.35rem;color:var(--ml-text-secondary);font-size:11px;font-weight:700}.stopwatch-stat strong{display:block;color:var(--ml-text-primary);font-size:clamp(1.05rem,2vw,1.4rem);font-variant-numeric:tabular-nums;font-weight:800;line-height:1.1;overflow-wrap:anywhere}.stopwatch-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm, .5rem);margin-top:var(--space-md, .75rem)}.lap-row{gap:12px}.lap-row-index{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border:0;border-radius:999px;background:var(--ml-surface);color:var(--ml-text-muted);font-size:11px;font-weight:700;font-variant-numeric:tabular-nums}.lap-row-time{font-variant-numeric:tabular-nums}.lap-row-total{flex:0 0 auto;color:var(--ml-text-muted);font-size:.75rem;font-style:normal;font-variant-numeric:tabular-nums;font-weight:650;white-space:nowrap}.lap-row.is-live .lap-row-index{color:var(--timer-green-text);font-size:9px}.lap-row.is-live .lap-row-time,.lap-row.is-best .lap-row-time{color:var(--timer-green-text)}.lap-row.is-slowest .lap-row-time{color:var(--tool-danger-icon)}.online-timer-tool.mode-pomodoro .online-timer-grid{grid-template-columns:minmax(260px,.8fr) minmax(410px,1.36fr) minmax(250px,.84fr);justify-content:stretch}.online-timer-tool.mode-pomodoro .timer-session-card{display:flex;flex-direction:column;overflow:hidden;order:3}.online-timer-tool.mode-pomodoro .timer-settings-card,.online-timer-tool.mode-pomodoro .timer-display-card,.online-timer-tool.mode-pomodoro .timer-session-card{min-height:400px}.online-timer-tool.mode-pomodoro .timer-display-card{order:2}.online-timer-tool.mode-pomodoro .timer-settings-card{order:1}.online-timer-tool.mode-pomodoro .timer-ring{width:min(330px,100%)}.online-timer-tool.mode-pomodoro .timer-actions{grid-template-columns:92px 132px 92px;justify-content:center;align-items:center}.online-timer-tool.mode-pomodoro .pomodoro-live-panel{display:none}.online-timer-tool.mode-pomodoro .session-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.online-timer-tool.mode-pomodoro .session-stat-primary{grid-column:1 / -1}.online-timer-tool.mode-pomodoro .phase-timeline{display:block;max-height:clamp(170px,28vh,292px);overflow-y:auto;overscroll-behavior:contain;padding-right:.15rem}.online-timer-tool.mode-pomodoro .laps-list{display:none}.online-timer-tool.mode-interval .online-timer-grid{grid-template-columns:minmax(260px,.8fr) minmax(410px,1.36fr) minmax(250px,.84fr);justify-content:stretch}.online-timer-tool.mode-interval .timer-session-card{display:flex;flex-direction:column;overflow:hidden;order:3}.online-timer-tool.mode-interval .timer-settings-card,.online-timer-tool.mode-interval .timer-display-card,.online-timer-tool.mode-interval .timer-session-card{min-height:400px}.online-timer-tool.mode-interval .timer-display-card{order:2}.online-timer-tool.mode-interval .timer-settings-card{order:1}.online-timer-tool.mode-interval .timer-ring{width:min(330px,100%)}.online-timer-tool.mode-interval .timer-actions{grid-template-columns:92px 132px 92px;justify-content:center;align-items:center}.online-timer-tool.mode-interval .session-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.online-timer-tool.mode-interval .session-stat-primary{grid-column:1 / -1}.online-timer-tool{--timer-scroll-fade: linear-gradient(to bottom, #000 calc(100% - 24px) , transparent 100%)}.online-timer-tool.mode-interval .phase-timeline{display:block;max-height:clamp(170px,28vh,292px);overflow-y:auto;overscroll-behavior:contain;padding-right:.15rem;scrollbar-width:thin;scrollbar-color:var(--timer-scrollbar) transparent;-webkit-mask-image:var(--timer-scroll-fade);mask-image:var(--timer-scroll-fade)}.online-timer-tool.mode-interval .phase-timeline::-webkit-scrollbar{width:6px}.online-timer-tool.mode-interval .phase-timeline::-webkit-scrollbar-track{background:transparent}.online-timer-tool.mode-interval .phase-timeline::-webkit-scrollbar-thumb{border-radius:999px;background:var(--ml-surface-pressed)}.online-timer-tool.mode-interval .laps-list{display:none}.online-timer-tool.mode-meeting-cost .online-timer-grid{grid-template-columns:minmax(280px,.82fr) minmax(410px,1.28fr) minmax(280px,.9fr);justify-content:stretch}.online-timer-tool.mode-meeting-cost .timer-settings-card,.online-timer-tool.mode-meeting-cost .timer-display-card,.online-timer-tool.mode-meeting-cost .timer-session-card{min-height:400px}.online-timer-tool.mode-meeting-cost .timer-settings-card{order:1}.online-timer-tool.mode-meeting-cost .timer-display-card{order:2;background:radial-gradient(circle at 50% 44%,rgba(var(--ml-action-page-rgb),.12),transparent 38%),var(--timer-surface-grad)}.online-timer-tool.mode-meeting-cost .timer-session-card{display:flex;flex-direction:column;order:3}.online-timer-tool.mode-meeting-cost .timer-display-card:not(:fullscreen) .timer-ring{width:min(330px,100%)}.online-timer-tool.mode-meeting-cost .timer-actions{grid-template-columns:92px 132px;justify-content:center;align-items:center}.online-timer-tool.mode-meeting-cost .session-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.online-timer-tool.mode-meeting-cost .session-stat-primary{grid-column:1 / -1}.online-timer-tool.mode-meeting-cost .phase-timeline{align-items:flex-start}.online-timer-tool.mode-meeting-cost .laps-list{display:none}.online-timer-tool.mode-meeting-cost.is-running .timer-ring:before{animation:meeting-cost-pulse 1.8s ease-in-out infinite}.online-timer-tool.mode-meeting-cost.meeting-over-plan .timer-ring-progress{stroke:var(--ml-text-secondary)}.meeting-preset-row{grid-template-columns:repeat(2,minmax(0,1fr));margin:var(--space-sm, .5rem) 0 var(--space-md, .75rem)}.online-timer-tool.interval-phase-prep .timer-ring-progress{stroke:var(--ml-text-secondary)}.online-timer-tool.mode-interval.interval-phase-prep .timer-display-card{background:radial-gradient(circle at 50% 44%,rgba(255,255,255,.06),transparent 35%),var(--timer-surface-grad-soft)}.online-timer-tool.interval-phase-prep .interval-display-phase{color:var(--ml-text-secondary)}.online-timer-tool.interval-phase-rest .timer-ring-progress{stroke:var(--timer-green-stroke)}.online-timer-tool.mode-interval.interval-phase-rest .timer-display-card{background:radial-gradient(circle at 50% 44%,rgba(66,201,124,.1),transparent 38%),var(--timer-surface-grad)}.online-timer-tool.interval-phase-rest .interval-display-phase{color:var(--timer-green-text)}.pomodoro-live-panel{display:grid;gap:var(--space-md, .75rem);margin-top:var(--space-md, .75rem);padding-top:var(--space-md, .75rem);border-top:1px solid var(--timer-divider)}.pomodoro-live-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm, .5rem)}.pomodoro-live-stat:first-child{grid-column:1 / -1}.pomodoro-live-stat{min-width:0;padding:.72rem .78rem;border:0;border-radius:var(--radius-md, .5rem);background:var(--ml-surface-raised)}.pomodoro-live-stat span{display:block;margin-bottom:.25rem;color:var(--ml-text-secondary);font-size:11px;font-weight:700}.pomodoro-live-stat strong{display:block;color:var(--ml-text-primary);font-size:16px;font-weight:800;line-height:1.15;overflow-wrap:anywhere}.pomodoro-live-stat:first-child strong{font-size:20px}.pomodoro-round-strip{padding:0 .1rem}.pomodoro-mark-list{display:grid;gap:var(--space-sm, .5rem);max-height:156px;overflow-y:auto}.pomodoro-mark-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md, .75rem);min-height:44px;padding:.58rem .68rem;border:0;border-radius:var(--radius-md, .5rem);background:var(--ml-surface-raised)}.pomodoro-mark-item span{min-width:0;color:var(--ml-text-secondary);font-size:12px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pomodoro-mark-item strong{color:var(--ml-text-secondary);font-size:11px;font-variant-numeric:tabular-nums;font-weight:700;white-space:nowrap}.online-timer-tool.pomodoro-phase-break .timer-display-card,.online-timer-tool.pomodoro-phase-long-break .timer-display-card{background:radial-gradient(circle at 50% 44%,rgba(255,255,255,.06),transparent 35%),var(--timer-surface-grad-soft)}.online-timer-tool.mode-pomodoro.pomodoro-phase-transition .timer-ring:before{animation:pomodoro-phase-wave 1.08s ease-out both}.online-timer-tool.mode-pomodoro.pomodoro-cycle-complete .timer-ring:before{animation:pomodoro-cycle-wave 1.75s ease-out both}.online-timer-tool.mode-interval.interval-phase-transition .timer-ring:before{animation:interval-phase-wave .95s ease-out both}.online-timer-tool.mode-interval.interval-workout-complete .timer-ring:before{animation:interval-workout-wave 1.55s ease-out both}@keyframes pomodoro-phase-wave{0%{opacity:0;transform:scale(.55)}28%{opacity:.54}to{opacity:0;transform:scale(1.18)}}@keyframes pomodoro-cycle-wave{0%{opacity:0;transform:scale(.48) rotate(0)}22%{opacity:.68}to{opacity:0;transform:scale(1.34) rotate(18deg)}}@keyframes interval-phase-wave{0%{opacity:0;transform:scale(.58)}30%{opacity:.48}to{opacity:0;transform:scale(1.16)}}@keyframes interval-workout-wave{0%{opacity:0;transform:scale(.46)}24%{opacity:.62}to{opacity:0;transform:scale(1.32)}}@keyframes meeting-cost-pulse{0%,to{opacity:.12;transform:scale(.76)}50%{opacity:.34;transform:scale(1.02)}}.timer-complete-state{position:absolute;inset:8%;pointer-events:none}.timer-complete-state{z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;opacity:0;transform:scale(.98);transition:opacity .18s ease,transform .18s ease}.timer-complete-state strong{max-width:240px;color:var(--ml-text-primary);font-size:clamp(1.8rem,4vw,2.85rem);font-weight:800;line-height:1.02}.timer-complete-state span{max-width:220px;margin-top:.6rem;color:var(--ml-text-secondary);font-size:13px;font-weight:700;line-height:1.35}.online-timer-tool.is-complete .timer-complete-state{opacity:1;transform:scale(1)}.online-timer-tool.is-complete .timer-face{opacity:0}.confetti-layer{position:fixed;inset:0;z-index:9999;overflow:hidden;pointer-events:none}.confetti-piece{position:absolute;top:50%;left:50%;width:var(--piece-width, 7px);height:var(--piece-height, 12px);border-radius:2px;background:var(--piece-color, var(--ml-action));opacity:0;transform:translate(-50%,-50%) rotate(0) scale(.5);animation:timer-confetti 2.7s cubic-bezier(.16,.8,.28,1) var(--delay, 0s) both}@keyframes timer-confetti{0%{opacity:0;transform:translate(-50%,-50%) rotate(0) scale(.45)}10%{opacity:1}45%{opacity:1;transform:translate(calc(-50% + var(--tx-mid, 0px)),calc(-50% + var(--ty-mid, 0px))) rotate(var(--spin, 360deg)) scale(1)}to{opacity:0;transform:translate(calc(-50% + var(--tx, 0px)),calc(-50% + var(--ty, 0px) + var(--fall, 320px))) rotate(var(--spin, 360deg)) scale(.92)}}.event-card-head,.event-card-foot,.online-timer-tool.is-event-card .mode-selector-row,.online-timer-tool.is-event-card .timer-settings-card,.online-timer-tool.is-event-card .timer-session-card,.online-timer-tool.is-event-card .timer-display-actions,.online-timer-tool.is-event-card .timer-actions{display:none}.online-timer-tool.is-event-card .online-timer-grid{grid-template-columns:1fr}.online-timer-tool.is-event-card .timer-display-card{min-height:600px;padding:clamp(2rem,5vw,3.4rem) 1.5rem 2rem;gap:1.4rem}.online-timer-tool.is-event-card .event-card-head{display:grid;justify-items:center;gap:.5rem;text-align:center}.event-card-kicker{color:var(--ml-text-muted);font-size:12px;font-weight:700;letter-spacing:.08em}.event-card-title{margin:0;max-width:22ch;color:var(--ml-text-primary);font-size:clamp(1.5rem,3.4vw,2.3rem);font-weight:800;line-height:1.08;overflow-wrap:anywhere}.event-card-date{color:var(--ml-text-secondary);font-size:13px;font-weight:650;font-variant-numeric:tabular-nums}.online-timer-tool.is-event-card .event-card-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.75rem}.online-timer-tool.is-event-card .timer-subdisplay{display:none}.event-card-cta{text-decoration:none}.timer-field input.is-nudged{animation:timer-field-nudge 1.5s ease}@keyframes timer-field-nudge{0%,to{box-shadow:0 0 rgba(var(--ml-action-page-rgb),0)}25%{border-color:var(--ml-action);box-shadow:0 0 0 4px rgba(var(--ml-action-page-rgb),.35)}60%{box-shadow:0 0 0 3px rgba(var(--ml-action-page-rgb),.18)}}.countdown-share-panel{display:none;gap:var(--space-md, .75rem)}.online-timer-tool.mode-countdown .countdown-share-panel{display:grid}.online-timer-tool.mode-countdown .session-summary,.online-timer-tool.mode-countdown .phase-timeline,.online-timer-tool.mode-countdown .laps-list{display:none}.online-timer-tool.mode-countdown .timer-display-card,.countdown-preview-card{--ml-text-primary: #fff;--ml-text-secondary: rgba(255,255,255,.86);--ml-text-muted: var(--ml-text-secondary);--ml-section-heading-color: var(--ml-text-primary);--ml-text-disabled: var(--ml-media-text-disabled);--ml-surface-solid: #191919;--ml-flat-hover-fill: var(--ml-flat-hover-on-dark);--timer-ring-inner-shadow: inset 0 0 40px rgba(0,0,0,.18)}html[data-theme=light] :is(.online-timer-tool.mode-countdown .timer-display-card,.countdown-preview-card){--ml-btn-choice-active-color: var(--ml-text-primary);--ml-btn-choice-active-bg: var(--ml-action)}.countdown-preview-card{position:relative;display:flex;flex-direction:column;overflow:hidden;min-height:148px;padding:var(--space-lg, 1rem);border:0;border-radius:var(--radius-md, .5rem);background:radial-gradient(circle at 88% 18%,rgba(var(--ml-action-page-rgb),.14),transparent 38%),var(--timer-preview-base)}.countdown-preview-foot{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:var(--space-xs);margin-top:auto;padding-top:.75rem}.countdown-preview-foot>small{flex:1 1 auto;min-width:0;margin:0}.countdown-preview-actions{flex:0 0 auto;display:flex;align-items:center;gap:.4rem}#countdownPreviewTitle,.countdown-preview-card small{position:relative;z-index:1;display:block;color:var(--ml-text-secondary);font-size:11px;font-weight:700;line-height:1.35}.countdown-preview-card strong{position:relative;z-index:1;display:block;max-width:100%;margin:.55rem 0 .4rem;color:var(--ml-text-primary);font-size:clamp(1.55rem,3vw,2.15rem);font-weight:800;line-height:1;font-variant-numeric:tabular-nums;white-space:normal;overflow-wrap:anywhere}.countdown-preview-card strong .countdown-preview-stack{display:grid;justify-items:start;gap:.16rem;color:inherit;font-size:inherit;font-weight:inherit;line-height:.96}.countdown-preview-card strong .countdown-preview-primary,.countdown-preview-card strong .countdown-preview-secondary{position:relative;z-index:1;display:block;max-width:100%;color:var(--ml-text-primary);font-size:inherit;font-weight:800;line-height:inherit;font-variant-numeric:tabular-nums}.countdown-preview-card strong .countdown-preview-secondary{font-size:.72em;color:var(--ml-text-secondary)}.countdown-preview-card strong .countdown-preview-stack.is-long-days .countdown-preview-primary{font-size:.86em}.countdown-control-group{display:grid;gap:.45rem}.control-label{color:var(--ml-text-secondary);font-size:11px;font-weight:700;letter-spacing:.02em}.countdown-control-group .ml-action-segmented{justify-self:start;width:max-content;max-width:100%}.countdown-preview-card strong{min-height:2.1em}.online-timer-tool.mode-countdown .timer-display-card{background:radial-gradient(circle at 50% 44%,rgba(var(--ml-action-page-rgb),.1),transparent 38%),var(--timer-surface-grad)}.online-timer-tool.mode-countdown .timer-actions{display:none}.online-timer-tool.mode-countdown .timer-settings-card{align-self:stretch}.online-timer-tool.mode-countdown.theme-generic .timer-display-card,.online-timer-tool.mode-countdown.theme-generic .countdown-preview-card{background:radial-gradient(circle at 50% 46%,#08080a6b,#08080a00 62%) center / cover no-repeat,url(/assets/tools/online-timer/themes/generic.webp?v=1) center / cover no-repeat,var(--timer-surface-grad)}.online-timer-tool.mode-countdown.theme-launch .timer-display-card,.online-timer-tool.mode-countdown.theme-launch .countdown-preview-card{background:radial-gradient(circle at 50% 46%,#08080a6b,#08080a00 62%) center / cover no-repeat,url(/assets/tools/online-timer/themes/launch.webp?v=1) center / cover no-repeat,var(--timer-surface-grad)}.online-timer-tool.mode-countdown.theme-birthday .timer-display-card,.online-timer-tool.mode-countdown.theme-birthday .countdown-preview-card{background:radial-gradient(circle at 50% 46%,#08080a6b,#08080a00 62%) center / cover no-repeat,url(/assets/tools/online-timer/themes/birthday.webp?v=1) center / cover no-repeat,var(--timer-surface-grad)}.online-timer-tool.mode-countdown.theme-vacation .timer-display-card,.online-timer-tool.mode-countdown.theme-vacation .countdown-preview-card{background:radial-gradient(circle at 50% 46%,#08080a6b,#08080a00 62%) center / cover no-repeat,url(/assets/tools/online-timer/themes/vacation.webp?v=1) center / cover no-repeat,var(--timer-surface-grad)}.online-timer-tool.mode-countdown.theme-wedding .timer-display-card,.online-timer-tool.mode-countdown.theme-wedding .countdown-preview-card{background:radial-gradient(circle at 50% 46%,#08080a6b,#08080a00 62%) center / cover no-repeat,url(/assets/tools/online-timer/themes/wedding.webp?v=1) center / cover no-repeat,var(--timer-surface-grad)}.online-timer-tool.mode-countdown.theme-deadline .timer-display-card,.online-timer-tool.mode-countdown.theme-deadline .countdown-preview-card{background:radial-gradient(circle at 50% 46%,#08080a6b,#08080a00 62%) center / cover no-repeat,url(/assets/tools/online-timer/themes/deadline.webp?v=1) center / cover no-repeat,var(--timer-surface-grad)}.online-timer-tool.mode-countdown.theme-christmas .timer-display-card,.online-timer-tool.mode-countdown.theme-christmas .countdown-preview-card{background:radial-gradient(circle at 50% 46%,#08080a6b,#08080a00 62%) center / cover no-repeat,url(/assets/tools/online-timer/themes/christmas.webp?v=1) center / cover no-repeat,var(--timer-surface-grad)}.online-timer-tool.mode-countdown.theme-new-year .timer-display-card,.online-timer-tool.mode-countdown.theme-new-year .countdown-preview-card{background:radial-gradient(circle at 50% 46%,#08080a6b,#08080a00 62%) center / cover no-repeat,url(/assets/tools/online-timer/themes/new-year.webp?v=1) center / cover no-repeat,var(--timer-surface-grad)}.online-timer-tool.mode-countdown.theme-valentine .timer-display-card,.online-timer-tool.mode-countdown.theme-valentine .countdown-preview-card{background:radial-gradient(circle at 50% 46%,#08080a6b,#08080a00 62%) center / cover no-repeat,url(/assets/tools/online-timer/themes/valentine.webp?v=1) center / cover no-repeat,var(--timer-surface-grad)}.online-timer-tool.mode-countdown.theme-halloween .timer-display-card,.online-timer-tool.mode-countdown.theme-halloween .countdown-preview-card{background:radial-gradient(circle at 50% 46%,#08080a6b,#08080a00 62%) center / cover no-repeat,url(/assets/tools/online-timer/themes/halloween.webp?v=1) center / cover no-repeat,var(--timer-surface-grad)}.online-timer-tool.mode-countdown.theme-st-patrick .timer-display-card,.online-timer-tool.mode-countdown.theme-st-patrick .countdown-preview-card{background:radial-gradient(circle at 50% 46%,#08080a6b,#08080a00 62%) center / cover no-repeat,url(/assets/tools/online-timer/themes/st-patrick.webp?v=1) center / cover no-repeat,var(--timer-surface-grad)}.online-timer-tool.mode-countdown.theme-black-friday .timer-display-card,.online-timer-tool.mode-countdown.theme-black-friday .countdown-preview-card{background:radial-gradient(circle at 50% 46%,#08080a6b,#08080a00 62%) center / cover no-repeat,url(/assets/tools/online-timer/themes/black-friday.webp?v=1) center / cover no-repeat,var(--timer-surface-grad)}.online-timer-tool.mode-countdown .timer-display{font-size:var(--timer-display-size, clamp(2rem, 3.2vw, 3.05rem))}.interval-preset-row{margin-bottom:var(--space-md, .75rem)}.docs-link-short{display:none}@media(max-width:1080px){.online-timer-grid,.online-timer-tool.mode-timer .online-timer-grid,.online-timer-tool.mode-stopwatch .online-timer-grid,.online-timer-tool.mode-pomodoro .online-timer-grid,.online-timer-tool.mode-interval .online-timer-grid,.online-timer-tool.mode-meeting-cost .online-timer-grid{grid-template-columns:1fr}.timer-display-card,.online-timer-tool.mode-stopwatch .timer-display-card,.online-timer-tool.mode-pomodoro .timer-display-card,.online-timer-tool.mode-interval .timer-display-card,.online-timer-tool.mode-meeting-cost .timer-display-card{order:-1;min-height:auto}.online-timer-tool.mode-stopwatch .timer-session-card,.online-timer-tool.mode-pomodoro .timer-settings-card,.online-timer-tool.mode-interval .timer-settings-card,.online-timer-tool.mode-meeting-cost .timer-settings-card{order:0}.online-timer-tool.mode-pomodoro .timer-session-card,.online-timer-tool.mode-interval .timer-session-card,.online-timer-tool.mode-meeting-cost .timer-session-card{order:1}}@media(max-width:768px){.page-layout{padding-top:0;padding-bottom:0}.content-wrapper{padding:1rem .75rem}.timer-ring{width:min(300px,84vw)}.timer-display{font-size:var(--timer-display-size, clamp(1.85rem, 10vw, 2.8rem))}.online-timer-tool.mode-stopwatch .timer-display,.online-timer-tool.mode-meeting-cost .timer-display{font-size:var(--timer-display-size, clamp(1.45rem, 7.6vw, 2.05rem))}.timer-actions{width:100%;max-width:240px;grid-template-columns:1fr;align-items:stretch}.timer-display-actions{max-width:100%;position:static;align-self:flex-end;margin:0 0 4px auto}.timer-field,.cue-toggle span,.session-stat span,.control-label,.interval-plan-step span,.interval-plan-step strong,.pomodoro-cycle-step span,.pomodoro-cycle-step strong,#countdownPreviewTitle,#countdownPreviewMeta{font-size:13px}.timer-field input{min-height:44px}.pomodoro-auto-line{min-height:44px;align-items:center}.timer-actions .btn{width:100%}.settings-grid,.session-stats,.preset-row,.countdown-share-actions{grid-template-columns:1fr}.online-timer-tool.mode-meeting-cost .meeting-preset-row{grid-template-columns:repeat(2,minmax(0,1fr))}.online-timer-tool.mode-timer .timer-display-card{min-height:auto}.online-timer-tool.mode-meeting-cost .timer-session-card{min-height:0}#lapsList,.online-timer-tool.mode-pomodoro .phase-timeline,.online-timer-tool.mode-interval .phase-timeline{max-height:58vh;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--timer-scrollbar) transparent;-webkit-mask-image:var(--timer-scroll-fade);mask-image:var(--timer-scroll-fade)}#lapsList{min-height:0}.datetime-shell{min-width:0;max-width:100%}.datetime-shell:after{display:none}.datetime-shell input{padding-right:.75rem}.online-timer-tool.mode-interval .interval-preset-row{grid-template-columns:repeat(6,minmax(0,1fr))}.online-timer-tool.mode-interval .settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.online-timer-tool.mode-timer .timer-actions,.online-timer-tool.mode-stopwatch .timer-actions,.online-timer-tool.mode-pomodoro .timer-actions,.online-timer-tool.mode-interval .timer-actions,.online-timer-tool.mode-meeting-cost .timer-actions{grid-template-columns:1fr}.online-timer-tool.mode-timer .timer-action-primary{grid-column:auto;width:100%}.step-arrow{display:none}}@media(max-width:480px){.mobile-btn-label,.docs-link-full{display:none}.docs-link-short{display:inline}.timer-display-card{padding:.8rem}.timer-ring{width:min(260px,82vw)}}}html[data-theme][data-theme] body.tool-page[class] .timer-pin-btn.active,html[data-theme][data-theme] body.tool-page[class] .timer-pin-btn.active:hover,html[data-theme][data-theme] body.tool-page[class] .timer-focus-btn.active,html[data-theme][data-theme] body.tool-page[class] .timer-focus-btn.active:hover{color:var(--ml-action-ink)}body.tool-page .online-timer-wrapper .section-header-row{margin-bottom:16px}html[data-theme][data-theme] body.tool-page[class] #shareCountdownBtn{height:30px;min-height:30px;padding:0 12px;font-size:12px;gap:6px}html[data-theme][data-theme] body.tool-page[class] #shareCountdownBtn i{font-size:11px}html[data-theme][data-theme] body.tool-page[class] .online-timer-tool.is-event-card .event-card-cta,html[data-theme][data-theme] body.tool-page[class] .online-timer-tool.is-event-card .event-card-cta:hover{color:#fff}.online-timer-tool button:enabled{cursor:pointer}