:root{--background:#f7f7f7;--surface:#fff;--surface-muted:#f5f5f5;--primary:#596455;--on-primary:#f7f7f7;--heading:#262b21;--ink-deep:#1d2119;--on-surface:#1e1e1e;--text-body:#434343;--text-muted:#5a5a5a;--link:#3b4b39;--accent-label:#256456;--positive:#2f7d57;--outline:#e0e2e6;--outline-strong:#d3d6dc;--wordmark:#4a5346;--peach:#f9b892;--mint:#93e3cc;--lilac:#b98bf2;--atmos-blush:#fbccd4;--atmos-teal:#eaf5f2;--atmos-blue:#def4ff;--atmos-warm:#fef6e0;--wash-routine-top:#f1f4ec;--wash-routine-mid:#f4f5f2;--wash-routine-bottom:#f7f7f5;--wash-routine-glow-a:#edf2d9;--wash-routine-glow-b:#ddf0e7;--wash-treatment-top:#eef1f8;--wash-treatment-mid:#f4f5f7;--wash-treatment-bottom:#f7f7f5;--wash-treatment-glow-a:#dce6fa;--wash-treatment-glow-b:#e9e1f6;--wash-feel-top:#f3e9f1;--wash-feel-mid:#f6f6f3;--wash-feel-bottom:#f6f6f3;--wash-feel-glow-a:#e6d3f1;--wash-feel-glow-b:#f9d7c6;--wash-warm-top:#f7ede8;--wash-warm-mid:#f6f5f3;--wash-warm-bottom:#f6f6f3;--wash-warm-glow-a:#f9d9c9;--wash-warm-glow-b:#e6ddf5;--card-frosted:linear-gradient(180deg, #fff 0%, #fffffff7 100%);--shadow-frosted:0 12px 26px -16px #50466e4d;--measure:75rem;--gutter:1.5rem;--font:"Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}@font-face{font-family:Open Sans;src:url(/fonts/OpenSans-Variable.woff2)format("woff2");font-weight:300 800;font-stretch:75% 100%;font-display:swap}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--background);color:var(--on-surface);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:1rem;line-height:1.65;overflow-x:hidden}img{max-width:100%;height:auto}a{color:var(--link)}a:hover{color:var(--ink-deep)}:focus-visible{outline-offset:2px;border-radius:6px;outline:3px solid #98a48d}.container{max-width:var(--measure);padding-inline:var(--gutter);margin:0 auto}.skip-link{z-index:10;background:var(--surface);border-radius:999px;padding:.6rem 1rem;position:absolute;top:.5rem;left:-999px}.skip-link:focus{left:.5rem}.page{isolation:isolate;position:relative}.atmosphere{pointer-events:none;z-index:-1;height:70rem;position:absolute;inset:0 0 auto;overflow:hidden}.atmosphere span{filter:blur(110px);border-radius:50%;position:absolute}.atmosphere .blush{background:var(--atmos-blush);opacity:.35;width:40rem;height:40rem;top:5rem;left:-10%}.atmosphere .teal{background:var(--atmos-teal);opacity:.9;width:39rem;height:39rem;top:-7rem;right:10%}.atmosphere .blue{background:var(--atmos-blue);opacity:.6;width:44rem;height:44rem;top:22rem;right:-8%}.atmosphere .warm{background:var(--atmos-warm);opacity:.8;width:32rem;height:32rem;top:7rem;left:35%}.site-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-block:1.5rem;display:flex}.brand{align-items:center;gap:.6rem;text-decoration:none;display:flex}.brand img{width:36px;height:36px}.brand span{color:var(--wordmark);letter-spacing:-.01em;font-size:1.5rem;font-weight:600}.site-nav{align-items:center;gap:2rem;font-size:.9375rem;font-weight:500;display:flex}.site-nav a{color:#303030;text-decoration:none}.pill{color:var(--link);border:1px solid var(--outline);background:#fffc;border-radius:999px;padding:.5rem .9rem;font-size:.8125rem;font-weight:600}@media (width<=45rem){.site-nav{display:none}}h1,h2,h3{color:var(--heading);margin:0}.display{letter-spacing:-.025em;font-size:clamp(2.5rem,5.5vw,3.75rem);font-weight:700;line-height:1.13}.display em{color:var(--primary);font-style:normal}.section-title{letter-spacing:-.02em;font-size:clamp(1.875rem,4vw,2.5rem);font-weight:700;line-height:1.2}.lede{color:var(--text-body);max-width:34rem;margin:0;font-size:clamp(1.0625rem,2vw,1.25rem);line-height:1.6}.eyebrow{color:var(--accent-label);font-size:.875rem;font-weight:600}.section{padding-block:clamp(4rem,9vw,7rem)}.section--white{background:0 0}.wash{position:relative}.wash:before{content:"";z-index:-1;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.035'/%3E%3C/svg%3E"), radial-gradient(60% 70% at 8% 18%, var(--wash-glow-a), transparent 70%), radial-gradient(55% 65% at 92% 22%, var(--wash-glow-b), transparent 70%), linear-gradient(180deg, var(--wash-top), var(--wash-mid) 55%, var(--wash-bottom));width:100vw;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);-webkit-mask-image:linear-gradient(#0000,#000 18% 82%,#0000);mask-image:linear-gradient(#0000,#000 18% 82%,#0000)}@media (width<=45rem){.wash:before{opacity:.75}}.wash--routine{--wash-top:var(--wash-routine-top);--wash-mid:var(--wash-routine-mid);--wash-bottom:var(--wash-routine-bottom);--wash-glow-a:var(--wash-routine-glow-a);--wash-glow-b:var(--wash-routine-glow-b)}.wash--treatment{--wash-top:var(--wash-treatment-top);--wash-mid:var(--wash-treatment-mid);--wash-bottom:var(--wash-treatment-bottom);--wash-glow-a:var(--wash-treatment-glow-a);--wash-glow-b:var(--wash-treatment-glow-b)}.wash--feel{--wash-top:var(--wash-feel-top);--wash-mid:var(--wash-feel-mid);--wash-bottom:var(--wash-feel-bottom);--wash-glow-a:var(--wash-feel-glow-a);--wash-glow-b:var(--wash-feel-glow-b)}.wash--warm{--wash-top:var(--wash-warm-top);--wash-mid:var(--wash-warm-mid);--wash-bottom:var(--wash-warm-bottom);--wash-glow-a:color-mix(in srgb, var(--wash-warm-glow-a) 60%, transparent);--wash-glow-b:var(--wash-warm-glow-b)}.page-wash{z-index:-1;pointer-events:none;height:44rem;position:absolute;inset:0 0 auto}.page-wash:before{top:0;-webkit-mask-image:linear-gradient(#000 45%,#0000);mask-image:linear-gradient(#000 45%,#0000)}.section-head{flex-direction:column;gap:1rem;max-width:42rem;margin-bottom:3.5rem;display:flex}.section-head p{color:var(--text-body);margin:0;font-size:1.125rem;line-height:1.6}.phone{background:var(--ink-deep);border-radius:46px;padding:9px;box-shadow:0 40px 80px -30px #262b2173}.phone img{border-radius:37px;width:100%;display:block}.hero{flex-wrap:wrap;align-items:center;gap:4rem;padding-block:3.5rem 6.5rem;display:flex}.hero-copy{flex-direction:column;flex:28rem;gap:1.75rem;min-width:0;display:flex}.hero-note{color:var(--text-muted);margin:0;font-size:.875rem}.hero-phones{flex:26rem;justify-content:center;min-width:0;min-height:40rem;display:flex;position:relative}.hero-phones .front{width:19.5rem;max-width:86%;position:relative;transform:translate(-3.75rem)rotate(-2deg)}.hero-phones .back{width:17rem;position:absolute;top:4.5rem;left:calc(50% + 1.25rem);transform:rotate(5deg)}@media (width<=45rem){.hero-phones{min-height:0}.hero-phones .back{display:none}.hero-phones .front{transform:none}}.store-buttons{flex-wrap:wrap;gap:.75rem;display:flex}.store-button{border:1px solid var(--outline-strong);background:var(--surface);min-height:3.25rem;color:var(--heading);border-radius:999px;align-items:center;gap:.6rem;padding:0 1.4rem;font-size:.9375rem;font-weight:600;display:inline-flex}.store-button--primary{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.card-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:1.5rem;display:grid}.moment{background:var(--card-frosted);box-shadow:var(--shadow-frosted);border-radius:28px;flex-direction:column;gap:1rem;padding:2rem;display:flex}.moment h3{font-size:1.375rem;font-weight:600;line-height:1.36}.moment p{color:var(--text-body);margin:0}.ribbon-label{color:var(--text-muted);align-items:center;gap:.6rem;font-size:.8125rem;font-weight:600;display:flex}.ribbon{clip-path:polygon(21% 0,100% 0,79% 100%,0 100%);flex:none;width:28px;height:20px;display:inline-block}.ribbon--peach{background:var(--peach)}.ribbon--mint{background:var(--mint)}.ribbon--lilac{background:var(--lilac)}.ribbon--sage{background:var(--primary)}.notice{background:var(--surface);box-shadow:var(--shadow-frosted);border-radius:20px;flex-direction:column;gap:.6rem;margin-top:auto;padding:.9rem 1rem;font-size:.875rem;line-height:1.45;display:flex}.notice-row{align-items:center;gap:.75rem;display:flex}.notice-row img{width:28px;height:28px}.notice-actions{color:var(--heading);gap:.4rem;font-size:.8125rem;font-weight:600;display:flex}.notice-actions span{text-align:center;background:var(--surface-muted);border-radius:10px;flex:1;padding:.45rem 0}.showcase{flex-direction:column;display:flex}.feature-row{flex-wrap:wrap;align-items:center;gap:4rem;padding-block:clamp(3rem,7vw,5rem);display:flex}.feature-row--flip{flex-direction:row-reverse}.feature-copy{flex-direction:column;flex:26rem;gap:1.1rem;min-width:0;display:flex}.feature-copy p{color:var(--text-body);margin:0;font-size:1.125rem;line-height:1.6}.feature-shot{flex:0 20.5rem;margin:0 auto}.quote{background:var(--surface);box-shadow:var(--shadow-frosted);border-radius:28px;flex-direction:column;gap:1.5rem;margin:0;padding:2rem;display:flex}.quote blockquote{color:var(--heading);margin:0;font-size:1.1875rem;line-height:1.6}.quote figcaption{color:var(--text-muted);flex-direction:column;margin-top:auto;font-size:.875rem;display:flex}.quote figcaption strong{color:var(--heading);font-size:.9375rem;font-weight:600}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,18.75rem),1fr));gap:3rem 2.5rem;display:grid}.feature{flex-direction:column;gap:.75rem;display:flex}.feature svg{width:28px;height:28px;stroke:var(--primary)}.feature h3{font-size:1.125rem;font-weight:600}.feature p{color:var(--text-body);margin:0}.calm{background:var(--heading);color:var(--on-primary)}.calm .container{flex-wrap:wrap;align-items:flex-start;gap:3rem;display:flex}.calm h2{color:inherit;flex:20rem}.calm-grid{flex:2 32rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,13.75rem),1fr));gap:2rem;display:grid}.calm h3{color:inherit;margin-bottom:.5rem;font-size:1.0625rem;font-weight:600}.calm p{color:#d6d8db;margin:0;font-size:.9375rem}.promise{background:var(--card-frosted);box-shadow:var(--shadow-frosted);border-radius:32px;flex-wrap:wrap;gap:3rem;padding:clamp(2rem,5vw,3.5rem);display:flex}.promise-head{flex-direction:column;flex:21rem;gap:1.25rem;display:flex}.promise-head p{color:var(--text-body);margin:0;font-size:1.125rem}.promise-head a{font-weight:600}.checks{flex-direction:column;flex:26rem;gap:1.25rem;margin:0;padding:0;list-style:none;display:flex}.checks li{align-items:flex-start;gap:.9rem;display:flex}.checks svg{stroke:var(--positive);flex:none;margin-top:.15rem}.checks strong{font-weight:600}.site-footer{border-top:1px solid var(--outline);background:var(--surface);font-size:.9375rem}.footer-top{flex-wrap:wrap;justify-content:space-between;gap:2.5rem;padding-block:3.5rem 2.5rem;display:flex}.footer-brand{flex-direction:column;flex:16rem;gap:.75rem;display:flex}.footer-brand p{color:var(--text-muted);margin:0}.footer-nav{flex-direction:column;flex:0 12rem;gap:.6rem;display:flex}.footer-nav span{color:var(--text-muted);font-size:.8125rem;font-weight:600}.footer-nav a{color:#303030;text-decoration:none}.footer-nav a:hover{text-decoration:underline}.footer-legal{border-top:1px solid var(--outline);color:var(--text-muted);flex-direction:column;gap:.5rem;padding-block:1.5rem 3rem;font-size:.8125rem;line-height:1.55;display:flex}.footer-legal p{margin:0}.simple{text-align:center;flex-direction:column;align-items:center;gap:1rem;padding-block:4rem 6rem;display:flex}.simple img{width:88px;height:88px;margin-bottom:.5rem}.simple h1{letter-spacing:-.02em;font-size:clamp(2rem,5vw,2.75rem);line-height:1.15}.simple p{max-width:32rem;color:var(--text-body);margin:0;font-size:1.125rem}.doc-switch{background:var(--surface);border:1px solid var(--outline);border-radius:999px;gap:4px;padding:4px;display:flex}.doc-switch a{color:#303030;border-radius:999px;padding:.6rem 1.1rem;font-size:.875rem;font-weight:600;text-decoration:none}.doc-switch a[aria-current=page]{background:var(--primary);color:var(--on-primary)}@media (width<=45rem){.doc-switch{width:100%}.doc-switch a{text-align:center;flex:1;justify-content:center;align-items:center;padding:.5rem .6rem;line-height:1.25;display:flex}}.doc-head{flex-direction:column;gap:.75rem;max-width:48rem;padding-block:3rem 2.5rem;display:flex}.doc-head h1{letter-spacing:-.025em;font-size:clamp(2.25rem,5vw,3rem);line-height:1.15}.updated{color:var(--text-muted);margin:0;font-size:.9375rem}.glance{background:var(--card-frosted);box-shadow:var(--shadow-frosted);border-radius:28px;margin-bottom:2.5rem;padding:clamp(1.5rem,4vw,2.5rem)}.glance h2{margin-bottom:1.75rem;font-size:1.375rem;font-weight:600}.glance-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:1.75rem;display:grid}.glance-grid h3{margin:.5rem 0;font-size:1rem;font-weight:600}.glance-grid p{color:var(--text-body);margin:0;font-size:.9375rem}.glance-note{color:var(--text-body);margin:1.75rem 0 0;font-size:.9375rem}.doc-layout{flex-wrap:wrap;align-items:flex-start;gap:3.5rem;padding-bottom:6rem;display:flex}.toc{flex-direction:column;flex:13.75rem;gap:.25rem;max-width:16.25rem;font-size:.875rem;display:flex}.toc span{color:var(--text-muted);padding:0 .75rem .5rem;font-size:.8125rem;font-weight:600}.toc a{color:var(--text-body);border-radius:10px;padding:.5rem .75rem;text-decoration:none}.toc a:hover{color:var(--heading);background:#e7eee1}.doc{color:#303030;flex:999 35rem;min-width:0;max-width:45rem;font-size:1.0625rem;line-height:1.7}.doc h2{margin:2.5rem 0 .75rem;scroll-margin-top:1.5rem;font-size:1.625rem;font-weight:600;line-height:1.3}.doc h2:first-child{margin-top:0}.doc h3{margin:1.75rem 0 .5rem;font-size:1.125rem;font-weight:600}.doc ul,.doc ol{padding-left:1.25rem}.doc li{margin-bottom:.4rem}.table-wrap{background:var(--surface);border:1px solid var(--outline);border-radius:20px;margin:1rem 0;overflow-x:auto}.doc table{border-collapse:collapse;width:100%;min-width:35rem;font-size:.9375rem;line-height:1.45}.doc th,.doc td{text-align:left;vertical-align:top;border-bottom:1px solid #eee;padding:.85rem 1.1rem}.doc th{color:var(--text-muted);border-bottom-color:var(--outline);font-weight:600}.doc tr:last-child td{border-bottom:0}.todo{background:var(--atmos-warm);border-radius:4px;outline:1px dashed #c9a24a;padding:0 .25em;font-weight:600}.wrap{max-width:42rem;margin:0 auto;padding:0 1.25rem 4rem}.wrap>header{align-items:center;padding:2.5rem 0 1.5rem;display:flex}.wrap>header a{color:inherit;align-items:center;gap:.6rem;text-decoration:none;display:flex}.wrap>header img{width:36px;height:36px}.wrap>header .name{color:var(--wordmark);letter-spacing:-.01em;font-size:1.5rem;font-weight:600}.auth-card{background:var(--surface);max-width:26rem;box-shadow:var(--shadow-frosted);border-radius:28px;margin:2rem auto 0;padding:2rem}.auth-card h1{letter-spacing:-.01em;margin:0 0 .5rem;font-size:1.5rem}.auth-muted{color:var(--text-muted);margin:0 0 1.5rem}.auth-button{background:var(--primary);width:100%;min-height:3.25rem;color:var(--on-primary);font:inherit;text-align:center;cursor:pointer;border:1px solid #0000;border-radius:999px;padding:.85rem 1rem;font-weight:600;text-decoration:none;display:block}.auth-button:hover{color:var(--on-primary)}.auth-button:disabled{opacity:.6;cursor:default}.auth-button--secondary{border-color:var(--outline-strong);color:var(--heading);background:0 0}.auth-button--secondary:hover{color:var(--heading)}.auth-divider{color:var(--text-muted);align-items:center;gap:.75rem;margin:1.5rem 0;font-size:.875rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--outline);flex:1;height:1px}.auth-form{flex-direction:column;gap:.35rem;display:flex}.auth-form label{font-size:.875rem;font-weight:600}.auth-form input{border:1px solid var(--outline-strong);background:var(--background);color:var(--on-surface);font:inherit;border-radius:12px;margin-bottom:.75rem;padding:.75rem}.auth-error{color:#900b09;margin:0 0 .75rem;font-size:.875rem}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.demo-shot{flex-direction:column;gap:1rem;display:flex}.demo-caption{color:var(--text-muted);text-align:center;text-wrap:balance;flex-direction:column;align-items:center;gap:.125rem;font-size:.9375rem;line-height:1.45;display:flex}.demo-caption[hidden]{display:none}.demo-replay[hidden]{visibility:hidden;display:inline}.demo-hint{color:var(--text-body)}.demo-note{flex-wrap:wrap;justify-content:center;align-items:center;column-gap:.25rem;font-size:.875rem;display:flex}.demo-note:has(.is-cta){flex-direction:column}.demo-replay.is-cta{background:var(--primary);min-height:40px;color:var(--on-primary);border-radius:99px;margin:.5rem 0 0;padding:.5rem 1.125rem;text-decoration:none}.demo-replay{font:inherit;color:var(--link);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;min-height:44px;margin-left:.25rem;padding:.5rem .25rem;font-weight:600;text-decoration:underline}.phone--live{container-type:inline-size}.demo-screen{--u:calc(100cqw / 390);--settle:cubic-bezier(.2, .8, .2, 1.05);--taken-fg:#2f7d57;--taken-bg:#e8f5ee;--taken-border:#a9d9bf;--due-fg:#ad912a;--due-bg:#fef6e0;--due-border:#f5e3b3;--later-fg:#909090;--tertiary-fill:#262b2114;aspect-ratio:390/844;background:var(--background);color:var(--on-surface);font-size:calc(16 * var(--u));-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:37px;line-height:1.35;position:relative;overflow:clip}:where(.demo-screen) button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.demo-screen :focus-visible{outline:2px solid var(--link);outline-offset:2px}.demo-screen .i{width:calc(22 * var(--u));height:calc(22 * var(--u));fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex:none}.demo-screen .tint-dawn{color:#c98a4b}.demo-screen .tint-sun{color:#e8a325}.demo-screen .tint-teal{color:#1f8a70}.demo-screen .tint-blue{color:#2f8fd0}.mesh{pointer-events:none;position:absolute;inset:0}.mesh--morning{background:radial-gradient(60% 34% at 12% 58%,#fbded066,#0000 70%),radial-gradient(70% 40% at 95% 30%,#fef0c8bf,#0000 70%),radial-gradient(60% 30% at 70% 95%,#def4ff99,#0000 70%)}.mesh--afternoon{background:radial-gradient(70% 30% at 15% 4%,#edf2d9e6,#0000 70%),radial-gradient(70% 35% at 100% 10%,#ddf0e7e6,#0000 70%),radial-gradient(60% 30% at 80% 70%,#e9e1f699,#0000 70%)}.screen-scroll{scrollbar-width:none;padding:calc(54 * var(--u)) calc(16 * var(--u)) calc(84 * var(--u));scroll-padding-bottom:calc(84 * var(--u));-webkit-mask-image:linear-gradient(to bottom, #000 calc(100% - 96 * var(--u)), transparent calc(100% - 22 * var(--u)));-webkit-mask-image:linear-gradient(to bottom, #000 calc(100% - 96 * var(--u)), transparent calc(100% - 22 * var(--u)));mask-image:linear-gradient(to bottom, #000 calc(100% - 96 * var(--u)), transparent calc(100% - 22 * var(--u)));position:absolute;inset:0;overflow-y:auto}.screen-scroll::-webkit-scrollbar{display:none}.greeting{align-items:center;gap:calc(12 * var(--u));margin-bottom:calc(14 * var(--u));display:flex}.avatar{width:calc(38 * var(--u));height:calc(38 * var(--u));background:var(--primary);color:var(--on-primary);border-radius:50%;place-items:center;font-weight:600;display:grid}.greeting-text{font-size:calc(14 * var(--u));color:var(--text-muted);flex-direction:column;flex:1;line-height:1.25;display:flex}.greeting-text strong{font-size:calc(18 * var(--u));color:var(--on-surface);font-weight:600}.week{padding:calc(12 * var(--u)) calc(10 * var(--u));border-radius:calc(24 * var(--u));background:var(--surface);box-shadow:0 calc(8 * var(--u)) calc(20 * var(--u)) calc(-12 * var(--u)) #50466e4d;margin-bottom:calc(14 * var(--u));justify-content:space-between;display:flex}.day{align-items:center;gap:calc(2 * var(--u));width:calc(42 * var(--u));padding:calc(4 * var(--u)) 0 calc(6 * var(--u));border-radius:calc(12 * var(--u));color:var(--text-muted);flex-direction:column;display:flex}.day small{font-size:max(calc(11 * var(--u)), 11px);text-transform:uppercase}.day b{font-size:calc(16 * var(--u));font-weight:600}.day i{width:calc(18 * var(--u));height:calc(3 * var(--u));background:var(--taken-fg);border-radius:99px}.day--today{background:var(--wordmark);color:#fff}.today{margin-bottom:calc(6 * var(--u))}.today-chip{padding:calc(3 * var(--u)) calc(12 * var(--u));color:#1c4a40;font-size:max(calc(13 * var(--u)), 11px);background:#eaf5f2;border-radius:99px;font-weight:600;display:inline-block}.today-count{margin:calc(4 * var(--u)) 0 0;font-size:calc(26 * var(--u));color:var(--heading);font-weight:600}.count{display:inline-block}.count.bump{animation:count-bump .52s var(--settle)}@keyframes count-bump{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}.period-header{width:100%;padding:calc(5 * var(--u)) 0;border-radius:99px;justify-content:space-between;align-items:center;display:flex}.period-chip{align-items:center;gap:calc(8 * var(--u));padding:calc(5 * var(--u)) calc(14 * var(--u)) calc(5 * var(--u)) calc(10 * var(--u));font-size:max(calc(15 * var(--u)), 12px);border-radius:99px;font-weight:600;transition:background-color .4s,color .4s;display:inline-flex}.period--done .period-chip{background:var(--taken-bg);color:#276b4a}.period--done .period-chip .i{color:inherit}.chip-done,.period--done .chip-count{display:none}.period--done .chip-done{align-items:center;gap:calc(4 * var(--u));animation:pop-in .36s var(--settle);display:inline-flex}.chip-done .i{width:calc(14 * var(--u));height:calc(14 * var(--u));stroke-width:2.4px}.period-chip .i{width:calc(18 * var(--u));height:calc(18 * var(--u))}.period-chip--blush{color:#6f5941;background:#f6efe4}.period-chip--warm{color:#6f5941;background:#fef6e0}.period-chip--teal{color:#1c4a40;background:#eaf5f2}.period-chip--blue{color:#2f4673;background:#def4ff}.period-header .chevron{width:calc(16 * var(--u));height:calc(16 * var(--u));margin-right:calc(4 * var(--u));color:var(--text-muted);transition:transform .2s}.period-header[aria-expanded=false] .chevron{transform:rotate(-90deg)}.period-header.is-pressed,.take.is-pressed{transform:scale(.96)}.period-body{grid-template-rows:1fr;transition:grid-template-rows .36s cubic-bezier(.3,0,.2,1),opacity .26s;display:grid}.period-body[data-folded]{opacity:0;grid-template-rows:0fr}.period-doses{min-height:0;margin:0;padding:0;list-style:none;overflow:hidden}.dose{grid-template-columns:calc(52 * var(--u)) 1fr;padding:calc(4 * var(--u)) calc(2 * var(--u)) calc(8 * var(--u)) 0;display:grid}.dose-time{height:calc(40 * var(--u));padding-right:calc(8 * var(--u));font-size:max(calc(12 * var(--u)), 11px);color:var(--text-muted);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;display:flex;position:relative}.dose-node{width:calc(6 * var(--u));height:calc(6 * var(--u));background:var(--later-fg);border-radius:50%}.dose--pending .dose-node{background:var(--due-fg)}.dose--taken .dose-node{background:var(--taken-fg)}.dose-card{align-items:flex-start;gap:calc(12 * var(--u));padding:calc(12 * var(--u)) calc(14 * var(--u)) calc(12 * var(--u)) calc(16 * var(--u));border-radius:calc(16 * var(--u));background:var(--card-frosted);box-shadow:0 calc(10 * var(--u)) calc(22 * var(--u)) calc(-14 * var(--u)) #50466e59;transition:background-color .4s,box-shadow .4s;display:flex;position:relative}.dose--pending .dose-card{background:linear-gradient(90deg, var(--due-bg), #fffffffa 55%)}.dose--taken .dose-card{box-shadow:none;background:#ffffff9e}.dose-card:after{content:"";border-radius:inherit;box-shadow:0 0 0 calc(1.5 * var(--u)) #2f7d5780, 0 0 calc(18 * var(--u)) calc(2 * var(--u)) #2f7d5747, 0 0 calc(30 * var(--u)) #2f7d5738;opacity:0;pointer-events:none;position:absolute;inset:0}.dose.glow .dose-card:after{animation:1.8s ease-out confirm-glow}.dose.glow--quick .dose-card:after{animation-duration:1.2s}@keyframes confirm-glow{0%{opacity:0}25%{opacity:1}to{opacity:0}}.dose-text{flex-direction:column;flex:1;min-width:0;display:flex}.due-badge{margin-bottom:calc(4 * var(--u));padding:calc(1 * var(--u)) calc(8 * var(--u));border:1px solid var(--due-border);background:var(--due-bg);color:#7a6418;font-size:max(calc(11 * var(--u)), 11px);border-radius:99px;align-self:flex-start;font-weight:600;display:none}.dose--pending .due-badge{display:inline-block}.dose-name{font-size:calc(17 * var(--u));font-weight:600}.dose-detail{font-size:max(calc(14 * var(--u)), 11px);color:var(--text-muted)}.dose-control{min-height:calc(36 * var(--u));align-items:center;display:flex}.take{align-items:center;gap:calc(6 * var(--u));min-height:max(calc(36 * var(--u)), 24px);padding:0 calc(14 * var(--u)) 0 calc(11 * var(--u));background:var(--tertiary-fill);color:var(--heading);font-size:max(calc(14 * var(--u)), 11px);border-radius:99px;font-weight:600;transition:transform .12s,background-color .16s;display:inline-flex}.take:hover{background:#262b2121}.take{position:relative}.take.tip:before{content:"";top:50%;right:calc(100% + 6 * var(--u));width:calc(8 * var(--u));height:calc(8 * var(--u));animation:pop-in .32s var(--settle);background:#e6eae3;position:absolute;translate:0 -50%;rotate:45deg}.take.tip:after{content:"Your turn";top:50%;right:calc(100% + 10 * var(--u));padding:calc(3 * var(--u)) calc(9 * var(--u));color:var(--link);font-size:max(calc(12 * var(--u)), 11px);white-space:nowrap;animation:pop-in .32s var(--settle);background:#e6eae3;border-radius:99px;font-weight:600;position:absolute;translate:0 -50%}.take.invite{animation:1.8s ease-in-out invite}@keyframes invite{0%,to{box-shadow:0 0 #59645559}50%{box-shadow:0 0 0 calc(7 * var(--u)) #59645500}}.take .i{width:calc(16 * var(--u));height:calc(16 * var(--u));stroke-width:2.2px}.status-pill{align-items:center;gap:calc(5 * var(--u));padding:calc(4 * var(--u)) calc(10 * var(--u)) calc(4 * var(--u)) calc(7 * var(--u));font-size:max(calc(12 * var(--u)), 11px);animation:pop-in .32s var(--settle);border-radius:99px;font-weight:600;display:inline-flex}.status-pill .i{width:calc(16 * var(--u));height:calc(16 * var(--u))}.status-pill--taken{border:1px solid var(--taken-border);background:var(--taken-bg);color:#276b4a}.upcoming-icon{margin-right:calc(6 * var(--u));color:var(--later-fg);display:inline-flex}.working{width:calc(20 * var(--u));height:calc(20 * var(--u));margin:0 calc(14 * var(--u));border:calc(2 * var(--u)) solid var(--tertiary-fill);border-top-color:var(--primary);border-radius:50%;animation:.36s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pop-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}.tabbar{left:calc(6 * var(--u));right:calc(6 * var(--u));bottom:calc(10 * var(--u));height:calc(64 * var(--u));border-radius:calc(32 * var(--u));-webkit-backdrop-filter:blur(12px);box-shadow:0 calc(-2 * var(--u)) calc(16 * var(--u)) #262b210f, 0 calc(6 * var(--u)) calc(24 * var(--u)) #262b2124;background:#fffffff0;justify-content:space-around;align-items:center;display:flex;position:absolute}.tabbar span{align-items:center;gap:calc(2 * var(--u));font-size:max(calc(11 * var(--u)), 10px);color:var(--text-body);flex-direction:column;display:flex}.tabbar .is-active{color:#1f7a64}.tabbar .tabbar-add{gap:calc(4 * var(--u));padding:calc(9 * var(--u)) calc(16 * var(--u));background:var(--primary);color:var(--on-primary);font-size:calc(15 * var(--u));border-radius:99px;flex-direction:row;font-weight:600}.touch{top:calc(-20 * var(--u));left:calc(-20 * var(--u));width:calc(40 * var(--u));height:calc(40 * var(--u));-webkit-backdrop-filter:blur(6px);box-shadow:inset 0 0 0 1.5px #fffffff2, inset 0 calc(-3 * var(--u)) calc(8 * var(--u)) #262b211f, 0 calc(6 * var(--u)) calc(16 * var(--u)) #262b2140;opacity:0;pointer-events:none;background:#59645552;border-radius:50%;transition:transform .52s cubic-bezier(.4,0,.2,1),opacity .24s,scale .24s;position:absolute;scale:.8}.touch.no-glide{transition:none}.touch:after{content:"";opacity:0;border:2px solid #59645580;border-radius:50%;position:absolute;inset:0}.touch.is-pressed:after{animation:.52s ease-out ripple}@keyframes ripple{0%{opacity:1;transform:scale(.9)}to{opacity:0;transform:scale(1.8)}}.touch.is-visible{opacity:1;scale:1}.touch.is-visible.is-pressed{transition-duration:.52s,.24s,.12s;scale:.88}.take.is-working{cursor:default;background:0 0}.prn-stage{height:100%;position:relative}.prn-step{height:100%;padding:calc(50 * var(--u)) calc(16 * var(--u)) calc(22 * var(--u));flex-direction:column;animation:.38s cubic-bezier(.2,.8,.2,1) step-in;display:flex}@keyframes step-in{0%{transform:translateX(calc(24 * var(--u)));opacity:0}to{opacity:1;transform:none}}.sheet-bar{height:calc(40 * var(--u));margin-bottom:calc(14 * var(--u));font-size:calc(18 * var(--u));justify-content:center;align-items:center;font-weight:600;display:flex;position:relative}.sheet-close{opacity:.45;left:calc(2 * var(--u));display:flex;position:absolute}.prn-med{align-items:center;gap:calc(8 * var(--u));margin:0 0 calc(12 * var(--u));font-size:max(calc(15 * var(--u)), 12px);display:flex}.prn-med .i{width:calc(20 * var(--u));height:calc(20 * var(--u));color:#1c4a40}.prn-med span{padding:calc(2 * var(--u)) calc(10 * var(--u));color:#1c4a40;font-size:max(calc(12.5 * var(--u)), 11px);background:#eaf5f2;border-radius:99px;margin-left:auto;font-weight:600}.prn-title{margin:0 0 calc(14 * var(--u));font-size:calc(23 * var(--u));color:var(--heading);font-weight:600;line-height:1.25}.prn-sub{margin:calc(4 * var(--u)) 0 calc(16 * var(--u));font-size:calc(14 * var(--u));color:var(--text-muted)}.reason-grid{gap:calc(12 * var(--u));grid-template-columns:1fr 1fr;display:grid}.reason{min-height:calc(124 * var(--u));align-items:flex-start;gap:calc(10 * var(--u));padding:calc(14 * var(--u));border-radius:calc(20 * var(--u));background:var(--card-frosted);box-shadow:0 calc(10 * var(--u)) calc(22 * var(--u)) calc(-14 * var(--u)) #50466e59, inset 0 0 0 calc(2 * var(--u)) transparent;font-size:max(calc(16 * var(--u)), 13px);text-align:left;flex-direction:column;font-weight:600;transition:box-shadow .2s,transform .12s;display:flex;position:relative}.reason:active{transform:scale(.97)}.reason-icon .i{width:calc(24 * var(--u));height:calc(24 * var(--u))}.reason-icon{width:calc(42 * var(--u));height:calc(42 * var(--u));color:var(--primary);background:#5964551f;border-radius:50%;place-items:center;display:grid}.reason[aria-checked=true]{box-shadow:0 calc(10 * var(--u)) calc(22 * var(--u)) calc(-14 * var(--u)) #50466e59, inset 0 0 0 calc(2 * var(--u)) var(--primary)}.reason-check{top:calc(12 * var(--u));right:calc(12 * var(--u));width:calc(22 * var(--u));height:calc(22 * var(--u));background:var(--primary);color:var(--on-primary);opacity:0;transition:opacity .18s ease, transform .22s var(--settle);border-radius:50%;place-items:center;display:grid;position:absolute;transform:scale(.5)}.reason-check .i{width:calc(14 * var(--u));height:calc(14 * var(--u));stroke-width:2.4px}.reason[aria-checked=true] .reason-check{opacity:1;transform:none}.reason.hint{animation:2.4s ease-in-out .6s breathe}@keyframes breathe{0%,to{transform:none}50%{transform:scale(1.03)}}.severity{margin-top:calc(16 * var(--u));padding:calc(14 * var(--u)) calc(16 * var(--u)) calc(16 * var(--u));border-radius:calc(16 * var(--u));background:var(--card-frosted);box-shadow:0 calc(10 * var(--u)) calc(22 * var(--u)) calc(-16 * var(--u)) #50466e59}.severity-title{font-size:max(calc(15 * var(--u)), 12px);justify-content:space-between;margin:0;font-weight:600;display:flex}.severity-title b{color:var(--primary);font-weight:600}.severity-ends{margin:calc(6 * var(--u)) 0 calc(10 * var(--u));font-size:max(calc(12 * var(--u)), 11px);color:var(--text-muted);justify-content:space-between;font-weight:600;display:flex}.severity-track{height:calc(16 * var(--u));justify-content:space-between;align-items:center;display:flex;position:relative}.severity-track:before,.severity-track:after{content:"";height:calc(8 * var(--u));border-radius:99px;position:absolute;left:0}.severity-track:before{background:#eee;right:0}.severity-track:after{width:calc((var(--level) - 1) / 4 * 100%);background:var(--primary);transition:width .2s}.severity-track button{z-index:1;width:calc(16 * var(--u));height:calc(16 * var(--u));background:#fff;border:1.5px solid #8a8d92;border-radius:50%;transition:background-color .16s;position:relative}.severity-track button:before{content:"";inset:calc(-14 * var(--u));position:absolute}.severity-track button.is-on{border-color:var(--primary);background:var(--primary)}.prn-actions{gap:calc(6 * var(--u));flex-direction:column;margin-top:auto;display:flex}.btn-primary{height:calc(50 * var(--u));background:var(--primary);color:var(--on-primary);font-size:max(calc(16 * var(--u)), 12px);border-radius:99px;font-weight:600;transition:background-color .2s,color .2s,transform .12s}.btn-primary:active{transform:scale(.98)}.btn-primary.invite{animation:1.8s ease-in-out invite}.btn-primary:disabled{color:#8a8d92;cursor:default;background:#e5e6e8}.btn-text{height:calc(44 * var(--u));font-size:max(calc(16 * var(--u)), 12px);color:var(--link);font-weight:600}.form-card{margin-bottom:calc(10 * var(--u));padding:calc(14 * var(--u)) calc(16 * var(--u));border-radius:calc(16 * var(--u));background:var(--card-frosted);box-shadow:0 calc(10 * var(--u)) calc(22 * var(--u)) calc(-16 * var(--u)) #50466e59;font-size:calc(15 * var(--u))}.form-card small{font-size:calc(13 * var(--u));color:var(--text-muted);display:block}.prn-step--success{text-align:center;align-items:stretch}.success-mark{width:calc(72 * var(--u));height:calc(72 * var(--u));margin-top:auto;margin-bottom:calc(16 * var(--u));background:var(--taken-bg);color:var(--taken-fg);box-shadow:0 0 0 calc(8 * var(--u)) #e8f5ee99;animation:pop-in .46s var(--settle);border-radius:50%;align-self:center;place-items:center;display:grid}.success-mark .i{width:calc(34 * var(--u));height:calc(34 * var(--u));stroke-width:2.4px}.allowance{text-align:left;gap:calc(8 * var(--u));flex-direction:column;display:flex}.allowance-bar{height:calc(8 * var(--u));background:var(--tertiary-fill);border-radius:99px;overflow:hidden}.allowance-bar i{height:100%;width:var(--fill);border-radius:inherit;background:var(--taken-fg);animation:.9s cubic-bezier(.2,.8,.2,1) .2s both fill;display:block}@keyframes fill{0%{width:0}}.next-dose{align-self:center;align-items:center;gap:calc(6 * var(--u));margin:calc(4 * var(--u)) 0 0;padding:calc(6 * var(--u)) calc(14 * var(--u));color:#1c4a40;font-size:calc(13.5 * var(--u));background:#eaf5f2;border-radius:99px;font-weight:600;display:inline-flex}.next-dose .i{width:calc(16 * var(--u));height:calc(16 * var(--u))}@media (prefers-reduced-motion:reduce){.demo-screen *,.demo-screen :before,.demo-screen :after{transition:none!important;animation:none!important}}