*{box-sizing:border-box}
:root{font-family:"Segoe UI",-apple-system,BlinkMacSystemFont,"Noto Sans",sans-serif;font-synthesis:none;color-scheme:light;--bg:#f6f9f7;--surface:#fff;--ink:#193e35;--muted:#536a61;--line:#d7e2db;--accent:#217c65;--soft:#eaf2ed;--danger:#a43d29;--on-accent:#fff;--selected-line:#91bba8;--notice-bg:#fff1d8;--notice-ink:#765226;--finish-bg:#f8eddc;--finish-line:#e5d2af;--finish-ink:#79552b;--complete:#926035;--warning:#a97136;--panel-shadow:#23452d06;--tab-shadow:#17382812;--dialog-shadow:#163d3529;--consent-shadow:#193e351a;--backdrop:#173b304d;color:var(--ink);background:var(--bg);font-size:14px}
:root[data-theme="dark"]{color-scheme:dark;--bg:#111c18;--surface:#182821;--ink:#e4eee8;--muted:#afc3b8;--line:#385044;--accent:#81d2af;--soft:#223b2e;--danger:#ffab96;--on-accent:#11291e;--selected-line:#60967b;--notice-bg:#392f1c;--notice-ink:#f5d79a;--finish-bg:#392c1e;--finish-line:#715333;--finish-ink:#f2d2aa;--complete:#efbc82;--warning:#e5b16e;--panel-shadow:#00000021;--tab-shadow:#00000035;--dialog-shadow:#00000070;--consent-shadow:#00000055;--backdrop:#030a07a3;}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]):not([data-theme="dark"]){color-scheme:dark;--bg:#111c18;--surface:#182821;--ink:#e4eee8;--muted:#afc3b8;--line:#385044;--accent:#81d2af;--soft:#223b2e;--danger:#ffab96;--on-accent:#11291e;--selected-line:#60967b;--notice-bg:#392f1c;--notice-ink:#f5d79a;--finish-bg:#392c1e;--finish-line:#715333;--finish-ink:#f2d2aa;--complete:#efbc82;--warning:#e5b16e;--panel-shadow:#00000021;--tab-shadow:#00000035;--dialog-shadow:#00000070;--consent-shadow:#00000055;--backdrop:#030a07a3;}}
body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:default;opacity:.5}
button,input,select,a,summary{outline-offset:3px}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent)}
button:hover:not(:disabled){filter:brightness(.95)}button:active:not(:disabled){transform:translateY(1px)}button svg{flex-shrink:0}button>span[data-icon]{display:inline-flex}svg{vertical-align:middle}
[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip-link{position:absolute;inset-inline-start:12px;top:-100px;z-index:20;background:var(--ink);color:var(--bg);padding:12px;border-radius:6px}.skip-link:focus{top:12px}
.product{width:100%;min-height:100svh;background:var(--bg)}
.app-header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:30px;min-height:64px;padding:0 max(24px,calc((100vw - 1200px)/2));border-bottom:1px solid var(--line);background:var(--surface)}
.brand{display:flex;gap:7px;align-items:center;direction:ltr;color:var(--ink);text-decoration:none;font-size:24px;font-weight:650;letter-spacing:-1px}.brand-period{color:var(--accent);margin-left:-7px}
.brand-mark{width:21px;height:21px;border:2px solid currentColor;border-radius:50%;position:relative}.brand-mark:before{content:"";position:absolute;width:2px;height:6px;background:currentColor;left:8px;top:3px}.brand-mark:after{content:"";position:absolute;width:6px;height:2px;background:currentColor;left:8px;top:8px;transform:rotate(25deg);transform-origin:left}
.tool-nav{display:flex;align-self:stretch;justify-content:center;gap:18px;min-width:0}.tool-nav button{position:relative;background:none;color:var(--muted);font-size:14px;font-weight:500;border-bottom:2px solid transparent;padding:12px 4px;line-height:1.35}
.tool-nav .active{color:var(--accent);border-color:var(--accent)}.nav-indicator{width:5px;height:5px;background:var(--accent);border-radius:50%;position:absolute;top:10px;inset-inline-end:-2px}.nav-indicator.complete{background:var(--danger)}
.header-actions{display:flex;gap:10px;align-items:center}.language-control select{font-size:13px;width:150px;padding:8px;min-height:36px}.quiet{display:inline-flex;gap:7px;align-items:center;justify-content:center;min-height:40px;padding:9px 10px;border-radius:7px;background:none;color:var(--muted);font-size:14px;line-height:1.4}.quiet:hover:not(:disabled){background:var(--soft)}
.fullscreen{border:1px solid var(--line);padding:8px;min-height:36px}.fullscreen-label{display:none}
.a-main{width:min(760px,calc(100% - 32px));margin:22px auto 32px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px}
h1{font-size:22px;font-weight:600;line-height:1.35;margin:0}h2{font-size:15px;font-weight:600;margin:0}.local-clock{display:flex;gap:9px;align-items:center;font-size:13px;color:var(--muted);white-space:nowrap}.local-clock time{font-size:16px;font-variant-numeric:tabular-nums;color:var(--ink)}
.a-panel{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:20px 26px;box-shadow:0 4px 18px var(--panel-shadow)}
.panel-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.mode-tabs{display:inline-flex;gap:3px;background:var(--soft);border-radius:8px;padding:3px}.mode-tabs button{background:none;color:var(--muted);padding:8px 17px;min-height:36px;border-radius:6px;font-size:14px;line-height:1.4}.mode-tabs button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px var(--tab-shadow)}
.status-pill{font-size:12px;display:flex;align-items:center;gap:6px;white-space:nowrap;color:var(--muted)}.status-pill:before{content:"";width:5px;height:5px;background:var(--accent);border-radius:50%}.stopwatch-label{font-size:14px;font-weight:500}
.main-count{text-align:center;margin:14px 0 18px}.name-label{display:block;width:85%;max-width:450px;margin:0 auto 4px}.name-label input{width:100%;border:1px solid transparent;background:none;text-align:center;padding:6px 9px;min-height:33px;font-size:14px;color:var(--muted)}.name-label input::placeholder{color:var(--muted)}.name-label input:focus,.name-label input:hover{border-color:var(--line)}
.time-readout{font-size:104px;line-height:1.12;font-weight:500;letter-spacing:-4px;font-variant-numeric:tabular-nums;white-space:nowrap;unicode-bidi:isolate}.time-readout.long{font-size:82px;letter-spacing:-3px}.time-readout.extra-long{font-size:64px;letter-spacing:-2px}
.fractions{font-size:.35em;color:var(--muted);letter-spacing:-.5px;display:inline-block;min-width:1.9em;text-align:left;margin-left:3px}
.ends-label{font-size:14px;color:var(--muted);margin:7px 0 0;line-height:1.5;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.linear-track{height:3px;border-radius:2px;background:var(--soft);overflow:hidden;width:80%;margin:0 auto;direction:ltr}.linear-track>div{height:100%;background:var(--accent);transform-origin:left;opacity:.7}
.timer-actions,.shared-actions{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:20px;flex-wrap:wrap}
.primary,.secondary,.square{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;padding:10px 17px;font-size:15px;font-weight:500;line-height:1.4}
.primary{background:var(--accent);color:var(--on-accent);min-width:152px}.secondary,.square{border:1px solid var(--line);background:var(--surface);color:var(--ink)}.square{width:44px;padding:9px;flex-shrink:0}
.setup-area{border-top:1px solid var(--line);padding-top:18px;margin-top:20px}.presets{display:flex;gap:7px;flex-wrap:wrap}.presets button{flex:1;min-height:38px;padding:7px 8px;background:var(--surface);border:1px solid var(--line);border-radius:7px;color:var(--ink);font-size:13px;white-space:nowrap}.presets button[aria-pressed=true]{background:var(--soft);border-color:var(--selected-line)}
input,select{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:7px;min-width:0}input:disabled{background:var(--bg)}
.duration-fields{display:grid;grid-template-columns:auto minmax(180px,290px);justify-content:center;align-items:center;gap:7px 14px;margin-top:16px}.duration-fields label{font-size:14px}.input-action{display:flex;gap:8px}.input-action input{width:100%;min-height:42px;padding:9px 12px;font-size:16px}.input-action button{min-height:42px;padding:8px 16px;font-size:14px}
.field-hint{grid-column:2;font-size:12px;line-height:1.5;color:var(--muted)}.deadline-fields{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end}.deadline-fields label,.shared-name{display:flex;flex-direction:column;gap:7px;font-size:14px}.deadline-fields input,.shared-name input{width:100%;height:44px;padding:9px 10px;font-size:16px}.deadline-fields button{min-height:44px}
.date-shortcuts{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:10px}.date-shortcuts button{background:var(--soft);color:var(--accent);border-radius:6px;padding:8px 12px;font-size:13px}.date-shortcuts span{margin-inline-start:auto;font-size:12px;color:var(--muted);overflow-wrap:anywhere}
.form-error{font-size:14px;line-height:1.5;color:var(--danger);margin:12px 0 0}.locked-hint{font-size:12px;color:var(--muted);text-align:center;margin:12px 0 0}
.bottom-settings{display:flex;justify-content:center;gap:4px;align-items:center;flex-wrap:wrap;margin:8px 0 0}.setting-divider{width:1px;height:16px;background:var(--line);margin:0 5px}
.options{padding:15px 20px 20px;border:1px solid var(--line);border-radius:10px;background:var(--soft);margin-top:8px}.options-heading,.section-heading,.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.sound-options{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:16px 0 20px}.sound-options label{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:14px}.sound-options select{width:100%;min-height:40px;padding:8px}.sound-options output{margin-inline-start:auto;color:var(--muted)}.sound-options input[type=range]{width:100%;accent-color:var(--accent);min-height:40px;margin:0}
.option-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 20px}.check-option{display:flex;gap:10px;align-items:start;cursor:pointer;font-size:14px;line-height:1.5}.check-option input{width:18px;height:18px;accent-color:var(--accent);margin:1px 0 0;flex-shrink:0}.check-option small{display:block;font-size:12px;color:var(--muted);margin-top:3px}.options-footnote{font-size:12px;line-height:1.6;color:var(--muted);padding-top:14px;border-top:1px solid var(--line);margin:18px 0 0}
.saved-section,.laps-section{margin-top:20px}.section-heading{margin-bottom:7px}.section-heading .quiet{font-size:13px}.saved-list{display:flex;gap:8px;flex-wrap:wrap}.preset-chip{display:flex;align-items:center;max-width:100%;background:var(--surface);border:1px solid var(--line);border-radius:8px}
.preset-use{display:flex;align-items:center;gap:12px;min-height:44px;min-width:0;padding:10px 12px;background:none;color:var(--ink)}.preset-use span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:240px;font-size:14px}.preset-use small{font-size:12px;color:var(--muted);white-space:nowrap}.preset-delete{background:none;color:var(--muted);border-inline-start:1px solid var(--line);padding:8px;min-height:38px}.preset-delete svg{width:16px;height:16px}
.empty-note{font-size:13px;line-height:1.5;color:var(--muted);margin:4px 0 0}.recent-row{display:flex;align-items:start;gap:12px;margin-top:12px;color:var(--muted);font-size:13px}.recent-row>span{margin-top:9px}.recent-row>div{display:flex;flex:1;min-width:0;gap:6px;flex-wrap:wrap}.recent-row button{min-height:36px;background:var(--soft);color:var(--ink);border-radius:6px;padding:8px 10px;font-size:12px}.recent-row #clear-recent{background:none;color:var(--muted);flex-shrink:0}
.feedback{font-size:14px;line-height:1.6;color:var(--accent);margin:12px 0 0;overflow-wrap:anywhere}.feedback:empty{display:none}.feedback.error{color:var(--danger)}.notice{padding:12px 14px;border-radius:8px;background:var(--notice-bg);color:var(--notice-ink);font-size:13px;line-height:1.5;margin:0 0 14px}
.finish-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--finish-bg);border:1px solid var(--finish-line);color:var(--finish-ink);border-radius:8px;padding:12px 14px;margin-top:16px}.finish-banner strong{font-size:15px;font-weight:600}.finish-banner p{font-size:12px;line-height:1.5;margin:4px 0 0}.finish-banner button{font-size:13px;flex-shrink:0}.is-complete .time-readout{color:var(--complete)}.is-complete .status-pill:before,.is-warning .status-pill:before{background:var(--warning)}
.lap-table-wrap{border:1px solid var(--line);border-radius:8px;background:var(--surface);max-height:320px;overflow:auto;margin-top:8px}table{border-collapse:collapse;width:100%;font-size:14px;font-variant-numeric:tabular-nums}th,td{padding:11px 14px;text-align:end;white-space:nowrap}th:first-child,td:first-child{text-align:start}th{font-size:12px;font-weight:500;background:var(--soft);position:sticky;top:0}tbody tr+tr{border-top:1px solid var(--line)}.lap-badge{font-size:11px;color:var(--accent);margin-inline-start:8px}#lap-count{font-size:13px;font-weight:400;color:var(--muted);margin-inline-start:6px}.numeric{direction:ltr;unicode-bidi:isolate}
.help{border-top:1px solid var(--line);margin:18px 0 0;padding-top:12px;font-size:13px;color:var(--muted)}.help summary{cursor:pointer;min-height:32px;width:fit-content}.help p{line-height:1.75;margin:9px 0}kbd{font:inherit;border:1px solid var(--line);border-radius:3px;padding:2px 5px;direction:ltr;display:inline-block}
dialog{width:min(460px,calc(100% - 28px));max-height:calc(100svh - 32px);border:1px solid var(--line);padding:22px;border-radius:12px;color:var(--ink);background:var(--surface);box-shadow:0 20px 60px var(--dialog-shadow);overflow:auto}dialog::backdrop{background:var(--backdrop);backdrop-filter:blur(2px)}dialog h2{font-size:20px;font-weight:600}dialog p{font-size:14px;line-height:1.6;color:var(--muted)}dialog label{font-size:14px;display:flex;flex-direction:column;gap:8px;margin-top:16px}dialog input{width:100%;padding:11px;font-size:16px}.dialog-actions{display:flex;justify-content:end;gap:10px;margin-top:20px;flex-wrap:wrap}.dialog-actions .primary{min-width:100px}.dialog-heading .quiet{padding:6px}dialog .notice{margin-top:16px;color:var(--notice-ink)}#link-copy-status:empty{display:none}
.is-stopwatch .main-count{padding:20px 0 10px}.is-stopwatch .a-panel{padding-bottom:28px}
.shared-intro{font-size:16px;line-height:1.5;margin:0 0 20px}.shared-name{margin-bottom:18px}.shared-creator .deadline-fields{grid-template-columns:1fr 1fr}.shared-creator .deadline-fields button{grid-column:1/-1;justify-self:start;margin-top:6px}.shared-zone{margin:10px 0}.shared-description{font-size:14px;line-height:1.65;border-top:1px solid var(--line);padding-top:18px;margin-top:20px;color:var(--muted)}
.shared-display-name{font-size:17px;font-weight:600;overflow-wrap:anywhere;margin:0 0 10px}.shared-utc{font-size:12px;color:var(--muted);margin:6px 0 0;font-variant-numeric:tabular-nums}.shared-notes{margin-top:20px;padding-top:14px;border-top:1px solid var(--line);font-size:13px;line-height:1.65;color:var(--muted)}.shared-notes p{margin:0 0 8px}.shared-notes summary{cursor:pointer}
.focus-mode{position:fixed;inset:0;z-index:10;overflow:auto;display:flex;flex-direction:column}.product:fullscreen{overflow:auto;display:flex;flex-direction:column}
.focus-mode .a-main,.product:fullscreen .a-main{width:min(1100px,calc(100% - 28px));margin:auto;flex:0}
.focus-mode .page-heading,.focus-mode .setup-area,.focus-mode .saved-section,.focus-mode .laps-section,.focus-mode .options,.focus-mode .bottom-settings,.focus-mode .help,.focus-mode .feedback,.focus-mode .shared-notes,.focus-mode .shared-actions,.product:fullscreen .page-heading,.product:fullscreen .setup-area,.product:fullscreen .saved-section,.product:fullscreen .laps-section,.product:fullscreen .options,.product:fullscreen .bottom-settings,.product:fullscreen .help,.product:fullscreen .feedback,.product:fullscreen .shared-notes,.product:fullscreen .shared-actions{display:none!important}
.focus-mode .a-panel,.product:fullscreen .a-panel{border:none;box-shadow:none;background:transparent}.focus-mode .time-readout,.product:fullscreen .time-readout{font-size:clamp(60px,19vw,240px)}.focus-mode .time-readout.long,.product:fullscreen .time-readout.long{font-size:clamp(42px,12vw,170px)}.focus-mode .time-readout.extra-long,.product:fullscreen .time-readout.extra-long{font-size:clamp(30px,9vw,120px)}
.focus-mode .app-header,.product:fullscreen .app-header{border:0;background:none}.focus-mode .timer-actions,.product:fullscreen .timer-actions{margin-top:30px}
[dir=rtl] .brand{justify-self:start}[dir=rtl] .preset-use small{unicode-bidi:isolate}[dir=rtl] .fractions{text-align:left}
@media(max-width:850px){.app-header{gap:20px;padding:0 20px}.tool-nav{gap:12px}.tool-nav button{font-size:13px}.language-control select{width:125px}}
@media(max-width:620px){
 .app-header{grid-template-columns:1fr auto;gap:0 15px;padding:10px 16px 0;min-height:0}.brand{font-size:23px}.header-actions{grid-column:2;grid-row:1;gap:8px}.language-control select{font-size:13px;width:135px;min-height:36px}.tool-nav{grid-row:2;grid-column:1/-1;display:grid;grid-template-columns:max-content max-content minmax(0,1fr);gap:10px;margin-top:5px;min-height:49px}.tool-nav button{font-size:13px;padding:10px 1px;overflow-wrap:anywhere}.nav-indicator{top:6px}
 .a-main{width:calc(100% - 24px);margin:17px auto 24px}.page-heading{margin-bottom:12px;gap:10px}h1{font-size:20px}.local-clock{font-size:11px;gap:5px}.local-clock time{font-size:14px}.a-panel{padding:16px 15px;border-radius:12px}.mode-tabs button{font-size:13px;padding:8px 12px}.status-pill{font-size:11px}
 .main-count{margin:16px 0}.name-label{width:100%;margin-bottom:8px}.name-label input{font-size:16px}.time-readout{font-size:23vw;letter-spacing:-3px}.time-readout.long{font-size:16.7vw;letter-spacing:-2px}.time-readout.extra-long{font-size:12vw;letter-spacing:-1px}.ends-label{font-size:13px;margin-top:10px}.timer-actions{gap:8px;margin-top:18px;flex-wrap:nowrap}.primary{min-width:0;flex:1;font-size:14px;padding:10px 14px}.secondary{font-size:14px;padding:10px 12px}.square{width:44px}
 .setup-area{padding-top:16px;margin-top:18px}.presets{gap:6px}.presets button{flex:1 1 20%;min-height:40px;padding:8px 4px;font-size:12px}.duration-fields{display:flex;flex-wrap:wrap;justify-content:start;gap:8px;margin-top:15px}.duration-fields label{width:100%}.input-action{width:100%}.input-action input{min-height:44px}.field-hint{font-size:12px}
 .deadline-fields{grid-template-columns:1fr 1fr;gap:12px 8px}.deadline-fields input{padding:8px 6px;font-size:16px}.deadline-fields button{grid-column:1/-1}.date-shortcuts span{max-width:45%;font-size:11px}.bottom-settings{gap:0}.bottom-settings .quiet{padding:9px 7px;font-size:12px}.bottom-settings svg{width:17px;height:17px}.setting-divider{margin:0 2px}
 .options{padding:12px 15px 18px}.sound-options{gap:14px}.sound-options select{font-size:16px}.option-grid{grid-template-columns:1fr;gap:18px}.check-option{min-height:30px}.saved-section,.laps-section{margin-top:17px}.section-heading h2{font-size:14px}.section-heading .quiet{font-size:12px}.preset-use span{max-width:140px}.preset-use{gap:8px;padding:9px 10px}.preset-delete{min-height:44px}.recent-row{gap:8px}
 th,td{padding:10px 9px;font-size:12px}.lap-badge{font-size:10px;margin-inline-start:5px}.finish-banner{padding:10px;gap:8px}.finish-banner button{font-size:12px;padding:8px}.finish-banner strong{font-size:14px}
 .shared-actions{align-items:stretch}.shared-actions button{flex:1 1 100%}.shared-display-name{font-size:16px}.shared-creator .deadline-fields button{justify-self:stretch}.shared-notes{font-size:12px}.shared-utc{font-size:11px}
 .focus-mode .app-header,.product:fullscreen .app-header{padding-top:10px}.focus-mode .time-readout,.product:fullscreen .time-readout{font-size:23vw}.focus-mode .time-readout.long,.product:fullscreen .time-readout.long{font-size:16vw}.focus-mode .time-readout.extra-long,.product:fullscreen .time-readout.extra-long{font-size:11vw}
}
@media(max-width:350px){
 .app-header{padding-inline:12px}.brand{font-size:21px}.brand-mark{width:19px;height:19px}.language-control select{width:120px}.header-actions{gap:6px}.a-panel{padding:14px 12px}.mode-tabs button{font-size:12px;padding:8px 9px}.status-pill{font-size:10px}.local-clock>span{display:none}.deadline-fields,.shared-creator .deadline-fields{grid-template-columns:1fr}.date-shortcuts span{width:100%;max-width:100%;margin-inline-start:0}.bottom-settings .quiet{font-size:12px;padding:8px}.setting-divider{display:none}.preset-use span{max-width:110px}.timer-actions .primary{padding:10px}.timer-actions .secondary{padding:10px 8px;font-size:13px}dialog{padding:18px}.dialog-actions{gap:8px}
}
.input-action button{flex-shrink:0;white-space:nowrap}
.quick-section{margin:0 0 18px}.quick-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px;flex-wrap:wrap}.quick-heading h2{font-size:13px;color:var(--muted)}
.scenario-groups{display:flex;gap:4px;flex-wrap:wrap}.scenario-groups button{background:none;border-radius:6px;color:var(--muted);font-size:12px;min-height:34px;padding:7px 10px}.scenario-groups button[aria-pressed=true]{background:var(--soft);color:var(--accent)}
.scenario-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:7px}.scenario-card{min-width:0;display:flex;flex-direction:column;gap:5px;text-align:start;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:8px;padding:10px 11px;line-height:1.4}.scenario-card strong{font-size:13px;font-weight:500;overflow-wrap:anywhere}.scenario-card span{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.quick-section .field-hint{font-size:11px;margin:7px 0 0}.quick-section .field-hint:empty{display:none}
.event-display{text-align:center}.event-date-caption{font-size:13px;color:var(--muted);text-align:start;line-height:1.5}.event-display h2{font-size:19px;line-height:1.4;margin:24px 0 0;overflow-wrap:anywhere}.day-count{display:flex;gap:12px;justify-content:center;align-items:baseline;margin:4px 0;line-height:1.15;font-variant-numeric:tabular-nums}.day-count>span:first-child{font-size:clamp(64px,12vw,112px);font-weight:500;letter-spacing:-3px}.day-unit{font-size:19px;color:var(--muted)}.event-clock{font-size:24px;font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate;margin:6px 0 14px}.event-display .field-hint{line-height:1.6;overflow-wrap:anywhere}
.event-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:18px 0 10px}.event-form{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.event-display[hidden]+.event-form{border:0;margin:0;padding:0}.event-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.event-fields label{display:flex;flex-direction:column;gap:7px;font-size:13px;min-width:0}.event-fields input,.event-fields select,.shared-name select{height:44px;width:100%;padding:9px 10px;font-size:14px}.event-fields input{font-size:16px}.event-time-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:14px}.event-time-row>button{margin-inline-start:auto}.event-time-row input[type=time]{min-height:42px;padding:8px;font-size:16px;max-width:100%}.event-time-row>label{min-width:0}.event-form>.field-hint{margin:12px 0 0}.shared-creator .check-option{margin-bottom:14px}.shared-zone:empty{display:none}
.focus-mode .quick-section,.focus-mode .event-display:not([hidden])+.event-form,.focus-mode .event-actions,.focus-mode #event-zone-caption,.focus-mode #shared-day-help,.product:fullscreen .quick-section,.product:fullscreen .event-display:not([hidden])+.event-form,.product:fullscreen .event-actions,.product:fullscreen #event-zone-caption,.product:fullscreen #shared-day-help{display:none!important}.focus-mode .day-count>span:first-child,.product:fullscreen .day-count>span:first-child{font-size:clamp(72px,18vw,220px)}
@media(max-width:850px){.tool-nav{gap:10px}.app-header{gap:14px}}
@media(max-width:620px){.tool-nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.tool-nav button{font-size:12px}.scenario-list{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-heading{gap:3px}.scenario-groups{width:100%;justify-content:space-between;gap:0}.scenario-groups button{padding:8px 7px}.quick-section{margin-bottom:14px}.scenario-card{padding:9px 10px}.event-fields{grid-template-columns:1fr}.event-display h2{margin-top:20px}.day-count>span:first-child{font-size:clamp(50px,20vw,100px)}.event-clock{font-size:20px}.event-display .panel-top{align-items:start}.event-actions>button{flex:1 1 auto}.event-form{margin-top:18px;padding-top:16px}.event-time-row{gap:8px}.event-date-caption{font-size:12px}.day-unit{font-size:16px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.brand{font-size:20px;letter-spacing:-.6px;white-space:nowrap}.product{min-height:0}
.tool-nav a{position:relative;display:flex;align-items:center;gap:4px;color:var(--muted);font-size:14px;font-weight:500;border-bottom:2px solid transparent;padding:12px 4px;line-height:1.35;text-decoration:none}.tool-nav a.active{color:var(--accent);border-color:var(--accent)}
.select-search-button{min-height:42px;width:100%;display:block;text-align:start;background:var(--surface);border:1px solid var(--line);border-radius:7px;padding:9px 30px 9px 11px;color:var(--ink);font-size:14px;overflow-wrap:anywhere;position:relative}.select-search-button:after{content:'⌕';position:absolute;inset-inline-end:10px;color:var(--muted)}.language-control .select-search-button{max-width:168px;min-width:125px;min-height:36px;font-size:13px}.zone-follow{margin-top:12px}
.search-options{max-height:52svh;overflow:auto;margin-top:14px;display:grid;gap:3px}.search-option{text-align:start;min-height:42px;padding:9px 12px;border-radius:6px;background:var(--surface);color:var(--ink);overflow-wrap:anywhere}.search-option[aria-pressed=true]{background:var(--soft);color:var(--accent)}#search-dialog{width:min(540px,calc(100% - 24px))}#select-search{width:100%;min-height:44px;padding:10px;font-size:16px}
.site-content{width:min(960px,calc(100% - 32px));margin:44px auto 24px;line-height:1.8}.site-content a,.site-footer a{color:var(--accent);text-underline-offset:3px}.site-content h1{margin-block:24px}.site-content h2{font-size:18px;margin:0 0 12px}.site-content h3{font-size:15px;margin:23px 0 5px}.site-content p{margin:8px 0 16px;color:var(--muted);font-size:15px}.breadcrumbs{font-size:13px;margin-bottom:24px;color:var(--muted)}.tool-guide{padding:28px;background:var(--surface);border:1px solid var(--line);border-radius:12px}.tool-guide p{max-width:78ch}.related-tools,.tool-directory{margin-top:28px}.tool-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.tool-links a{padding:10px 12px;background:var(--surface);border:1px solid var(--line);border-radius:7px;text-decoration:none;font-size:14px;line-height:1.5}.tool-links a:hover{background:var(--soft)}.directory-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.directory-heading h2{margin:0}.directory-heading input{max-width:210px;min-height:40px;padding:8px;font-size:16px;border:1px solid var(--line);border-radius:6px}.language-links{display:flex;flex-wrap:wrap;gap:9px 16px;margin-top:28px;font-size:13px}.language-links [aria-current=page]{font-weight:700}.site-footer{width:min(960px,calc(100% - 32px));margin:24px auto 35px;padding-top:16px;border-top:1px solid var(--line);display:flex;gap:12px 20px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:13px}.site-footer span{margin-inline-start:auto}.site-footer .quiet{font-size:13px;padding-inline:0}
.consent-panel{position:fixed;z-index:30;bottom:18px;inset-inline-end:18px;width:min(440px,calc(100% - 28px));padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 40px var(--consent-shadow)}.consent-panel strong{font-size:16px}.consent-panel p{font-size:13px;color:var(--muted);line-height:1.6;margin:10px 0}.consent-panel p:empty{display:none}.consent-actions{display:flex;gap:10px}.consent-actions button{flex:1;min-height:44px;font-size:13px}
body:has(.focus-mode)>.site-content,body:has(.focus-mode)>.site-footer{display:none}.page-heading h1{overflow-wrap:anywhere}
@media(max-width:850px){.app-header{gap:14px}.tool-nav{gap:10px}.tool-nav a{font-size:13px}.brand{font-size:18px}}
@media(max-width:620px){.tool-nav a{font-size:12px;justify-content:center;text-align:center}.language-control .select-search-button{min-width:112px;max-width:145px}.tool-links{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-guide{padding:20px}.site-content{margin-top:30px}.directory-heading{align-items:stretch;flex-direction:column}.directory-heading input{width:100%;max-width:none}.consent-panel{bottom:10px;inset-inline-end:14px;padding:16px}.site-footer span{margin-inline-start:0}.page-heading{align-items:flex-start}.local-clock{padding-top:4px}}
@media(max-width:350px){.app-header{gap:8px}.brand{font-size:17px}.brand-mark{display:none}.language-control .select-search-button{min-width:100px;max-width:120px}.tool-links{grid-template-columns:1fr}.tool-nav{gap:4px}}

/* Display controls stay available without crowding the tool navigation. */
.header-actions{min-width:0}.theme-control,.language-control{min-width:0}.theme-control{display:flex;align-items:center}.theme-control select{width:112px;max-width:100%;min-height:36px;padding:7px 8px;font-size:13px}.header-actions .fullscreen{flex-shrink:0}
@media(max-width:1050px){.app-header{grid-template-columns:1fr auto;gap:0 16px;padding-top:8px}.header-actions{grid-column:2;grid-row:1}.tool-nav{grid-column:1/-1;grid-row:2;justify-content:center;min-height:45px}.tool-nav a{justify-content:center}.brand{font-size:20px}}
@media(max-width:620px){.app-header{padding-top:10px}.theme-control select{width:105px}.header-actions{gap:7px}.tool-nav{margin-top:5px}.brand{font-size:18px}}
@media(max-width:520px){.app-header{grid-template-columns:minmax(0,1fr);row-gap:8px}.brand{grid-column:1;grid-row:1}.header-actions{grid-column:1;grid-row:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:8px}.header-actions .language-control .select-search-button,.header-actions .language-control select{min-width:0;max-width:none;width:100%;min-height:38px}.theme-control select{width:100%;min-height:38px}.tool-nav{grid-row:3;grid-column:1;margin-top:0;min-height:42px}.header-actions .fullscreen{min-height:38px}.brand-mark{display:inline-block}.brand{font-size:19px}}
.duration-fields{grid-template-columns:auto minmax(0,380px)}
[data-icon]{display:inline-flex;min-width:20px;min-height:20px;align-items:center;justify-content:center}
.local-clock time{display:inline-block;min-width:5ch;font-variant-numeric:tabular-nums}
.ends-label{min-height:1.5em}
.duration-fields .input-action{align-items:end;min-width:0}
.duration-parts{display:grid;grid-template-columns:minmax(0,1fr) 8px minmax(0,1fr) 8px minmax(0,1fr);gap:3px;min-width:0;flex:1;align-items:end}
.duration-parts label{display:flex;flex-direction:column;gap:5px;min-width:0;text-align:center;font-size:11px;line-height:1.3}
.duration-parts label>span{overflow-wrap:anywhere}
.duration-parts input{width:100%;min-height:44px;padding:8px 2px;text-align:center;font-size:20px;font-variant-numeric:tabular-nums;direction:ltr}
.duration-colon{font-size:20px;height:44px;display:grid;place-items:center;color:var(--muted)}
.scenario-region-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:8px 12px;margin:12px 0}
.scenario-region-row label{min-width:0;display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--muted)}
.scenario-region-row input{min-height:42px;padding:9px 10px;font-size:16px;width:100%}
.scenario-region-row p{grid-column:1/-1;font-size:12px;line-height:1.5;color:var(--muted);margin:0}
@media(max-width:620px){.duration-fields{display:grid;grid-template-columns:minmax(0,1fr);justify-content:stretch}.duration-fields>.field-hint{grid-column:1}.duration-fields>.input-action{width:100%}.duration-parts{gap:4px}.duration-parts label{font-size:12px}}