@font-face{font-family:Unloop;src:url(/fonts/googlesansflex-latin.woff2)format("woff2");font-weight:100 1000;font-display:swap}:root{color-scheme:light dark;--content-width:1280px;--page-gutter:40px;--section-space:80px;--tile-space:24px;--surface:#f7fbf2;--text:#181d18;--muted:#424941;--primary:#35693e;--on-primary:#fff;--container:#ebefe7;--primary-container:#d4e8d1;--tertiary-container:#dceff0;--outline:#c1c9be;--focus-bg:#b7f1ba;--focus-ink:#1c5128;--timer-track:#1c512822;--timer-fill:#35693e;--preset-bg:#1c512814;--preset-color:#fff;--ease:cubic-bezier(.2, 0, 0, 1);--spring:cubic-bezier(.34, 1.4, .64, 1)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--surface:#101510;--text:#e0e4db;--muted:#c1c9be;--primary:#9cd49f;--on-primary:#003914;--container:#1c211c;--primary-container:#243b29;--tertiary-container:#21373a;--outline:#424941;--focus-bg:#1c5128;--focus-ink:#b7f1ba;--timer-track:#b7f1ba26;--timer-fill:#9cd49f;--preset-bg:#b7f1ba14;--preset-color:#003914}}:root[data-theme=dark]{color-scheme:dark;--surface:#101510;--text:#e0e4db;--muted:#c1c9be;--primary:#9cd49f;--on-primary:#003914;--container:#1c211c;--primary-container:#243b29;--tertiary-container:#21373a;--outline:#424941;--focus-bg:#1c5128;--focus-ink:#b7f1ba;--timer-track:#b7f1ba26;--timer-fill:#9cd49f;--preset-bg:#b7f1ba14;--preset-color:#003914}:root[data-theme=light]{color-scheme:light}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}html{scroll-behavior:smooth;-webkit-tap-highlight-color:transparent;scroll-padding-top:76px}body{background:var(--surface);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;font:16px/1.6 Unloop,sans-serif}a{color:inherit;-webkit-tap-highlight-color:transparent;text-decoration:none}:focus:not(:focus-visible){outline:none}a:focus-visible,button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--primary);outline-offset:3px}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default;opacity:.4}svg{vertical-align:middle;flex-shrink:0}h1,h2,h3{margin:0;font-weight:600}.shell{width:min(var(--content-width), calc(100% - var(--page-gutter) * 2));margin-inline:auto}.skip-link{z-index:10;background:var(--primary);color:var(--on-primary);border-radius:12px;padding:10px 20px;position:fixed;top:-80px}.skip-link:focus{top:12px;left:12px}.topbar{z-index:50;background:color-mix(in srgb, var(--surface) 82%, transparent);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid color-mix(in srgb, var(--outline) 28%, transparent);opacity:0;visibility:hidden;pointer-events:none;height:64px;transition:transform .24s var(--ease), opacity .2s var(--ease), visibility .24s;box-shadow:0 4px 20px color-mix(in srgb, var(--text) 4%, transparent);position:fixed;top:0;left:0;right:0;transform:translateY(-100%)}.topbar.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.topbar-content{justify-content:space-between;align-items:center;height:100%;display:flex}.topbar-brand{letter-spacing:-.03em;color:var(--primary);transition:opacity .2s var(--ease);border-radius:12px;align-items:center;gap:12px;margin-left:-6px;padding:4px 6px;font-size:20px;font-weight:600;line-height:1;display:inline-flex}.topbar-brand:hover{opacity:.85}.topbar-brand img{object-fit:contain;border-radius:8px;width:32px;height:32px;display:block}.topbar-actions{align-items:center;gap:6px;display:flex}.topbar-cta,.topbar-icon-btn{border:1px solid var(--outline);height:38px;transition:border-radius .25s var(--spring), background .2s var(--ease), border-color .2s var(--ease), color .2s var(--ease), transform .2s var(--spring);background:0 0;border-radius:19px;justify-content:center;align-items:center;display:inline-flex}.topbar-icon-btn{width:38px;color:var(--text);padding:0}.topbar-icon-btn svg{display:block}.topbar-icon-btn:hover{background:color-mix(in srgb, var(--text) 8%, transparent);border-color:var(--text);color:var(--text);border-radius:12px}.topbar-icon-btn:active{background:color-mix(in srgb, var(--text) 14%, transparent);transform:var(--press);border-radius:10px}.topbar-cta{letter-spacing:-.01em;color:var(--primary);gap:8px;padding-inline:16px;font-size:14px;font-weight:550}.topbar-cta:hover{background:color-mix(in srgb, var(--primary) 8%, transparent);border-color:var(--primary);border-radius:12px}.topbar-cta:active{background:color-mix(in srgb, var(--primary) 14%, transparent);transform:var(--press);border-radius:10px}.topbar-cta .play-store-logo{flex-shrink:0;width:16px;height:18px;display:block}.download{background:var(--primary);height:56px;color:var(--on-primary);transition:border-radius .25s var(--spring), filter .2s var(--ease);border-radius:28px;justify-content:center;align-items:center;gap:12px;padding-inline:28px;font-size:16px;font-weight:550;display:inline-flex}.download:hover{filter:brightness(1.05);border-radius:20px}.play-store-logo{flex-shrink:0;display:block}.hero{text-align:center;padding-block:var(--section-space)}.hero h1{letter-spacing:-.045em;margin-bottom:20px;font-size:clamp(48px,6.6vw,80px);line-height:1}.hero h1 span{color:var(--primary)}.hero-brand{flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.hero-brand img{object-fit:contain;border-radius:.25em;width:.95em;height:.95em;display:block}.hero>p{max-width:42ch;color:var(--muted);margin:0 auto 24px;font-size:18px;line-height:1.6}.hero-meta{flex-wrap:wrap;justify-content:center;gap:8px;margin:12px 0 0;padding:0;list-style:none;display:flex}.hero-meta li{color:var(--primary);padding:0;font-size:13px}.hero-meta a{align-items:center;gap:4px;padding:5px 0;display:inline-flex}.hero-meta a:hover{text-underline-offset:4px;text-decoration:underline}.section-head{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.section-head h2{letter-spacing:-.03em;font-size:clamp(25px,2.5vw,30px);line-height:1.2}.showcase .section-head{justify-content:flex-end;margin-bottom:16px}.showcase .section-head:has(.gallery-controls[hidden]){display:none}.gallery-controls{gap:8px;display:flex}.gallery-controls[hidden]{display:none}.gallery-controls button{background:var(--container);width:44px;height:44px;transition:border-radius .2s var(--ease), background .2s var(--ease);border:0;border-radius:22px;place-items:center;display:grid}.gallery-controls button:hover:not(:disabled){background:var(--primary-container);border-radius:14px}.screens-gallery{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:max(var(--page-gutter), calc((100vw - var(--content-width)) / 2));padding:0 max(var(--page-gutter), calc((100vw - var(--content-width)) / 2)) 8px;scrollbar-width:none;gap:16px;display:flex;overflow-x:auto}.screens-gallery::-webkit-scrollbar{display:none}.screen-card{scroll-snap-align:start;flex:0 0 280px;margin:0}.screen-image{background:var(--primary-container);border-radius:28px;justify-content:center;padding:24px;display:flex}.screen-1 .screen-image,.screen-4 .screen-image{background:var(--tertiary-container)}.screen-2 .screen-image{background:var(--container)}.screen-image img{width:190px;height:auto;display:block}.screen-card figcaption{padding:12px 0 0;font-size:15px;font-weight:500}.bento-section{padding-block:var(--section-space) 0}.bento-section .section-head{margin-bottom:20px}.bento-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;display:grid}.bento-card{min-width:0;padding:var(--tile-space);background:var(--container);border-radius:28px;flex-direction:column;display:flex}.bento-card h3{letter-spacing:-.02em;margin:16px 0 8px;font-size:22px;line-height:1.2}.bento-card p{max-width:42ch;color:var(--muted);margin:0;font-size:14px;line-height:1.6}.bento-icon{background:color-mix(in srgb, currentColor 10%, transparent);border-radius:12px;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.bento-icon svg{width:20px;height:20px}.bento-focus{background:var(--focus-bg);color:var(--focus-ink);grid-column:span 7;grid-template-columns:1fr auto;align-items:center;gap:24px;display:grid}.bento-focus p{color:inherit;opacity:.8}.bento-copy{flex-direction:column;align-items:flex-start;gap:20px;display:flex}.bento-copy h3{letter-spacing:-.03em;margin-top:0;font-size:clamp(25px,2.5vw,30px)}.bento-routines{background:var(--tertiary-container);grid-column:span 5;gap:0}.bento-blocking{grid-column:span 4}.bento-stats{background:var(--primary-container);grid-column:span 4}.bento-themes{grid-column:span 4}.bento-timer{justify-items:center;gap:10px;display:grid}.timer-face{text-align:center;place-items:center;width:144px;height:144px;display:grid;position:relative}.timer-ring{fill:none;stroke-width:7px;width:100%;height:100%;position:absolute;inset:0}.timer-track{stroke:var(--timer-track)}.timer-progress{stroke:var(--timer-fill);stroke-linecap:round;transition:stroke-dashoffset .25s linear}.timer-face output{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:36px;font-weight:500;line-height:1;display:block;position:relative}.timer-presets{align-items:stretch;gap:3px;display:flex}.timer-presets button{background:color-mix(in srgb, var(--timer-fill) 14%, transparent);min-width:72px;height:40px;color:var(--text);cursor:pointer;transition:border-radius .3s var(--spring), background .25s var(--ease), color .2s var(--ease), transform .12s ease-out;border:0;border-radius:8px;padding:0 16px;font-size:14px;font-weight:500}.timer-presets button:hover:not(:disabled):not([aria-pressed=true]){background:color-mix(in srgb, var(--timer-fill) 22%, transparent)}.timer-presets button:first-child:not([aria-pressed=true]){border-radius:20px 8px 8px 20px}.timer-presets button:last-child:not([aria-pressed=true]){border-radius:8px 20px 20px 8px}.timer-presets button[aria-pressed=true]{background:var(--timer-fill);color:var(--preset-color);box-shadow:0 1px 3px color-mix(in srgb, var(--timer-fill) 35%, transparent);border-radius:20px;font-weight:600}.demo-primary{background:var(--timer-fill);min-width:128px;height:44px;color:var(--preset-color);transition:border-radius .25s var(--spring), transform .12s ease-out;border:0;border-radius:22px;padding:0 24px;font-size:15px;font-weight:550}.bento-routines>p{margin-bottom:20px}.routine-demo{background:var(--surface);border-radius:20px;margin-top:auto;padding:20px 16px 16px}.routine-time{justify-content:center;align-items:baseline;gap:12px;margin-bottom:18px;display:flex}.routine-time strong{letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--text);font-size:28px;font-weight:500}.routine-time span{color:var(--muted);font-size:14px}.week-days{justify-content:stretch;align-items:stretch;gap:3px;display:flex}.week-days button{background:color-mix(in srgb, var(--primary) 14%, transparent);min-width:0;height:42px;color:var(--text);cursor:pointer;transition:border-radius .3s var(--spring), background .25s var(--ease), color .2s var(--ease), transform .12s ease-out;border:0;border-radius:8px;flex:1;padding:0;font-size:14px;font-weight:500}.week-days button:hover:not([aria-pressed=true]){background:color-mix(in srgb, var(--primary) 22%, transparent)}.week-days button:first-child:not([aria-pressed=true]){border-radius:20px 8px 8px 20px}.week-days button:last-child:not([aria-pressed=true]){border-radius:8px 20px 20px 8px}.week-days button[aria-pressed=true]{background:var(--primary);color:var(--on-primary);box-shadow:0 1px 3px color-mix(in srgb, var(--primary) 35%, transparent);border-radius:20px;font-weight:600}#routine-summary{text-align:center;color:var(--muted);margin-top:14px;font-size:13px;font-weight:500;display:block}.blocking-controls{margin-top:auto;padding-top:16px;display:grid}.switch-row{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:48px;font-size:15px;display:flex}.switch-row+.switch-row{border-top:1px solid var(--outline)}.switch-row input{appearance:none;border:2px solid var(--muted);background:var(--surface);cursor:pointer;width:52px;height:32px;transition:background .2s var(--ease), border-color .2s var(--ease);border-radius:16px;flex-shrink:0;margin:0;position:relative}.switch-row input:before{content:"";background:var(--muted);width:16px;height:16px;transition:all .25s var(--spring);border-radius:50%;position:absolute;top:50%;left:6px;transform:translateY(-50%)}.switch-row input:checked{background:var(--primary);border-color:var(--primary)}.switch-row input:checked:before{background:var(--on-primary);width:24px;height:24px;left:22px}.switch-row input:disabled{opacity:.38;cursor:default}.switch-row:has(input:disabled){cursor:default}.stats-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.stats-picker{background:var(--surface);border-radius:20px;padding:4px;display:flex}.stats-picker button{height:32px;color:var(--muted);transition:background .2s var(--ease);background:0 0;border:0;border-radius:16px;padding:0 14px;font-size:13px}.stats-picker button[aria-pressed=true]{background:var(--primary);color:var(--on-primary)}.stats-total{letter-spacing:-.03em;margin-top:auto;padding-top:20px;font-size:28px;font-weight:500;display:block}.stats-chart{gap:10px;height:88px;margin-top:12px;display:flex}.stats-column{flex:1;grid-template-rows:minmax(0,1fr) 14px;place-items:end center;gap:8px;min-width:0;display:grid}.stats-column span{background:color-mix(in srgb, var(--primary) 45%, transparent);width:min(100%,28px);transition:height .4s var(--spring);border-radius:14px;display:block}.stats-column span.peak{background:var(--primary)}.stats-column small{color:var(--muted);font-size:12px;line-height:1}.download-section{text-align:center;padding-block:var(--section-space) 64px;justify-items:center;display:grid}.download-section>img{border-radius:20px;margin-bottom:20px}.download-section h2{letter-spacing:-.035em;margin-bottom:24px;font-size:clamp(30px,3.5vw,40px);line-height:1.15}.site-footer{border-top:1px solid var(--outline);width:100%;color:var(--muted);padding-block:24px 28px;font-size:14px}.site-footer-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 24px;display:flex}.footer-links{flex-wrap:wrap;gap:24px;display:flex}.site-footer a:hover{color:var(--primary)}.site-footer p{margin:0}.site-footer p a{color:var(--primary)}.legal{max-width:720px;padding-block:40px 80px}.legal h1{letter-spacing:-.035em;margin-top:28px;font-size:42px}.legal h2{margin:40px 0 16px;font-size:25px;line-height:1.3}.legal h3{margin:28px 0 12px;font-size:19px;font-weight:550}.legal p,.legal li{color:var(--muted);font-size:15px;line-height:1.7}.legal li{margin-block:8px}.legal a{color:var(--primary);text-underline-offset:3px;text-decoration:underline}.legal code{overflow-wrap:anywhere;font-size:12px}.back-link{align-items:center;gap:7px;font-size:14px;display:inline-flex}.back-link:hover{color:var(--primary)}@media (width<=1040px){.bento-focus{grid-column:1/-1}.bento-routines,.bento-blocking,.bento-stats,.bento-themes{grid-column:span 6}}@media (width<=800px){:root{--page-gutter:20px;--section-space:56px;--tile-space:24px}.topbar{height:58px}.topbar-brand{gap:10px;font-size:18px}.topbar-brand img{border-radius:7px;width:28px;height:28px}.topbar-cta{height:34px;padding-inline:13px;font-size:13px}.topbar-icon-btn{width:34px;height:34px}.hero h1{margin-bottom:20px}.hero>p{max-width:34ch;margin-bottom:24px;font-size:17px}.screens-gallery{gap:12px}.screen-card{flex-basis:min(280px,78vw)}.screen-image{border-radius:28px;padding:24px}.screen-image img{width:190px}.download-section{padding-block:48px 56px}.site-footer-content{text-align:center;flex-direction:column;align-items:center}.site-footer p{text-align:center;width:100%}.footer-links{justify-content:center}.legal h1{font-size:36px}}@media (width<=680px){.showcase .section-head{margin-bottom:12px}.bento-section{--tile-space:20px}.bento-card,.bento-focus,.bento-routines,.bento-blocking,.bento-stats,.bento-themes{padding:var(--tile-space);grid-column:1/-1}.bento-focus{grid-template-columns:1fr;gap:20px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before{transition:none!important}.topbar{transition:opacity .15s var(--ease), visibility .15s!important;transform:none!important}}.bento-themes>p{margin-bottom:24px}.accent-picker{gap:4px;margin-top:auto;display:grid}.appearance-picker{background:var(--surface);border-radius:24px 24px 8px 8px;grid-template-columns:1fr 1fr;gap:4px;padding:6px;display:grid;position:relative}.appearance-picker:before{content:"";background:var(--primary);opacity:0;width:calc(50% - 8px);transition:transform .45s var(--spring), opacity .2s var(--ease);border-radius:18px;position:absolute;top:6px;bottom:6px;left:6px}.appearance-picker:has([aria-pressed=true]):before{opacity:1}.appearance-picker:has([data-appearance=dark][aria-pressed=true]):before{transform:translate(calc(100% + 4px))}.appearance-picker button{z-index:1;height:44px;color:var(--muted);transition:color .25s var(--ease), transform .12s ease-out;background:0 0;border:0;border-radius:18px;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex;position:relative}.appearance-picker button:hover:not([aria-pressed=true]){background:color-mix(in srgb, var(--text) 6%, transparent)}.appearance-picker button[aria-pressed=true]{color:var(--on-primary)}.theme-color-panel{background:var(--surface);border-radius:8px 8px 24px 24px;padding:16px}.theme-color-heading{align-items:center;gap:8px;margin-bottom:18px;display:flex}.theme-color-swatch{background:var(--primary);width:14px;height:14px;box-shadow:0 0 0 2px var(--surface), 0 0 0 3px var(--outline);transition:background .2s var(--ease);border-radius:50%;flex-shrink:0;display:inline-block}.theme-color-heading>label{font-size:15px;font-weight:550}.theme-color-reset{background:var(--primary-container);width:32px;height:32px;color:var(--primary);cursor:pointer;transition:border-radius .3s var(--spring), transform .12s ease-out, background .2s var(--ease), color .2s var(--ease);border:0;border-radius:16px;place-items:center;margin-left:auto;padding:0;display:grid}.theme-color-reset:hover{background:color-mix(in srgb, var(--primary) 22%, transparent);border-radius:10px}.theme-color-reset:active{background:color-mix(in srgb, var(--primary) 32%, transparent);transform:scale(.92)}.theme-color-reset svg{display:block}.theme-hue-slider{appearance:none;cursor:pointer;touch-action:pan-y;background:0 0;border:0;border-radius:16px;width:100%;height:44px;margin:0;padding:0;display:block}.theme-hue-slider::-webkit-slider-runnable-track{background:var(--hue-gradient);border-radius:12px;height:24px}.theme-hue-slider::-moz-range-track{background:var(--hue-gradient);border-radius:12px;height:24px}.theme-hue-slider::-webkit-slider-thumb{appearance:none;background:var(--primary);width:4px;height:40px;box-shadow:0 0 0 5px var(--surface);border:0;border-radius:2px;margin-top:-8px}.theme-hue-slider::-moz-range-thumb{background:var(--primary);width:4px;height:40px;box-shadow:0 0 0 5px var(--surface);border:0;border-radius:2px}.theme-hue-slider:active::-webkit-slider-thumb{background:var(--text)}.theme-hue-slider:active::-moz-range-thumb{background:var(--text)}:root{--spring-soft:cubic-bezier(.3, 1.25, .5, 1);--press:scale(.985)}.download{transition:border-radius .3s var(--spring), transform .12s ease-out, filter .2s var(--ease)}.demo-primary{transition:border-radius .3s var(--spring), transform .12s ease-out, background .25s var(--ease), opacity .2s var(--ease)}.demo-primary:hover:not(:disabled){border-radius:16px}.gallery-controls button{transition:border-radius .3s var(--spring), transform .12s ease-out, background .2s var(--ease), opacity .2s var(--ease)}.download:active,.topbar-cta:active,.topbar-icon-btn:active,.demo-primary:active:not(:disabled),.gallery-controls button:active:not(:disabled),.timer-presets button:active:not(:disabled),.week-days button:active,.appearance-picker button:active,.stats-picker button:active{transform:var(--press)}.screen-image{overflow:hidden}.timer-face output{transition:transform .4s var(--spring)}.switch-row input{transition:background .25s var(--ease), border-color .25s var(--ease)}.switch-row input:before{transition:left .35s var(--spring), width .3s var(--spring), height .3s var(--spring), background .25s var(--ease)}.switch-row input:active:not(:disabled):before{width:28px;height:28px;left:2px}.switch-row input:checked:active:not(:disabled):before{left:18px}.stats-picker{grid-template-columns:1fr 1fr;display:grid;position:relative}.stats-picker:before{content:"";background:var(--primary);width:calc(50% - 4px);transition:transform .45s var(--spring);border-radius:16px;position:absolute;top:4px;bottom:4px;left:4px}.stats-picker:has([data-stats=monthly][aria-pressed=true]):before{transform:translate(100%)}.stats-picker button{z-index:1;transition:color .25s var(--ease), transform .12s ease-out;position:relative}.stats-picker button[aria-pressed=true]{background:0 0}@keyframes bar-grow{0%{opacity:0;transform:scaleY(0)}}@keyframes fade-up{0%{opacity:0;transform:translateY(6px)}}.stats-column span{transform-origin:bottom;animation:bar-grow .6s var(--spring-soft) backwards}.stats-column small{animation:fade-up .4s var(--ease) backwards}.stats-column:nth-child(2)>*{animation-delay:40ms}.stats-column:nth-child(3)>*{animation-delay:80ms}.stats-column:nth-child(4)>*{animation-delay:.12s}.stats-column:nth-child(5)>*{animation-delay:.16s}.stats-column:nth-child(6)>*{animation-delay:.2s}.stats-column:nth-child(7)>*{animation-delay:.24s}.hero-meta a,.site-footer a,.back-link{transition:color .2s var(--ease)}::view-transition-old(root),::view-transition-new(root){mix-blend-mode:normal;animation:none}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){@keyframes rise-in{0%{opacity:0;transform:translateY(32px)scale(.98)}}.bento-card,.section-head,.download-section>img,.download-section h2{animation:linear both rise-in view();animation-range:entry entry 60%}}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation:none!important}}