@charset "UTF-8";
@font-face{font-family:"Barlow Condensed";src:url("./fonts/BarlowCondensed-Medium.ttf") format("truetype");font-style:normal;font-weight:500;font-display:swap}
:root{--canvas:#f5f7fb;--white:#fff;--ink:#17233c;--muted:#58677f;--cobalt:#214ccf;--cobalt-hover:#193da8;--cobalt-light:#dce5ff;--lemon:#e2ee84;--line:#cbd3e0;--pale:#eaf0fb;--danger:#a1322a;--radius:6px;--font:"Malgun Gothic","Apple SD Gothic Neo",system-ui,sans-serif;--timer-font:"Barlow Condensed",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px;scrollbar-color:#9baed5 var(--canvas)}body{margin:0;background:var(--canvas);color:var(--ink);font-family:var(--font);font-size:14px;line-height:1.65;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none;text-underline-offset:4px}svg{display:block;flex:none}button svg{width:20px;height:20px;flex:none}button{border:0}h1,h2,h3,p{margin:0}button,input,select{border-radius:var(--radius)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--cobalt);outline-offset:4px}button,input,select{outline-offset:4px}input{caret-color:var(--cobalt)}::selection{background:var(--lemon);color:var(--ink)}[hidden]{display:none!important}.skip-link{position:fixed;z-index:300;left:16px;top:-90px;padding:12px 18px;background:var(--cobalt);color:white;border-radius:var(--radius)}.skip-link:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{height:82px;background:var(--white);border-bottom:1px solid var(--line)}.header-inner{height:100%;max-width:1268px;width:calc(100% - 48px);margin:auto;display:flex;align-items:center;gap:25px}.brand{display:inline-flex;gap:10px;align-items:center;flex:none;min-height:44px;color:var(--cobalt);font-size:23px;font-weight:750;letter-spacing:-.035em}.brand>svg{width:31px;height:34px}.header-title{font-size:15px;line-height:1.5;font-weight:500;padding-left:25px;border-left:1px solid var(--line);white-space:nowrap}.header-inner nav{margin-left:auto}.header-inner nav a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;color:var(--muted)}.header-inner nav a:hover{text-decoration:underline;color:var(--cobalt)}.local-time{display:flex;align-items:center;gap:12px;padding-left:25px;border-left:1px solid var(--line)}.local-time>span{font-size:12px;color:var(--muted)}.local-time time{font-variant-numeric:tabular-nums;font-size:16px;line-height:1.3;min-width:42px;font-weight:600}
.ad-slot{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:12px;border:1px dashed #bcc7d8;background:#eef2f8;color:#58677f;border-radius:3px;text-align:center;font-size:12px;overflow:hidden}.ad-size{font-size:12px;font-variant-numeric:tabular-nums;color:#58677f}.ad-horizontal{width:min(728px,calc(100% - 40px));height:90px;margin-inline:auto}.ad-top{margin-top:23px;margin-bottom:27px}.page-grid{display:grid;grid-template-columns:160px minmax(0,1fr) 160px;gap:24px;max-width:1268px;width:calc(100% - 48px);margin:0 auto;align-items:start}.ad-side{height:600px}.ad-left{grid-column:1}.ad-right{grid-column:3}.work-area{grid-column:2;grid-row:1;min-width:0}.timer-panel{display:grid;grid-template-columns:minmax(0,1fr) 252px;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.timer-main{background:var(--cobalt);color:white;padding:24px 28px 20px;min-width:0;display:flex;flex-direction:column}.timer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:9px}.timer-title-wrap{display:flex;align-items:center;gap:7px;min-width:0}#timer-name{font-size:14px;line-height:1.5;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:350px}.icon-button{display:inline-flex;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;padding:10px;background:transparent;border:1px solid transparent}.timer-main .icon-button{color:var(--cobalt-light)}.timer-main .icon-button:hover{background:#ffffff14;color:white}.timer-main :is(button,a,input):focus-visible{outline-color:var(--lemon)}.timer-stage{text-align:center;margin-top:35px}.timer-status{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:23px;color:var(--cobalt-light);font-size:13px}.timer-status:before{content:"";width:6px;height:6px;background:currentColor;border-radius:50%}.timer-panel[data-status="running"] .timer-status{color:var(--lemon)}.timer-panel[data-status="finished"] .timer-status{color:var(--lemon);font-weight:700}.timer-panel[data-status="paused"] .timer-status:before{width:7px;height:7px;border-radius:1px}.timer-display{display:flex;align-items:center;justify-content:center;font-family:var(--timer-font);font-weight:500;font-size:clamp(170px,15vw,220px);line-height:1.1;font-variant-numeric:tabular-nums;letter-spacing:-.025em;white-space:nowrap;user-select:none;padding:0;margin:8px -8px 0;color:white;min-height:220px}.timer-display>span{display:inline-block}.timer-display .time-colon{padding:0 2px;position:relative;top:-.025em;color:var(--lemon)}.timer-display:has(#hours-block:not([hidden])){font-size:clamp(110px,10vw,148px);min-height:220px;letter-spacing:-.025em}.finish-at{font-size:13px;color:var(--cobalt-light);min-height:22px;line-height:1.7;margin-top:10px;font-variant-numeric:tabular-nums}.remaining-scale{margin-top:31px}.progress-track{height:22px;position:relative;overflow:hidden;background:linear-gradient(#8ea8ef,#8ea8ef) left bottom/100% 3px no-repeat}.scale-ticks{position:absolute;top:0;left:0;width:100%;height:14px;color:#9db4f2}.progress-fill{height:3px;width:100%;position:absolute;bottom:0;left:0;background:var(--lemon);transition:width .18s linear;z-index:1}.scale-labels{display:flex;justify-content:space-between;font-size:12px;font-variant-numeric:tabular-nums;line-height:1.5;color:var(--cobalt-light);padding-top:8px}.timer-actions{display:flex;align-items:center;gap:9px;margin-top:29px}.button{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:48px;border:1px solid transparent;padding:0 18px;font-size:14px;font-weight:600;line-height:1.4;white-space:nowrap;transition:background .15s,color .15s,border-color .15s}.start-button{flex:1;background:var(--lemon);color:#1b3da3;min-height:54px;font-size:16px;padding-inline:20px}.start-button:hover{background:#f0f8ac}.secondary-button{background:transparent;border-color:#829ce8;color:white;padding-inline:13px}.secondary-button:hover{background:#ffffff14;border-color:var(--cobalt-light)}.secondary-button svg{width:18px;height:18px}#play-icon{display:flex;align-items:center;justify-content:center;width:22px;height:22px}#play-icon svg{width:22px;height:22px}.keyboard-hint{display:flex;align-items:center;justify-content:center;gap:5px;color:var(--cobalt-light);font-size:12px;margin-top:20px}.keyboard-hint kbd{font-family:var(--font);font-size:12px;font-weight:500;border-bottom:1px solid #88a4ef;line-height:1.4}.keyboard-hint kbd:not(:first-child){margin-left:12px}
.timer-settings{padding:28px 21px 24px;min-width:0}.timer-settings h2{font-size:16px;line-height:1.5;font-weight:700;letter-spacing:-.02em}.setting-description{font-size:12px;line-height:1.7;color:var(--muted);margin-top:5px}.presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:19px}.presets button{min-height:44px;padding:7px 0;font-size:14px;background:white;border:1px solid var(--line);color:var(--ink);transition:background .15s,border-color .15s}.presets button:hover{background:var(--pale);border-color:#8da7df}.presets button.selected,.presets button[aria-pressed="true"]{background:var(--lemon);color:var(--ink);border-color:#a8b854;font-weight:700}.custom-time-hint{display:flex;align-items:center;gap:4px;color:var(--muted);font-size:12px;margin-top:12px}.custom-time-hint svg{width:14px;height:14px;margin-left:1px}.sound-settings{margin-top:29px;padding-top:25px;border-top:1px solid var(--line)}.field-label{display:block;font-size:12px;font-weight:600;color:var(--muted);margin-top:19px;margin-bottom:8px}.sound-choice{display:flex;align-items:center;gap:5px}.sound-choice select{min-width:0;flex:1;width:100%;background:white;border:1px solid var(--line);color:var(--ink);min-height:44px;padding:8px;font-size:13px;cursor:pointer}.sound-test{border-color:var(--line);color:var(--cobalt);background:white}.sound-test:hover{background:var(--pale);border-color:#8da7df}.volume-control{margin-top:17px}.volume-control .field-label{margin-top:0;margin-bottom:4px}.volume-control input{width:100%;height:44px;margin:0;accent-color:var(--cobalt);cursor:pointer}.repeat-option{display:flex;align-items:center;gap:9px;min-height:44px;margin-top:9px;font-size:14px;font-weight:600;cursor:pointer}.repeat-option input{margin:0;appearance:auto;accent-color:var(--cobalt);width:18px;height:18px;flex:none;cursor:pointer}.repeat-description{margin-top:0;font-size:12px}.purpose-bar{display:flex;align-items:center;gap:0;min-height:63px;margin-top:14px;padding-inline:0;border-bottom:1px solid var(--line);font-size:13px}.purpose-bar>span{font-size:12px;color:var(--muted);margin-right:auto;padding-right:12px}.purpose-bar button{min-height:44px;background:transparent;border:1px solid transparent;color:var(--muted);font-size:13px;padding:8px 17px;white-space:nowrap}.purpose-bar button strong{font-size:14px;color:var(--ink);margin-right:6px;font-weight:700}.purpose-bar button:hover{background:var(--pale)}.purpose-bar button.selected,.purpose-bar button[aria-pressed="true"]{color:var(--cobalt);background:#e7ecfa}.purpose-bar button.selected strong,.purpose-bar button[aria-pressed="true"] strong{color:var(--cobalt)}.help-panel{margin-top:3px}.help-panel>summary{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:58px;list-style:none;cursor:pointer;color:var(--muted);font-size:13px}.help-panel>summary::-webkit-details-marker{display:none}.help-panel>summary>svg{width:19px;height:19px;color:var(--cobalt)}.help-panel[open]>summary>svg{transform:rotate(180deg)}.help-panel>summary:hover{color:var(--cobalt)}.help-content{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding-bottom:20px}.help-content h2{font-size:14px;font-weight:700;line-height:1.65;margin-bottom:9px}.help-content p{font-size:13px;color:var(--muted);line-height:1.9;word-break:keep-all}.help-content p+p{margin-top:10px}.ad-bottom{margin-top:27px;margin-bottom:35px}.site-footer{border-top:1px solid var(--line);background:white}.footer-inner{max-width:1268px;width:calc(100% - 48px);min-height:85px;margin:auto;display:flex;align-items:center;gap:25px}.footer-brand{font-size:16px;font-weight:700;color:var(--cobalt)}.footer-inner nav{display:flex;gap:22px;margin-left:auto}.footer-inner nav button{min-height:44px;background:transparent;color:var(--muted);font-size:12px;padding:8px 0}.footer-inner nav button:hover{color:var(--cobalt);text-decoration:underline;text-underline-offset:4px}.copyright{font-size:12px;color:var(--muted)}
.app-dialog{width:min(460px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:white;color:var(--ink);overflow:auto}.app-dialog::backdrop{background:#17233c99}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:23px}.app-dialog h2{font-size:22px;font-weight:700;line-height:1.5;letter-spacing:-.025em}.dialog-close{color:var(--muted);margin-right:-9px;margin-top:-5px}.dialog-close:hover{background:var(--pale);color:var(--cobalt)}.app-dialog .field-label{font-size:13px;margin-top:0}.text-input{width:100%;min-height:46px;background:white;border:1px solid var(--line);color:var(--ink);padding:10px 12px;font-size:14px}.text-input::placeholder{color:#627089;opacity:1}.duration-inputs{display:flex;align-items:flex-end;gap:12px;margin-top:24px}.duration-inputs label{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0}.duration-inputs label>span{font-size:13px;color:var(--muted);font-weight:600}.duration-inputs input{width:100%;min-height:72px;border:1px solid var(--line);background:var(--canvas);color:var(--cobalt);font-family:var(--timer-font);font-size:40px;line-height:1.1;font-variant-numeric:tabular-nums;text-align:center;appearance:textfield}.duration-inputs input::-webkit-inner-spin-button,.duration-inputs input::-webkit-outer-spin-button{appearance:none;margin:0}.duration-separator{font-size:23px;padding-bottom:17px;color:var(--muted)}.form-error{font-size:13px;color:var(--danger);line-height:1.8;margin-top:14px;min-height:24px}.dialog-primary{background:var(--cobalt);color:white}.dialog-primary:hover{background:var(--cobalt-hover)}.dialog-secondary{border-color:var(--line);background:white;color:var(--ink)}.dialog-secondary:hover{background:var(--pale)}.dialog-submit{width:100%;margin-top:14px}.done-dialog{text-align:center;padding:35px 28px 28px}.done-heading{display:flex;align-items:center;justify-content:center;gap:10px}.done-heading>svg{width:29px;height:29px;color:var(--cobalt)}.done-dialog>p{font-size:14px;color:var(--muted);margin-top:13px;line-height:1.9;overflow-wrap:anywhere}.dialog-actions{display:flex;gap:10px;margin-top:26px}.dialog-actions .button{flex:1}.info-dialog{width:min(560px,calc(100% - 32px))}.info-content{font-size:14px;line-height:1.9;color:var(--muted);word-break:keep-all;overflow-wrap:anywhere;max-width:70ch}.info-content p+p{margin-top:13px}.info-content h3{font-size:16px;color:var(--ink);margin:20px 0 9px}.info-content a{color:var(--cobalt);text-decoration:underline}.info-content ul{padding-left:20px}.toast{position:fixed;z-index:200;left:50%;bottom:24px;transform:translateX(-50%);width:max-content;max-width:calc(100% - 32px);padding:13px 20px;background:var(--ink);color:white;border:1px solid #354b75;border-radius:var(--radius);font-size:14px;line-height:1.7;text-align:center}.noscript{position:fixed;z-index:300;bottom:0;left:0;right:0;background:var(--lemon);color:var(--ink);text-align:center;padding:15px;font-size:14px}
body.focus-mode{overflow:hidden}body.focus-mode #timer-panel{position:fixed;inset:0;z-index:100;overflow:auto;height:100dvh}:is(#timer-panel:fullscreen,body.focus-mode #timer-panel){display:block;width:100%;height:100%;border:0;border-radius:0;background:var(--cobalt)}:is(#timer-panel:fullscreen,body.focus-mode #timer-panel) .timer-main{min-height:100%;height:100%;padding:25px max(28px,calc((100vw - 800px)/2));justify-content:center}:is(#timer-panel:fullscreen,body.focus-mode #timer-panel) .timer-toolbar{position:absolute;top:22px;left:30px;right:30px}:is(#timer-panel:fullscreen,body.focus-mode #timer-panel) .timer-settings{display:none}:is(#timer-panel:fullscreen,body.focus-mode #timer-panel) .timer-stage{margin-top:0}:is(#timer-panel:fullscreen,body.focus-mode #timer-panel) .timer-display{font-size:clamp(170px,24vw,350px);line-height:1.1;min-height:0}:is(#timer-panel:fullscreen,body.focus-mode #timer-panel) .timer-display:has(#hours-block:not([hidden])){font-size:clamp(100px,18vw,250px);min-height:0}:is(#timer-panel:fullscreen,body.focus-mode #timer-panel) .remaining-scale{margin-top:28px}:is(#timer-panel:fullscreen,body.focus-mode #timer-panel) .timer-actions{max-width:530px;width:100%;margin:27px auto 0}:is(#timer-panel:fullscreen,body.focus-mode #timer-panel) .finish-at{font-size:14px}
@media(max-width:1280px) and (min-width:1141px){.page-grid{gap:20px}.timer-panel{grid-template-columns:minmax(0,1fr) 232px}.timer-main{padding-inline:22px}.timer-settings{padding-inline:17px}.timer-display{font-size:190px;min-height:210px}.timer-display:has(#hours-block:not([hidden])){font-size:125px;min-height:210px}.presets{gap:6px}.timer-actions{gap:7px}.secondary-button{padding-inline:10px}.start-button{padding-inline:14px}.keyboard-hint{font-size:12px;gap:4px}}
@media(max-width:1140px){.page-grid{max-width:900px;grid-template-columns:1fr 1fr;gap:19px}.work-area{grid-column:1/-1;grid-row:1}.ad-side{height:100px;grid-row:2}.ad-left{grid-column:1}.ad-right{grid-column:2}.timer-main{padding-inline:30px}.timer-display{font-size:220px}.timer-display:has(#hours-block:not([hidden])){font-size:148px}.ad-bottom{margin-top:24px}.header-inner,.footer-inner{max-width:900px}.footer-inner{gap:22px}}
@media(max-width:760px){.header-inner{gap:18px;width:calc(100% - 36px)}.brand{font-size:21px;gap:8px}.header-title{font-size:14px;padding-left:18px}.header-inner nav a{font-size:13px}.local-time{gap:7px;padding-left:18px}.local-time>span{display:none}.local-time time{font-size:15px}.page-grid{width:calc(100% - 36px)}.timer-panel{grid-template-columns:minmax(0,1fr) 225px}.timer-main{padding-inline:22px}.timer-settings{padding-inline:17px}.timer-display{font-size:185px;min-height:200px}.timer-display:has(#hours-block:not([hidden])){font-size:116px;min-height:200px}.timer-stage{margin-top:30px}.timer-actions{gap:7px;flex-wrap:wrap}.timer-actions .start-button{flex-basis:100%;min-height:52px}.timer-actions .secondary-button{flex:1;min-height:44px}.keyboard-hint{flex-wrap:wrap;row-gap:3px;margin-top:16px}.purpose-bar button{padding-inline:12px}.footer-inner{width:calc(100% - 36px);gap:18px;flex-wrap:wrap;padding-block:20px}.footer-inner nav{gap:18px}.copyright{width:100%;font-size:12px}.ad-top{margin-bottom:22px}}
@media(max-width:640px){html{scroll-padding-top:16px}.site-header{height:72px}.header-inner{width:calc(100% - 32px);gap:13px}.brand{font-size:20px;gap:7px}.brand>svg{width:27px;height:30px}.header-title{padding-left:13px;font-size:13px}.header-inner nav{display:none}.local-time{margin-left:auto;border:0;padding:0}.local-time time{font-size:14px}.ad-top{width:min(320px,calc(100% - 32px));height:80px;margin-top:18px;margin-bottom:19px}.page-grid{width:calc(100% - 28px);gap:13px}.timer-panel{display:block}.timer-main{padding:19px 22px 20px}.timer-toolbar{gap:6px}#timer-name{font-size:14px;max-width:250px}.timer-title-wrap{gap:2px}.timer-main .icon-button{width:44px;min-width:44px}.timer-stage{margin-top:20px}.timer-status{font-size:13px}.timer-display{font-size:clamp(128px,37vw,190px);line-height:1.15;min-height:165px;margin-top:2px;letter-spacing:-.025em}.timer-display:has(#hours-block:not([hidden])){font-size:clamp(78px,23.5vw,125px);min-height:165px;letter-spacing:-.025em}.finish-at{font-size:13px;margin-top:5px}.remaining-scale{margin-top:25px}.scale-labels{font-size:12px}.timer-actions{flex-wrap:nowrap;margin-top:23px;gap:8px}.timer-actions .start-button{flex-basis:auto;min-height:52px;padding-inline:13px;font-size:15px}.timer-actions .secondary-button{flex:none;min-height:46px;padding-inline:12px;font-size:13px;gap:4px}.secondary-button svg{width:17px;height:17px}.keyboard-hint{font-size:12px;margin-top:17px;gap:5px}.keyboard-hint kbd:not(:first-child){margin-left:8px}.timer-settings{padding:24px 22px;display:grid;grid-template-columns:1fr 1fr;gap:24px}.timer-settings h2{font-size:15px}.presets{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:14px}.presets button{min-height:44px}.sound-settings{border-top:0;padding-top:0;margin-top:0}.sound-settings .field-label{margin-top:11px}.sound-choice{gap:5px}.sound-choice select{font-size:12px;padding:6px;min-height:44px}.sound-test{min-width:44px;width:44px;padding:10px}.volume-control{margin-top:12px}.volume-control .field-label{margin-top:0}.repeat-option{font-size:13px;gap:7px;margin-top:7px}.repeat-description{line-height:1.7;font-size:12px}.custom-time-hint{font-size:12px;gap:2px;flex-wrap:wrap;line-height:1.6}.setting-description{font-size:12px}.purpose-bar{min-height:66px;margin-top:7px;flex-wrap:wrap;column-gap:0;row-gap:0;padding:5px 0}.purpose-bar>span{font-size:12px;width:100%;margin:0;padding:0}.purpose-bar button{flex:1;font-size:12px;padding:7px 5px}.purpose-bar button strong{font-size:14px;margin-right:5px}.help-panel>summary{min-height:58px;font-size:13px}.help-content{grid-template-columns:1fr;gap:22px;padding-top:3px;padding-bottom:19px}.help-content h2{font-size:14px}.help-content p{font-size:13px}.ad-side{height:90px}.ad-bottom{max-width:320px;height:80px;margin-top:20px;margin-bottom:24px}.footer-inner{width:calc(100% - 36px);gap:8px 17px;padding-block:17px}.footer-brand{font-size:15px}.footer-inner nav{gap:15px}.footer-inner nav button{font-size:12px}.copyright{font-size:12px;margin-top:0}.app-dialog{padding:23px}.app-dialog h2{font-size:21px}.duration-inputs{gap:8px}.duration-inputs input{font-size:37px}.duration-separator{font-size:22px}.toast{font-size:13px;padding:12px 16px;bottom:16px}:is(#timer-panel:fullscreen,body.focus-mode #timer-panel) .timer-main{padding:76px 24px 28px}:is(#timer-panel:fullscreen,body.focus-mode #timer-panel) .timer-toolbar{left:20px;right:20px;top:18px}:is(#timer-panel:fullscreen,body.focus-mode #timer-panel) .timer-display{font-size:37vw;min-height:0}:is(#timer-panel:fullscreen,body.focus-mode #timer-panel) .timer-display:has(#hours-block:not([hidden])){font-size:24vw;min-height:0}:is(#timer-panel:fullscreen,body.focus-mode #timer-panel) .timer-actions{gap:8px}}
@media(max-width:380px){.header-inner{gap:10px}.header-title{font-size:12px;padding-left:10px}.brand{font-size:19px;gap:5px}.brand>svg{width:24px}.timer-main{padding-inline:17px}#timer-name{max-width:185px;font-size:13px}.timer-display{font-size:128px;min-height:152px}.timer-display:has(#hours-block:not([hidden])){font-size:82px;min-height:152px}.timer-actions{gap:6px}.timer-actions .start-button{font-size:14px;padding-inline:11px;gap:6px}.timer-actions .secondary-button{font-size:12px;padding-inline:9px;gap:3px}.timer-actions .secondary-button svg{width:16px;height:16px}.keyboard-hint{font-size:12px;gap:4px}.timer-settings{gap:17px;padding-inline:17px}.sound-choice select{font-size:12px;padding-inline:3px}.sound-test{min-width:44px;width:44px;padding:10px}.footer-inner nav{margin-left:0;width:100%;gap:19px}}
@media(max-height:650px){:is(#timer-panel:fullscreen,body.focus-mode #timer-panel) .timer-main{padding-top:70px;padding-bottom:20px}:is(#timer-panel:fullscreen,body.focus-mode #timer-panel) .timer-display{font-size:30vh;min-height:0}:is(#timer-panel:fullscreen,body.focus-mode #timer-panel) .timer-display:has(#hours-block:not([hidden])){font-size:24vh;min-height:0}:is(#timer-panel:fullscreen,body.focus-mode #timer-panel) .remaining-scale{margin-top:15px}:is(#timer-panel:fullscreen,body.focus-mode #timer-panel) .timer-actions{margin-top:17px}:is(#timer-panel:fullscreen,body.focus-mode #timer-panel) .keyboard-hint{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.keyboard-hint{flex-wrap:wrap;column-gap:13px;row-gap:5px}.keyboard-hint>span{display:inline-flex;gap:5px;align-items:center}.keyboard-hint kbd:not(:first-child){margin-left:0}
@media(max-width:350px){.timer-settings{display:block}.presets{grid-template-columns:repeat(4,minmax(0,1fr))}.sound-settings{margin-top:24px;padding-top:23px;border-top:1px solid var(--line)}.sound-choice select{font-size:13px;padding-inline:8px}}
.ad-contact{max-width:1268px;width:calc(100% - 48px);margin:0 auto;padding-bottom:18px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px;font-style:normal;color:var(--muted)}.ad-contact a,.ad-contact-dialog a{display:inline-flex;align-items:center;min-height:44px;color:var(--cobalt);text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}.ad-contact a:hover,.ad-contact-dialog a:hover{color:var(--cobalt-hover)}.ad-contact-dialog{margin-top:16px}
@media(max-width:1140px){.ad-contact{max-width:900px}}
@media(max-width:760px){.ad-contact{width:calc(100% - 36px)}}