@font-face{font-family:Inter;src:url('/static/fonts/inter-400.ttf');font-display:swap}@font-face{font-family:Display;src:url('/static/fonts/display.ttf');font-style:italic;font-display:swap}
body{font-family:Inter,sans-serif;color:#282721}.display,.brand{font-family:Display,Georgia,serif}.hero-desc,.section-heading p,.statement p,.experience-head p{color:#625f56}.pack{animation:none!important;cursor:default}.pack:hover{transform:none!important}.hero:before,.stage-halo{display:none}.waitlist label{position:static;clip:auto;width:auto;height:auto;display:block;flex-basis:100%;text-align:left}.waitlist form{flex-wrap:wrap}.waitlist form button{white-space:normal}.waitlist input{width:180px}.chapter{padding-top:75px;padding-bottom:75px;border-top:1px solid #cbd2c3}.chapter h2{font-size:clamp(42px,5vw,72px);margin:0 0 24px}.chapter p{max-width:580px;line-height:1.8;color:#536550}.chapter:nth-of-type(even){background:#e8ecdf}button{min-height:44px;border:1px solid #acb8a4;background:#fefcf7;color:#344a33;border-radius:8px;padding:10px 16px}button:hover{background:#e8ecdf}button[aria-pressed=true]{background:#4e624d;color:white}button:disabled{opacity:.6;cursor:wait}:focus-visible{outline:3px solid #4e624d;outline-offset:4px}.editorial-window{grid-column:1;grid-row:1;margin:20px;min-width:0;min-height:0;height:600px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;border:1px solid var(--line);border-radius:22px;background:var(--paper);color:var(--ink);padding:24px;font-size:14px;scroll-padding-block:18px}.editorial-window h2{font:italic 34px Display,Georgia,serif;margin:16px 0}.editorial-window h3{font-size:18px}.editorial-window p{line-height:1.65}.app-brand{font:italic 30px Display,serif}.app-label{font-size:12px;color:#655346}.choice-grid{display:flex;flex-wrap:wrap;gap:8px}.product-row,.ingredient-row,.post,.routine-row{border-bottom:1px solid #d8cebf;padding:16px 0;overflow-wrap:anywhere}.product-row small{display:block;margin-bottom:6px}.product-row button{margin-top:10px}.shelf-demo{background:#eee1d0;padding:16px;border-radius:12px}.avatar-preview canvas,.post-avatar canvas{width:100%;height:auto;display:block}.avatar-preview{width:170px;max-width:100%;margin:12px auto;border:8px solid #f7e7ee;outline:1px solid #a68593;border-radius:45%;overflow:hidden;background:#f7e7ee;aspect-ratio:1}.avatar-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;max-height:240px;overflow:auto;margin-top:15px}.avatar-options button{padding:8px;font-size:11px;overflow-wrap:anywhere}.post-avatar{display:inline-block;width:48px;height:48px;border-radius:50%;overflow:hidden;vertical-align:middle;margin-right:12px}textarea{width:100%;min-height:90px;font:inherit;padding:12px;border:1px solid #867460;border-radius:8px}.editorial-window select{max-width:100%;min-height:44px;margin:8px 0}.editorial-window label{display:block;margin-top:12px}.demo-feedback{color:#465b40}.editorial-window summary{cursor:pointer;min-height:44px;padding-top:12px}.scan-box{border:1px dashed #867460;padding:40px 20px;border-radius:16px;text-align:center;background:#fffdf8}a,button,input,select,textarea{scroll-margin:20px}@media(max-width:760px){.editorial-window{grid-column:1;grid-row:2;margin:0 12px;height:clamp(360px,53svh,520px);padding:18px}.hero-title{font-size:clamp(58px,14vw,85px)}.topnav{gap:10px}.nav-action{white-space:normal;text-align:center;max-width:150px}.waitlist{padding-top:70px;padding-bottom:70px}.footer{flex-wrap:wrap}.product-stage{overflow:hidden}.scene-tag{letter-spacing:0}.avatar-options{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.feature-visuals>*{min-width:0}.small-panel{grid-template-columns:minmax(0,1fr) minmax(60px,100px);padding:22px 18px}.small-panel>*{min-width:0}.feature-large{min-width:0}.feature-lbl{max-width:calc(100% - 60px)}.editorial-window{background:#f6f4ee;color:#302f29;border-color:#deddd3}.shelf-demo{background:#eef0e5}.app-label{color:#68695d}
.avatar-options img{display:block;width:100%;aspect-ratio:1;object-fit:contain;background:#f7e7ee;border-radius:10px;margin-bottom:8px}.avatar-options button{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:90px}.app-icon{width:20px;height:20px;vertical-align:middle;margin-right:6px}
.brand-leaf{display:inline-block;width:17px;height:21px;margin-left:3px;vertical-align:top;object-fit:contain}.app-brand .brand-leaf{vertical-align:middle}.avatar-category-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:22px 0}.avatar-category-tabs button{padding:12px 2px;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:10px;border-radius:14px;min-width:0}.avatar-category-tabs svg{width:23px;height:23px}.avatar-category-tabs button[aria-pressed=true]{background:#f0cedc;color:#513f48;border-color:#a77b8f}.avatar-category-heading{margin-bottom:12px}.avatar-options{grid-template-columns:repeat(3,minmax(0,1fr));max-height:365px}.avatar-option-picture{display:block;width:100%;aspect-ratio:1;border-radius:10px;overflow:hidden;background:#f7e7ee;margin-bottom:8px}.avatar-option-picture canvas{width:100%;height:auto;display:block}.background-swatch{width:100%;height:70px;border:1px solid #bdaeb5;border-radius:10px;margin-bottom:8px}.avatar-options button{justify-content:flex-start}.avatar-options button[aria-pressed=true]{background:#f0cedc;color:#513f48;border-color:#a77b8f}.shelf-cabinet{padding:8px 8px 0;border:1px solid #d9dece;border-radius:22px;background:linear-gradient(110deg,#e3e7da,#f4f2e9 12%,#f7f5ee 88%,#e0e5d7);margin-top:20px}.shelves{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:290px;min-height:290px;padding:0 4px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 151px,#e0ddcf 152px,#fdfaf0 155px,#f2ecdd 160px,#c8c7b6 162px,#b6bba630 163px,transparent 172px,transparent 290px)}.product-card{min-width:0}.product-art{height:160px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:7px}.product-photo{width:106px;height:144px;max-width:100%;object-fit:contain;filter:drop-shadow(4px 5px 4px #505b3c18)}.product-info{text-align:center;padding:13px 3px 0}.brand-label{font-size:9px;letter-spacing:.5px;color:#626756}.product-info h3{font:500 12px/1.4 Inter,sans-serif!important;margin:5px 0;min-height:34px;overflow-wrap:anywhere}.shelf-product-category{display:block;font-size:10px;color:#626756}.product-info button{font-size:11px;padding:4px 10px;min-height:36px;margin-top:4px}.shelf-empty{grid-column:1/-1;text-align:center;padding:40px 12px}.shelf-add-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;border-top:1px solid #deddd3;font-size:12px}.shelf-add-row button{flex-shrink:0}.community-compose{background:#fffefa;border:1px solid #deddd3;border-radius:14px;padding:0 14px;margin:20px 0}.community-compose summary{font-weight:500}.community-compose form{padding-bottom:16px}.feed-disclaimer{font-size:12px;color:#626756}.feed-filters{display:flex;flex-wrap:wrap;gap:5px;margin:20px 0}.feed-filters button{font-size:11px;padding:8px 10px;border-radius:99px}.community-card{background:#fffefa;border:1px solid #deddd3;border-radius:18px;margin-bottom:16px;padding:18px;overflow-wrap:anywhere}.community-card-head{display:flex;align-items:center;gap:10px}.feed-avatar{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:#e4e9d7;color:#46553e;font:italic 24px Display,serif;flex-shrink:0}.community-card:nth-child(2n) .feed-avatar{background:#eee7f3;color:#624a78}.community-card-meta{font-size:10px;color:#626756;margin-top:4px;line-height:1.6}.community-card-meta span{display:block;color:#4e624d}.community-card-copy{font-size:13px;white-space:pre-wrap}.community-card-actions{display:flex;justify-content:space-between;padding-top:10px;border-top:1px solid #e4e6dc}.community-card-actions button{display:flex;align-items:center;gap:8px;border:0;background:transparent;padding:6px;font-size:12px}.community-card-actions svg{width:20px;height:20px}.community-card-actions button[aria-pressed=true]{color:#923c62;background:#f5ecee}.community-card-actions button[aria-pressed=true] svg{fill:#f0cedc}.feed-comments{font-size:12px}.feed-comment{background:#eef1e7;border-radius:12px;padding:12px;margin:8px 0}.feed-comment p{margin:6px 0}.feed-comments input{width:100%;min-height:44px;border:1px solid #a6b19e;padding:10px;border-radius:8px;font:inherit}.feed-comments form button{margin-top:8px}.shared-demo-product{display:flex;align-items:center;gap:12px;background:#eef1e7;border:1px solid #deddd3;padding:10px;border-radius:14px;margin:14px 0}.shared-demo-product img{width:55px;height:85px;object-fit:contain}.shared-demo-product strong,.shared-demo-product span{display:block;font-size:12px;margin-top:6px}.shared-demo-product small{font-size:10px;color:#626756}.post-avatar{flex-shrink:0;margin-right:0}@media(max-width:359px){.avatar-category-tabs{gap:4px}.avatar-category-tabs button{font-size:9px}.avatar-options{gap:4px}.avatar-options button{font-size:10px;padding:5px}.community-card{padding:13px}.product-info h3{font-size:11px!important}}

/* Original mobile routine layout. */
/* Routine redesign: a calm visual timeline with clear moments and actions. */
.day-routine-card{border:1px solid #d7ddd0!important;border-radius:18px!important;box-shadow:0 14px 34px #39473512!important;padding:0!important;overflow:hidden;background:var(--white)}
.day-routine-head{padding:22px 20px 18px;background:linear-gradient(145deg,#edf2e8 0%,#f9f8f2 68%,#fffefa 100%);position:relative}
.day-routine-kicker{display:flex;align-items:center;justify-content:space-between;gap:10px}.day-routine-kicker .eyebrow{margin:0}.day-status{font-size:9px;letter-spacing:.5px;color:var(--green);background:#fffefa;border:1px solid #ccd7c7;padding:5px 8px;border-radius:999px;white-space:nowrap}
.day-routine-head h2{font-size:32px;letter-spacing:-.5px;margin:12px 0 4px}.day-routine-head p{font-size:12px;line-height:1.45}.routine-progress{height:5px;background:#dce4d8;border-radius:9px;overflow:hidden;margin:18px 0 10px}.routine-progress span{display:block;height:100%;background:var(--green);border-radius:inherit;transition:width .45s ease}.routine-summary{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;letter-spacing:.3px}
.routine-session{padding:0 20px}.routine-session+.routine-session{border-top:8px solid var(--paper)}.routine-session .session-title{margin:0 -20px;padding:19px 20px 15px;background:#fffefa;border-bottom:1px solid #e7e8df;align-items:flex-start}.routine-session .session-title h2{font-size:21px;line-height:1.15;margin:8px 0 3px}.routine-session .session-title p{font-size:10px;color:var(--muted)}.routine-session .session-title>.icon{width:34px;height:34px;padding:8px;border-radius:50%;background:var(--pale);border:1px solid #cdd8c8;color:var(--green)}
.session-kicker{display:flex;align-items:center;gap:7px;font-size:9px;letter-spacing:1.5px;font-weight:600;color:var(--green)}.session-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#c79853;box-shadow:0 0 0 4px #f3e8d2}.session-dot.evening{background:#6c7189;box-shadow:0 0 0 4px #e6e7f0}.session-time{font-size:9px;letter-spacing:0;color:var(--muted);font-weight:400;margin-left:2px}
.routine-session>.step{position:relative;margin:0;padding:18px 0 19px 38px;border:0;border-bottom:1px solid #ecebe4;background:transparent;border-radius:0;transition:background .2s ease}.routine-session>.step:before{content:'';position:absolute;left:11px;top:49px;bottom:-1px;width:1px;background:#dbe2d7}.routine-session>.step:last-of-type:before{bottom:50%}.routine-session>.step .step-number{position:absolute;left:0;top:18px;width:24px;height:24px;margin:0;z-index:1;background:var(--white);border:1px solid #b9c8b3;color:var(--green);font-size:9px;font-weight:600}.step-topline{display:flex;align-items:center;gap:8px;min-width:0}.step-topline .product-use-label{margin:0;flex:1;color:var(--green);font-size:8px;letter-spacing:1.2px}.step-open{display:inline-flex;align-items:center;gap:3px;color:var(--muted);font-size:9px;white-space:nowrap}.step-open .icon{width:13px;height:13px}.routine-session>.step h3{font-size:16px;line-height:1.3;margin:9px 0 3px;color:var(--ink)}.routine-session>.step .brand-label{font-size:10px;letter-spacing:.2px;color:var(--muted);display:block}.routine-session>.step details{margin-top:13px;border-top:1px solid #eee9df}.routine-session>.step details summary{font-size:10px;min-height:40px;padding:8px 0}.session-empty{display:flex;align-items:center;gap:10px;padding:22px 0;border-bottom:1px solid #ecebe4}.session-empty p{font-size:11px}.session-empty-icon{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:var(--pale);color:var(--green)}.session-empty-icon .icon{width:14px;height:14px}.routine-session>.missing{margin:14px 0 17px;padding:12px 13px;font-size:11px}.routine-session>details{margin:0;border-bottom:1px solid #ecebe4}.routine-session>details summary{font-size:10px}
.details-stack .panel{border-radius:15px;box-shadow:0 8px 20px #4e624d0d}.details-stack h2{font-size:24px}
@media(max-width:359px){.day-routine-head{padding:19px 16px 16px}.routine-session{padding-left:16px;padding-right:16px}.routine-session .session-title{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}.step-open{font-size:0}.step-open .icon{width:16px;height:16px}}

.community-demo{position:relative}.community-demo .community-feed{padding-bottom:88px}.community-fab{position:sticky;bottom:20px;display:grid;place-items:center;width:64px;height:64px;min-height:64px;padding:0;margin:-76px 16px 12px auto;border-radius:50%;background:#fffefa;color:#302f29;border:1px solid #b8c2ad;box-shadow:0 6px 24px #302f2926;z-index:2}.community-fab svg{width:28px;height:28px}.community-fab:hover{background:#e8ecdf}.community-composer-dialog{width:min(480px,calc(100% - 28px));max-height:85dvh;overflow:auto;padding:24px;background:#fffefa;color:#302f29;border:1px solid #deddd3;border-radius:22px;box-shadow:0 20px 80px #20302040}.community-composer-dialog::backdrop{background:#20281f80}.composer-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.composer-heading h2{font:italic 32px Display,serif;margin:0}.composer-heading button{font-size:25px;min-width:44px;padding:4px}.community-composer-dialog p{font-size:12px;line-height:1.6}.community-composer-dialog label{display:block;margin:18px 0 8px}.community-composer-dialog textarea{min-height:150px}.community-composer-dialog select{width:100%;min-height:44px;padding:10px;border:1px solid #a6b19e;border-radius:8px;background:#fffefa;font:inherit}.composer-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px;margin-top:24px}.composer-actions [type=submit]{background:#4e624d;color:white}body:has(.community-composer-dialog[open]){overflow:hidden}.routine-demo{--white:#fffefa;--muted:#68695d;--pale:#e8ecdf;--green:#4e624d;--ink:#302f29;--paper:#f6f4ee}.routine-demo .eyebrow{font-size:10px;letter-spacing:1px;color:#4e624d;margin:0}.routine-page-head{margin:24px 0}.editorial-window .routine-page-head h2{font-size:34px;margin:10px 0}.routine-page-head p{font-size:12px}.routine-demo .week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin:24px 0}.routine-demo .day{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;padding:10px 1px;border:1px solid #c4ccbc;background:#fffefa;border-radius:12px;font-size:10px;color:#4e624d}.routine-demo .day b{font-size:16px}.routine-demo .day[aria-pressed=true]{background:#4e624d;color:white;border-color:#4e624d}.routine-demo .session-title{display:flex;justify-content:space-between;gap:12px}.routine-demo .icon{width:34px;height:34px;flex-shrink:0}.routine-demo .routine-product{display:flex;align-items:center;gap:12px;margin-top:10px;min-width:0}.routine-demo .routine-product-art{flex:0 0 65px;width:65px;height:88px;padding:6px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:12px;background:#eef1e7;border:1px solid #dce2d2}.routine-demo .routine-product-art img{width:100%;height:100%;object-fit:contain}.routine-demo .routine-product-info{min-width:0;flex:1}.routine-demo .brand-label{white-space:normal;font-size:10px;line-height:1.5}.routine-demo .step-number{display:grid;place-items:center;border-radius:50%}.routine-demo .step{color:#302f29;text-align:left}.routine-demo .step p,.routine-demo .step li{font-size:12px;line-height:1.7;letter-spacing:0}.routine-demo .missing{border:1px solid #d7c59c;background:#f6ead4;border-radius:10px;color:#735225;line-height:1.6}.routine-demo .day-routine-head p{margin:4px 0}.routine-demo .routine-progress{margin:18px 0 10px}.editorial-window .routine-demo .day-routine-head h2{font-size:32px;margin:12px 0 4px}.editorial-window .routine-demo .session-title h2{font-size:21px;margin:8px 0 3px}.editorial-window .routine-demo .routine-product-info h3{font:500 15px/1.4 Inter,sans-serif;margin:0 0 6px;overflow-wrap:anywhere}.routine-demo .session-kicker{text-transform:uppercase}.routine-demo .product-use-label{line-height:1.6}@media(max-width:359px){.routine-demo .routine-session{padding:0 12px}.routine-demo .routine-product{gap:8px}.routine-demo .routine-product-art{flex-basis:48px;width:48px;height:75px}.routine-demo .day-status{font-size:8px}.routine-demo .routine-summary{font-size:9px}}
.launch-badge{display:inline-flex;align-items:center;min-height:36px;padding:8px 14px;border:1px solid #a9b79f;border-radius:99px;background:#e8ecdf;color:#344a33;font-size:13px;font-weight:500;line-height:1.4}.hero-note{color:#625f56;font-size:12px;line-height:1.7;max-width:380px}.nav-action{white-space:normal;text-align:center}.experience-head p{max-width:570px}

/* Guided demo: stable app viewport, persistent controls and real progress. */
.skip-link{clip-path:inset(50%);position:fixed;top:-120px;left:12px;z-index:100;padding:12px 18px;background:var(--ivory);color:var(--green);transform:translateY(-160%);border:2px solid var(--green);border-radius:8px}.skip-link:focus{clip-path:none;top:8px;transform:none}
#reset{font-size:12px;padding:9px 12px}

.neutral-product{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--green);height:100%;max-width:100%;width:85px}.neutral-product svg{height:110px;max-height:85%;width:100%;display:block}.neutral-product small{font-size:10px;line-height:1.4}.routine-product-art .neutral-product svg{height:60px}.routine-product-art .neutral-product small{display:none}.shared-demo-product .neutral-product{flex:0 0 44px;height:75px}.shared-demo-product .neutral-product svg{height:55px}.shared-demo-product .neutral-product small{display:none}
.scan-shelf-action{border-top:1px solid var(--line);padding-top:18px;margin-top:20px;display:flex;flex-wrap:wrap;gap:8px}.scan-shelf-action p{flex-basis:100%;margin:4px 0;font-size:12px;color:var(--green)}.scan-shelf-action [data-add-scanned]:not(:disabled){background:var(--green);color:var(--ivory)}
.choice-grid button{transition:background-color .15s,transform .15s}.choice-grid button:active{transform:scale(.97)}.waitlist .waitlist-purpose{font-size:12px;margin:18px auto 0;max-width:480px}.waitlist-purpose a{color:inherit;text-decoration:underline;text-underline-offset:3px}.waitlist input{font-size:16px}.shelf-add-products summary,.feed-filters button{min-height:44px}.product-info button{min-height:44px}.avatar-category-tabs button{font-size:11px}.avatar-options button{font-size:12px}.editorial-window .community-feed{max-height:none;overflow:visible}.editorial-window .community-fab{bottom:8px}
@media(max-width:760px){.experience{padding-top:56px;padding-bottom:56px}.experience-head{margin-bottom:24px}.chapter{padding-top:48px;padding-bottom:48px}.avatar-category-tabs{margin:16px 0;gap:5px}.avatar-category-tabs button{font-size:10px}.editorial-window .app-brand{font-size:26px}.editorial-window h2{font-size:30px}.editorial-window .routine-page-head h2{font-size:28px}.avatar-preview{width:150px}.waitlist input{width:100%}}
@media(prefers-reduced-motion:reduce){.choice-grid button{transition:none}}

.editorial-window .brand-label{font-size:11px;line-height:1.5}.editorial-window .collection-caption{font-size:13px}.editorial-window .product-info h3{font-size:13px!important;line-height:1.4}.editorial-window .feed-disclaimer{font-size:13px}

/* One explicit audio control in the hero; the mobile header stays a single row. */
#audio-control-slot{position:relative;display:inline-block;margin-top:20px;min-height:44px}#audio-control-slot .sound-control{position:relative;inset:auto;max-width:none;z-index:20}#audio-control-slot .sound-toggle{padding:10px 14px;min-height:44px}#audio-control-slot .sound-toggle span{position:static;width:auto;height:auto;overflow:visible;clip-path:none;font-size:12px}#audio-control-slot .sound-settings{top:54px;bottom:auto;left:0;right:auto}
@media(max-width:760px){.topnav{height:72px;min-height:72px;flex-wrap:nowrap;gap:12px;padding-top:0;padding-bottom:0}.topnav>.brand{font-size:28px;flex-shrink:0}.topnav>.nav-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;max-width:none;white-space:nowrap;font-size:13px;line-height:1.2;padding:12px 14px}}

/* Keep the hero quiet: one small volume control, no on/off button. */
#audio-control-slot .sound-toggle{display:none}#audio-control-slot .sound-volume{box-shadow:none;background:transparent;border-color:var(--line)}
