@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#343e36;background:#f8f9f5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-weight:400;font-size:14px;--ink: #343e36;--muted: #72786f;--line: #e7e9e1;--green: #4c6651;--sage: #e6ecdf}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.3}a{color:inherit;text-decoration:none}button{color:inherit}button,input{border:0}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #68826b;outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,sans-serif}button svg,a svg{flex-shrink:0}button{transition:background .18s,transform .18s}button:active:not(:disabled){transform:translateY(1px)}.app-shell{min-height:100dvh}.brand{display:flex;align-items:center;gap:8px;font-family:Manrope,sans-serif;font-size:20px;font-weight:750;letter-spacing:-1.4px}.brand-symbol{display:flex;align-items:center;justify-content:center;color:#55715b;background:#e0e7d9;width:34px;height:36px;border-radius:10px}.brand-dot{color:#829576;margin-left:-10px}.header-actions{display:flex;align-items:center;gap:24px}.header-nav{display:flex;gap:6px}.nav-item{width:44px;height:44px;display:flex;justify-content:center;align-items:center;color:#6c7568;border-radius:10px}.nav-item:hover{background:#e8ece1}.nav-item.active{background:#e0e7d9;color:#3f5944}.status-dot{display:inline-block;width:6px;height:6px;background:#8ca180;border-radius:50%;flex-shrink:0}.topbar{min-height:76px;max-width:1360px;margin:0 auto;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 46px;font-size:12px;font-weight:500}.private-note{display:flex;align-items:center;gap:7px;font-size:10px;color:#7a8273;font-weight:400}.page-content{padding:42px 46px 0;max-width:1360px;margin:0 auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:40px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:600;color:#828b78;margin-bottom:13px}h1{font-size:clamp(28px,2.7vw,41px);letter-spacing:-1.65px;line-height:1.3;font-weight:650}h1>span{color:#8fa182}.page-heading p{color:var(--muted);font-size:13px;margin-top:12px;line-height:1.7}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 278px;gap:27px;align-items:start}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.section-heading h2,.settings-section>h2{font-size:15px;font-weight:650;letter-spacing:-.35px}.section-heading h2{display:flex;align-items:center;gap:10px}.count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;border-radius:6px;background:#eeefe8;font-size:10px;font-family:DM Sans,sans-serif;color:#7c8475;font-weight:500}.text-link{display:flex;align-items:center;gap:6px;font-size:10px;color:#78826e}.text-link:hover{color:var(--green)}.theme-sage{--theme-surface: #e6ecdf;--theme-fill: #c3d4ba;--theme-ink: #47624c;background:var(--theme-surface);color:var(--theme-ink)}.theme-lavender{--theme-surface: #eae6ef;--theme-fill: #d2c6df;--theme-ink: #63546f;background:var(--theme-surface);color:var(--theme-ink)}.theme-sand{--theme-surface: #eee8dc;--theme-fill: #dfcfb3;--theme-ink: #746246;background:var(--theme-surface);color:var(--theme-ink)}.task-hero{border-radius:15px;padding:21px 26px 23px;position:relative;overflow:hidden;border:1px solid #dfe5d7}.hero-top{display:flex;align-items:center;justify-content:space-between}.task-category{font-size:8px;letter-spacing:1.6px;font-weight:600;display:flex;align-items:center;gap:7px}.tiny-dot{width:5px;height:5px;background:currentColor;border-radius:50%;opacity:.65}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;background:transparent;flex-shrink:0}.icon-button:hover:not(:disabled){background:#344c3e0c}.hero-top .icon-button{margin:-6px -7px -6px 0}.hero-middle{display:flex;align-items:center;position:relative;min-height:217px}.hero-copy{position:relative;z-index:1;min-width:220px}.hero-task-icon{display:none}.hero-copy h2{font-size:39px;font-weight:600;letter-spacing:-1.6px;margin:9px 0 10px}.hero-copy p{font-size:12px;line-height:1.6;max-width:235px;color:#63765e}.theme-lavender .hero-copy p,.theme-sand .hero-copy p{color:inherit;opacity:.8}.task-meta{display:flex;align-items:center;gap:10px;margin-top:19px;font-size:10px;font-weight:450}.task-meta>span{display:flex;align-items:center;gap:5px}.meta-dot{opacity:.5}.shower-illustration{position:absolute;right:-6px;bottom:-1px;width:52%;max-width:285px;height:242px}.generic-illustration{position:absolute;right:8%;color:var(--theme-ink);opacity:.4}.hero-bottom{border-top:1px solid #72856a25;padding-top:19px;display:flex;align-items:center;justify-content:space-between;gap:15px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:12px 17px;border-radius:8px;font-weight:500;font-size:12px;line-height:1.4}.button.primary{background:#4c6651;color:#fff}.button.primary:hover{background:#3e5843}.button.primary svg:last-child:not(:first-child){margin-left:10px}.button.secondary{background:#eeefe8;color:#626b5b}.button.secondary:hover{background:#e4e7dc}.hero-bottom>span{display:flex;align-items:center;gap:6px;font-size:9px;color:#708169}.hero-bottom>span svg{flex-shrink:0}.steps-card{margin-top:26px;border:1px solid var(--line);border-radius:13px;background:#fdfdfa;overflow:hidden}.steps-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:24px 25px 17px}.steps-heading p{font-size:10px;color:#858a7d;line-height:1.6}.soft-pill{font-size:9px;white-space:nowrap;background:#f0f2e9;color:#7b856e;padding:6px 9px;border-radius:5px}.step-list{list-style:none;padding:0 25px;margin:0}.step-list li{display:flex;align-items:center;gap:13px;padding:12px 0;position:relative}.step-list li+li{border-top:1px solid #f0f1ea}.step-number{font-size:10px;width:26px;height:26px;border-radius:8px;background:#f0f2e9;display:flex;align-items:center;justify-content:center;color:#7b896d;flex-shrink:0;font-weight:500}.step-name{font-size:12px;font-weight:450}.step-duration{margin-left:auto;font-size:10px;color:#828979;display:flex;align-items:center;gap:5px}.step-duration svg{color:#a0a791}.steps-footer{background:#f7f8f2;display:flex;align-items:center;justify-content:center;gap:7px;padding:14px;margin-top:12px;border-top:1px solid #eceee4;color:#8a937f;font-size:9px}.day-column{display:flex;padding-top:40px}.day-card{display:flex;flex:1;flex-direction:column;min-width:0;min-height:480px;background:#fdfdfa;border:1px solid var(--line);border-radius:13px;padding:23px 23px 10px}.day-card .section-heading{margin-bottom:21px}.day-card .section-heading svg{color:#9ca08b}.progress-ring{--progress: 0deg;border-radius:50%;flex-shrink:0;width:180px;height:180px;margin:auto;padding:7px;background:conic-gradient(#8da17e var(--progress),#ebeee3 var(--progress));transform:rotate(-90deg)}.progress-ring>div{height:100%;width:100%;border-radius:50%;background:#fdfdfa;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(90deg)}.progress-ring strong{font-family:Manrope,sans-serif;font-size:34px;letter-spacing:-1px;font-weight:600;line-height:1.3}.progress-ring strong>span{font-size:22px;color:#b0b6a4;font-weight:400;margin-left:3px}.progress-ring>div>span{font-size:9px;color:#8b9380;margin-top:5px}.day-message{font-size:10px;text-align:center;color:#858c7a;padding:18px 0 23px}.day-stats{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-top:1px solid #edefe5;font-size:10px}.day-stats span{display:flex;align-items:center;gap:8px;color:#8b9380}.day-stats strong{font-size:10px;font-weight:500;color:#626c58}.page-footer{padding:30px 0 24px;display:flex;align-items:center;justify-content:center;gap:7px;color:#9ba28e;font-size:9px}.resume-card{display:flex;align-items:center;justify-content:space-between;background:#f0ece2;border:1px solid #e5decf;border-radius:9px;padding:13px;margin-bottom:15px;font-size:11px;gap:10px}.resume-card>div,.resume-card button{display:flex;align-items:center;gap:8px}.resume-card button{background:#ffffffa8;padding:9px;border-radius:6px;white-space:nowrap}.resume-card strong{font-weight:500}.task-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:20px}.task-choice{display:flex;gap:11px;align-items:center;width:100%;min-width:0;min-height:82px;text-align:left;background:#fdfdfa;border:1px solid var(--line);border-radius:11px;padding:14px;color:var(--ink)}.task-choice:hover,.task-choice[aria-pressed=true]{background:var(--theme-surface)}.task-choice[aria-pressed=true]{border-color:var(--theme-ink);box-shadow:inset 0 0 0 1px var(--theme-ink)}.task-choice-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;border-radius:10px;background:var(--theme-surface);color:var(--theme-ink)}.task-choice[aria-pressed=true] .task-choice-icon{background:#ffffff60}.task-choice-copy{display:grid;gap:6px;flex:1;min-width:0}.task-choice-copy strong{font-size:13px;font-weight:500;overflow-wrap:anywhere}.task-choice-meta{font-size:10px;line-height:1.6;color:var(--muted)}.task-choice-indicator{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:19px;height:19px;border-radius:50%;border:1px solid var(--line)}.task-choice[aria-pressed=true] .task-choice-indicator{border-color:var(--theme-ink);background:var(--theme-ink);color:#fff}@media(max-width:980px){.task-picker{grid-template-columns:1fr}}.task-icon{width:45px;height:45px;display:flex;align-items:center;justify-content:center;border-radius:11px;flex-shrink:0}.empty-state{padding:45px 25px;text-align:center;border:1px dashed #cdd5c2;border-radius:14px;background:#f0f3e9;display:grid;justify-items:center;gap:15px}.empty-state>svg{color:#8ba07e}.empty-state h2{font-size:21px;font-weight:600}.empty-state p{font-size:12px;color:var(--muted)}.empty-state .button{margin-top:5px}.settings-page{max-width:1100px}.settings-page .page-heading{margin-bottom:32px}.settings-section{background:#fdfdfa;border:1px solid var(--line);border-radius:13px;padding:25px 27px;margin-bottom:23px}.settings-section .section-heading p{font-size:11px;color:#828979;margin-top:8px}.small{font-size:11px;min-height:38px;padding:10px 13px}.settings-task{display:flex;align-items:center;gap:14px;padding:20px 0;border-top:1px solid #eceee5}.settings-task:last-child{padding-bottom:0}.settings-task-info{flex:1}.settings-task h3{font-size:14px;font-weight:600}.settings-task p{font-size:11px;color:var(--muted);margin-top:6px}.task-actions{display:flex;align-items:center;gap:3px}.danger:hover:not(:disabled){color:#9b5e4f;background:#f4e8e3}.toggle-row{padding:23px 0;display:flex;align-items:center;justify-content:space-between;gap:25px;cursor:pointer;border-bottom:1px solid #eceee5}.toggle-row:last-child{border-bottom:0;padding-bottom:0}.toggle-row>span{display:grid;gap:8px}.toggle-row strong{font-size:12px;font-weight:500}.toggle-row>span>span{font-size:11px;color:#818977;line-height:1.7}.toggle{appearance:none;width:40px;height:24px;flex-shrink:0;background:#dedfd6;border-radius:20px;position:relative;cursor:pointer;margin:0;transition:background .2s}.toggle:before{content:"";display:block;width:18px;height:18px;border-radius:50%;background:#fff;position:absolute;left:3px;top:3px;box-shadow:0 1px 3px #0001;transition:transform .2s}.toggle:checked{background:#688263}.toggle:checked:before{transform:translate(16px)}.settings-note{display:flex;gap:12px;color:#828d74;margin:25px 0 45px}.settings-note svg{flex-shrink:0;margin-top:1px}.settings-note p{font-size:11px;line-height:1.8;max-width:620px}.no-tasks{font-size:12px;color:var(--muted);padding:20px 0}.storage-warning{padding:14px 24px;background:#f4ead4;color:#735c35;font-size:12px}.toast{pointer-events:none;position:fixed;bottom:25px;left:50%;transform:translate(-50%,12px);z-index:20;background:#3d5543;color:#fff;padding:14px 20px;display:flex;align-items:center;gap:10px;border-radius:10px;font-size:12px;box-shadow:0 5px 25px #283a3320;opacity:0;transition:opacity .2s,transform .2s}.toast.visible{opacity:1;transform:translate(-50%)}.editor-dialog{width:680px;max-width:calc(100% - 24px);max-height:90dvh;padding:0;border:1px solid #e5e8dd;border-radius:17px;background:#fdfdfa;color:var(--ink);box-shadow:0 25px 100px #1f302c25}.editor-dialog::backdrop{background:#29382c55;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.editor-dialog form{display:flex;flex-direction:column;max-height:90dvh}.dialog-header{display:flex;justify-content:space-between;align-items:center;padding:26px 29px 22px;border-bottom:1px solid var(--line)}.dialog-header .eyebrow{margin-bottom:8px;font-size:8px}.dialog-header h2{font-size:23px;font-weight:600;letter-spacing:-.8px}.dialog-body{padding:24px 29px;overflow-y:auto}.field{display:block;font-size:11px;font-weight:500;margin-bottom:21px}.field input{display:block;width:100%;margin-top:9px}.optional{font-weight:400;color:var(--muted);margin-left:3px}input:not([type=checkbox]){background:#f7f8f3;border:1px solid #e2e6d9;padding:11px 12px;border-radius:7px;font-size:12px;color:var(--ink);min-width:0}input::placeholder{color:#9aa18f}.editor-appearance{display:flex;flex-wrap:wrap;justify-content:space-between;gap:23px;margin:24px 0 29px}fieldset{border:0;padding:0;margin:0}legend{font-size:11px;font-weight:500;margin-bottom:11px}.choice-row{display:flex;flex-wrap:wrap;gap:7px}.icon-choice,.color-choice{width:35px;height:35px;border-radius:8px;display:flex;align-items:center;justify-content:center;border:1px solid #e3e7da}.icon-choice{background:#f1f3eb;color:#859078}.icon-choice.selected,.color-choice.selected{outline:2px solid #73866a;outline-offset:2px}.icon-choice.selected{color:#4c6651;background:#e4ecdd}.editor-options{margin-bottom:24px;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.editor-options .toggle-row{padding:10px 0;border:0}.editor-step-group{margin-bottom:12px}.step-animation-picker{display:flex;align-items:center;gap:16px;margin:0 0 16px 34px;padding:12px;border-radius:9px;background:#f1f4eb}.step-animation-picker .field{flex:1;min-width:0;margin:0}.step-animation-picker select{display:block;width:100%;margin-top:8px;padding:10px 8px;border:1px solid #cfd8c6;border-radius:7px;background:#fdfdfa;color:var(--ink);font:inherit}.animation-preview{width:60px;height:80px;object-fit:contain}.editor-steps-heading{margin-bottom:16px}.editor-steps-heading h3{font-size:14px;font-weight:600}.editor-step-labels{display:flex;justify-content:space-between;font-size:9px;color:#8a947e;padding:0 81px 7px 38px}.editor-step{display:flex;align-items:center;gap:7px;margin-bottom:9px}.editor-step>input:first-of-type{flex:1;width:100%}.editor-step .minutes-input{width:62px;flex-shrink:0;text-align:center;padding:11px 4px}.editor-step .step-number{width:24px;height:28px;font-size:9px;margin-right:3px;background:none}.step-reorder{display:grid;gap:0}.step-reorder .icon-button{width:22px;height:20px;border-radius:4px}.editor-step>.icon-button{width:25px}.add-step-button{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;border:1px dashed #cfd8c6;border-radius:7px;background:#f5f7ef;color:#6e8063;padding:11px;font-size:11px;margin-top:14px}.add-step-button:hover{background:#edf1e4}.dialog-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:18px 29px;border-top:1px solid var(--line);background:#f7f8f2}@media(min-width:1500px){.page-content{padding-top:54px}.page-heading{margin-bottom:47px}.task-hero{padding:24px 30px}.hero-middle{min-height:248px}.shower-illustration{height:268px;max-width:320px}.hero-copy h2{font-size:46px}.step-list li{padding:14px 0}.dashboard-grid{gap:32px;grid-template-columns:minmax(0,1fr) 300px}.hero-copy p{font-size:13px}.hero-bottom>span{font-size:10px}.hero-bottom .button{padding:13px 21px}.page-heading p{font-size:14px}}@media(max-width:1180px){.page-content{padding:32px 30px 0}.topbar{padding:0 30px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 240px;gap:20px}.page-heading{align-items:start}.hero-bottom>span{display:none}.day-card{padding-left:18px;padding-right:18px}.hero-copy h2{font-size:34px}.hero-copy{min-width:170px}.hero-copy p{max-width:170px}.shower-illustration{right:-30px;width:57%;height:218px;opacity:.8}.hero-middle{min-height:207px}.task-meta{gap:7px;font-size:9px}.task-meta svg{width:14px}}@media(max-width:980px){.page-content{padding-left:25px;padding-right:25px}.topbar{padding:0 25px}.page-heading{display:block;margin-bottom:29px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 218px;gap:18px}.task-hero{padding:18px 20px}.hero-middle{min-height:210px}.shower-illustration{opacity:.5;right:-40px;width:65%;bottom:0}.hero-copy{min-width:0}.hero-copy h2{font-size:35px}.hero-copy p{max-width:145px}.task-meta{gap:5px;flex-wrap:wrap;max-width:180px}.task-meta .meta-dot{display:none}.steps-heading{padding:20px 18px 14px}.steps-heading p{max-width:200px}.step-list{padding:0 18px}.day-card{padding:19px 16px 7px}.day-card h2{font-size:13px}.day-message{font-size:9px}}@media(max-width:800px){.dashboard-grid{grid-template-columns:1fr}.day-column{padding-top:0;display:block}.day-card{min-height:0}.progress-ring{margin:18px auto}.hero-middle{min-height:213px}.shower-illustration{right:5px;width:48%;height:230px;opacity:1}.hero-copy p{max-width:235px}.hero-copy h2{font-size:39px}.task-meta{max-width:none;gap:10px}.task-meta .meta-dot{display:block}.steps-heading p{max-width:none}.hero-bottom>span{display:flex;font-size:8px}.task-actions{gap:0}.settings-task{gap:10px}.settings-section{padding:22px}.settings-task .task-actions .icon-button{width:28px}.settings-page h1{font-size:30px}}@media(max-width:600px){.private-note{display:none}.topbar{min-height:72px;padding:0 20px}.page-content{padding:30px 20px 0}.eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:10px}h1{font-size:31px;letter-spacing:-1.4px}.page-heading p{font-size:12px;margin-top:10px}.page-heading{margin-bottom:27px}.section-heading h2{font-size:14px}.text-link{font-size:10px}.dashboard-grid{gap:22px}.task-hero{padding:19px 20px 20px;border-radius:13px}.hero-copy h2{font-size:39px}.hero-copy p{font-size:11px;max-width:185px}.hero-middle{min-height:211px}.shower-illustration{right:-18px;width:53%;height:215px}.task-meta{font-size:9px;gap:9px}.task-meta>span{gap:4px}.hero-bottom{padding-top:17px}.hero-bottom>span{display:none}.hero-bottom .button{width:100%;justify-content:center;min-height:45px}.hero-bottom .button svg:last-child{margin-left:auto}.hero-bottom .button svg:first-child{margin-right:auto}.steps-card{margin-top:21px}.steps-heading{padding:23px 20px 17px}.step-list{padding:0 20px}.step-list li{padding:13px 0}.step-name{font-size:12px}.steps-heading p{font-size:10px}.steps-footer{font-size:9px;padding:14px 10px}.day-card{padding:19px 14px 5px}.day-card .section-heading{margin-bottom:17px}.progress-ring strong{font-size:30px}.progress-ring>div>span{font-size:8px}.day-stats{font-size:9px;gap:5px}.day-stats span{gap:6px}.day-stats svg{width:13px}.day-stats strong{font-size:9px}.page-footer{padding:27px 0}.settings-section{padding:20px 16px}.settings-page h1{font-size:29px}.settings-page .section-heading p{font-size:10px;line-height:1.7;max-width:180px}.small{font-size:10px;padding:9px 10px}.settings-task .task-icon{width:38px;height:38px}.settings-task{gap:10px;flex-wrap:wrap}.settings-task h3{font-size:13px;overflow-wrap:anywhere}.settings-task p{font-size:10px}.settings-task .task-actions{margin-left:auto}.settings-task .task-actions .icon-button{width:29px}.toggle-row{gap:16px}.toggle-row strong{font-size:11px}.toggle-row>span>span{font-size:10px}.settings-note{padding:0 3px;margin-top:15px}.settings-note p{font-size:10px}.settings-note svg{width:16px}.toast{left:50%;font-size:11px;white-space:nowrap;max-width:calc(100% - 30px)}.dialog-header{padding:23px 20px 19px}.dialog-header h2{font-size:22px}.dialog-body{padding:20px 16px}.dialog-footer{padding:16px}.editor-appearance{gap:20px;flex-direction:column}.icon-choice,.color-choice{width:37px;height:37px}.editor-step{gap:5px}.editor-step>input{padding:10px 8px;font-size:11px}.editor-step .step-number{width:17px;margin:0}.editor-step .minutes-input{width:45px;padding:10px 2px}.editor-step>.icon-button{width:22px}.step-reorder .icon-button{width:19px}.editor-step-labels{padding-left:23px;padding-right:69px}.dialog-footer .button{flex:1;padding:12px 10px}}@media(max-width:360px){.page-content{padding-left:15px;padding-right:15px}h1{font-size:28px}.shower-illustration{opacity:.65;right:-28px}.hero-copy p{max-width:155px}.settings-task .task-actions{width:100%;justify-content:flex-end}.editor-step .minutes-input{width:39px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.form-error{font-size:11px;color:#9b5e4f;line-height:1.6;margin-right:auto;flex-basis:100%}.dialog-footer{flex-wrap:wrap}.hero-copy h2,.settings-task h3,.task-choice-copy strong{overflow-wrap:anywhere}.resume-card .resume-actions{gap:6px}.resume-actions>.icon-button{background:transparent;padding:4px;width:28px;height:28px}.timer-screen{position:fixed;inset:0;z-index:10;isolation:isolate;display:flex;flex-direction:column;height:100dvh;overflow:hidden;background:#f4f6f0;color:#2c4634}.timer-screen.theme-lavender{background:#f7f5f9;color:#483756}.timer-screen.theme-sand{background:#faf8f3;color:#594528}.timer-fill{position:absolute;bottom:0;left:0;z-index:-1;width:100%;background:var(--theme-fill);transition:height .25s linear;pointer-events:none}.timer-screen[data-paused=true] .timer-fill{transition:none}.timer-animation{display:block;flex:1 1 180px;min-height:0;width:min(210px,45vw);max-height:28dvh;object-fit:contain;margin-top:10px}.timer-screen[data-animation=true] .timer-step-label{margin-bottom:10px}.timer-screen[data-animation=true] .timer-digits{margin-top:6px;font-size:clamp(64px,min(25vw,16dvh),140px)}.timer-screen[data-animation=true][data-wide-time=true] .timer-digits{font-size:clamp(52px,min(20vw,14dvh),120px)}@media(max-height:560px)and (min-width:601px){.timer-screen[data-animation=true] .timer-center{position:relative;padding-inline:160px}.timer-animation{position:absolute;left:20px;width:120px;height:160px;max-height:100%;margin:0}}.timer-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;flex-shrink:0;gap:15px;padding:20px 30px}.timer-back{justify-self:start;min-height:40px;padding:10px 13px;background:#ffffffb0;font-size:12px}.timer-back:hover{background:#ffffffed}.timer-task-label{display:flex;align-items:center;gap:9px;max-width:45vw;overflow-wrap:anywhere;font-size:15px;font-weight:500}.timer-reset{justify-self:end;background:#ffffff70}.timer-center{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;min-height:0;padding:16px 24px;text-align:center}.timer-step-label{margin-bottom:20px;font-size:12px;font-weight:600;letter-spacing:2px}.timer-center h1{max-width:min(92vw,1100px);overflow-wrap:anywhere;font-size:clamp(38px,5.3vw,72px);font-weight:750;line-height:1.15;letter-spacing:-.04em}.timer-screen[data-long-title=true] .timer-center h1{font-size:clamp(28px,4.5vw,52px)}.timer-center h1:focus{outline:none}.timer-digits{max-width:100%;margin-top:16px;font-family:Manrope,sans-serif;font-size:clamp(112px,min(34vw,27dvh),228px);font-weight:700;font-variant-numeric:tabular-nums;line-height:1.04;letter-spacing:-.065em;white-space:nowrap}.timer-screen[data-wide-time=true] .timer-digits{font-size:clamp(68px,min(23vw,24dvh),184px)}.timer-status{display:flex;align-items:center;justify-content:center;gap:7px;max-width:520px;min-height:25px;margin-top:12px;font-size:14px;line-height:1.6}.timer-status svg{flex-shrink:0}.timer-footer{display:flex;flex-shrink:0;flex-direction:column;align-items:center;gap:16px;width:100%;padding:18px 24px max(24px,env(safe-area-inset-bottom))}.timer-step-dots{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;max-width:90vw}.timer-step-dots>span{display:flex;align-items:center;justify-content:center;width:12px;height:12px;border:1px solid #536f4640;border-radius:50%;background:#ffffffb0}.timer-step-dots>span.current{width:30px;border-color:currentColor;border-radius:8px;background:currentColor}.timer-step-dots>span.done{border-color:var(--theme-ink);background:var(--theme-ink);color:#fff}.timer-up-next{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 12px;max-width:min(100%,580px);min-height:40px;padding:10px 16px;border:1px solid #ffffff80;border-radius:9px;background:#ffffffb5;font-size:13px;line-height:1.5;text-align:center;overflow-wrap:anywhere}.timer-up-next>span:first-child{font-size:10px;font-weight:500;letter-spacing:1px}.timer-up-next>strong{font-weight:600}.timer-up-next>span:last-child{opacity:.8}.timer-up-next>span:only-child{font-size:12px;font-weight:400;letter-spacing:0}.timer-controls{display:flex;align-items:center;gap:12px;width:min(100%,480px)}.timer-controls .button{flex:1;min-height:58px;padding:16px 20px;font-size:16px;font-weight:600}.timer-pause{background:var(--theme-ink);color:#fff}.timer-pause:hover{background:color-mix(in srgb,var(--theme-ink) 90%,#000)}.timer-next{border:1px solid color-mix(in srgb,var(--theme-ink) 35%,transparent);background:#ffffffe0}.timer-next:hover{background:#fff}.timer-large-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;margin-bottom:22px;border-radius:24px;background:#ffffffb0}.timer-center>.eyebrow{margin-bottom:15px;color:inherit}.timer-finished-copy{margin-top:22px;font-size:16px;line-height:1.8}.finish-button{width:min(100%,480px);min-height:58px;font-size:16px}@media(max-width:600px){.timer-header{grid-template-columns:1fr auto;gap:12px;padding:16px}.timer-task-label{grid-row:2;grid-column:1 / -1;justify-self:center;max-width:100%;font-size:14px}.timer-reset{grid-row:1;grid-column:2}.timer-center{padding-inline:18px}.timer-center h1{font-size:clamp(38px,10.8vw,54px)}.timer-step-label{margin-bottom:18px;font-size:11px}.timer-status{max-width:330px;font-size:13px}.timer-footer{gap:15px;padding-inline:20px}.timer-controls{gap:10px}.timer-controls .button{min-height:56px;padding:15px 12px;font-size:14px}.timer-up-next{font-size:12px}}@media(max-height:560px){.timer-header{gap:8px;padding:10px 18px}.timer-center{padding:8px 18px}.timer-step-label{margin-bottom:8px;font-size:10px}.timer-screen .timer-center h1,.timer-screen[data-long-title=true] .timer-center h1{font-size:clamp(26px,7dvh,36px)}.timer-screen .timer-digits{margin-top:6px;font-size:clamp(72px,21dvh,112px)}.timer-status{margin-top:5px;min-height:18px;font-size:12px;line-height:1.4}.timer-footer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-items:center;gap:10px 16px;max-width:580px;margin:0 auto;padding:10px 20px max(12px,env(safe-area-inset-bottom))}.timer-step-dots{max-width:100%}.timer-up-next{min-height:30px;padding:6px 10px;font-size:11px;gap:5px 8px}.timer-controls,.finish-button{grid-column:1 / -1}.timer-controls .button,.finish-button{min-height:44px;padding:10px 16px;font-size:13px}.timer-large-icon{display:none}.timer-finished-copy{margin-top:10px;font-size:13px}}@media(max-width:600px)and (max-height:700px){.timer-screen[data-long-title=true] .timer-center{padding-block:8px}.timer-screen[data-long-title=true] .timer-center h1{font-size:clamp(22px,7vw,28px)}.timer-screen[data-long-title=true] .timer-step-label{margin-bottom:10px}.timer-screen[data-long-title=true] .timer-digits{margin-top:12px;font-size:clamp(68px,min(28vw,20dvh),100px)}.timer-screen[data-long-title=true][data-wide-time=true] .timer-digits{font-size:clamp(64px,22vw,100px)}.timer-screen[data-long-title=true] .timer-status{margin-top:8px;font-size:12px}}@media(max-height:420px){.timer-step-label{display:none}}