@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800&display=swap');
:root{--bg:#f7f8fb;--card:#fff;--text:#24283a;--muted:#8990a3;--line:#e9ebf3;--accent:#6368e9;--accent2:#8176e9;--accent-pale:#f0f0ff;--soft:#fafbfe;--shadow:0 16px 55px rgba(33,46,92,.045);--radius:24px;--font:'DM Sans','Segoe UI',system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);min-width:300px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #abaafd;outline-offset:3px}button,input,select{touch-action:manipulation}a{text-decoration:none;color:inherit}[hidden]{display:none!important}svg{display:block}.site-header{height:88px;max-width:1240px;margin:0 auto;padding:0 26px;display:flex;align-items:center;gap:50px}.brand{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;font:800 26px 'Outfit',var(--font);letter-spacing:-1.6px}.brand-icon{width:35px;height:35px;color:#5e65e8}.brand-light{font-weight:500}.brand-dot,.footer-brand span{color:#ffad6e}.desktop-nav{display:flex;gap:32px;margin:0 auto}.nav-link{border:0;background:none;color:#858b9d;font-weight:700;font-size:13px;white-space:nowrap;padding:12px 0;transition:color .2s}.nav-link:hover,.nav-link.active{color:var(--accent)}.nav-link.active:after{content:"";display:block;width:17px;height:3px;background:var(--accent);border-radius:2px;margin:7px auto -10px}.header-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.language-select-wrap{display:flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--card);border-radius:12px;padding:0 9px;height:39px}.language-select-wrap svg{width:17px;height:17px;color:var(--accent)}.language-select-wrap select{background:transparent;color:var(--text);border:0;outline:0;font-size:12px;font-weight:700;max-width:115px;cursor:pointer}.icon-btn{border:1px solid var(--line);background:var(--card);color:#656a7f;width:40px;height:40px;border-radius:12px;display:grid;place-items:center}.icon-btn:hover{border-color:#c8cafa;color:var(--accent)}.icon-btn svg{width:19px;height:19px}.mobile-nav{display:none}.hero{text-align:center;max-width:980px;margin:55px auto 45px;padding:0 20px}.eyebrow{display:inline-flex;gap:10px;align-items:center;color:#8187a1;font-size:11px;font-weight:800;letter-spacing:1.8px}.live-dot{display:block;width:7px;height:7px;border-radius:100%;background:#78c5a5;box-shadow:0 0 0 4px #78c5a526}.hero h1{font-family:'Outfit',var(--font);letter-spacing:-2.7px;font-size:clamp(35px,5vw,62px);line-height:1.13;font-weight:700;margin:21px 0 15px}.hero .accent{color:var(--accent)}.hero-sub{color:#8f95a6;max-width:570px;margin:0 auto;font-size:15px;line-height:1.85}.app-shell{max-width:890px;margin:0 auto;padding:38px 52px 42px;background:var(--card);border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);min-height:435px}.tool-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:29px}.section-kicker{color:var(--accent);font-size:10px;font-weight:800;letter-spacing:1.55px}.tool-topline h2{font:700 28px/1.1 'Outfit',var(--font);letter-spacing:-.7px;margin:8px 0 0}.mode-toggle{display:flex;padding:4px;border:1px solid var(--line);background:var(--soft);border-radius:12px;gap:2px;flex-shrink:0}.mode-btn{border:0;border-radius:9px;padding:10px 16px;background:transparent;color:var(--muted);font-size:12px;font-weight:700}.mode-btn.active{background:var(--card);color:var(--accent);box-shadow:0 2px 8px #2e31640d}.field-title{font-size:10px;letter-spacing:1.35px;font-weight:800;color:#7e859b;display:block;margin-bottom:12px}.time-inputs{display:flex;align-items:center;justify-content:center;gap:17px;margin:8px auto 26px}.time-field{display:flex;flex-direction:column;gap:9px;align-items:center}.time-field input{appearance:textfield;-moz-appearance:textfield;width:128px;height:96px;text-align:center;font:700 51px 'Outfit',var(--font);letter-spacing:-1.4px;background:var(--soft);color:var(--text);border:1px solid var(--line);border-radius:16px}.time-field input::-webkit-outer-spin-button,.time-field input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.time-field span{font-size:11px;color:var(--muted);font-weight:700}.time-colon{font:600 30px 'Outfit',var(--font);color:#b9bdd0;margin-top:-19px}.preset-title{margin-top:23px}.presets{display:flex;flex-wrap:wrap;gap:9px}.presets button{min-width:58px;padding:10px 14px;border:1px solid var(--line);background:var(--card);color:#767e94;font-size:12px;font-weight:700;border-radius:10px;transition:all .2s}.presets button.selected,.presets button:hover{background:var(--accent-pale);border-color:#cbcafa;color:var(--accent)}.config-bottom{border-top:1px solid var(--line);margin-top:28px;padding-top:25px;display:grid;grid-template-columns:1.3fr 1fr;gap:18px}.name-group input,.wide-field input{height:46px;width:100%;border:1px solid var(--line);border-radius:10px;background:var(--soft);padding:0 13px;color:var(--text);font-size:13px;outline-color:var(--accent)}.name-group input::placeholder,.wide-field input::placeholder{color:#abb1bf}.sound-select{display:flex;gap:8px}.sound-select select{min-width:0;width:100%;height:46px;border:1px solid var(--line);border-radius:10px;background:var(--soft);color:var(--text);font-size:12px;padding:0 10px}.sound-select button{width:46px;flex-shrink:0;border:1px solid var(--line);border-radius:10px;background:var(--accent-pale);color:var(--accent);font-size:19px}.primary-btn{background:var(--accent);color:white;border:1px solid var(--accent);border-radius:12px;padding:13px 23px;font-weight:800;font-size:14px;transition:transform .15s,background .15s}.primary-btn:hover{background:#5056d8;transform:translateY(-1px)}.main-start{width:100%;margin-top:26px;padding:16px 22px;text-align:center;display:flex;align-items:center;justify-content:center;gap:12px}.arrow{font-size:18px;font-weight:400}.secondary-btn{background:var(--card);color:var(--text);border:1px solid var(--line);border-radius:12px;padding:13px 23px;font-weight:800;font-size:14px}.secondary-btn:hover{border-color:var(--accent);color:var(--accent)}.running-panel{text-align:center}.run-label{font-weight:800;color:var(--accent);font-size:11px;letter-spacing:2px}.timer-circle{width:min(356px,75vw);height:min(356px,75vw);margin:7px auto 0;position:relative}.progress-svg{width:100%;height:100%;transform:rotate(-90deg)}.progress-track,.progress-value{fill:none;stroke-width:11}.progress-track{stroke:var(--accent-pale)}.progress-value{stroke:var(--accent);stroke-linecap:round;stroke-dasharray:992.74;transition:stroke-dashoffset .1s linear}.timer-center{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center}.big-time{font:700 clamp(48px,8vw,75px) 'Outfit',var(--font);font-variant-numeric:tabular-nums;letter-spacing:-2px}.timer-status{font-size:13px;color:var(--muted);margin-top:3px}.end-time{color:var(--muted);font-size:13px;margin:0 0 25px;min-height:20px}.run-actions,.center-buttons{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.run-actions button{min-width:118px}.below-actions{display:flex;justify-content:center;gap:22px;margin-top:26px}.below-actions button{border:0;color:var(--muted);font-weight:700;background:none;font-size:12px}.below-actions button:hover{color:var(--accent)}.focus-summary{display:flex;align-items:center;gap:14px;background:var(--accent-pale);padding:17px;border-radius:14px}.focus-summary-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:11px;background:#e0dfff;color:var(--accent);font-size:24px}.focus-summary strong{font-size:14px}.focus-summary p{font-size:12px;color:#7c7fa1;margin:5px 0 0;line-height:1.5}.sessions{margin:16px 0 10px;display:flex;flex-direction:column;gap:10px}.session-row{display:flex;align-items:center;gap:10px;border:1px solid var(--line);padding:11px 14px;border-radius:12px}.session-index{font-size:11px;color:var(--accent);font-weight:800;min-width:26px}.session-row input[type=text]{flex:1;width:35%;border:0;background:transparent;font-size:13px;font-weight:700;color:var(--text);outline:0}.session-row input[type=number]{width:64px;height:34px;border:1px solid var(--line);background:var(--soft);color:var(--text);border-radius:7px;padding:6px;font-size:13px;text-align:center}.session-row small{font-size:11px;color:var(--muted)}.session-delete{background:none;border:0;color:#b9bdca;font-size:21px;padding:0 6px}.session-delete:hover{color:#e76a7d}.subtle-btn{border:0;background:none;color:var(--accent);font-weight:800;font-size:12px;padding:8px 0}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 0;border-bottom:1px solid var(--line)}.toggle-row strong{font-size:13px}.toggle-row small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.toggle-row input[type=checkbox]{appearance:none;width:38px;height:23px;background:#d9dce6;flex-shrink:0;border:0;border-radius:40px;position:relative;cursor:pointer;transition:background .2s}.toggle-row input[type=checkbox]:before{content:"";position:absolute;left:4px;top:4px;background:white;width:15px;height:15px;border-radius:50%;transition:transform .2s}.toggle-row input[type=checkbox]:checked{background:var(--accent)}.toggle-row input[type=checkbox]:checked:before{transform:translateX(15px)}.toggle-row.mini{justify-content:flex-start;font-size:12px;color:var(--muted);border:0;padding-bottom:0;gap:12px}.decor-icon{font-size:27px;color:var(--accent);background:var(--accent-pale);width:56px;height:56px;display:grid;place-items:center;border-radius:15px}.stopwatch-display{text-align:center;font:700 clamp(60px,11vw,109px) 'Outfit',var(--font);letter-spacing:-4px;font-variant-numeric:tabular-nums;margin:62px 0 62px}.stopwatch-display span{font-size:.45em;letter-spacing:-1px;color:var(--muted)}.center-buttons button{min-width:110px}.lap-section{max-width:470px;margin:40px auto 0;border-top:1px solid var(--line)}.lap-section h3{font-size:14px}.lap-section ol{padding:0;list-style:none;max-height:260px;overflow:auto}.lap-section li{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--line);color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px}.lap-section li strong{color:var(--text)}.tool-description{color:var(--muted);font-size:13px;line-height:1.8;margin:15px 0 26px}.alarm-time{display:flex;justify-content:center;margin:30px 0 24px}.alarm-time input{border:1px solid var(--line);background:var(--soft);border-radius:16px;padding:14px 20px;color:var(--text);font:700 60px 'Outfit',var(--font);width:min(370px,100%);text-align:center}.wide-field{display:block;margin:18px 0}.alarm-active{display:flex;align-items:center;gap:10px;margin-top:24px;background:var(--accent-pale);border-radius:10px;padding:14px 16px;font-size:13px;color:var(--text)}.alarm-active>span:nth-child(2){flex:1}.status-dot{width:8px;height:8px;border-radius:50%;background:#7bc3a1}.text-danger{color:#c95e75;background:transparent;border:0;font-weight:800;font-size:12px}.date-result{margin-top:28px;border-top:1px solid var(--line);padding-top:24px}.date-result h3{text-align:center;font-size:15px;color:var(--text)}.countdown-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:15px}.countdown-grid>div{text-align:center;background:var(--soft);padding:20px 4px;border-radius:12px;border:1px solid var(--line)}.countdown-grid strong{display:block;font:700 clamp(25px,5vw,45px) 'Outfit',var(--font);font-variant-numeric:tabular-nums}.countdown-grid span{display:block;font-size:11px;color:var(--muted);margin-top:7px}.world-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.world-card{display:flex;flex-direction:column;gap:8px;padding:21px;background:var(--soft);border:1px solid var(--line);border-radius:14px}.world-card-top{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:11px}.world-card strong{font-size:15px}.world-card time{font:700 31px 'Outfit',var(--font);font-variant-numeric:tabular-nums;letter-spacing:-.5px}.features-row{max-width:890px;margin:25px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.features-row>div{display:flex;align-items:center;gap:12px;padding:22px 20px;background:var(--card);border:1px solid var(--line);border-radius:16px}.feature-icon{font-size:23px;display:grid;place-items:center;width:42px;height:42px;flex-shrink:0;background:var(--accent-pale);color:var(--accent);border-radius:12px}.features-row strong{display:block;font-size:12px;margin-bottom:5px}.features-row small{display:block;font-size:11px;color:var(--muted);line-height:1.4}.info-section{max-width:890px;margin:92px auto 98px;display:grid;grid-template-columns:.9fr 1.1fr;gap:70px}.info-section h2{font:700 clamp(28px,4vw,40px)/1.2 'Outfit',var(--font);letter-spacing:-1px;margin:16px 0}.info-copy>p{color:var(--muted);font-size:13px;line-height:1.9;margin:0 0 24px}.how-steps{display:flex;gap:19px;padding:12px 0}.how-steps>span{color:var(--accent);font:700 15px 'Outfit',var(--font)}.how-steps strong{font-size:13px}.how-steps p{font-size:12px;color:var(--muted);margin:6px 0;line-height:1.6}.footer{border-top:1px solid var(--line);padding:36px max(calc((100% - 1100px)/2),26px);display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted);font-size:11px}.footer-brand{font:800 24px 'Outfit',var(--font);color:var(--text);letter-spacing:-1.2px}.footer p{margin:5px 0 0}.modal-backdrop{position:fixed;inset:0;background:rgba(21,28,50,.5);backdrop-filter:blur(4px);display:grid;place-items:center;z-index:100;padding:16px}.modal{background:var(--card);color:var(--text);padding:30px;width:min(440px,100%);border-radius:20px;box-shadow:0 26px 70px #141c453d;max-height:min(85vh,700px);overflow-y:auto}.modal-header{display:flex;align-items:center;justify-content:space-between}.modal-header h2{font:700 25px 'Outfit',var(--font);margin:0 0 12px}.close-btn{border:0;background:none;color:var(--muted);font-size:29px}.volume-wrap{display:flex;align-items:center;gap:12px;padding:25px 0;font-size:13px}.volume-wrap strong{white-space:nowrap}.volume-wrap input{accent-color:var(--accent);width:100%}.volume-wrap output{color:var(--muted);font-size:12px}.modal .primary-btn{width:100%}.ringing{text-align:center;padding:45px 35px}.ring-icon{width:72px;height:72px;border-radius:50%;background:var(--accent-pale);color:var(--accent);font-size:36px;display:grid;place-items:center;margin:0 auto 18px;animation:shake .8s infinite alternate}.ringing h2{font:700 34px 'Outfit',var(--font);margin:0 0 10px}.ringing p{color:var(--muted);font-size:14px;margin-bottom:26px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#272d47;color:#fff;box-shadow:0 15px 30px #1f254733;padding:12px 20px;border-radius:12px;font-size:13px;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none;z-index:120;text-align:center;max-width:90vw}.toast.show{opacity:1;transform:translate(-50%,0)}@keyframes shake{from{transform:rotate(-10deg)}to{transform:rotate(10deg)}}
body.dark{--bg:#131525;--card:#1b2033;--text:#f1f2fc;--muted:#9a9fb7;--line:#30354a;--accent:#9194ff;--accent2:#a69dfa;--accent-pale:#303155;--soft:#20263a;--shadow:0 16px 55px #0001}body.dark .time-field input,body.dark .language-select-wrap,body.dark select{color:var(--text)}body.dark .presets button.selected,body.dark .presets button:hover{border-color:#777ad3}body.dark .focus-summary-icon{background:#404373}body.dark .focus-summary p{color:#b1b3dc}body.dark .primary-btn{color:#111327}body.dark .primary-btn:hover{background:#b2b3ff}body.dark .name-group input::placeholder,body.dark .wide-field input::placeholder{color:#797f9c}body.dark .nav-link{color:#a6a9bf}body.dark .nav-link.active{color:var(--accent)}body.dark .hero-sub{color:var(--muted)}body.dark .footer-brand{color:var(--text)}
@media(max-width:1000px){.site-header{gap:28px}.desktop-nav{gap:18px}.nav-link{font-size:12px}.app-shell,.features-row,.info-section{margin-left:20px;margin-right:20px}.info-section{gap:35px}}@media(max-width:760px){.site-header{height:70px;gap:8px;padding:0 18px}.brand{font-size:23px}.brand-icon{width:29px;height:29px}.desktop-nav{display:none}.header-actions{gap:6px}.icon-btn{width:35px;height:35px}.language-select-wrap{height:35px;padding:0 5px;gap:3px}.language-select-wrap select{font-size:11px;max-width:95px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:40;background:var(--card);border-top:1px solid var(--line);padding:7px 8px max(7px,env(safe-area-inset-bottom));justify-content:space-around}.mobile-tab{border:0;background:transparent;color:var(--muted);min-width:53px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 3px}.mobile-tab span{font-size:20px;line-height:23px}.mobile-tab small{font-size:10px;font-weight:700}.mobile-tab.active{color:var(--accent)}.hero{margin:36px auto 26px}.hero h1{letter-spacing:-1.6px;font-size:clamp(35px,6vw,50px);margin:15px 0 13px}.hero-sub{font-size:13px}.app-shell{margin:0 13px;padding:27px 23px 30px;border-radius:21px;min-height:420px}.tool-topline h2{font-size:23px}.time-inputs{gap:8px}.time-field input{width:clamp(70px,22vw,115px);height:83px;font-size:40px}.time-colon{font-size:23px}.mode-btn{padding:9px;font-size:11px}.config-bottom{grid-template-columns:1fr 1fr;gap:12px}.features-row{margin:15px 13px;grid-template-columns:1fr 1fr}.features-row>div{padding:16px 12px}.features-row>div:last-child{display:none}.info-section{margin:55px 24px 65px;grid-template-columns:1fr;gap:20px}.footer{margin-bottom:65px;padding:25px 22px;display:block}.footer>span{display:block;margin-top:20px}.world-grid{gap:9px}.world-card{padding:16px}.world-card time{font-size:25px}}@media(max-width:430px){.hero h1{font-size:35px}.hero-sub{max-width:315px}.app-shell{padding:23px 16px 27px}.tool-topline{align-items:flex-start;flex-wrap:wrap;gap:16px}.tool-topline h2{font-size:24px}.mode-toggle{margin-left:auto}.time-field input{width:clamp(70px,23vw,98px);height:79px;font-size:38px}.time-inputs{gap:8px}.time-colon{font-size:22px}.presets button{min-width:55px}.config-bottom{grid-template-columns:1fr}.features-row{grid-template-columns:1fr 1fr;gap:8px}.feature-icon{width:32px;height:32px;font-size:18px}.features-row strong{font-size:11px}.features-row small{font-size:10px}.run-actions button{min-width:87px;padding:13px}.stopwatch-display{letter-spacing:-2px;font-size:60px;margin:52px 0}.center-buttons button{min-width:85px;padding:13px 14px}.alarm-time input{font-size:48px}.countdown-grid{gap:6px}.countdown-grid>div{padding:15px 4px}.countdown-grid span{font-size:10px}.language-select-wrap select{max-width:77px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

.seo-links{max-width:1000px;margin:55px auto 85px;padding:0 20px}.seo-links h2{font:700 clamp(26px,4vw,39px)/1.2 'Outfit',sans-serif;letter-spacing:-1px;margin:0 0 10px}.seo-links>p{max-width:730px;color:var(--muted);font-size:14px;line-height:1.8;margin:0 0 23px}.seo-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.seo-card{position:relative;display:flex;flex-direction:column;gap:7px;padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--card);min-height:144px;transition:transform .2s,border-color .2s}.seo-card:hover{transform:translateY(-2px);border-color:var(--accent)}.seo-card>span{font-size:24px;color:var(--accent)}.seo-card strong{font-size:14px}.seo-card small{color:var(--muted);font-size:12px;line-height:1.5}.seo-card b{position:absolute;right:16px;top:17px;color:var(--accent)}.seo-faq{max-width:890px;margin:25px auto 85px;padding:0 20px}.seo-faq h2{font:700 25px 'Outfit',sans-serif}.seo-faq p{color:var(--muted);line-height:1.8;font-size:14px}.seo-utility-nav{max-width:1000px;margin:0 auto;padding:0 20px 30px;display:flex;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--muted)}.seo-utility-nav a:hover{color:var(--accent)}@media(max-width:760px){.seo-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.seo-card{padding:14px;min-height:145px}.seo-card strong{font-size:12px}.seo-card small{font-size:11px}.seo-links{margin:38px auto 55px}.seo-faq{margin-bottom:55px}}@media(max-width:350px){.seo-card-grid{grid-template-columns:1fr}}

/* PulseTime mobile-first usability pass 2026-10-11 */
@media (max-width:760px) {
  .site-header{height:59px!important;padding:0 13px!important}
  .brand{font-size:21px!important}
  .hero{margin:7px auto 9px!important;padding:0 12px!important}
  .hero .eyebrow,.hero-sub{display:none!important}
  .hero h1{font-size:clamp(20px,5.5vw,27px)!important;line-height:1.18!important;letter-spacing:-.65px!important;margin:4px auto 5px!important;max-width:330px!important}
  .app-shell{margin:0 10px!important;padding:15px 15px 20px!important;min-height:0!important;border-radius:18px!important}
  .tool-topline{margin-bottom:12px!important;gap:8px!important;flex-wrap:nowrap!important;align-items:center!important}
  .tool-topline h2{font-size:clamp(17px,4.6vw,21px)!important;margin:0!important;line-height:1.2!important}
  .tool-topline .section-kicker{display:none!important}
  .mode-toggle{flex-shrink:0;margin:0!important}
  .mode-btn{font-size:10px!important;padding:8px 7px!important}
  #setupPanel{display:flex;flex-direction:column}
  #setupPanel[hidden],#focusConfig[hidden],#simpleConfig[hidden]{display:none!important}
  #simpleConfig,#focusConfig{order:1}
  #setupPanel .main-start{order:2;margin-top:14px!important;padding:13px 15px!important;min-height:46px!important;font-size:15px!important}
  #setupPanel .config-bottom{order:3;margin-top:17px!important;padding-top:14px!important}
  .field-title{font-size:10px!important;margin:5px 0 8px!important}
  .time-inputs{gap:4px!important;margin:6px 0 10px!important}
  .time-field{flex:1;min-width:0;gap:4px!important}
  .time-field input{width:100%!important;min-width:0!important;height:60px!important;font-size:32px!important;border-radius:11px!important}
  .time-colon{font-size:19px!important}
  .presets{flex-wrap:nowrap!important;gap:6px!important;overflow-x:auto!important;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;padding-bottom:5px}
  .presets button{flex:0 0 auto!important;min-width:48px!important;padding:9px 10px!important}
  .preset-title{margin-top:12px!important}
  .tool-view .stopwatch-display{margin:28px auto!important}
}
.pt-extras{border-top:1px solid var(--line);margin-top:15px;padding-top:13px;order:4}.pt-extras-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.pt-extras-head strong{font-size:12px;color:var(--muted)}.pt-extras-head button{border:1px solid var(--line);border-radius:10px;padding:8px 11px;background:var(--card);color:var(--accent);font-weight:700;font-size:12px}.pt-recent{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.pt-recent button{padding:7px 12px;border:1px solid var(--line);background:var(--soft);color:var(--text);border-radius:999px;font-weight:700;font-size:12px}.pt-extras input{display:block;width:100%;padding:8px;border:1px solid var(--line);border-radius:8px;margin-top:8px;font-size:11px}.pt-extras input[hidden]{display:none!important}

/* Special timer discovery bar: compact and accessible on mobile */
.special-shortcuts{max-width:890px;margin:0 auto 17px;padding:0 2px;display:flex;align-items:center;gap:13px;justify-content:center}
.special-shortcuts-label{font-size:12px;font-weight:800;color:var(--muted);white-space:nowrap}
.special-shortcuts-items{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:9px;min-width:0}
.special-link{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:9px 15px;border:1px solid var(--line);border-radius:13px;background:var(--card);color:var(--text);font-size:13px;font-weight:750;text-decoration:none;box-shadow:0 4px 12px rgba(48,55,99,.035);transition:border-color .15s,transform .15s,background .15s}
.special-link:hover,.special-link:focus-visible{border-color:var(--accent);background:var(--soft);transform:translateY(-1px)}
.special-link span:first-child{color:var(--accent);font-size:15px}
.special-arrow{font-size:11px;color:var(--muted)}
@media (max-width:760px){
 .special-shortcuts{margin:0 10px 12px;padding:0;display:flex;flex-direction:column;align-items:stretch;gap:6px}
 .special-shortcuts-label{font-size:11px;text-align:left;margin-left:2px}
 .special-shortcuts-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
 .special-link{min-width:0;min-height:38px;padding:6px 5px;gap:4px;font-size:12px;border-radius:10px}
 .special-link span:first-child{font-size:14px}
 .special-arrow{display:none}
}


/* Small SEO navigation in the footer replaces repeated oversized preset cards. */
.footer-quick-timers{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;justify-content:center;margin:15px auto 9px;font-size:12px;color:var(--muted)}.footer-quick-timers a:hover,.footer-quick-timers a:focus-visible{color:var(--accent);text-decoration:underline}

/* Stopwatch lap analytics: subtle comparison and copy controls */
.lap-heading-row{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:8px;margin:8px 0 12px}
.lap-heading-row h3{margin-right:auto}
.lap-heading-row h3{margin:0;font-size:14px}
.lap-copy-btn{background:var(--soft);border:1px solid var(--line);color:var(--accent);border-radius:10px;padding:9px 13px;font-size:12px;font-weight:700;min-height:38px}
.lap-copy-btn:hover,.lap-copy-btn:focus-visible{border-color:var(--accent)}
.lap-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:12px}
.lap-summary[hidden],.lap-copy-fallback[hidden]{display:none!important}
.lap-metric{display:flex;flex-direction:column;gap:4px;padding:12px;border:1px solid var(--line);background:var(--soft);border-radius:11px;min-width:0}
.lap-metric span{font-size:11px;color:var(--muted)}
.lap-metric strong{font-size:16px;font-variant-numeric:tabular-nums;color:var(--text)}
.lap-metric.lap-best{border-color:rgba(30,156,127,.28)}
.lap-metric.lap-slowest{border-color:rgba(223,139,78,.28)}
.lap-section li.lap-best strong{color:#188f77}
.lap-section li.lap-slowest strong{color:#bf7a3a}
.lap-copy-fallback{width:100%;margin-top:10px;min-height:76px;border:1px solid var(--line);border-radius:10px;padding:10px;background:var(--soft);color:var(--text);font-size:12px}
@media(max-width:440px){.lap-summary{gap:6px}.lap-metric{padding:10px}.lap-metric strong{font-size:14px}}


/* Site operator display — company name only, no owner/registration details. */
.footer{flex-wrap:wrap}
.footer .company-credit{flex:0 0 100%;width:100%;margin-top:2px;padding-top:14px;border-top:1px solid var(--line);text-align:center;color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.04em}

/* Responsive header audit: prevent controls spilling beyond 320px phones and
   tablet widths where a full five-item desktop nav does not fit. */
@media(min-width:761px) and (max-width:920px){
  .site-header{gap:12px;justify-content:space-between}
  .desktop-nav{display:none}
  .mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:40;background:var(--card);border-top:1px solid var(--line);padding:7px 8px max(7px,env(safe-area-inset-bottom));justify-content:space-around}
  .mobile-tab{border:0;background:transparent;color:var(--muted);min-width:53px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 3px}
  .mobile-tab span{font-size:20px;line-height:23px}
  .mobile-tab small{font-size:10px;font-weight:700}
  .mobile-tab.active{color:var(--accent)}
  .header-actions{margin-left:auto}
  body{padding-bottom:68px}
}
@media(max-width:360px){
  .site-header{padding:0 10px;gap:4px}
  .brand{font-size:18px;gap:5px}
  .brand-icon{width:23px}
  .header-actions{gap:4px}
  .language-select-wrap{padding:0 4px;gap:2px}
  .language-select-wrap select{max-width:72px;font-size:10px}
  .icon-btn{width:30px;height:30px}
}
/* Bring the working tool above the fold on dedicated tool pages. */
body.pt-compact-tool .hero{margin:15px auto 13px}
body.pt-compact-tool .hero .eyebrow{font-size:10px}
body.pt-compact-tool .hero h1{font-size:clamp(27px,3.5vw,43px);letter-spacing:-1.3px;line-height:1.12;margin:9px 0}
body.pt-compact-tool .hero-sub{font-size:12px;line-height:1.55}
body.pt-compact-tool .app-shell{padding-top:24px}
body.pt-compact-tool .special-shortcuts{margin-bottom:10px}
@media(max-width:760px){
  body.pt-compact-tool .hero{margin:12px auto 11px}
  body.pt-compact-tool .hero h1{font-size:clamp(27px,6vw,36px)}
  body.pt-compact-tool .app-shell{padding-top:20px}
}