:root{font-family:Avenir Next,Avenir,SF Pro Text,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#352c36;background:#eee8e4;font-synthesis:none;text-rendering:optimizeLegibility;--cream: #fbf7f3;--plum: #49364a;--rose: #be747f;--aqua: #67bdca;--muted: #948791}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid rgba(79,157,169,.3);outline-offset:2px}.app-shell{min-height:100vh;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 10% 15%,rgba(218,166,176,.3),transparent 30%),radial-gradient(circle at 90% 80%,rgba(105,191,208,.2),transparent 34%),#eee8e4}.phone-canvas{position:relative;width:min(100%,430px);height:min(880px,calc(100vh - 56px));overflow:auto;overscroll-behavior:contain;padding:34px 24px 112px;border:1px solid rgba(87,56,79,.08);border-radius:44px;background:linear-gradient(165deg,#fffaf6,#f8f0ed 52%,#f4efee);box-shadow:0 40px 110px #4a36452e,inset 0 1px #fff;scrollbar-width:none}.phone-canvas::-webkit-scrollbar{display:none}.topbar,.section-heading,.ritual-card,.card-heading,.settings-card,.install-card,.rhythm-note{display:flex;align-items:center}.topbar{justify-content:space-between;gap:20px}.eyebrow{margin:0 0 5px;color:#947888;font-size:10.5px;font-weight:750;letter-spacing:.14em;text-transform:uppercase}h1,h2,p{margin-top:0}h1,h2{color:var(--plum)}h1{margin-bottom:0;font-family:Iowan Old Style,Baskerville,Georgia,serif;font-size:clamp(27px,7vw,32px);line-height:1.06;letter-spacing:-.025em}h2{margin-bottom:0;font-size:17px}.avatar{display:grid;place-items:center;width:45px;height:45px;flex:0 0 45px;border-radius:50%;color:#fff;font-weight:750;background:linear-gradient(145deg,#78566f,#b4727f);box-shadow:0 9px 20px #6f466338}.water-hero{position:relative;display:grid;justify-items:center;padding:34px 0 25px}.soft-orbit{position:absolute;border-radius:50%;filter:blur(1px);pointer-events:none}.orbit-one{width:250px;height:250px;top:22px;background:#6cc6d31a}.orbit-two{width:196px;height:196px;top:49px;border:1px solid rgba(100,190,204,.2)}.water-ring{--progress: 205deg;position:relative;display:grid;place-items:center;width:184px;height:184px;border-radius:50%;background:conic-gradient(var(--aqua) var(--progress),rgba(105,191,208,.12) 0);box-shadow:0 18px 48px #4aa1b333;transition:background .5s ease}.water-ring:before{content:"";position:absolute;inset:8px;border-radius:inherit;background:#fffcf9ed}.water-core{position:relative;z-index:1;display:grid;justify-items:center;line-height:1}.water-core strong{margin-top:7px;font-family:Iowan Old Style,Baskerville,Georgia,serif;font-size:56px;color:#487e89}.water-core>span:last-child{margin-top:5px;color:#8a8b8e;font-size:13px}.glass-mark{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#e1f4f5}.drop{display:inline-block;width:9px;height:12px;border:1.5px solid #a7a2a7;border-radius:60% 40% 65% 35%/65% 40% 60% 35%;transform:rotate(45deg)}.drop.filled{border-color:transparent;background:linear-gradient(145deg,#7ed0dc,#45aabc)}.hero-copy{margin-top:25px;text-align:center}.hero-copy h2{font-family:Iowan Old Style,Baskerville,Georgia,serif;font-size:23px}.hero-copy p{margin:7px 0 0;color:var(--muted);font-size:13px}.primary-action{display:flex;align-items:center;justify-content:center;gap:9px;width:min(245px,80%);margin-top:18px;padding:14px 20px;border:0;border-radius:18px;color:#fff;font-weight:750;background:linear-gradient(135deg,#4f9ca8,#65bdc8);box-shadow:0 13px 26px #489fac47;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.primary-action:hover{transform:translateY(-2px);box-shadow:0 16px 30px #489fac57}.primary-action:active{transform:scale(.98)}.primary-action:disabled{opacity:.55;cursor:default;transform:none}.primary-action .drop{width:8px;height:10px;background:#fff}.primary-action.wide{width:100%}.primary-action.compact{width:auto;min-width:110px;margin:0;padding:12px 18px}.quiet-action,.text-button,.quiet-button{border:0;color:#927f8c;background:transparent;cursor:pointer}.quiet-action{margin-top:11px;font-size:11px}.timeline-section{margin-top:5px}.section-heading{justify-content:space-between;gap:16px;margin-bottom:13px}.section-heading h2{font-size:17px;letter-spacing:-.02em}.calm-pill{padding:6px 9px;border-radius:20px;color:#8d6a7b;background:#f1e3e6;font-size:9px;font-weight:750}.ritual-card{gap:12px;margin:9px 0;padding:13px 14px;border:1px solid rgba(96,67,89,.06);border-radius:19px;background:#ffffffb8;box-shadow:0 8px 24px #422a3b0b;transition:opacity .2s,transform .2s}.ritual-card.completed{opacity:.56}.ritual-card.completed .ritual-copy strong{text-decoration:line-through;text-decoration-color:#4d394859}.ritual-icon{display:grid;place-items:center;width:39px;height:39px;flex:0 0 39px;border-radius:13px;font-size:18px}.accent-vitamin .ritual-icon{color:#b08143;background:#f7ead2}.accent-skincare .ritual-icon{color:#7c668f;background:#ece5f2}.accent-refill .ritual-icon{color:#478e9a;background:#ddf2f3}.accent-custom .ritual-icon{color:#9b6978;background:#f4e1e5}.ritual-copy{display:grid;flex:1;gap:3px;min-width:0}.ritual-copy strong{font-size:13px}.ritual-copy span{overflow:hidden;color:#968a92;font-size:10.5px;text-overflow:ellipsis;white-space:nowrap}.completion-button{width:44px;height:44px;border:0;color:#aa9da6;font-size:24px;background:transparent;cursor:pointer}.completed .completion-button{color:#5aa6b1}.rhythm-note{gap:12px;margin-top:18px;padding:13px 15px;border-radius:18px;color:#6c5b68;background:#ece2e9a6}.rhythm-note>span{font-size:20px}.rhythm-note div{display:grid;gap:2px}.rhythm-note strong{font-size:11px}.rhythm-note p{margin:0;color:#968693;font-size:9.5px}.bottom-nav{position:sticky;z-index:20;left:16px;right:16px;bottom:-98px;display:flex;justify-content:space-around;margin:25px -8px -98px;padding:10px 8px max(10px,env(safe-area-inset-bottom));border:1px solid rgba(76,48,69,.07);border-radius:24px;background:#fffcfae6;box-shadow:0 18px 45px #40293b21;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.bottom-nav button{display:grid;justify-items:center;gap:3px;min-width:57px;border:0;color:#a697a1;font-size:9px;font-weight:650;background:transparent;cursor:pointer}.bottom-nav button span{font-size:18px;line-height:1}.bottom-nav button.active{color:#76576d}.page-view{min-height:650px}.page-title{padding:4px 0 21px}.page-title h1{margin-bottom:9px}.page-title>p:last-child{margin:0;color:var(--muted);font-size:12px;line-height:1.55}.routine-list{margin-bottom:18px}.secondary-action{width:100%;padding:13px;border:1px solid rgba(95,66,87,.12);border-radius:17px;color:#785a70;font-weight:700;background:#ffffff8f;cursor:pointer}.link-button{display:block;text-align:center;text-decoration:none}.sheet-card,.settings-form{padding:18px;border:1px solid rgba(95,66,87,.07);border-radius:23px;background:#ffffffad;box-shadow:0 12px 35px #422a3b0f}.sheet-card h2{margin-bottom:16px}.field{display:grid;gap:7px;margin-bottom:14px;color:#806d79;font-size:10px;font-weight:700}.field input,.field select,.cycle-action input{width:100%;min-width:0;padding:12px 13px;border:1px solid rgba(88,60,80,.12);border-radius:14px;color:#4c3d48;background:#ffffffc7;outline:0}.field input:focus,.field select:focus,.cycle-action input:focus{border-color:#489fac8c;box-shadow:0 0 0 3px #489fac1a}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:11px}.row-actions,.onboarding-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}.insight-card,.settings-card,.install-card,.privacy-note{margin:0 0 13px;padding:17px;border:1px solid rgba(95,66,87,.07);border-radius:22px;background:#ffffffad;box-shadow:0 10px 30px #412a3b0d}.card-heading{justify-content:space-between;gap:14px;margin-bottom:15px}.card-heading h2{font-size:16px}.card-heading>span{color:#9c8a96;font-size:9px}.bar-chart{display:flex;align-items:end;justify-content:space-between;height:145px;gap:8px;padding-top:8px}.bar-column{display:grid;grid-template-rows:16px 1fr 15px;justify-items:center;align-items:end;width:12%;height:100%}.bar-column>span,.bar-column small{color:#998b95;font-size:8px}.bar-track{position:relative;width:13px;height:100%;overflow:hidden;border-radius:12px;background:#eee8ea}.bar-track i{position:absolute;left:0;right:0;bottom:0;border-radius:inherit;background:linear-gradient(#7ac9d2,#529fac)}.fitbit-card{background:linear-gradient(145deg,#f0f6f4e6,#ffffffbf)}.status-dot{width:10px;height:10px;border-radius:50%;background:#c9c1c5}.status-dot.on{background:#63b4a1;box-shadow:0 0 0 5px #63b4a11f}.sleep-metrics{display:grid;grid-template-columns:1fr 1fr;gap:9px}.sleep-metrics div{display:grid;gap:3px;padding:12px;border-radius:16px;background:#ffffffa6}.sleep-metrics strong{color:#4f6670;font-size:17px}.sleep-metrics span{color:#8a9193;font-size:9px}.text-button{margin-top:12px;padding:0;font-size:10px;text-decoration:underline}.muted-copy{margin:0;color:var(--muted);font-size:11px;line-height:1.5}.cycle-card>p{color:var(--muted);font-size:10px;line-height:1.5}.cycle-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:#ae6877!important;font-size:18px!important;background:#f5e2e6}.cycle-action{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-bottom:10px}.cycle-buttons{display:grid;grid-template-columns:1fr 1fr;gap:6px}.cycle-action button{min-width:58px;border:0;border-radius:13px;color:#fff;font-size:10px;font-weight:700;background:#aa6d7b}.cycle-action button.cycle-end{color:#8e6470;border:1px solid rgba(170,109,123,.24);background:#ffffffb8}.cycle-row{display:flex;justify-content:space-between;padding:9px 0;border-top:1px solid rgba(95,66,87,.06);font-size:10px}.cycle-row i{color:#a27c88;font-style:normal}.settings-card{justify-content:space-between;gap:14px}.settings-card>div{display:grid;gap:3px}.settings-card strong,.install-card strong{font-size:13px}.settings-card span{color:var(--muted);font-size:9.5px}.toggle{position:relative;width:48px;height:29px;flex:0 0 48px;border:0;border-radius:18px;background:#d7cfd4;cursor:pointer;transition:background .2s}.toggle i{position:absolute;top:3px;left:3px;width:23px;height:23px;border-radius:50%;background:#fff;box-shadow:0 2px 7px #00000026;transition:transform .2s}.toggle.on{background:#62b3be}.toggle.on i{transform:translate(19px)}.install-card{gap:13px;background:linear-gradient(135deg,#f2e8ed,#edf6f5)}.install-card>span{display:grid;place-items:center;width:35px;height:35px;flex:0 0 35px;border-radius:12px;color:#77586e;background:#fff}.install-card p{margin:3px 0 0;color:var(--muted);font-size:9.5px;line-height:1.4}.settings-form{margin-top:15px}.privacy-note{margin-top:14px;color:#6e616a;background:#eee8e4cc}.privacy-note strong{font-size:11px}.privacy-note p{margin:4px 0 0;color:#968a92;font-size:9.5px;line-height:1.45}.logout-action{display:block;margin:18px auto 0;padding:12px 16px;border:0;color:#9b7f8d;font-size:11px;text-decoration:underline;background:transparent;cursor:pointer}.center-screen,.welcome-screen{min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 25%,rgba(111,190,200,.2),transparent 32%),linear-gradient(160deg,#fbf7f3,#eee5e5)}.center-screen{align-content:center;gap:15px;color:#8c7a86;font-size:12px}.brand-orb{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;color:#9c7688;background:linear-gradient(145deg,#e6f6f6,#fff);box-shadow:0 15px 35px #458f9b2e}.brand-orb.large{width:82px;height:82px;margin:0 auto 25px}.brand-orb.warm{color:#ad8153;background:linear-gradient(145deg,#faebcf,#fff)}.brand-orb.aqua{background:linear-gradient(145deg,#d7f2f3,#fff)}.brand-orb.large .drop{width:14px;height:19px}.welcome-screen{position:relative;overflow:hidden}.welcome-glow{position:absolute;width:430px;height:430px;border-radius:50%;background:#be747f1f;filter:blur(50px);transform:translate(40%,60%)}.welcome-card{position:relative;width:min(100%,410px);padding:36px 28px;border:1px solid rgba(255,255,255,.8);border-radius:34px;text-align:center;background:#fffaf7d1;box-shadow:0 30px 90px #4b344526;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.welcome-card>h1{margin-bottom:12px}.welcome-card>p:not(.eyebrow){color:var(--muted);font-size:12px;line-height:1.55}.welcome-card small{display:block;margin-top:16px;color:#aa9da5;font-size:9px}.unlock-form{display:grid;gap:9px;margin-top:28px;text-align:left}.unlock-form label{color:#86737f;font-size:10px;font-weight:700}.unlock-form input{padding:15px;border:1px solid rgba(87,61,80,.11);border-radius:16px;color:#573f50;font-size:22px;font-weight:750;letter-spacing:.35em;text-align:center;background:#fff}.unlock-form .primary-action{margin-top:7px;letter-spacing:normal}.form-error{color:#ac5967;font-size:9px}.step-dots{display:flex;justify-content:center;gap:6px;margin-bottom:27px}.step-dots span{width:18px;height:4px;border-radius:4px;background:#ddd2d7}.step-dots span.active{background:#65b5c0}.onboarding .field{margin-top:24px;text-align:left}.onboarding-actions{margin-top:18px}.onboarding-actions .wide{flex:1;margin:0}.goal-picker{display:grid;grid-template-columns:44px 1fr auto 44px;align-items:center;gap:8px;margin:26px auto;padding:12px;border-radius:22px;background:#eef7f6}.goal-picker button{width:44px;height:44px;border:0;border-radius:14px;color:#508e98;font-size:24px;background:#fff}.goal-picker strong{color:#4d8189;font-family:Georgia,serif;font-size:36px}.goal-picker span{color:#829397;font-size:10px}.toast{position:sticky;z-index:50;bottom:16px;margin:15px 2px -60px;padding:13px 15px;border-radius:17px;color:#fff;font-size:11px;line-height:1.4;text-align:center;background:#463443eb;box-shadow:0 12px 35px #32232f40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:toast-in .25s ease-out}.offline-banner{margin:-12px 0 18px;padding:9px 12px;border-radius:14px;color:#7b6874;font-size:10px;font-weight:700;text-align:center;background:#f4e4c9c7}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}@media(max-width:520px){.app-shell{display:block;padding:0}.phone-canvas{width:100%;height:100dvh;border:0;border-radius:0;box-shadow:none;padding-top:max(28px,env(safe-area-inset-top));padding-bottom:122px}.bottom-nav{position:fixed;left:16px;right:16px;bottom:max(10px,env(safe-area-inset-bottom));margin:0}}@media(max-width:370px){.phone-canvas{padding-left:18px;padding-right:18px}.two-fields{grid-template-columns:1fr}.ritual-copy span{max-width:180px}}@media(prefers-reduced-motion:no-preference){.water-ring{animation:breathe 4s ease-in-out infinite}@keyframes breathe{50%{transform:translateY(-4px);box-shadow:0 24px 55px #4aa1b340}}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}