:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color-scheme:light;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--page-bg: #fffdf9;--text: #1c1b19;--muted: #625f59;--line: #d7d1c8;--line-strong: #aaa39a;--surface: #ffffff;--surface-subtle: #f5f1ea;--accent: #8a351f;--accent-hover: #642313;--focus: #1769aa;--danger: #9f2d27;--success: #276749;--content-width: 1040px}:root[data-theme=dark]{color-scheme:dark;--page-bg: #12110f;--text: #f0ede7;--muted: #b5b0a8;--line: #46413a;--line-strong: #746d64;--surface: #171512;--surface-subtle: #1e1b17;--accent: #f0a087;--accent-hover: #ffc0ac;--focus: #8bc5f2;--danger: #ff9b91;--success: #8ed0ad}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:var(--page-bg)}body{min-width:320px;min-height:100vh;margin:0;overflow-x:clip;background:var(--page-bg);color:var(--text)}button,input,select,textarea{min-width:0;font:inherit}button,summary,select,input[type=checkbox],input[type=radio],input[type=color]{cursor:pointer}a{color:var(--accent);text-decoration-thickness:1px;text-underline-offset:.18em}a:hover{color:var(--accent-hover)}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}button:disabled,input:disabled,select:disabled{cursor:not-allowed}#root{min-height:100vh}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.settings-page{min-height:100vh;background:var(--page-bg)}.site-header{border-bottom:1px solid var(--line)}.site-header-inner{display:flex;align-items:center;width:min(var(--content-width),100%);min-height:64px;margin:0 auto;padding:0 22px}.site-name,.tool-name{color:var(--text);font-weight:760;text-decoration:none}.site-divider{margin:0 10px;color:var(--line-strong)}.tool-name{color:var(--muted);font-weight:620}.site-nav{display:flex;align-items:center;gap:18px;margin-left:auto}.site-nav a{font-size:.9rem}.theme-toggle{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--line);border-radius:50%;color:var(--text);background:transparent}.theme-toggle:hover{border-color:var(--line-strong);background:var(--surface-subtle)}.theme-icon{width:21px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}.theme-icon-moon,:root[data-theme=dark] .theme-icon-sun{display:none}:root[data-theme=dark] .theme-icon-moon{display:block}.settings-shell{width:min(var(--content-width),100%);margin:0 auto;padding:clamp(18px,3vw,30px) 22px 140px}.settings-intro{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 28px;align-items:center;padding-bottom:18px}.eyebrow,.section-number{margin:0 0 8px;color:var(--accent);font-size:.75rem;font-weight:780;letter-spacing:.13em}.settings-intro-copy h1{margin:0;font-size:clamp(1.45rem,3vw,2rem);line-height:1.15;letter-spacing:-.025em}.settings-intro-copy p{margin:5px 0 0;color:var(--muted);font-size:.9rem;line-height:1.5}.quick-guide{justify-self:end;color:var(--muted);font-size:.88rem}.quick-guide summary{min-height:44px;color:var(--text);font-weight:650}.quick-guide p,.quick-guide ul{margin:8px 0}.quick-guide[open]{width:min(440px,100%)}.quick-guide ul{padding-left:1.25rem}.settings-group{padding:clamp(24px,4vw,40px) 0;border-top:1px solid var(--line)}.group-heading{display:grid;grid-template-columns:minmax(250px,.8fr) minmax(280px,1.2fr);gap:20px 48px;margin-bottom:18px}.group-heading h2{margin:0;font-size:clamp(1.45rem,3vw,2rem);letter-spacing:-.025em}.group-heading>p{max-width:58ch;margin:22px 0 0;color:var(--muted);line-height:1.7}.step-list{display:grid;gap:18px}.step-editor{position:relative;padding:0 0 0 15px;border:1px solid var(--line);border-left:5px solid var(--step-color);background:var(--surface)}.step-editor:focus-within{z-index:2}.step-editor-header{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:10px;align-items:center;min-height:68px;padding:10px 14px 10px 0;border-bottom:1px solid var(--line)}.step-index{color:var(--muted);font-size:.85rem;font-variant-numeric:tabular-nums}.step-name-combobox{position:relative;min-width:0}.step-name-field{display:block}.step-name-field input{width:100%;padding:8px 0;border:0;border-bottom:1px solid transparent;border-radius:0;color:var(--text);background:transparent;font-size:clamp(1.1rem,2vw,1.35rem);font-weight:700}.step-name-suggestions{position:absolute;top:calc(100% + 5px);right:0;left:0;z-index:20;max-height:min(280px,45vh);padding:5px;margin:0;overflow-y:auto;border:1px solid var(--line-strong);background:var(--surface);box-shadow:0 10px 24px #00000024;list-style:none}.step-name-suggestions[data-placement=above]{top:auto;bottom:calc(100% + 5px)}.step-name-suggestions li{display:flex;align-items:center;min-height:44px;padding:8px 10px;color:var(--text);cursor:pointer}.step-name-suggestions li:hover,.step-name-suggestions li[aria-selected=true]{background:var(--surface-subtle)}.step-name-field input:hover,.step-name-field input:focus{border-bottom-color:var(--line-strong)}.step-order-actions{display:flex;gap:4px}.step-order-actions button{width:44px;height:44px;padding:0;border:1px solid transparent;color:var(--muted);background:transparent;font-size:1.1rem}.step-order-actions button:hover:not(:disabled){border-color:var(--line);color:var(--text);background:var(--surface-subtle)}.step-order-actions button:disabled{opacity:.3}.destructive-action{color:var(--danger)!important}.step-primary-fields{display:grid;grid-template-columns:minmax(190px,1.2fr) minmax(175px,1fr) minmax(155px,.9fr) 90px;gap:18px;align-items:end;padding:20px 14px 20px 0}.step-primary-fields>label,.settings-grid>label,.warning-row>label,.audio-settings-grid>label{display:grid;gap:7px;color:var(--muted);font-size:.8rem;font-weight:650}input[type=text],input[type=number],select,textarea{width:100%;min-height:44px;padding:9px 11px;border:1px solid var(--line-strong);border-radius:3px;color:var(--text);background:var(--surface)}textarea{min-height:170px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.82rem}input[type=color]{width:54px;height:44px;padding:3px;border:1px solid var(--line-strong);border-radius:3px;background:var(--surface)}.duration-fields{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"legend legend legend" "minutes separator seconds";gap:9px;min-width:0;padding:0;border:0}.duration-fields legend{grid-area:legend;padding:0;color:var(--muted);font-size:.8rem;font-weight:650}.duration-fields label:first-of-type{grid-area:minutes}.duration-fields label:last-of-type{grid-area:seconds}.duration-fields label{display:grid;flex:1;gap:7px;color:var(--muted);font-size:.8rem;font-weight:650}.duration-fields input{color:var(--text);font-size:1.2rem;font-variant-numeric:tabular-nums;font-weight:700;text-align:center}.duration-separator{grid-area:separator;padding-bottom:8px;color:var(--muted);font-size:1.4rem;font-weight:700}.color-field{justify-items:start}.warning-settings{border-top:1px solid var(--line)}.advanced-tools>summary{display:flex;align-items:center;justify-content:space-between;min-height:52px;padding:0 14px 0 0;color:var(--text);font-weight:680;list-style:none}.warning-settings summary{display:grid;grid-template-columns:minmax(0,1fr) auto 24px;gap:5px 8px;align-items:center;min-height:52px;padding:9px 14px 9px 0;color:var(--text);font-weight:680;list-style:none}.warning-settings summary::-webkit-details-marker,.advanced-tools>summary::-webkit-details-marker{display:none}.advanced-tools>summary:after{content:"+";margin-left:12px;color:var(--muted);font-size:1.25rem;font-weight:400}.advanced-tools[open]>summary:after{content:"−"}.summary-toggle:before{color:var(--muted);content:"+";font-size:1.25rem;font-weight:400}.warning-settings[open] .summary-toggle:before{content:"−"}.warning-summary-preview{display:flex;grid-column:1 / -1;flex-wrap:wrap;gap:4px 14px;max-height:3.3rem;overflow:hidden;color:var(--muted);font-size:.78rem;font-weight:520;line-height:1.45}.warning-settings[open] .warning-summary-preview{display:none}.warning-summary-item,.warning-summary-color{display:inline-flex;gap:4px;align-items:center}.warning-color-swatch{width:10px;height:10px;border:1px solid currentColor;background:var(--warning-color)}.summary-meta{min-width:28px;margin-left:auto;color:var(--muted);font-variant-numeric:tabular-nums;text-align:center}.warning-settings-body{padding:4px 14px 22px 0}.warning-empty-state{margin:2px 0 8px;color:var(--muted);font-size:.86rem}.toggle-row,.compact-check{display:flex!important;align-items:center;gap:10px!important;min-height:44px;color:var(--text)!important;font-size:.9rem!important;font-weight:560!important}.toggle-row input,.compact-check input{width:20px;height:20px;accent-color:var(--accent)}.warning-list{display:grid;gap:10px;margin:10px 0}.warning-row{display:grid;grid-template-columns:90px minmax(130px,1fr) minmax(145px,1fr) minmax(170px,1.2fr) 90px auto;gap:12px;align-items:end;padding:14px;border:1px solid var(--line);background:var(--surface-subtle)}.warning-row legend{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.warning-row:disabled{opacity:.55}.warning-delete{min-height:44px;padding:8px 10px;border:1px solid var(--line);background:transparent}.text-action,.add-step-button{min-height:44px;padding:8px 0;border:0;color:var(--accent);background:transparent;font-weight:690;text-align:left}.add-step-button{margin-top:14px}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 26px}.segmented-field{grid-column:1 / -1;padding:0;border:0}.segmented-field legend{margin-bottom:8px;color:var(--muted);font-size:.8rem;font-weight:650}.segmented-control{display:flex;width:min(420px,100%);border:1px solid var(--line-strong)}.segmented-control label{flex:1}.segmented-control input{position:absolute;opacity:0}.segmented-control span{display:grid;place-items:center;min-height:44px;padding:8px 12px;color:var(--muted);background:var(--surface)}.segmented-control label+label span{border-left:1px solid var(--line-strong)}.segmented-control input:checked+span{color:var(--surface);background:var(--text);font-weight:700}.segmented-control input:focus-visible+span{outline:3px solid var(--focus);outline-offset:-3px}.check-stack{display:grid;align-content:end}.inline-control,.inline-actions,.button-row{display:flex;flex-wrap:wrap;gap:9px;align-items:center}.inline-control select{flex:1}.inline-control button,.inline-actions button,.button-row button,.advanced-tools-body>section>button,.save-button,.start-button{min-height:44px;padding:9px 14px;border:1px solid var(--line-strong);border-radius:3px;color:var(--text);background:var(--surface);font-weight:650}.inline-control button:hover,.inline-actions button:hover:not(:disabled),.button-row button:hover,.advanced-tools-body>section>button:hover,.save-button:hover{border-color:var(--accent);color:var(--accent)}.custom-audio-row{display:grid;grid-template-columns:minmax(180px,1fr) auto;gap:8px 18px;align-items:center;margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}.custom-audio-row>div:first-child{display:grid;gap:3px}.custom-audio-row>div:first-child span,.custom-audio-row p{color:var(--muted);font-size:.82rem}.custom-audio-row p{grid-column:1 / -1;margin:0}.hidden-input{display:none}.advanced-tools{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.advanced-tools>summary{min-height:72px;padding-right:0}.advanced-tools>summary>span{font-size:1.15rem}.advanced-tools>summary small{margin-left:auto;color:var(--muted);font-weight:400}.advanced-tools-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;padding-bottom:28px}.advanced-tools-body section{padding:22px 0;border-top:1px solid var(--line)}.advanced-tools-body h3{margin:0 0 8px;font-size:1rem}.advanced-tools-body p{margin:0 0 12px;color:var(--muted);font-size:.86rem;line-height:1.6}.advanced-tools-body textarea,.share-url{margin:12px 0}.status-success{color:var(--success)!important}.status-error{color:var(--danger)!important}.validation-summary{margin:24px 0;padding:16px 18px;border-left:4px solid var(--danger);background:color-mix(in srgb,var(--danger) 8%,transparent)}.validation-summary ul{margin:8px 0 0;padding-left:1.2rem}.settings-action-bar{position:sticky;z-index:10;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:18px;margin:36px -12px 0;padding:12px;padding-bottom:max(12px,env(safe-area-inset-bottom));border:1px solid var(--line);background:color-mix(in srgb,var(--page-bg) 94%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.save-status{display:flex;gap:9px;align-items:center;color:var(--muted);font-size:.82rem}.save-status>span{width:8px;height:8px;border-radius:50%;background:var(--line-strong)}.save-status-saved>span{background:var(--success)}.save-status-failed{color:var(--danger)}.save-status-failed>span{background:var(--danger)}.settings-actions{display:flex;gap:9px;flex-shrink:0}.start-button{min-width:190px;border-color:var(--accent);color:#fff;background:#8a351f}:root[data-theme=dark] .start-button{color:#17110e;background:#f0a087}.start-button:hover:not(:disabled){border-color:var(--accent-hover);background:var(--accent-hover)}:root[data-theme=dark] .start-button:hover:not(:disabled){background:var(--accent-hover)}.start-button:disabled{opacity:.48}.settings-footer{display:flex;gap:18px;justify-content:space-between;padding-top:40px;color:var(--muted);font-size:.82rem}@media(max-width:820px){.settings-intro{grid-template-columns:1fr}.quick-guide{justify-self:start}.group-heading{grid-template-columns:1fr;gap:0}.group-heading>p{margin-top:8px}.step-primary-fields,.warning-row{grid-template-columns:repeat(2,minmax(0,1fr))}.advanced-tools-body{grid-template-columns:1fr}}@media(max-width:560px){.site-header-inner{min-height:58px;padding:0 14px}.site-nav{gap:8px}.settings-shell{padding:18px 14px 120px}.settings-intro{gap:2px;padding-bottom:14px}.settings-intro-copy h1{font-size:clamp(1.35rem,7vw,1.8rem)}.step-editor{padding-left:9px}.step-editor-header{grid-template-columns:28px minmax(0,1fr);padding-right:8px}.step-order-actions{grid-column:1 / -1;justify-content:flex-end}.step-primary-fields,.settings-grid,.custom-audio-row{grid-template-columns:1fr}.color-field{justify-self:start}.warning-settings summary,.warning-settings-body{padding-right:8px}.warning-row{grid-template-columns:1fr;padding:12px}.warning-delete{justify-self:start}.custom-audio-row p{grid-column:1}.advanced-tools>summary small{display:none}.settings-action-bar{align-items:stretch;margin-inline:-6px}.save-status{max-width:105px}.settings-actions{flex:1}.settings-actions button{flex:1;padding-inline:10px}.start-button{min-width:0}}@media(max-width:360px){.site-divider,.tool-name{display:none}.settings-action-bar{flex-direction:column}.save-status{max-width:none}}.timer-page{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:100%;min-width:320px;min-height:100vh;min-height:100dvh;overflow:hidden;color:var(--timer-foreground);background:var(--timer-surface);transition:background-color .26s ease}.timer-page:before{position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,rgb(0 0 0 / .13),transparent 26%,transparent 72%,rgb(0 0 0 / .17)),radial-gradient(circle at 50% 44%,rgb(255 255 255 / .08),transparent 52%);content:"";pointer-events:none}.timer-page[data-state=warning]:after,.timer-page[data-state=ended]:after,.timer-page[data-state=overtime]:after,.timer-page[data-state=finished]:after{position:absolute;inset:0;z-index:0;border:clamp(5px,.8vw,12px) solid currentColor;content:"";opacity:.55;pointer-events:none}.timer-topbar,.timer-controls,.timer-stage,.capability-error{position:relative;z-index:1}.timer-chrome{transition:opacity .18s ease,transform .18s ease}.timer-page[data-controls-hidden=true] .timer-chrome{opacity:.18}.timer-page:fullscreen[data-controls-hidden=true] .timer-chrome{opacity:.1}.timer-page:focus-within .timer-chrome{opacity:1}.timer-topbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;min-height:58px;padding:max(8px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) 6px max(14px,env(safe-area-inset-left))}.timer-top-actions{display:flex;align-items:center;gap:10px}.settings-back-button{white-space:nowrap}.settings-back-button,.timer-top-actions button,.timer-controls button,.more-controls summary{min-height:44px;padding:8px 14px;border:1px solid currentColor;border-radius:3px;color:inherit;background:#0000001f;font-weight:670;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.settings-back-button:hover,.timer-top-actions button:hover,.timer-controls button:hover:not(:disabled),.more-controls summary:hover{background:#fff3}.wake-status,.capability-note{display:inline-flex;gap:7px;align-items:center;font-size:.72rem;opacity:.78}.timer-stage{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto auto;gap:clamp(4px,1vh,10px);place-items:center;min-height:0;padding:4px max(14px,env(safe-area-inset-right)) 6px max(14px,env(safe-area-inset-left));text-align:center}.timer-status{display:inline-flex;align-items:center;gap:10px;min-height:34px;padding:5px 13px;border:1px solid currentColor;border-radius:999px;font-size:clamp(.72rem,1.3vw,.9rem);font-weight:790;letter-spacing:.08em;text-transform:uppercase}.status-mark{width:9px;height:9px;border:2px solid currentColor;border-radius:50%}[data-state=running] .status-mark{background:currentColor}[data-state=paused] .status-mark{border-radius:1px;box-shadow:5px 0 0 -1px currentColor}[data-state=warning] .status-mark,[data-state=ended] .status-mark,[data-state=overtime] .status-mark,[data-state=finished] .status-mark{border:0;border-radius:0}[data-state=warning] .status-mark:before,[data-state=ended] .status-mark:before,[data-state=overtime] .status-mark:before,[data-state=finished] .status-mark:before{content:"!";font-size:.85rem;font-weight:900}.step-heading{width:min(94vw,44rem);min-width:0}.step-heading p{margin:0 0 4px;font-size:clamp(.72rem,1.4vw,.95rem);font-weight:650;opacity:.76}.step-heading h1{max-width:100%;margin:0;overflow-wrap:anywhere;font-size:clamp(2rem,min(5.4vw,7vh),6rem);line-height:1.05;text-wrap:balance}.time-display{display:flex;flex-direction:column;align-items:center;justify-content:center;align-self:stretch;width:100%;min-width:0;min-height:0}.time-label{margin-bottom:clamp(2px,.7vh,8px);font-size:clamp(.72rem,1.3vw,.95rem);font-weight:720;letter-spacing:.13em;opacity:.78;text-transform:uppercase}.time-display strong{max-width:100%;font-family:Yu Gothic,YuGothic,Hiragino Sans,Meiryo,Inter,sans-serif;font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:-.055em;line-height:.92;text-indent:-.055em;white-space:nowrap}.time-display[data-time-size=short] strong{font-size:max(5rem,min(24vw,40vh))}.time-display[data-time-size=long] strong{font-size:max(4rem,min(17.5vw,35vh))}.timer-secondary{display:flex;flex-wrap:wrap;justify-content:center;border-top:1px solid color-mix(in srgb,currentColor 48%,transparent)}.timer-secondary>span{min-width:150px;padding:8px 16px;font-size:clamp(.75rem,1.4vw,.96rem);opacity:.9}.timer-secondary>span+span{border-left:1px solid color-mix(in srgb,currentColor 48%,transparent)}.timer-secondary strong{margin-left:4px;font-variant-numeric:tabular-nums}.timer-message{width:min(90vw,58ch);margin:0;overflow-wrap:anywhere;font-size:clamp(.95rem,2.3vmin,1.55rem);font-weight:620;line-height:1.4}.timer-controls{display:grid;grid-template-columns:minmax(100px,.8fr) minmax(150px,1.2fr) minmax(100px,.8fr) auto auto;gap:8px;align-items:center;padding:10px max(18px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))}.timer-controls button:disabled{opacity:.3}.primary-control{min-height:52px!important;color:var(--timer-surface)!important;background:var(--timer-foreground)!important;font-size:1.05rem}.quick-sound{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.more-controls{position:relative}.more-controls summary{display:grid;place-items:center;list-style:none}.more-controls summary::-webkit-details-marker{display:none}.more-controls>div{position:absolute;right:0;bottom:calc(100% + 8px);display:grid;width:min(270px,calc(100vw - 32px));padding:8px;border:1px solid currentColor;color:var(--timer-foreground);background:color-mix(in srgb,var(--timer-surface) 92%,#000)}.more-controls>div button{border:0;border-bottom:1px solid color-mix(in srgb,currentColor 35%,transparent);border-radius:0;text-align:left}.capability-error{display:flex;flex:1 0 100%;gap:7px;align-items:center;justify-content:flex-end;max-width:none;padding:0;border:0;color:inherit;background:transparent;font-size:.72rem;opacity:.82;text-align:right}.capability-error>span{display:inline-grid;place-items:center;width:16px;height:16px;border:1px solid currentColor;font-size:.65rem;font-weight:900}@media(max-width:760px){.wake-status,.capability-note{display:none}.timer-stage{padding-inline:10px}.timer-controls{grid-template-columns:minmax(76px,.75fr) minmax(120px,1.4fr) minmax(76px,.75fr) auto;padding-inline:10px}.quick-sound{grid-column:1 / -1;grid-row:2;max-width:none}}@media(max-width:480px){.timer-topbar{min-height:56px;padding-inline:12px}.settings-back-button,.timer-top-actions button{padding-inline:10px;font-size:.78rem}.timer-stage{grid-template-rows:auto auto minmax(0,1fr) auto auto}.step-heading{width:94vw}.step-heading h1{font-size:clamp(1.75rem,8vw,3rem)}.timer-secondary>span{min-width:auto;padding-inline:9px}.timer-controls{grid-template-columns:1fr 1.4fr 1fr}.timer-controls button,.more-controls summary{padding-inline:8px;font-size:.78rem}.quick-sound{grid-column:1 / span 2}.more-controls{grid-column:3;grid-row:2}}@media(max-height:620px)and (min-width:600px){.timer-topbar{min-height:50px;padding-block:6px}.timer-stage{grid-template-columns:minmax(150px,.55fr) minmax(0,2.2fr) minmax(150px,.6fr);grid-template-rows:auto minmax(0,1fr) auto;gap:4px 12px}.timer-status,.step-heading{grid-column:1}.step-heading{width:auto;min-height:0;padding:0}.step-heading h1{font-size:clamp(1.4rem,min(3vw,7vh),3.2rem)}.time-display{grid-column:2;grid-row:1 / span 3}.time-display[data-time-size=short] strong{font-size:max(5rem,min(25vw,48vh))}.time-display[data-time-size=long] strong{font-size:max(4rem,min(16vw,42vh))}.timer-secondary,.timer-message{grid-column:3;width:auto;white-space:normal}.timer-secondary{display:grid;border-top:0}.timer-secondary>span+span{border-left:0;border-top:1px solid color-mix(in srgb,currentColor 48%,transparent)}.timer-controls{min-height:58px;padding-block:5px}}@media(prefers-reduced-motion:reduce){.timer-page,.timer-chrome{transition:none}}#root{isolation:isolate}