@layer reset,base,components,responsive;@layer reset{*{box-sizing:border-box}body,h1,h2,h3,p{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer;border:0;background:transparent}a{color:inherit;text-decoration:none}svg{flex-shrink:0}button:disabled{opacity:.45;cursor:default}[hidden]{display:none!important}}@layer base{:root{color-scheme:light;--bg: #f7f8f5;--surface: #fff;--ink: #203a32;--muted: #58695f;--border: #d7dfd8;--soft: #eff3ed;--accent: #25644e;--accent-ink: #fff;--mint: #e4efcd;--ring: #2a755d;--ad: #f0f2ed;--radius: 5px;font-family:Segoe UI,Arial,Noto Sans,sans-serif;font-synthesis:none}:root[data-theme=dark]{color-scheme:dark;--bg: #111b18;--surface: #192622;--ink: #e6eee8;--muted: #a6b7ad;--border: #33463c;--soft: #23362d;--accent: #c6e69b;--accent-ink: #203323;--mint: #304633;--ring: #c6e69b;--ad: #17241e}body{background:var(--bg);color:var(--ink);font-size:15px;line-height:1.6}button,a,select{touch-action:manipulation}button,a,input,select,summary{outline-offset:4px}:is(button,a,input,select,summary):focus-visible{outline:2px solid var(--ring)}button,a{transition:background-color .15s,color .15s}button:hover:not(:disabled){background-color:var(--soft)}h1,h2,h3{line-height:1.25;font-weight:650;letter-spacing:-.02em}h1{font-size:30px}h2{font-size:19px}p{color:var(--muted)}::selection{background:var(--mint)}:lang(ko) :is(h1,h2,h3,p,li){word-break:keep-all;overflow-wrap:break-word}.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}.skip-link{position:fixed;top:-80px;left:20px;padding:12px;z-index:50;background:var(--accent);color:var(--accent-ink)}.skip-link:focus{top:8px}}@layer components{.site-header{height:66px;max-width:1180px;margin:auto;display:flex;align-items:center;gap:32px;border-bottom:1px solid var(--border)}.brand{display:inline-flex;align-items:center;gap:8px;font-size:21px;font-weight:650;letter-spacing:-.025em;white-space:nowrap}.brand-divider{color:var(--muted);font-weight:400;margin:0 3px}.brand-tool{font-size:18px;font-weight:400}.site-header nav{margin-left:auto;display:flex;gap:28px;font-size:13px}.site-header nav a{padding:12px 0}.site-header nav a:hover{text-decoration:underline}.header-actions{display:flex;align-items:center;gap:12px}.language-select select{height:44px;color:var(--ink);background:transparent;border:0;font-size:13px;cursor:pointer;max-width:114px}.icon-button{width:44px;height:44px;display:inline-grid;place-items:center;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}#theme-toggle{border:0;background:transparent}main{max-width:1100px;margin:auto}.page-heading{padding:28px 0 22px;display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 24px}.page-heading p{font-size:13px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:36px;margin-top:28px}.tool-column{min-width:0}.timer-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow:hidden}.mode-switch{display:flex;border-bottom:1px solid var(--border)}.mode-switch button{display:flex;align-items:center;justify-content:center;flex:1;gap:9px;min-height:52px;font-size:14px;color:var(--muted);border-bottom:2px solid transparent}.mode-switch button[aria-pressed=true]{color:var(--ink);border-bottom-color:var(--accent);font-weight:650}.mode-switch svg{width:18px;height:18px}.timer-body{text-align:center;padding:27px 36px 22px}.status{font-size:12px;min-height:20px}.timer-card[data-status=completed]{border-color:var(--accent)}.timer-card[data-status=completed] .status{font-weight:650;color:var(--accent)}.time-display{display:flex;justify-content:center;align-items:center;width:100%;padding:9px 0 0;gap:10px;font-size:clamp(62px,7vw,98px);line-height:1.2;font-weight:400;letter-spacing:-.025em;font-variant-numeric:tabular-nums;border-radius:var(--radius)}.time-display:hover:not(:disabled){background:transparent;color:var(--accent)}.time-display:disabled{opacity:1}.time-display .colon{font-size:.7em;color:var(--muted);transform:translateY(-4px)}.time-display span:not(.colon){min-width:1.2em}.time-units{display:grid;grid-template-columns:repeat(3,1fr);max-width:405px;margin:0 auto;color:var(--muted);font-size:12px}.progress-track{height:2px;background:var(--border);max-width:414px;margin:22px auto 11px;overflow:hidden}#progress-fill{height:100%;width:100%;background:var(--accent);transform-origin:left;transition:transform .15s linear}.session-label input{display:block;width:300px;max-width:100%;margin:auto;text-align:center;border:0;background:transparent;color:var(--ink);min-height:38px;border-radius:var(--radius);font-size:13px;padding:7px}.session-label input::placeholder{color:var(--muted)}.session-label input:hover{background:var(--bg)}.primary-controls{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:16px}.primary{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;border-radius:var(--radius);padding:12px 22px;font-size:15px;font-weight:650;background:var(--accent);color:var(--accent-ink)}.primary:hover:not(:disabled){background:var(--accent);filter:brightness(.92)}.primary-controls .primary{min-width:204px}.primary-controls .icon-button{width:48px;height:48px}.soft-button{min-width:64px;min-height:48px;border:1px solid var(--border);border-radius:var(--radius);padding:8px 12px;font-size:13px}.shortcuts{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:19px;font-size:11px;color:var(--muted)}kbd{font-family:inherit;font-size:11px;background:var(--bg);border:1px solid var(--border);border-radius:2px;padding:0 4px}.shortcuts kbd:not(:first-child){margin-left:10px}.timer-toolbar{display:flex;align-items:center;gap:4px;padding:5px 12px;border-top:1px solid var(--border);color:var(--muted)}.timer-toolbar button{display:flex;justify-content:center;align-items:center;gap:8px;min-height:44px;min-width:44px;padding:8px;border-radius:var(--radius);font-size:12px;white-space:nowrap}.timer-toolbar svg{width:17px;height:17px}.toolbar-spacer{flex:1}.preset-panel{margin-top:18px}.preset-panel h2{font-size:12px;color:var(--muted);font-weight:500;margin-bottom:8px}.presets{display:flex;gap:8px}.presets button{flex:1;min-width:0;min-height:44px;padding:8px 4px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);display:flex;align-items:baseline;justify-content:center;gap:4px}.presets strong{font-size:16px;font-weight:600;font-variant-numeric:tabular-nums}.presets span{font-size:11px;color:var(--muted)}.presets button[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.presets .custom-button{font-size:12px;align-items:center;min-width:76px}.below-timer{margin-top:14px}.sound-notice{font-size:12px;line-height:1.7}.side-rail{display:grid;gap:22px}.ad-slot{color:var(--muted)}.ad-label{display:block;text-align:center;font-size:10px;line-height:20px;margin-bottom:4px}.ad-frame{background:var(--ad);border:1px solid var(--border)}.ad-rectangle{width:300px}.ad-rectangle .ad-frame{width:300px;height:250px}.ad-leaderboard{max-width:970px;margin:30px auto}.ad-leaderboard .ad-frame{height:90px}[data-ad-placement=top]{margin-top:0;margin-bottom:0}[data-ad-placement=after-timer]{margin-top:32px;margin-bottom:38px}.reference-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:64px;padding:28px 0 4px;border-top:1px solid var(--border)}.section h2{margin-bottom:17px}.duration-links{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;column-gap:25px}.duration-links a{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;border-bottom:1px solid var(--border)}.duration-links a:hover{color:var(--accent)}.duration-links a span{color:var(--muted);font-size:15px}.how>p{font-size:13px}.instructions{margin:15px 0 0;padding-left:20px;color:var(--muted);font-size:13px}.instructions li{margin-top:10px;padding-left:3px}.instructions strong{color:var(--ink);font-weight:600}.faq{display:grid;grid-template-columns:1fr 2fr;gap:40px;margin-top:38px;border-top:1px solid var(--border);padding-top:27px}.questions details{border-bottom:1px solid var(--border)}.questions summary{display:flex;align-items:center;justify-content:space-between;gap:15px;cursor:pointer;list-style:none;padding:14px 0;min-height:48px;font-size:13px;font-weight:600}.questions summary::-webkit-details-marker{display:none}.questions summary>span{font-size:20px;color:var(--muted)}.questions details[open] summary>span{transform:rotate(45deg)}.questions p{padding:0 15px 17px 0;font-size:13px;line-height:1.85}footer{max-width:1180px;margin:36px auto 0;padding:24px 0;border-top:1px solid var(--border);display:flex;align-items:center;flex-wrap:wrap;gap:18px}footer .brand{font-size:18px}footer p{font-size:12px}footer>div:not(.footer-languages){margin-left:auto;display:flex;gap:24px;font-size:12px}footer a:hover{text-decoration:underline}footer small{font-size:11px;color:var(--muted)}.footer-languages{display:flex;gap:20px;width:100%;font-size:12px;color:var(--muted)}.footer-languages a[aria-current]{color:var(--ink);text-decoration:underline}.phase-options{display:flex;justify-content:center;gap:8px;padding:13px 8px 0}.phase-options button{min-height:40px;padding:5px 13px;font-size:12px;border-bottom:2px solid transparent;color:var(--muted)}.phase-options button[aria-pressed=true]{color:var(--ink);border-bottom-color:var(--accent)}.text-button{min-height:44px;margin-top:8px;padding:6px 12px;font-size:13px;color:var(--accent);text-decoration:underline}.timer-card:fullscreen,.timer-card.fullscreen-fallback{border:0;border-radius:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;background:var(--surface);overflow:auto}.timer-card:fullscreen .mode-switch,.timer-card.fullscreen-fallback .mode-switch{max-width:600px;width:calc(100% - 48px);margin:20px auto}.timer-card:fullscreen .time-display,.timer-card.fullscreen-fallback .time-display{font-size:clamp(72px,15vw,220px)}.timer-card:fullscreen .timer-toolbar,.timer-card.fullscreen-fallback .timer-toolbar{position:absolute;bottom:0;left:0;right:0}.fullscreen-fallback{position:fixed!important;inset:0;z-index:100}.fullscreen-active{overflow:hidden}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);color:var(--bg);background:var(--ink);border-radius:var(--radius);padding:12px 22px;opacity:0;pointer-events:none;z-index:200;font-size:13px;max-width:calc(100vw - 24px);text-align:center}.toast.visible{opacity:1}dialog{color:var(--ink);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px;width:calc(100% - 32px);max-width:440px}dialog::backdrop{background:#11201899}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.dialog-heading h2{font-size:22px}.dialog-heading .icon-button{font-size:26px}.duration-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}.duration-fields label{font-size:13px;color:var(--muted)}.duration-fields input{display:block;width:100%;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--ink);margin-top:8px;padding:12px 8px;text-align:center;font-size:27px;font-variant-numeric:tabular-nums}dialog .primary{width:100%}#duration-error{font-size:13px;color:var(--ink);font-weight:600;margin:-10px 0 16px}#share-url{width:100%;padding:12px;margin:20px 0;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--ink)}#recent-section{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:12px;font-size:12px;color:var(--muted)}#recent-timers{display:flex;gap:8px}#recent-timers button{min-height:44px;border-bottom:1px solid var(--border);padding:6px 10px;font-size:12px}#laps-section{max-width:480px;margin:24px auto}#laps-section h2{font-size:18px}#laps-list{max-height:220px;overflow:auto;padding:0;list-style:none}#laps-list li{display:flex;justify-content:space-between;border-bottom:1px solid var(--border);padding:10px;font-variant-numeric:tabular-nums;font-size:13px}.legal{max-width:700px;padding:65px 20px;min-height:60vh}.legal h1{margin:0 0 25px}.legal p{line-height:1.9;margin-bottom:30px}.noscript{padding:20px;text-align:center}.workspace.tool-only{display:block;margin:0 auto 32px;max-width:800px}.guide-directory{margin-top:36px;padding-top:28px;border-top:1px solid var(--border)}.guide-links{padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:22px 40px}.guide-links li{padding:0 0 18px;border-bottom:1px solid var(--border)}.guide-links a{display:inline-flex;align-items:center;min-height:44px;font-weight:600;text-decoration:underline;text-underline-offset:3px}.guide-links p{font-size:14px;margin-top:5px}.reading-page{max-width:800px;padding-top:32px;padding-bottom:40px;font-size:16px;overflow-wrap:anywhere}.back-link{display:inline-flex;min-height:44px;align-items:center;margin-bottom:20px;color:var(--muted)}.reading-page h1{font-size:34px}.reading-page article,.reading-content section{max-width:72ch}.reading-page:lang(en) section p{line-height:1.75}.article-description{margin:20px 0 12px;font-size:18px}.article-meta{font-size:12px;border-bottom:1px solid var(--border);padding-bottom:22px}.reading-page section,.reading-content section{margin-top:32px}.reading-page section h2,.reading-content h2{margin-bottom:16px;font-size:22px}.reading-page section p,.reading-content p{margin:14px 0;line-height:1.9}.reading-page li,.reading-content li{margin:10px 0;line-height:1.8;color:var(--muted)}.reading-page section a,.contact-line a{text-decoration:underline;text-underline-offset:3px;color:var(--accent)}.reading-page>.primary{margin-top:28px}.contact-line{border-top:1px solid var(--border);padding-top:22px;margin-top:28px}.related-guides{margin-top:36px;border-top:1px solid var(--border);padding-top:24px}.preset-context{max-width:800px;margin:30px auto;padding:10px 0 25px;border-top:1px solid var(--border)}.home-primer{max-width:800px;margin:40px auto;padding-top:30px;border-top:1px solid var(--border)}.home-primer h2{font-size:26px}.home-primer h3{margin:32px 0 12px;font-size:21px}.home-primer p{max-width:72ch}.mode-guide{margin:20px 0 32px}.mode-guide>div{display:grid;grid-template-columns:145px minmax(0,1fr);gap:22px;padding:18px 0;border-top:1px solid var(--border)}.mode-guide dt{font-weight:600}.mode-guide dd{margin:0;line-height:1.85;color:var(--muted)}.mode-guide a,.duration-guide a,.reading-content .content-actions a{text-decoration:underline;text-underline-offset:3px;color:var(--accent)}.mode-guide a{display:inline-flex;align-items:center;min-height:44px}.duration-guide{padding:0;list-style:none}.duration-guide li{padding:12px 0;border-bottom:1px solid var(--border)}.duration-guide a{display:flex;align-items:center;flex-wrap:wrap;gap:8px 20px;min-height:44px}.duration-guide strong{min-width:60px;color:var(--ink)}.duration-guide p{margin-top:4px}.article-contents{margin:24px 0 32px;padding:16px 0;border-bottom:1px solid var(--border)}.article-contents>p{font-size:13px;font-weight:600;color:var(--ink)}.article-contents ol{padding-left:22px}.article-contents li{margin:0}.article-contents a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:3px}.reading-page section{scroll-margin-top:24px}.content-actions{padding:0;list-style:none}.content-actions a{display:inline-flex;align-items:center;min-height:44px}@media(max-width:600px){.home-primer{margin:28px auto;padding-top:24px}.home-primer h2{font-size:23px}.mode-guide>div{grid-template-columns:1fr;gap:4px}}footer .footer-links{flex-wrap:wrap;gap:6px 22px}.footer-links a,.footer-languages a{display:inline-flex;min-height:44px;align-items:center}}@layer responsive{@media(max-width:1220px){.site-header,footer{margin-left:28px;margin-right:28px}main{padding:0 28px}.workspace{gap:24px}.timer-body{padding:25px 18px 20px}.time-display{font-size:clamp(55px,7.4vw,96px);gap:8px}}@media(max-width:1000px)and (min-width:761px){.workspace{grid-template-columns:minmax(0,1fr) 300px;gap:20px}.time-display{font-size:clamp(49px,6.5vw,72px);gap:4px}.time-units{max-width:310px}.primary-controls .primary{min-width:160px}.primary-controls{gap:8px}.tool-text{display:none}.mode-switch button{font-size:12px;gap:5px}.mode-switch svg{width:15px}.presets{flex-wrap:wrap}.presets button{flex-basis:calc(25% - 8px)}.site-header{gap:20px}.site-header nav{gap:15px}.brand-divider,.brand-tool{display:none}}@media(max-width:760px){.site-header{height:60px;margin:0 18px;gap:10px}.guide-links{grid-template-columns:1fr;gap:10px}.reading-page{padding-top:20px}.reading-page h1{font-size:28px}.reading-page section h2,.reading-content h2{font-size:21px}.site-header nav{display:none}.header-actions{margin-left:auto;gap:8px}.brand{font-size:19px}.brand-tool{font-size:16px}.language-select select{font-size:12px;max-width:98px}main{padding:0 18px}.page-heading{padding:24px 0 18px;gap:7px}.page-heading h1{font-size:26px}.page-heading p{width:100%;font-size:13px}.desktop-ad,.side-rail{display:none}.workspace{display:block;margin-top:0}.timer-body{padding:19px 18px 17px}.mode-switch button{min-height:48px;font-size:13px;gap:7px}.mode-switch svg{width:16px;height:16px}.status{font-size:12px}.time-display{font-size:clamp(57px,13vw,94px);gap:7px}.time-units{max-width:395px;font-size:11px}.progress-track{margin-top:17px}.primary-controls{gap:10px;margin-top:11px}.primary-controls .primary{min-width:178px}.shortcuts{display:none}.timer-toolbar{padding:4px 8px;gap:4px}.timer-toolbar button{font-size:12px;padding:8px}.presets button{flex-direction:column;align-items:center;justify-content:center;gap:0;padding:7px 2px}.presets .custom-button{flex-basis:100%;min-height:40px}.presets{flex-wrap:wrap}.presets button:not(.custom-button){flex-basis:calc((100% - 40px)/6)}.presets strong{font-size:16px}.presets span{font-size:11px}.preset-panel{margin-top:14px}.below-timer{margin-top:12px}.sound-notice{font-size:12px}.ad-leaderboard{max-width:100%;margin:24px auto}.ad-leaderboard .ad-frame{height:100px}[data-ad-placement=after-timer] .ad-frame{height:250px;width:min(100%,336px);margin:auto}[data-ad-placement=after-timer]{margin-top:26px;margin-bottom:28px}.reference-row{grid-template-columns:1fr;gap:28px;padding-top:24px}.section h2{font-size:19px;margin-bottom:13px}.duration-links{column-gap:22px}.instructions,.how>p{font-size:13px}.faq{grid-template-columns:1fr;gap:0;margin-top:25px;padding-top:22px}.questions summary{font-size:13px}.questions p{font-size:13px}footer{margin:28px 18px 0;gap:14px;padding:22px 0}footer p{font-size:11px}footer>div:not(.footer-languages){margin-left:0}footer small{width:100%}.footer-languages{gap:20px}.timer-card:fullscreen .time-display,.timer-card.fullscreen-fallback .time-display{font-size:14vw}.timer-card:fullscreen .timer-toolbar,.timer-card.fullscreen-fallback .timer-toolbar{padding-bottom:max(8px,env(safe-area-inset-bottom))}}@media(max-width:420px){.tool-text,.brand-tool,.brand-divider{display:none}.time-display{font-size:12.7vw;gap:5px}.time-units{max-width:280px}.primary-controls{gap:8px}.primary-controls .primary{min-width:166px}.soft-button{min-width:58px;padding:8px}.mode-switch button{gap:5px;font-size:12px}}@media(max-width:350px){main{padding:0 12px}.site-header{margin:0 12px}.timer-body{padding:18px 10px 16px}.primary-controls .primary{min-width:146px}.primary-controls{gap:7px}.time-display{font-size:12.5vw}.mode-switch svg{width:14px}.mode-switch button{font-size:11px}.presets{gap:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}}