@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--paper:#fff4e8;--paper-deep:#ffe6d3;--ink:#2b0d1f;--ink-soft:#6b3f55;--pink:#ff4f7b;--pink-press:#f23d6b;--green:#08bf63;--green-ink:#063d22;--white:#fffaf2;--error:#b3123f;--sticker-shadow:0 6px 14px -4px #2b0d1f47, 0 2px 4px #2b0d1f1f;--display:"Bricolage Grotesque Variable", "Bricolage Grotesque", sans-serif;--hand:"Gaegu", cursive;--ease-out:cubic-bezier(.16, 1, .3, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:5rem}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--paper);color:var(--ink);font:400 1.0625rem/1.6 var(--display);font-variation-settings:"wdth" 100;-webkit-font-smoothing:antialiased;margin:0}::selection{background:var(--pink);color:var(--ink)}:focus-visible{outline:3px solid var(--ink);outline-offset:3px;border-radius:6px}a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:2px}a:hover{-webkit-text-decoration-color:var(--pink);text-decoration-color:var(--pink)}h1,h2,h3{font-family:var(--display);letter-spacing:-.03em;text-wrap:balance;margin:0;line-height:1.05}h1{font-size:clamp(2.6rem,6.2vw,5.4rem);font-weight:800}h2{font-size:clamp(2rem,4.2vw,3.4rem);font-weight:800}h3{letter-spacing:-.02em;font-size:1.35rem;font-weight:700}p{text-wrap:pretty;margin:0}.skip{background:var(--ink);color:var(--white);z-index:10;border-radius:8px;padding:.5rem 1rem;position:absolute;top:-3rem;left:1rem}.skip:focus{top:1rem}.btn{font:700 1.05rem/1 var(--display);letter-spacing:-.01em;color:var(--ink);background:var(--pink);border:3px solid var(--white);min-height:3.25rem;box-shadow:var(--sticker-shadow), inset 0 0 0 2px var(--ink);cursor:pointer;white-space:nowrap;transition:transform .25s var(--ease-out), box-shadow .25s var(--ease-out), background-color .2s;border-radius:999px;justify-content:center;align-items:center;gap:.4em;padding:.95rem 1.5rem;text-decoration:none;display:inline-flex}.btn:hover{background:var(--pink-press);transform:translateY(-2px)rotate(-1deg)}.btn:active{transform:translateY(1px)scale(.98)}.btn:disabled{cursor:progress;opacity:.7;transform:none}.btn-small{min-height:2.6rem;padding:.6rem 1.1rem;font-size:.95rem}.btn-break{background:var(--green);color:#04210f;box-shadow:var(--sticker-shadow), inset 0 0 0 2px var(--green-ink)}.btn-break:hover{background:#06a956}.btn-ghost{font:600 .95rem/1 var(--display);color:var(--ink-soft);cursor:pointer;background:0 0;border:2px solid;border-radius:999px;min-height:2.75rem;padding:.7rem 1.1rem}.btn-ghost:hover{color:var(--ink)}.btn-ghost[aria-pressed=true]{color:var(--ink);background:var(--white)}.top{z-index:5;background:color-mix(in oklab, var(--paper) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);align-items:center;gap:2rem;padding:.85rem clamp(1.25rem,4vw,3rem);display:flex;position:sticky;top:0}.wordmark{font:400 2rem/1 var(--hand);color:var(--ink);letter-spacing:0;font-weight:700;text-decoration:none}.top nav{gap:1.5rem;margin-left:auto;font-size:.98rem;font-weight:600;display:flex}.top nav a{color:var(--ink-soft);text-decoration:none}.top nav a:hover{color:var(--ink)}@media (width<=720px){.top nav{display:none}.top .btn-small{margin-left:auto}}main>section{max-width:78rem;margin:0 auto;padding:clamp(4rem,9vw,7.5rem) clamp(1.25rem,5vw,4rem)}.hero{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:clamp(2rem,5vw,4.5rem);display:grid;padding-top:clamp(2rem,5vw,4rem)!important}.hero-copy{gap:1.6rem;display:grid}.lede{color:var(--ink-soft);max-width:34rem;font-size:clamp(1.1rem,1.6vw,1.3rem)}@media (width<=900px){.hero{grid-template-columns:1fr}}.signup{gap:.55rem;max-width:33rem;display:grid}.signup label{font-size:.95rem;font-weight:700}.signup-row{flex-wrap:wrap;gap:.6rem;display:flex}.signup input{min-height:3.25rem;font:500 1.05rem var(--display);color:var(--ink);caret-color:var(--pink-press);background:var(--white);border:2px solid var(--ink);border-radius:999px;flex:14rem;padding:0 1.15rem}.signup input::placeholder{color:#8a6a7a}.signup input:focus-visible{outline-offset:2px}.signup input[aria-invalid=true]{border-color:var(--error)}.signup-msg{min-height:1.6em;font-size:.98rem;font-weight:600}.signup-msg[data-tone=error]{color:var(--error)}.signup-msg[data-tone=ok]{color:var(--green-ink)}.signup-msg[data-tone=info]{color:var(--ink)}.signup-msg:empty{min-height:0}.signup-note{font:700 1.2rem/1.3 var(--hand);color:var(--ink-soft)}.desk{gap:1rem;margin:0;display:grid}.screen{aspect-ratio:16/11;border:6px solid var(--white);box-shadow:0 24px 50px -18px #2b0d1f59, 0 4px 10px #2b0d1f1f, inset 0 0 0 2px var(--ink);background:radial-gradient(120% 90% at 20% 10%,#d9ecef 0%,#b9d6dd 55%,#9cc2cc 100%);border-radius:22px;position:relative;overflow:hidden;transform:rotate(1.2deg)}.window{background:#fbfbfb;border-radius:10px;width:62%;height:58%;position:absolute;top:9%;left:7%;overflow:hidden;box-shadow:0 10px 24px -10px #14283259}.window-bar{background:#eef1f3;gap:6px;padding:10px 12px;display:flex}.window-bar span{background:#cfd6db;border-radius:50%;width:10px;height:10px}.window-lines{gap:12px;padding:18px 20px;display:grid}.window-lines i{background:#e3e8ec;border-radius:5px;height:9px;display:block}.window-lines i:first-child{background:#d3dbe1;width:55%;height:14px}.window-lines i:nth-child(3){width:88%}.window-lines i:nth-child(4){width:70%}.window-lines i:nth-child(5){width:40%}.taskbar{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#f0f4f7db;border-top:1px solid #ffffffb3;height:9%;position:absolute;bottom:0;left:0;right:0}.clock{font:700 1.25rem/1 var(--hand);color:var(--ink);background:var(--white);font-variant-numeric:tabular-nums;border-radius:999px;padding:.45rem .8rem;position:absolute;top:6%;right:4%;box-shadow:0 3px 8px #2b0d1f2e}.clock-label{color:var(--ink-soft)}.stage{z-index:2;aspect-ratio:360/260;width:58%;position:absolute;bottom:1.5057%;right:1%}.stage .bloobert{width:100%;height:100%;display:block;overflow:visible}.stage #hitArea{cursor:pointer}.desk figcaption{justify-items:start;gap:.7rem;padding-left:.5rem;display:grid}.desk-controls{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.desk-meta{font:700 1.15rem/1.3 var(--hand);color:var(--ink-soft);font-variant-numeric:tabular-nums}.how h2{max-width:20ch}.loop{counter-reset:step;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.5rem,4vw,3.5rem);margin:3.5rem 0 0;padding:0;list-style:none;display:grid}.loop li{align-content:start;gap:.7rem;display:grid}.loop p{color:var(--ink-soft)}.sticker{aspect-ratio:360/260;pointer-events:none;background:0 0;border:0;width:100%;margin-bottom:.25rem}@media (width<=820px){.loop{grid-template-columns:1fr}.sticker{max-width:17rem;margin-top:-1.5rem}}.kind{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:clamp(2rem,6vw,5rem);display:grid}.kind-lead{gap:1.2rem;display:grid;position:sticky;top:6rem}.kind-lead p{color:var(--ink-soft);max-width:30rem;font-size:1.15rem}.promises{margin:0;padding:0;list-style:none;display:grid}.promises li{border-top:2px solid var(--ink);color:var(--ink-soft);padding:1.4rem 0;font-size:1.1rem}.promises li:last-child{border-bottom:2px solid var(--ink)}.promises strong{color:var(--ink);letter-spacing:-.02em;margin-bottom:.2rem;font-size:1.3rem;display:block}@media (width<=820px){.kind{grid-template-columns:1fr}.kind-lead{position:static}}.breaks{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:clamp(2rem,6vw,5rem);display:grid}.breaks-copy{gap:1.1rem;display:grid}.breaks-copy p{color:var(--ink-soft);max-width:36rem;font-size:1.1rem}.soon{font-size:1rem!important}.tag{font:700 1.1rem/1 var(--hand);color:var(--ink);background:var(--paper-deep);border-radius:6px;margin-right:.3rem;padding:.2rem .55rem}.routine-card{color:#fbefe9;border:6px solid var(--white);background:#1d1418;border-radius:16px;gap:.8rem;padding:clamp(1.5rem,3vw,2.5rem);display:grid;transform:rotate(-1.5deg);box-shadow:0 24px 50px -18px #2b0d1f66,0 4px 10px #2b0d1f1f}.routine-label{text-transform:uppercase;letter-spacing:.18em;color:#c9aeb9;font-size:.8rem;font-weight:600}.routine-time{font-variant-numeric:tabular-nums;letter-spacing:-.03em;color:var(--pink);font-size:clamp(4rem,9vw,6rem);font-weight:700;line-height:1}.routine-step{letter-spacing:-.02em;font-size:1.5rem;font-weight:600;line-height:1.25}.routine-next{color:#c9aeb9}@media (width<=820px){.breaks{grid-template-columns:1fr}}.privacy{background:var(--ink);color:var(--white);border-radius:28px;max-width:74rem!important;margin-inline:clamp(.75rem,3vw,2rem)!important}@media (width>=80rem){.privacy{margin-inline:auto!important}}.privacy h2{max-width:18ch}.facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.2rem 3rem;margin:3rem 0 0;display:grid}.facts dt{letter-spacing:-.02em;color:var(--pink);margin-bottom:.3rem;font-size:1.3rem;font-weight:700}.facts dd{color:#e8d8dd;max-width:32rem;margin:0}.privacy ::selection{background:var(--pink);color:var(--ink)}.privacy :focus-visible{outline-color:var(--white)}@media (width<=720px){.facts{grid-template-columns:1fr}}.public{justify-items:start;gap:1.2rem;display:grid}.public p{color:var(--ink-soft);max-width:38rem;font-size:1.15rem}.socials{flex-wrap:wrap;gap:.75rem;margin:.5rem 0 0;padding:0;list-style:none;display:flex}.socials a{border:2px solid var(--ink);background:var(--white);transition:transform .2s var(--ease-out);border-radius:999px;padding:.6rem 1.1rem;font-weight:700;text-decoration:none;display:inline-block}.socials a:hover{transform:translateY(-2px)}.faq{max-width:52rem!important}.faq h2{margin-bottom:2rem}.faq details{border-top:2px solid var(--ink)}.faq details:last-of-type{border-bottom:2px solid var(--ink)}.faq summary{cursor:pointer;letter-spacing:-.01em;padding:1.2rem 2.5rem 1.2rem 0;font-size:1.2rem;font-weight:700;list-style:none;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"";border-right:3px solid var(--ink);border-bottom:3px solid var(--ink);width:.75rem;height:.75rem;transition:transform .25s var(--ease-out);position:absolute;top:50%;right:.4rem;transform:translateY(-70%)rotate(45deg)}.faq details[open] summary:after{transform:translateY(-30%)rotate(225deg)}.faq details p{color:var(--ink-soft);max-width:42rem;padding:0 0 1.3rem}.last{text-align:center;justify-items:center;gap:2rem;display:grid}.last h2{max-width:16ch}.last .signup{text-align:left;justify-items:stretch;width:100%}.foot{border-top:2px solid var(--ink);max-width:78rem;color:var(--ink-soft);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1.5rem;margin:0 auto;padding:2rem clamp(1.25rem,5vw,4rem) 3rem;display:flex}html{scrollbar-color:var(--ink-soft) var(--paper)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important}.btn:hover,.socials a:hover{transform:none}}
