*{box-sizing:border-box}body{margin:0;background:#f8f8f5;color:#20211f;font:15px/1.6 system-ui,sans-serif}main{position:relative;width:min(calc(100% - 32px),540px);margin:clamp(32px,12svh,115px) auto 0;text-align:center}h1{margin:0 0 22px;font-size:20px;letter-spacing:-.04em;line-height:44px}.board{display:flex;align-items:center;justify-content:center;gap:2px;font:750 clamp(21px,8vw,48px)/1 ui-monospace,monospace;font-variant-numeric:tabular-nums}.board:has(>:nth-child(14)){font-size:clamp(16px,5.6vw,33px)}.board:has(>:nth-child(17)){font-size:clamp(12px,4.5vw,27px)}.digit{position:relative;display:grid;place-items:center;width:1.02em;height:1.26em;border-radius:5px;background:linear-gradient(#303136 50%,#222327 50%);color:white}.digit:after{content:"";position:absolute;inset:50% 0 auto;border-top:1px solid #1118}.decimal{font-size:.62em}.turn{animation:turn .30s ease-out}.decimal.turn{animation-duration:.10s}@keyframes turn{from{transform:perspective(180px) rotateX(-76deg)}to{transform:none}}@media(prefers-reduced-motion:reduce){.turn{animation:none}}
.note{color:#555953;font-size:13px}.work-time{display:flex;justify-content:center;gap:4px 12px;flex-wrap:wrap;margin:15px 0 22px;font-variant-numeric:tabular-nums}.gathered{margin:0 0 3px}.gathered strong{color:#262a24}#completed:empty,#goal:empty{display:none}#completed{max-height:1.6em;max-width:280px;margin:auto;overflow-y:auto;scroll-snap-type:y mandatory}#completed p{margin:0;scroll-snap-align:start}#goal{margin:0}footer{margin:33px auto 0}#sayings{min-height:3.2em;margin:0 auto;max-width:340px}
.preferences,.sharing{position:absolute;top:0;z-index:2}.preferences{right:44px}.sharing{right:0}.preferences summary,.sharing summary{display:grid;place-items:center;width:44px;height:44px;list-style:none;cursor:pointer;font-size:20px}.preferences summary::-webkit-details-marker,.sharing summary::-webkit-details-marker{display:none}.panel,.share-panel{position:absolute;right:0;top:44px;width:min(260px,calc(100vw - 76px));padding:12px;background:white;border:1px solid #d9dcd5;border-radius:10px;box-shadow:0 8px 24px #0001}.share-panel{width:145px}.share-panel button{width:100%;margin:3px 0}button,input{font:inherit;border:1px solid #a8aca4;border-radius:7px;padding:6px 8px;background:white;color:inherit}button{cursor:pointer}form{display:flex;gap:4px;align-items:center;justify-content:center;flex-wrap:wrap;margin-bottom:9px}#salary{width:110px;font-size:16px}.modes{border:0;margin:0 0 9px;padding:0;display:flex;justify-content:center;gap:8px;font-size:13px}#message,#share-status{margin:0;font-size:12px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.ad-slot{pointer-events:none}.ad-side{display:none}.ad-bottom{width:min(100%,468px);height:90px;margin:18px auto 0}@media(min-width:1024px){.ad-side{display:block;position:absolute;top:0;width:160px;height:600px}.ad-left{right:calc(100% + 24px)}.ad-right{left:calc(100% + 24px)}}@media(max-width:600px){.ad-bottom{width:min(100%,320px);height:50px}footer{margin-top:25px}}
#settings{gap:0;flex-wrap:nowrap}#settings label{margin-right:7px;font-size:13px;white-space:nowrap}#settings input{min-width:0;width:108px;height:40px;padding:0 8px;border-radius:7px 0 0 7px;border-right:0;font-variant-numeric:tabular-nums}#settings .unit{height:40px;display:grid;place-items:center;padding-right:7px;border-block:1px solid #a8aca4;font-size:12px;color:#555953}#settings button{height:40px;min-width:44px;border-radius:0 7px 7px 0;font-size:13px;background:#252722;color:#fff;border-color:#252722}.panel input[type=time]{max-width:112px;padding:4px;font-size:12px}.panel>label{display:flex;align-items:center;justify-content:space-between;margin:5px auto;max-width:190px}
:root{color-scheme:dark}body{background:#151719;color:#f0eee8}.note{color:#b5bac1}#countdown{color:#a6d8c0}.gathered strong{color:#f0eee8}.panel,.share-panel{background:#25282c;border-color:#45494f}button,input{background:#25282c;border-color:#62666c}#settings .unit{color:#b5bac1;border-color:#62666c}
.ad-slot{background:#ece6d9;color:#262a28;border-radius:8px;overflow:hidden}.ad-slot>div{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:12px}.ad-slot small{font-size:10px;letter-spacing:.06em}.ad-slot strong{font-size:21px;line-height:1.25}.ad-right{background:#cdded6}.ad-bottom{background:#ddd7eb}.ad-bottom>div{flex-direction:row;flex-wrap:wrap;gap:4px 12px}.ad-bottom strong{font-size:16px}
#clock-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0;line-height:44px;font-size:clamp(16px,5.2vw,20px)}#custom-name{width:112px;font-size:16px}
.site-nav{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px 20px;margin:0 auto 30px;color:#f0eee8}.site-nav nav{display:flex;gap:12px}.site-nav a,.mini{color:#b5bac1;text-decoration:none;font-size:13px}.site-nav a[aria-current]{color:#a6d8c0;text-decoration:underline;text-underline-offset:5px}.mini{display:block;margin:-18px 0 15px}.tool form{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:16px 0}.tool button{min-height:40px}.tool input{width:110px}.tool .board{margin:15px 0}.tool h1{padding:0;margin-bottom:0}.tool footer{margin-top:20px}.tool .ad-bottom{background:transparent}.tool .note{min-height:1.6em}.quick-watch .board{font-size:clamp(24px,9vw,60px);min-height:1.3em}.quick-watch #controls button{width:104px;min-height:44px}.quick-watch #start{background:#a6d8c0;color:#15211b;border-color:#a6d8c0}.quick-watch #stop{background:#ead6ab;color:#252017;border-color:#ead6ab}.quick-watch #minutes-label{flex-basis:100%}.quick-watch select{font:inherit;background:#25282c;color:#f0eee8;border:1px solid #62666c;border-radius:6px;padding:4px}
.laps{list-style:none;margin:8px auto;padding:0;max-height:7em;overflow:auto;color:#b5bac1;font-size:13px;font-variant-numeric:tabular-nums}.laps:empty{display:none}
.quick-times{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;align-items:center}.quick-times[hidden]{display:none}.quick-times button{padding:4px 10px;font-size:13px}.recent-times{font-size:12px;color:#b5bac1}.recent-times button{min-height:34px}
#controls #minutes,#controls #seconds{width:64px}
.preset-grid{display:grid;width:min(100%,320px);margin:auto;gap:6px}.preset-grid>div{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.preset-grid button{padding-inline:4px}.timer-entry{display:flex;align-items:center;gap:7px}.timer-entry label{white-space:nowrap;font-size:13px}.quick-watch .timer-entry #reset{width:auto}.timer-entry #minutes,.timer-entry #seconds{margin-left:3px}.timer-controls{align-items:center}
.timer-entry{flex-wrap:wrap;justify-content:center}.timer-entry select{min-width:43px}.timer-entry #minutes,.timer-entry #seconds{width:auto;margin-left:0}
.preset-rows{display:grid;width:min(100%,420px);margin:auto;gap:6px}.preset-row{display:flex;gap:3px;min-width:0}.preset-row button{flex:1;min-width:0;white-space:nowrap;padding-inline:0;font-size:clamp(10px,2.9vw,13px)}

.timer-face,.dday .day-count,.dday .day-menus{width:min(100%,454px);margin-inline:auto}.timer-face{--timer-font:clamp(24px,9vw,60px);display:grid}.timer-face .board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) .6fr repeat(2,minmax(0,1fr)) .6fr repeat(2,minmax(0,1fr));width:100%;font-size:var(--timer-font)}.timer-face .board .digit{width:100%}.timer-face .preset-rows{width:100%;min-width:0;margin:0;grid-template-columns:minmax(0,1fr)}.timer-face .preset-row{width:100%}.timer-face .preset-row{gap:4px}

.site-nav nav{align-items:center;flex-wrap:wrap;justify-content:center}.nav-actions{display:inline-flex;gap:2px}.nav-actions .preferences,.nav-actions .sharing{position:relative;top:auto;right:auto}.nav-actions summary{width:34px;height:36px}.nav-actions .panel,.nav-actions .share-panel{top:36px}
#alarm-sound{font:inherit;color:inherit;background:#25282c;border:1px solid #62666c;border-radius:6px;padding:5px}
.panel .compact-setting,#settings{display:flex;align-items:center;justify-content:center;gap:5px;flex-wrap:nowrap}.panel .compact-setting input,#settings input#salary{width:86px;height:34px;padding:4px 6px;font-size:16px}.panel .compact-setting button,#settings button{height:34px;min-width:42px;padding:0 5px;font-size:12px}.panel #settings .unit{height:34px}.settings-close{display:block;width:100%;margin-top:9px;font-size:13px}
#board-style{font:inherit;color:inherit;background:#25282c;border:1px solid #62666c;border-radius:6px;padding:5px}[data-board-style="digital"] .board .digit,[data-board-style="dots"] .board .digit{color:transparent;background-color:#202326;background-repeat:no-repeat;background-position:center;background-size:auto 87%;animation:none}[data-board-style="digital"] .board .digit{background-image:var(--digit-digital)}[data-board-style="dots"] .board .digit{background-image:var(--digit-dots)}[data-board-style="digital"] .board .digit:after,[data-board-style="dots"] .board .digit:after{display:none}
.nav-actions .preferences .panel{width:min(292px,calc(100vw - 44px));padding:12px;display:grid;gap:8px;text-align:left}
.preferences .panel>label,.preferences #settings{display:grid;grid-template-columns:72px minmax(0,1fr) 44px;gap:5px;align-items:center;max-width:none;margin:0;min-width:0;font-size:13px}
.preferences .panel>label input,.preferences .panel>label select,.preferences #settings input#salary{width:100%;max-width:none;min-width:0;height:34px;margin:0;padding:4px 7px;border:1px solid #62666c;border-radius:6px;font-size:13px}
.preferences .panel>label input[type=time],.preferences .panel>label #board-style{grid-column:2 / -1}
.preferences #settings{grid-template-columns:72px minmax(0,1fr) auto 44px}
.preferences #settings label{margin:0}.preferences #settings .unit{border:0;padding:0;height:auto}
.preferences .panel>label button,.preferences #settings button{width:44px;min-width:0;height:34px;border-radius:6px;padding:0;font-size:12px}
.preferences .modes{margin:2px 0 0;padding-left:77px;justify-content:flex-start;gap:7px;white-space:nowrap}
.preferences .modes label{display:flex;align-items:center;gap:2px}.preferences .modes input{margin:0;accent-color:#a6d8c0}
.preferences #message:empty{display:none}.preferences .settings-close{margin:2px 0 0;height:34px}
@media(max-width:600px){.nav-actions .preferences .panel,.nav-actions .sharing .share-panel{position:fixed;top:104px;left:50%;right:auto;transform:translateX(-50%);max-height:calc(100dvh - 116px);overflow:auto}.nav-actions .preferences .panel{width:min(292px,calc(100vw - 24px))}}
.preferences .panel #screen-mode{grid-column:2 / -1;background:#25282c;color:inherit}
:root[data-theme=light]{color-scheme:light}
[data-theme=light] body{background:#f4f0e7;color:#232522}
[data-theme=light] .site-nav,[data-theme=light] .gathered strong{color:#232522}
[data-theme=light] .note,[data-theme=light] .site-nav a,[data-theme=light] .mini,[data-theme=light] .laps{color:#53574e}
[data-theme=light] #countdown,[data-theme=light] .site-nav a[aria-current]{color:#285a43}
[data-theme=light] .digit{background:linear-gradient(#eee9df 50%,#e4ded2 50%);color:#232522}
[data-theme=light] .digit:after{border-color:#b9b1a2}
[data-theme=light][data-board-style=digital] .board .digit,[data-theme=light][data-board-style=dots] .board .digit{background-color:#202326;color:transparent}
[data-theme=light] .panel,[data-theme=light] .share-panel{background:#fffaf1;border-color:#c4bcad}
[data-theme=light] button,[data-theme=light] input,[data-theme=light] .tool select,[data-theme=light] .preferences select{background:#fdf9ef;color:#232522;border-color:#aaa292}
[data-theme=light] #settings .unit{color:#53574e}
.money-basis{margin:8px 0 0}.money-basis button{border:0;padding:4px;background:transparent;color:inherit;text-decoration:underline;font-size:inherit}
.site-nav{margin-bottom:0;padding:4px 10px}
main{margin-top:clamp(26px,6svh,58px)}
.tool .mini{margin:0 0 12px}
.tool .board{margin:12px 0 24px}
.tool .timer-face .preset-rows{margin:0}
.tool form{margin-top:20px}
.money-basis{margin-top:18px}
.tool #display+.note{margin:0 0 14px}
@media(max-width:600px){
 .site-nav{flex-direction:column;gap:3px}
 .site-nav nav{flex-wrap:nowrap;gap:clamp(4px,1.8vw,10px)}
 .site-nav nav>a{white-space:nowrap;font-size:12px}
 .nav-actions{gap:0}
 .nav-actions summary{width:32px}
 main{margin-top:24px}
}
.share-panel:has(.reopen-guide[open]){width:min(270px,calc(100vw - 24px))}
.nav-actions .share-panel .reopen-guide summary{display:block;width:auto;height:auto;padding:6px 0;font-size:13px;text-decoration:underline;cursor:pointer}
.reopen-guide p{margin:6px 0;text-align:left;font-size:12px;line-height:1.55}

.tool-tabs,.day-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}.tool-tabs{margin:10px auto -8px}.tool-tabs a{color:inherit;font-size:13px}.dday h2{font-size:15px}.dday .board{font-size:clamp(28px,10vw,54px)}.dday #editor,.day-list{margin:18px auto 0;max-width:340px}.dday #event-form{display:grid;gap:7px}.dday #event-form label{display:grid;grid-template-columns:75px 1fr;align-items:center;text-align:left;font-size:13px}.dday #event-form input{width:100%;min-width:0}.day-list ul{list-style:none;padding:0}.day-list li{display:flex;gap:5px;margin:5px 0}.day-list li button:first-child{flex:1;text-align:left;overflow-wrap:anywhere}.dday [hidden]{display:none!important}.dday #goal-note{overflow-wrap:anywhere}
.dday .day-actions button{font-size:12px;min-height:32px;min-width:44px;padding:4px 10px;white-space:nowrap}
.dday #event-name,.dday #remaining{overflow-wrap:anywhere}
.dday #editor>summary,.dday .day-list button,.dday .day-list summary{min-height:44px}
.dday #editor>summary,.dday .day-list summary{align-content:center;cursor:pointer}
@media(max-width:480px){
 .dday{width:calc(100% - 32px);margin-top:20px}
 .dday .mini{margin:0 0 8px}
 .dday .board{font-size:clamp(26px,9vw,43px)}
 .dday #event-form{gap:10px}
 .dday #event-form label{grid-template-columns:minmax(0,1fr);gap:4px}
 .dday #event-form input{min-height:44px;font-size:16px}
 .dday .day-actions{gap:6px}
 .dday .day-actions button{padding-inline:9px}
 .dday .day-list li button:last-child{min-width:44px}
}
.dday .day-count{display:flex;align-items:baseline;justify-content:center;gap:clamp(6px,3vw,14px);white-space:nowrap}.dday .day-count .board{margin:4px 0}
.dday .day-cheer{min-height:3.2em;max-width:340px;margin:18px auto 0;text-wrap:balance;word-break:keep-all}

.dday #focus-day p{margin:4px 0}
.dday #event-actions{margin-top:8px}
.dday #editor,.dday .day-manage{margin:6px auto 0;max-width:340px}
.dday .day-manage>summary,.dday #editor>summary{min-height:32px;align-content:center;cursor:pointer;font-size:13px}
.dday .day-manage .day-list,.dday .day-manage footer{margin-top:6px}
.dday #day-status:empty{display:none}
.dday .day-cheer{margin-top:8px}

.dday #event-name{margin:6px 0 0;font-size:18px}

.dday #today-date{font-size:13px}


 .dday .day-count{flex-wrap:wrap;align-items:center;gap:4px 8px}
.dday #day-clock{width:100%;margin:0}
.dday #day-clock-board{font-size:var(--timer-font)}
.dday #remaining:empty{display:none}


.dday .day-menus{position:relative;margin:6px auto 0;padding-top:36px}
.dday .day-menus>details{margin:0}
.dday .day-menus>details>summary{position:absolute;top:0;width:50%;min-height:36px;white-space:nowrap}
.dday .day-menus>#editor>summary{left:0}
.dday .day-menus>.day-manage>summary{right:0}

.dday .day-menus{margin-top:12px;padding-top:44px}
.dday .day-menus>details>summary{min-height:44px}
.dday .day-count{margin-block:10px}

.dday .day-count{flex-wrap:nowrap;container-type:inline-size}
.dday #day-clock-board{font-size:clamp(20px,9cqw,54px)}
.dday #day-clock{width:auto;margin:0}
.dday #day-clock-board{display:flex;width:auto}
.dday #day-clock-board .digit{width:1.02em}

.dday #day-clock-board:has(>:nth-child(10)){font-size:clamp(16px,8cqw,48px)}
.dday #day-clock-board:has(>:nth-child(12)){font-size:clamp(13px,6.8cqw,42px)}

.dday .day-menus>#editor>summary{left:0;width:100%}
.dday #event-actions{gap:4px}
.dday #event-actions button{padding-inline:6px}

.finish-dialog{width:min(340px,calc(100% - 32px));padding:22px;border:1px solid #55595e;border-radius:14px;background:#202225;color:#f0eee8;text-align:left}
.finish-dialog::backdrop{background:#0009}
.finish-title{display:block;font-size:17px}
.finish-dialog p{margin:5px 0 0;font-size:13px}
.finish-dialog label{display:flex;align-items:center;gap:8px;margin-top:16px;font-size:13px}
.finish-dialog input[type=checkbox]{appearance:auto;width:16px;height:16px;margin:0;padding:0;accent-color:#a6d8c0}
.finish-dialog form{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0 0}
.finish-dialog button{min-height:44px;font-size:13px}
.finish-share{background:#a6d8c0;color:#15211b;border-color:#a6d8c0}
.finish-status:empty{display:none}
[data-theme=light] .finish-dialog{background:#f8f5ee;color:#232522;border-color:#d6d0c5}

.finish-dialog .finish-title{margin:0}.finish-dialog .finish-status{min-height:0}
.tool-tabs{gap:16px}.tool-tabs a{display:grid;align-items:center;min-height:36px;text-decoration:none}.tool-tabs a[aria-current]{font-weight:700;text-decoration:underline;text-underline-offset:4px}

.world-clocks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:min(100%,454px);margin:10px auto}
.world-clocks button{border:1px solid #62666c;border-radius:8px;padding:4px 6px;line-height:1.3;min-height:60px;font-size:12px}
.world-clocks button[aria-pressed=true]{border-color:#a6d8c0;box-shadow:inset 0 0 0 1px #a6d8c0}
.world-clocks strong,.world-clocks small{display:block;font-variant-numeric:tabular-nums}
.world-clocks strong{font-size:clamp(17px,5.5vw,22px)}
.world-clocks small{font-size:11px}

.world-clocks{width:100%}
@media(max-width:600px){
 .world-clocks{width:calc(100% + 16px);margin-inline:-8px}
}
@media(min-width:601px){
 .world-clocks{grid-template-columns:repeat(4,minmax(0,1fr))}
}
.quick-watch #clock-face{margin-bottom:0}.quick-watch #clock-date{margin:3px 0 12px;font-size:clamp(14px,4.5vw,20px);font-weight:600;color:inherit}

.tool:has(>.mini){margin-top:12px}.tool>.mini{margin:0 0 8px}





@media(min-width:760px){.site-nav .tools-group,.tool-tabs{display:none}.tool-tabs+main.tool:has(>.mini){margin-top:50px}}


@keyframes tool-menu-reveal {
 from {opacity:0;transform:translateX(-5px)}
 to {opacity:1;transform:translateX(0)}
}
@media (prefers-reduced-motion:no-preference){
 .tool-tabs a{animation:tool-menu-reveal 180ms ease-out both}
 .site-nav .tools-direct[href="stopwatch.html"],.tool-tabs a:nth-child(2){animation-delay:35ms}
 .site-nav .tools-direct[href="alarm.html"],.tool-tabs a:nth-child(3){animation-delay:70ms}
 .site-nav .tools-direct[href="clock.html"],.tool-tabs a:nth-child(4){animation-delay:105ms}
}
.site-nav:has(+.tool-tabs){flex-direction:column;gap:3px}.site-nav:has(+.tool-tabs) nav{flex-wrap:nowrap}

 .site-nav nav>.tools-direct{
 display:block;max-width:0;min-width:0;margin-left:calc(-1 * var(--tools-gap,12px));
 overflow:hidden;white-space:nowrap;opacity:0;visibility:hidden;
 transition:max-width 160ms ease,margin-left 160ms ease,opacity 160ms ease,visibility 160ms;
 transition-delay:var(--close-delay,0ms);
}
.site-nav nav>.tools-direct[href="timer.html"]{--close-delay:495ms}
@media(min-width:610px){.site-nav nav>.tools-direct[href="timer.html"]{max-width:65px;margin-left:0;opacity:1;visibility:visible;transition-delay:0ms}}
.site-nav nav>.tools-direct[href="stopwatch.html"]{--close-delay:330ms}
@media(min-width:660px){.site-nav nav>.tools-direct[href="stopwatch.html"]{max-width:65px;margin-left:0;opacity:1;visibility:visible;transition-delay:165ms}}
.site-nav nav>.tools-direct[href="alarm.html"]{--close-delay:165ms}
@media(min-width:710px){.site-nav nav>.tools-direct[href="alarm.html"]{max-width:65px;margin-left:0;opacity:1;visibility:visible;transition-delay:330ms}}
.site-nav nav>.tools-direct[href="clock.html"]{--close-delay:0ms}
@media(min-width:760px){.site-nav nav>.tools-direct[href="clock.html"]{max-width:65px;margin-left:0;opacity:1;visibility:visible;transition-delay:495ms}}
@media(max-width:600px){.site-nav nav{--tools-gap:clamp(4px,1.8vw,10px)}}
@media(prefers-reduced-motion:reduce){.site-nav nav>.tools-direct{transition:none}}

.site-nav:has(+.tool-tabs) nav{gap:10px;--tools-gap:10px}
@media(min-width:720px) and (max-width:759.98px){
 .site-nav nav>.tools-group{
  --group-width:clamp(0px,calc((760px - 100vw) * 2),80px);
  max-width:var(--group-width);overflow:hidden;white-space:nowrap;
  margin-left:clamp(-10px,calc(var(--group-width) - 10px),0px);
 }
}
.site-nav:has(+.tool-tabs) nav>a{white-space:nowrap;font-size:12px}.site-nav:has(+.tool-tabs) .nav-actions{gap:0}.site-nav:has(+.tool-tabs) .nav-actions>details>summary{width:32px}

@media (min-width:610px) and (max-width:759.98px) and (prefers-reduced-motion:no-preference){
 .tool-tabs{
  --tool-rise:clamp(0px,calc((100vw - 610px) * .24),36px);
  transform:translateY(calc(-1 * var(--tool-rise)));
  opacity:clamp(0,calc((760px - 100vw) / 150px),1);
  position:relative;
  z-index:1;
 }
}



.external-browser{text-align:center;margin:4px 12px;font-size:12px}.external-browser a,.external-browser small{display:block;color:inherit;margin:4px 0}.external-browser summary{cursor:pointer}

#welcome{max-height:calc(100dvh - 32px);overflow:auto}#welcome p+p{margin-top:10px}.external-browser small:empty{display:none}.external-browser input{width:100%}

.preferences #settings button,.preferences .settings-name-apply,.preferences .settings-listen{box-sizing:border-box;width:44px;min-width:44px;height:34px;min-height:34px;padding:0;border-radius:6px;font-size:12px;font-weight:700}
.preferences #settings button{background:#a6d8c0;color:#152b22;border-color:#a6d8c0}
.preferences .settings-name-apply{background:#c1d3ed;color:#192e49;border-color:#c1d3ed}
.preferences .settings-listen{background:#eddbaf;color:#392b13;border-color:#eddbaf}
.preferences .settings-close{background:#39444b;color:#fff;border-color:#687780}

.nav-actions .settings-shortcut{width:32px;height:36px;border:0;background:none;padding:0;color:inherit;font-size:18px}
.preferences.inline-settings{position:static;width:min(100%,340px);margin:8px auto}
.inline-settings>summary{width:auto;height:auto;min-height:34px;font-size:13px}
.inline-settings .panel{position:static;display:grid;gap:6px;width:100%;background:#25282c;color:#f0eee8;box-shadow:none;text-align:left}
.inline-settings .settings-category>summary{display:block;width:auto;height:auto;padding:5px;font-size:13px;cursor:pointer}
.inline-settings .settings-category>label{display:flex;justify-content:space-between;align-items:center;gap:6px;margin:5px 0;font-size:13px}
.inline-settings #settings button,.inline-settings label button{background:#a6d8c0;color:#15211b;border-color:#a6d8c0}
.inline-settings .settings-close{background:#343e3a;color:#e5f5ed;border-color:#637c71;margin-top:4px}
[data-theme=light] .inline-settings .panel{background:#f8f5ee;color:#232522}

.external-browser{text-align:center;margin:4px 12px;font-size:12px}.external-browser a,.external-browser small{display:block;color:inherit;margin:4px 0}.external-browser summary{cursor:pointer}

.preferences.inline-settings .settings-name-apply{background:#c1d3ed;color:#192e49;border-color:#c1d3ed}.preferences.inline-settings .settings-listen{background:#eddbaf;color:#392b13;border-color:#eddbaf}
#welcome .external-browser a{display:grid;place-items:center;min-height:48px;padding:8px 10px;border-radius:8px;background:#a6d8c0;color:#152b22;font-size:16px;font-weight:800;text-decoration:none}
.finish-dialog#alarm-dialog{text-align:center}.finish-dialog#alarm-dialog #dismiss-alarm{display:block;width:100%;margin:16px 0 0}

#display:fullscreen{display:flex;align-items:center;justify-content:center;gap:clamp(2px,1vw,12px);margin:0;background:#17191b;color:#f6f4ee;font-size:clamp(28px,12vw,180px)}#display:fullscreen .digit{width:1.02em}#timer-fullscreen{margin:8px auto;font-size:13px}

.compact-time-tool .timer-face{--timer-font:clamp(25px,10vw,70px);width:min(100%,520px)}
.compact-time-tool[data-mode=up] #display{font-size:clamp(24px,10vw,70px)}
.compact-time-tool[data-mode=up] #display:has(>:nth-child(10)){font-size:clamp(21px,8.8vw,60px)}

.tool-tabs{gap:6px}
.tool-tabs a{padding-inline:8px;border-radius:7px;font-weight:600}
.tool-tabs a[aria-current],.site-nav nav>a[aria-current]{background:#a6d8c026;color:#bce9d3;font-weight:800;text-decoration:none;box-shadow:inset 0 -2px #a6d8c0;border-radius:6px}
[data-theme=light] .tool-tabs a[aria-current],[data-theme=light] .site-nav nav>a[aria-current]{background:#d8ebe0;color:#234c38;box-shadow:inset 0 -2px #458464}
.compact-time-tool #display:not(:fullscreen){margin-block:clamp(22px,5vw,36px)}

.compact-time-tool>.mini{margin-bottom:clamp(22px,5vw,36px)}.compact-time-tool #display:not(:fullscreen){margin-top:0}

body:has(>.site-footer){min-height:100dvh;display:flex;flex-direction:column}.site-footer{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 12px;margin:auto 16px 16px;padding-top:24px;font-size:12px}.site-footer a,.privacy-page a{color:inherit}.privacy-page{width:min(calc(100% - 32px),680px);text-align:left;overflow-wrap:anywhere}.privacy-page h1{margin:10px 0;font-size:24px}.privacy-page h2{margin:20px 0 6px;font-size:16px}.privacy-page p{margin:6px 0}