.scene{--object-size:calc(var(--mascot-size,112px)*var(--object-scale,1))}.scene .mascot{width:var(--object-size);height:var(--object-size);bottom:clamp(0px,calc(var(--water-level) - 8px),calc(100% - var(--object-size) - 24px));inset-inline-start:auto;left:calc(50% - var(--object-size)/2);transform:translate(var(--swim-offset,0px));animation:none;will-change:transform}.mascot-bob,.mascot-heading{width:100%;height:100%}.mascot-bob{animation:swimming-bob 4s ease-in-out infinite}.mascot-heading{transform:rotate(var(--swim-tilt,0rad));transform-origin:50% 90%}.scene .mascot img{transform:scaleX(var(--swim-flip,1))}.scene .mascot-shadow{width:90%;left:5%}.swimming-picker{margin-top:15px}.swimming-picker-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:8px;font-size:13px;line-height:1.35;color:#66766c}.swimming-picker-heading>span:first-child{font-weight:600}.swimming-selection{font-size:12px;text-align:end;color:var(--teal)}.swimming-options{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.swimming-option{display:flex;align-items:center;justify-content:center;min-width:0;min-height:48px;padding:5px;border-radius:10px;border:1px solid #e5e8dd;background:#fafbf7}.swimming-option img{width:36px;height:36px;object-fit:contain}.swimming-option:hover{background:#edf4eb}.swimming-option.selected{background:#e8f1e9;border-color:#689784;box-shadow:inset 0 0 0 .5px #689784}@keyframes swimming-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media(max-width:430px){.swimming-options{grid-template-columns:repeat(4,minmax(0,1fr))}.swimming-option{min-height:51px}.swimming-option img{width:40px;height:40px}}@media(prefers-reduced-motion:reduce){.mascot-bob{animation:none}.mascot-heading{transform:none}.scene .mascot{will-change:auto}}.immersive-controls{display:none}body.timer-view-open{overflow:hidden;overscroll-behavior:none}.timer-workspace.focus-mode{position:fixed;inset:0;z-index:1000;width:100%;height:100%;height:100dvh;display:block;margin:0;padding:0;border:0;border-radius:0;background:#e5f3f2;box-shadow:none;overflow:hidden;isolation:isolate}.timer-workspace.focus-mode .timer-tabs,.timer-workspace.focus-mode .timer-controls,.timer-workspace.focus-mode .workspace-bottom,.timer-workspace.focus-mode .timer-notice{display:none}.timer-workspace.focus-mode .timer-layout{display:block;position:absolute;inset:0;margin:0;padding:0;max-height:none}.timer-workspace.focus-mode .scene{width:100%;height:100%;min-height:0;border-radius:0;--mascot-size:clamp(90px,13vmin,165px)}.timer-workspace.focus-mode .scene-heading{position:absolute;top:calc(env(safe-area-inset-top,0px) + 20px);inset-inline:20px;padding:0;justify-content:flex-end;z-index:8}.timer-workspace.focus-mode .status-pill{display:none}.timer-workspace.focus-mode .scene-expand{background:#ffffffdf;width:48px;height:48px;color:#315d66}.timer-workspace.focus-mode .scene-time{top:50%;inset-inline:24px;transform:translateY(-50%);color:var(--scene-ink);z-index:4}.timer-workspace.focus-mode .scene-time>p{font-size:clamp(18px,3vmin,28px);line-height:1.4;max-height:3em;margin:0 auto 8px;max-width:800px;text-wrap:balance}.timer-workspace.focus-mode .time-display{font-size:clamp(90px,23vmin,240px);line-height:1.05;letter-spacing:-.055em;font-weight:600}.timer-workspace.focus-mode .routine-progress{font-size:clamp(15px,2.5vmin,23px);margin-top:14px}.timer-workspace.focus-mode .scene-sun{width:70px;height:70px;top:15%;inset-inline-start:12%}.timer-workspace.focus-mode .cloud-one{top:28%;inset-inline-start:8%;transform:scale(1.5)}.timer-workspace.focus-mode .cloud-two{top:18%;inset-inline-end:12%;transform:scale(1.2)}.timer-workspace.focus-mode .scene-bottom{top:calc(env(safe-area-inset-top,0px) + 20px);bottom:auto;inset-inline-start:20px;inset-inline-end:auto;z-index:8}.timer-workspace.focus-mode .scene-message{display:none}.timer-workspace.focus-mode .scene-bottom .icon-button{width:48px;height:48px;padding:13px;background:#ffffffdf}.timer-workspace.focus-mode .immersive-controls{display:flex;position:absolute;bottom:calc(env(safe-area-inset-bottom,0px) + 28px);inset-inline:20px;justify-content:center;align-items:center;gap:12px;z-index:7}.immersive-controls .immersive-primary{min-width:180px;min-height:60px;padding:17px 30px;background:#fffffff0;color:#315d66;border:1px solid #ffffffa0;border-radius:99px;box-shadow:0 5px 24px #285a6817;font-size:20px}.immersive-controls .immersive-primary:hover{background:#fff}.immersive-controls .immersive-secondary{width:52px;height:52px;background:#ffffffe6;box-shadow:0 4px 15px #285a6812;color:#315d66}.immersive-controls .icon-button{flex-shrink:0}.timer-workspace.focus-mode[data-status=finished] .immersive-controls{display:none}.timer-workspace.focus-mode .completion{padding:80px 24px;z-index:6}.timer-workspace.focus-mode .completion-card{max-width:500px}.timer-workspace.focus-mode .completion-card h2{font-size:clamp(38px,7vmin,68px)}.timer-workspace.focus-mode .completion-card p{font-size:clamp(18px,3vmin,25px)}.timer-workspace.focus-mode .completion-card .button{margin-top:12px;min-width:200px;font-size:20px}@media(max-width:600px){.timer-workspace.focus-mode .scene-heading{top:calc(env(safe-area-inset-top,0px) + 14px);inset-inline:16px}.timer-workspace.focus-mode .scene-bottom{top:calc(env(safe-area-inset-top,0px) + 14px);inset-inline-start:16px}.timer-workspace.focus-mode .scene{--mascot-size:100px}.timer-workspace.focus-mode .scene-time{inset-inline:18px}.timer-workspace.focus-mode .time-display{font-size:clamp(82px,24vw,145px)}.timer-workspace.focus-mode .scene-time>p{font-size:18px;max-width:340px}.timer-workspace.focus-mode .immersive-controls{gap:9px;inset-inline:14px;bottom:calc(env(safe-area-inset-bottom,0px) + 24px)}.immersive-controls .immersive-primary{min-width:0;flex:0 1 180px;min-height:58px;font-size:18px;padding:16px 15px}.immersive-controls .immersive-primary span{overflow-wrap:anywhere}.immersive-controls .immersive-secondary{width:46px;height:46px;padding:11px}}@media(max-height:480px)and (orientation:landscape){.timer-workspace.focus-mode .scene{--mascot-size:75px}.timer-workspace.focus-mode .scene-time{top:44%}.timer-workspace.focus-mode .time-display{font-size:clamp(75px,24vh,120px)}.timer-workspace.focus-mode .scene-time>p{font-size:17px;margin-bottom:2px}.timer-workspace.focus-mode .immersive-controls{bottom:calc(env(safe-area-inset-bottom,0px) + 12px)}.immersive-controls .immersive-primary{min-height:44px;padding:10px 25px;font-size:17px}.immersive-controls .immersive-secondary{width:42px;height:42px}}.store-badges{--badge-height:56px;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:28px;direction:ltr;padding:14px;margin:10px -14px 0}.store-badges-prominent{justify-content:center;margin:4px 0 14px}.store-badge{display:block;flex:0 0 auto;border-radius:8px;line-height:0;min-height:var(--badge-height)}.store-badge img{display:block;width:auto;height:var(--badge-height);max-width:none;object-fit:contain}.store-badge:focus-visible{outline:3px solid #217e9a;outline-offset:8px}.store-credit{flex-basis:100%;font-size:10px!important;line-height:1.6;margin:4px 0 0!important;color:#8a9184!important;max-width:900px}[dir=rtl] .app-banner .store-badges{justify-content:flex-end}@media(max-width:760px){.store-badges{--badge-height:48px;gap:24px;padding:12px;margin-inline:-12px}.store-badges-prominent{--badge-height:44px;gap:22px;padding:11px;margin:0 0 12px}.app-banner .store-badges{justify-content:center;--badge-height:44px;gap:22px}.store-credit{font-size:9px!important}}@media print{.store-badges,.store-credit{display:none}}@font-face{font-family:Source Sans;src:url(/assets/source-sans-regular.otf) format("opentype");font-weight:400;font-display:swap}@font-face{font-family:Source Sans;src:url(/assets/source-sans-semibold.otf) format("opentype");font-weight:600;font-display:swap}@font-face{font-family:Source Sans;src:url(/assets/source-sans-bold.otf) format("opentype");font-weight:700 900;font-display:swap}:root{font-family:Source Sans,ui-rounded,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#263d3a;background:#fffaf2;font-synthesis:none;--cream:#fffaf2;--ink:#263d3a;--muted:#6d7c76;--coral:#e9674e;--teal:#2d6d61;--border:#e6e8df;--white:#fff;scroll-behavior:smooth;scroll-padding-top:100px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}button,a,input,select,summary{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #217e9a}a{color:inherit;text-decoration:none}p{line-height:1.65}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.035em;line-height:1.16}h2{font-size:34px}h3{font-size:23px}svg{width:22px;height:22px;flex-shrink:0}img{max-width:100%}[hidden]{display:none!important}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.muted{color:var(--muted);font-size:15px}.skip-link{position:fixed;top:-90px;inset-inline-start:20px;z-index:1000;background:var(--ink);color:#fff;padding:14px 20px;border-radius:12px}.skip-link:focus{top:12px}.site-header{border-bottom:1px solid #e9e6dc;background:var(--cream)}.header-inner{max-width:1240px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:22px 40px}.brand{display:inline-flex;gap:9px;align-items:center;font-size:27px;font-weight:700;letter-spacing:-1.2px;white-space:nowrap}.brand img{border-radius:11px}.brand-accent{color:var(--teal)}.brand-dot{color:var(--coral)}.site-nav{display:flex;gap:30px;font-size:15px;font-weight:600}.site-nav a{position:relative}.site-nav a:hover{color:var(--coral)}.header-actions{display:flex;align-items:center;gap:20px}.language-select{display:flex;gap:7px;align-items:center;color:var(--ink);font-size:15px}.language-select>span:first-child{font-size:24px}.language-select select{border:0;background:transparent;color:inherit;max-width:116px;cursor:pointer}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 24px;border-radius:13px;font-size:17px;font-weight:600;border:1px solid transparent;line-height:1.2;min-height:50px;transition:transform .15s,background .15s}.button:hover{transform:translateY(-2px)}.button-small{font-size:15px;min-height:42px;padding:11px 18px;background:var(--ink);color:#fff;border-radius:11px}.button-primary{background:var(--coral);color:#fff;box-shadow:0 4px #c84f38}.button-primary:hover{background:#da5a42}.button-dark{background:var(--ink);color:#fff}.button-outline{border-color:#b7c8b6;background:transparent}.button:active{transform:translateY(1px);box-shadow:none}.hero{position:relative;max-width:850px;margin:0 auto;text-align:center;padding:54px 24px 32px}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--teal);margin-bottom:15px}.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 4px #fae5d9}.hero-title{font-size:clamp(38px,5.2vw,66px);font-weight:700;line-height:1.08;letter-spacing:-2.5px;margin-bottom:19px}.hero-title>span{color:var(--teal);position:relative;white-space:normal}.hero-title>span:after{content:"";position:absolute;inset-inline:3px;bottom:0;height:5px;border-radius:50%;background:#f7cf78;z-index:-1;transform:rotate(-2deg)}.hero-description{color:var(--muted);max-width:610px;margin:0 auto 17px;font-size:18px;line-height:1.6}.trust-row{display:flex;justify-content:center;gap:25px;font-size:13px;color:#63726b;flex-wrap:wrap}.trust-item{display:flex;gap:6px;align-items:center}.trust-item>span{color:var(--teal);font-weight:700}.timer-section{max-width:1100px;margin:0 auto;padding:0 24px}.timer-workspace{border:1px solid #e4e7dd;border-radius:25px;background:#fff;box-shadow:0 10px 45px #2e534510;overflow:hidden}.timer-tabs{display:flex;align-items:center;gap:5px;padding:12px 19px;border-bottom:1px solid var(--border)}.timer-tab{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;background:transparent;border:0;color:#6c7d77;padding:10px 18px;border-radius:10px}.timer-tab svg{width:18px;height:18px}.timer-tab.active{background:#ebf3eb;color:var(--teal)}.tiny-dot{width:5px;height:5px;background:#e9ae62;border-radius:50%}.timer-top-note{margin-inline-start:auto;color:#738176;font-size:12px;display:flex;align-items:center;gap:5px}.timer-top-note svg{width:14px;height:14px}.timer-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,1fr);gap:0;padding:14px}.scene{position:relative;isolation:isolate;min-height:490px;background:#e5f3f2;overflow:hidden;border-radius:16px;--sky:#e5f3f2;--water:#76cbd2;--deep:#49b1c4;--scene-ink:#315d66;--scene-fg:#315d66}.scene-grain{position:absolute;inset:0;z-index:0;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.16' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.scene-heading{position:relative;z-index:4;display:flex;align-items:center;justify-content:space-between;padding:18px 20px}.status-pill{display:flex;align-items:center;gap:7px;color:var(--scene-fg);font-size:12px;font-weight:600;background:#ffffff9c;border:1px solid #ffffff8f;border-radius:99px;padding:5px 11px}.status-pill>span{width:6px;height:6px;background:#488c7f;border-radius:50%}.icon-button{width:39px;height:39px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:50%;background:#ffffffb5;color:var(--ink);padding:9px;flex-shrink:0;transition:background .15s}.icon-button:hover{background:#fff}.icon-button svg{width:20px;height:20px}.scene-expand{color:var(--scene-fg);background:transparent}.scene-time{position:absolute;top:50%;transform:translateY(-50%);inset-inline:20px;z-index:4;text-align:center;color:var(--scene-ink)}.scene-time>p{font-size:16px;margin-bottom:0;font-weight:600;max-height:52px;overflow:hidden;overflow-wrap:anywhere}.time-display{font-variant-numeric:tabular-nums;font-size:90px;font-weight:600;letter-spacing:-4px;line-height:1.18;text-shadow:0 2px 1px #ffffff30;transition:opacity .2s}.digits-hidden{opacity:0}.routine-progress{font-size:13px;font-weight:600;opacity:.7;margin-top:3px}.scene-sun{position:absolute;width:46px;height:46px;border-radius:50%;background:#f4d895;top:86px;inset-inline-start:48px;opacity:.65}.scene-cloud{position:absolute;border-radius:60% 60% 30% 30%;width:70px;height:19px;background:#ffffff9c;top:150px;inset-inline-start:20px}.scene-cloud:before{content:"";position:absolute;width:32px;height:30px;background:inherit;border-radius:50%;bottom:1px;left:18px}.cloud-two{inset-inline-start:auto;inset-inline-end:36px;top:85px;transform:scale(.75)}.water{position:absolute;bottom:0;inset-inline:0;height:var(--water-level);background:linear-gradient(180deg,var(--water),var(--deep));transition:height .2s linear;z-index:1}.wave{position:absolute;top:-9px;left:-25%;width:150%;height:20px;background-repeat:repeat-x;background-size:160px 20px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='20'%3E%3Cpath d='M0 10Q40 0 80 10T160 10V20H0' fill='%2376cbd2'/%3E%3C/svg%3E");animation:waves 9s linear infinite}.wave-back{top:-14px;opacity:.5;animation-direction:reverse}.wave-front{filter:none}.mascot{position:absolute;bottom:clamp(0px,calc(var(--water-level) - 8px),calc(100% - var(--mascot-size,112px) - 10px));inset-inline-start:calc(50% - var(--mascot-size,112px)/2);width:var(--mascot-size,112px);height:var(--mascot-size,112px);z-index:2;transition:bottom .2s linear;transform-origin:50% 90%;animation:bob 4s ease-in-out infinite}.mascot img{height:100%;width:100%;object-fit:contain;position:relative;z-index:1;transform:scaleX(-1);filter:drop-shadow(0 4px 0 #ba913c12)}.mascot-shadow{position:absolute;bottom:-7px;left:4px;width:105px;height:13px;border-radius:50%;background:#377b8c16}.fish{position:absolute;width:23px;height:11px;background:#ffffff40;border-radius:50%;top:43%;left:17%;animation:swim 12s ease-in-out infinite}.fish:before{content:"";position:absolute;left:-6px;top:2px;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:7px solid #ffffff40}.fish:after{content:"";position:absolute;width:2px;height:2px;background:#428b96;top:4px;right:5px;border-radius:50%}.fish-two{left:71%;top:60%;transform:scale(-1.2,1.2);animation-delay:-3s}.fish-three{left:34%;top:74%;transform:scale(.65);animation-delay:-8s}.water-bubble{position:absolute;width:8px;height:8px;border:1.5px solid #ffffff55;border-radius:50%;left:17%;bottom:20%;animation:bubble 7s infinite ease-out}.bubble-two{width:5px;height:5px;left:76%;animation-delay:-3s}.bubble-three{width:10px;height:10px;left:52%;animation-delay:-5s}.seabed{position:absolute;bottom:-8px;inset-inline:0;height:30px;background:#ffffff12;border-radius:70% 20% 0 0}.seabed i{position:absolute;bottom:10px;left:13%;width:11px;height:35px;background:#3d9a9b50;border-radius:100% 0;transform:rotate(-16deg)}.seabed i:nth-child(2){left:16%;height:45px;transform:rotate(15deg)}.seabed i:nth-child(3){left:84%;height:38px;transform:rotate(-15deg)}.scene-bottom{position:absolute;bottom:16px;inset-inline:20px;display:flex;align-items:center;justify-content:space-between;gap:10px;z-index:5}.scene-message{display:flex;gap:6px;align-items:center;color:#235f6a;font-size:12px;font-weight:600}.scene-message svg{width:14px;height:14px;opacity:.65}.scene-bottom .icon-button{width:34px;height:34px;padding:8px}.timer-controls{padding:19px 23px 8px 30px;display:flex;flex-direction:column;min-width:0}.control-title .section-kicker{font-size:11px;text-transform:uppercase;letter-spacing:1.4px;color:var(--teal);font-weight:700}.control-title h2{font-size:25px;margin:7px 0 18px;letter-spacing:-.6px}.preset-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.preset{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:53px;border-radius:10px;background:#f9faf6;color:#64736b;border:1px solid #e7eae1;padding:5px;transition:background .15s}.preset b{font-size:19px;line-height:1.05;font-weight:600}.preset span{font-size:11px;line-height:1.1}.preset.selected{background:#e8f1e9;color:var(--teal);border-color:#689784;box-shadow:inset 0 0 0 .4px #689784}.preset:hover:enabled{background:#e8f1e9}.custom-time-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:17px 0;font-size:13px;color:#718078;padding-bottom:16px;border-bottom:1px solid #eef0e9}.time-inputs{display:flex;gap:5px;align-items:center;font-variant-numeric:tabular-nums}.time-inputs input{width:39px;border:1px solid #e4e8de;border-radius:7px;padding:5px 3px;text-align:center;color:var(--ink);font-size:15px;background:#fff;font-weight:600;appearance:textfield;-moz-appearance:textfield}.time-inputs input::-webkit-inner-spin-button{-webkit-appearance:none}.time-inputs .icon-button{height:29px;width:29px;padding:6px;color:var(--teal);background:#f0f5ed}.field-label{display:flex;gap:5px;align-items:center;font-size:13px;color:#66766c;margin-bottom:7px;font-weight:600}.optional-dot{width:4px;height:4px;background:#d4cbb5;border-radius:50%}.activity-input,.routine-editor input{width:100%;border:1px solid #e5e8dd;border-radius:10px;background:#fcfcf9;padding:11px 13px;color:var(--ink);font-size:14px;min-width:0}.activity-input::placeholder,.routine-editor input::placeholder{color:#96a096}.timer-actions{margin-top:auto;padding-top:22px}.start-button{width:100%;min-height:52px;font-size:19px}.start-button svg{width:18px;height:18px}.secondary-controls{display:flex;justify-content:center;gap:24px;margin:15px 0 19px;flex-wrap:wrap}.subtle-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;background:transparent;color:#718079;font-size:13px;padding:3px 0;min-height:32px}.subtle-button svg{width:15px;height:15px}.subtle-button:hover{color:var(--teal)}.theme-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid #ecede5;padding-top:13px}.theme-options{display:flex;gap:7px}.theme-swatch{width:30px;height:30px;border-radius:50%;border:2px solid #fff;outline:1px solid transparent;display:flex;align-items:center;justify-content:center;font-size:18px;line-height:1}.theme-swatch.selected{outline:1.5px solid #5c8475}.swatch-ocean{background:#d8f0ef;color:#398f9f}.swatch-space{background:#e7e1f5;color:#7c69a8}.swatch-garden{background:#ebedcf;color:#708454}.workspace-bottom{display:flex;align-items:center;justify-content:space-between;padding:10px 24px 0;font-size:12px;color:#738176;gap:15px}.workspace-bottom>span{display:flex;align-items:center;gap:5px}.workspace-bottom svg{height:13px;width:13px;color:#d8aa51}.workspace-bottom>span:last-child svg{color:#6e8c70}.workspace-bottom .text-button{padding:0 5px;font-size:15px}.timer-notice{font-size:11px;text-align:center;color:#7a847d;margin:5px 22px 14px;line-height:1.45}.timer-workspace[data-theme=space] .scene{background:#35345f;--water:#8982b4;--deep:#605e96;--scene-ink:#fff2d2;--scene-fg:#49446d}.timer-workspace[data-theme=space] .scene:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 13% 8%,#fdf3ce 1.3px,transparent 1.8px),radial-gradient(circle at 74% 23%,#fdf3ce 1px,transparent 1.8px),radial-gradient(circle at 87% 7%,#fdf3ce 1.5px,transparent 2px),radial-gradient(circle at 32% 28%,#fdf3ce 1px,transparent 2px);background-size:185px 190px}.timer-workspace[data-theme=space] .scene-sun{box-shadow:inset 13px -4px #fff1c9;background:transparent;opacity:1}.timer-workspace[data-theme=space] .scene-cloud{opacity:.06}.timer-workspace[data-theme=space] .scene-message{color:#f7efdc}.timer-workspace[data-theme=space] .scene-expand{color:#fff1d4}.timer-workspace[data-theme=space] .wave{filter:hue-rotate(100deg) saturate(.45)}.timer-workspace[data-theme=garden] .scene{background:#f0efd7;--water:#bdd8ad;--deep:#7fba9c;--scene-ink:#52684b;--scene-fg:#52684b}.timer-workspace[data-theme=garden] .wave{filter:hue-rotate(285deg) saturate(.5)}.timer-workspace[data-theme=garden] .scene-message{color:#3f664d}.completion{position:absolute;inset:0;background:#eaf6f0c9;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);z-index:6;display:flex;align-items:center;justify-content:center;padding:30px}.completion-card{text-align:center;max-width:320px}.completion-card h2{font-size:40px;margin:15px 0 10px}.completion-card p{font-size:17px;color:#63776c}.celebration-stars{display:flex;gap:7px;justify-content:center;align-items:center;color:#ebae42}.celebration-stars svg{width:40px;height:40px;filter:drop-shadow(0 3px 0 #db9a3033)}.celebration-stars svg:nth-child(2){width:55px;height:55px;transform:translateY(-9px)}.routine-help{font-size:13px;line-height:1.5;margin:0 0 10px}.routine-steps{list-style:none;padding:0;margin:0 0 12px;max-height:175px;overflow-y:auto}.routine-steps li{display:flex;align-items:center;gap:6px;border-bottom:1px solid #eef0e9;padding:8px 0;font-size:13px}.routine-steps .step-number{display:flex;align-items:center;justify-content:center;width:21px;height:21px;border-radius:7px;background:#eaf2e9;font-size:11px;color:var(--teal);flex-shrink:0}.step-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.step-time{font-size:12px;color:#7b877c}.small-icon{height:25px;width:23px;padding:5px;border-radius:6px}.small-icon svg{height:14px;width:14px}.routine-editor{display:flex;gap:6px}.routine-editor input{font-size:13px;padding:8px}.routine-editor input[type=number]{width:54px}.routine-editor .icon-button{background:#edf4e9;width:32px;height:36px;padding:7px;border-radius:8px;color:var(--teal)}.routine-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:7px 0 2px}.text-button{border:0;background:transparent;color:var(--teal);text-decoration:underline;text-underline-offset:3px;font-size:12px;padding:6px 0}.settings-dialog{border:1px solid #dce3d9;border-radius:22px;padding:28px;width:440px;max-width:calc(100% - 32px);color:var(--ink);background:var(--cream);box-shadow:0 25px 120px #142e3e30}.settings-dialog::backdrop{background:#20372e66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.dialog-heading h2{font-size:28px;margin:0}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 0;border-bottom:1px solid var(--border);font-size:16px}.setting-row input[type=checkbox]{accent-color:var(--teal);width:20px;height:20px}.setting-row input[type=range]{accent-color:var(--teal);max-width:145px}.setting-row select{padding:6px 4px;background:#fff;border:1px solid var(--border);border-radius:7px;max-width:165px;color:var(--ink)}.settings-dialog .muted{font-size:12px;margin-top:20px}.settings-dialog .button{width:100%;margin-top:8px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);opacity:0;transition:transform .2s,opacity .2s;background:#263d3a;color:#fff;padding:13px 20px;border-radius:12px;font-size:15px;z-index:1000;max-width:calc(100% - 32px);pointer-events:none}.toast.visible{transform:translate(-50%);opacity:1}.section{max-width:1100px;padding:0 24px;margin:85px auto}.section-heading{text-align:center;max-width:650px;margin:0 auto 32px}.section-heading h2{font-size:38px;margin:0 0 12px}.section-heading>p{font-size:17px;color:var(--muted);margin:0}.section-heading .eyebrow{margin-bottom:12px}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}.features-section{margin-top:45px;margin-bottom:75px}.feature-card{text-align:center;padding:12px 14px}.feature-icon{display:inline-flex;align-items:center;justify-content:center;font-size:28px;width:49px;height:49px;border-radius:15px;margin-bottom:17px;background:#f9e8d4;color:#d39a4e;transform:rotate(-7deg)}.feature-icon-1{background:#e4eddd;color:#6f9065;transform:rotate(6deg)}.feature-icon-2{background:#ede6f4;color:#9b85b8}.feature-card h2{font-size:22px;margin:0 0 11px}.feature-card p{font-size:15px;color:var(--muted);line-height:1.6;margin:0}.how-section{position:relative;border-top:1px solid #e7e6dc;padding-top:62px}.how-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}.how-card{position:relative;padding:10px 14px}.how-card .step-number{font-size:13px;font-weight:700;color:var(--coral);background:#fbe7d9;width:35px;height:35px;display:flex;align-items:center;justify-content:center;border-radius:50%;margin-bottom:17px}.how-card h3{font-size:22px;margin-bottom:10px}.how-card p{font-size:15px;color:var(--muted);margin-bottom:0}.guide-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.guide-card{padding:25px 21px 21px;border:1px solid #e9dfd5;border-radius:18px;display:flex;flex-direction:column;transition:transform .2s;position:relative}.guide-card:hover{transform:translateY(-5px)}.guide-card.peach{background:#faede3}.guide-card.lavender{background:#f0eaf6;border-color:#e4dbed}.guide-card.mint{background:#eaf1e4;border-color:#dce6d4}.guide-card.yellow{background:#faf2da;border-color:#ece1c3}.guide-icon{font-size:30px;line-height:1;margin-bottom:30px;display:block;color:#5d7462}.guide-card h3{font-size:22px;margin-bottom:12px}.guide-card p{font-size:14px;line-height:1.6;color:#6c7a70;margin-bottom:24px}.text-link{font-size:13px;font-weight:600;margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px}.faq-section{max-width:800px}.faq-list{border-top:1px solid #e4e6da}.faq-list details{border-bottom:1px solid #e4e6da;padding:21px 0}.faq-list summary{font-size:18px;font-weight:600;cursor:pointer;display:flex;gap:20px;justify-content:space-between;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{font-size:22px;font-weight:400;line-height:1;color:#6e8475;transition:transform .2s}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list details p{margin:15px 30px 0 0;color:var(--muted);font-size:16px}.app-banner{display:flex;position:relative;align-items:center;justify-content:space-between;gap:30px;max-width:1052px;background:#e8efdf;border:1px solid #dce4d3;border-radius:25px;padding:44px 48px;overflow:hidden}.app-banner-copy{position:relative;z-index:2;max-width:600px}.app-banner h2{font-size:37px;margin-bottom:15px}.app-banner p{color:#697b64;font-size:17px;max-width:520px}.app-banner .eyebrow{font-size:10px;letter-spacing:1.6px}.store-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.store-links .button{font-size:14px;min-height:44px;padding:11px 18px}.app-banner-art{position:relative;width:225px;height:225px;flex-shrink:0;background:#d2e4c8;border-radius:50%;display:flex;align-items:center;justify-content:center}.app-banner-art img{width:150px;height:150px;z-index:1;transform:rotate(8deg)}.app-water{position:absolute;bottom:9px;left:26px;right:26px;height:50px;background:#9ac4b5;border-radius:50%;transform:rotate(-8deg)}.app-star{position:absolute;color:#e9ad58;font-size:45px;z-index:3}.app-star-one{top:5px;left:5px;transform:rotate(12deg)}.app-star-two{bottom:15px;right:0;font-size:27px}.site-footer{border-top:1px solid #e6e5d9;padding:35px 24px;background:#f9f5ec}.footer-inner{max-width:1052px;margin:auto;display:flex;justify-content:space-between;gap:25px;align-items:center;flex-wrap:wrap}.footer-inner .brand{font-size:24px}.footer-inner p{font-size:13px;color:#7d857b;margin:9px 0 0}.footer-inner nav{display:flex;gap:24px;font-size:13px;color:#6c786c}.footer-credit{font-size:11px;color:#8a9184}.article{max-width:800px;padding:42px 24px 15px;margin:auto}.breadcrumb{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:13px;color:var(--muted);margin-bottom:45px}.breadcrumb a{text-decoration:underline;text-underline-offset:3px}.article-header h1{font-size:clamp(36px,5vw,54px);line-height:1.1;margin-bottom:25px}.article-intro{font-size:21px;color:#66786a;line-height:1.7}.article-content{font-size:18px;line-height:1.8}.article-content section{margin:40px 0}.article-content h2{font-size:29px;margin-bottom:17px}.article-content p{color:#657467}.article-content a:not(.button){text-decoration:underline}.article-content .back-link{margin-top:15px}.article-header .eyebrow{margin-bottom:15px}[dir=rtl] .timer-controls{padding-left:23px;padding-right:30px}[dir=rtl] .hero-title{letter-spacing:-1px}[dir=rtl] .eyebrow{letter-spacing:0}@keyframes waves{to{background-position:320px 0}}@keyframes bob{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-5px) rotate(3deg)}}@keyframes swim{0%,to{margin-left:0}50%{margin-left:35px}}@keyframes bubble{0%{transform:translateY(0);opacity:0}20%{opacity:1}95%,to{transform:translateY(-100px);opacity:0}}@media(min-width:1400px){.hero{padding-top:63px;padding-bottom:37px}.hero-title{font-size:68px}.timer-section{max-width:1135px}.scene{min-height:510px}.time-display{font-size:100px}.timer-controls{padding:24px 32px 14px 36px}.preset-grid{gap:8px}.preset{min-height:55px}}@media(max-width:1000px){.header-inner{padding:20px 25px;gap:18px}.site-nav{gap:20px;font-size:14px}.header-actions{gap:12px}.hero{padding-top:40px}.hero-title{font-size:54px}.timer-layout{grid-template-columns:minmax(0,1.1fr) minmax(320px,1fr)}.timer-controls{padding:16px 13px 6px 22px}.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-grid{gap:15px}.app-banner{margin-inline:24px;padding:34px}.app-banner-art{width:180px;height:180px}.app-banner-art img{width:130px;height:130px}.app-banner h2{font-size:31px}.footer-credit{width:100%}}@media(max-width:760px){.header-inner{padding:16px 20px}.brand{font-size:25px}.brand img{width:32px;height:32px}.site-nav,.header-download{display:none}.header-actions{gap:8px}.language-select select{max-width:100px;font-size:13px}.hero{padding:32px 24px 25px}.eyebrow{font-size:10px;letter-spacing:1px}.hero-title{font-size:43px;letter-spacing:-1.5px;margin-bottom:14px}.hero-description{font-size:16px;max-width:440px}.trust-row{gap:16px;font-size:11px}.timer-section{padding:0 16px;max-width:600px}.timer-workspace{border-radius:20px}.timer-tabs{padding:9px 12px;gap:0}.timer-tab{padding:9px 13px;font-size:14px}.timer-top-note{font-size:10px}.timer-layout{display:flex;flex-direction:column;padding:10px}.scene{min-height:350px;border-radius:12px;--mascot-size:90px}.scene-heading{padding:14px 16px}.scene-time{top:50%}.time-display{font-size:64px}.scene-time>p{font-size:14px}.scene{--mascot-size:90px}.mascot-shadow{width:85px}.scene-sun{top:79px;inset-inline-start:36px;width:32px;height:32px}.cloud-one{top:127px;transform:scale(.8);inset-inline-start:8px}.cloud-two{top:69px;inset-inline-end:20px;transform:scale(.6)}.scene-bottom{inset-inline:15px;bottom:12px}.timer-controls{padding:20px 10px 7px}.control-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.control-title h2{font-size:20px;margin:0}.section-kicker{font-size:10px!important}.preset-grid{grid-template-columns:repeat(9,minmax(0,1fr));gap:5px}.preset{min-height:48px;border-radius:8px;padding:3px}.preset b{font-size:17px}.preset span{font-size:9px}.custom-time-row{margin:13px 0;padding-bottom:12px}.activity-input{padding:10px 12px}.field-label{font-size:12px}.timer-actions{padding-top:17px}.secondary-controls{margin:12px 0 13px;gap:30px}.theme-toolbar{padding-top:10px}.workspace-bottom{padding:7px 20px 0}.timer-notice{font-size:10px;margin-bottom:12px}.section{margin:58px auto;padding:0 24px}.features-section{margin-top:28px}.feature-grid{gap:12px}.feature-card{padding:10px 0}.feature-card h2{font-size:18px}.feature-card p{font-size:12px;line-height:1.5}.feature-icon{width:39px;height:39px;border-radius:12px;font-size:24px;margin-bottom:12px}.section-heading h2{font-size:30px}.section-heading>p{font-size:15px}.how-section{padding-top:40px}.how-grid{gap:22px}.how-card{padding:0}.how-card h3{font-size:18px}.how-card p{font-size:13px}.guide-card{padding:22px 20px}.guide-card h3{font-size:22px}.guide-card p{font-size:14px}.guide-icon{margin-bottom:25px}.faq-section{padding:0 28px}.faq-list summary{font-size:16px}.faq-list details p{font-size:14px}.app-banner{padding:30px;margin-inline:16px;display:block}.app-banner-copy{max-width:100%;padding-inline-end:0}.app-banner h2{font-size:30px;max-width:350px}.app-banner p{font-size:15px;max-width:360px}.app-banner-art{display:none}.site-footer{padding:28px 24px}.footer-inner{gap:22px}.footer-inner nav{gap:20px}.footer-credit{width:auto}.article{padding-top:25px}.breadcrumb{margin-bottom:30px}.article-intro{font-size:18px}.article-content{font-size:17px}.article-content h2{font-size:26px}[dir=rtl] .timer-controls{padding:20px 10px 7px}}@media(max-width:430px){.hero-title{font-size:37px}.hero-description{font-size:15px}.trust-row{gap:10px}.timer-top-note{display:none}.scene{min-height:340px}.scene-time{top:50%}.time-display{font-size:64px}.scene-message{font-size:10px}.preset-grid{gap:4px}.preset b{font-size:16px}.preset span{font-size:8px}.timer-controls{padding-inline:5px}.feature-grid{display:flex;flex-direction:column;gap:12px}.feature-card{display:grid;grid-template-columns:48px 1fr;text-align:start;column-gap:15px;padding:10px 8px}.feature-icon{grid-row:span 2;align-self:center;margin:0}.feature-card h2{margin-bottom:5px;font-size:20px}.feature-card p{font-size:14px}.how-grid{grid-template-columns:1fr;gap:25px}.how-card{padding-inline-start:52px;position:relative}.how-card .step-number{position:absolute;inset-inline-start:0;top:0}.how-card h3{font-size:21px}.how-card p{font-size:15px}.guide-grid{gap:10px}.guide-card{padding:18px 15px}.guide-card h3{font-size:20px}.guide-card p{font-size:13px}.text-link{font-size:12px}.section-heading h2{font-size:29px}.footer-inner nav{gap:16px;font-size:12px}.footer-credit{font-size:10px}.settings-dialog{padding:22px}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}@media print{.site-header,.timer-section,.site-footer,.app-banner,.store-links,.back-link{display:none}body{background:#fff;color:#000}.article{max-width:none}.section{break-inside:avoid}}.install-link{margin-top:10px;font-size:12px;text-decoration:none;display:inline-flex;align-items:center;gap:5px}.install-link:hover{text-decoration:underline}.brand{direction:ltr}.scene[data-empty=true] .water{visibility:hidden}