/* Android keeps the WebView inside system insets; these dimensions are usable space. */
.nw-page{min-height:100svh;box-sizing:border-box;width:min(100%,520px);margin:0 auto;padding:24px 24px 16px;display:flex;flex-direction:column;color:var(--ink);background:var(--canvas);overflow:hidden}.nw-header{display:flex;align-items:center;justify-content:space-between;gap:16px;animation:nw-enter .5s both}.nw-header .wordmark{font-size:30px;line-height:1.1}.nw-header>span{font-size:9px;letter-spacing:1.6px;color:var(--ink-2);font-weight:600}.nw-main{flex:1;display:flex;flex-direction:column;justify-content:center;padding:28px 0 12px;text-align:center}.nw-eyebrow{font-size:9px;letter-spacing:1.7px;font-weight:600;color:var(--ink-2);margin:0 0 13px;animation:nw-enter .6s .08s both}.nw-main h1{font:700 clamp(44px,13.5vw,68px)/.98 var(--display);letter-spacing:-2.8px;margin:0;animation:nw-enter .6s .14s both}.nw-main h1>span{color:var(--orange)}.nw-intro{color:var(--ink-2);font-size:14px;line-height:1.6;margin:17px 0 0;animation:nw-enter .6s .2s both}.nw-illustration{position:relative;margin:29px auto 0;width:min(100%,335px)}.nw-routine{position:relative;z-index:1;text-align:left;background:var(--surface);padding:18px;border:1px solid var(--hair);border-radius:23px;box-shadow:0 10px 30px #2925210b;animation:nw-card .75s .28s both}.nw-routine-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.nw-routine-heading small{font-size:8px;letter-spacing:1.3px;color:var(--ink-2)}.nw-routine-heading h2{font:600 19px/1.2 var(--display);letter-spacing:-.5px;margin:6px 0 0}.nw-ring{height:46px;width:46px;flex-shrink:0}.nw-ring circle{fill:none;stroke:var(--surface-2);stroke-width:4}.nw-ring .nw-ring-fill{stroke:var(--accent);stroke-linecap:round;transform:rotate(-90deg);transform-origin:center;transition:stroke-dashoffset .55s ease}.nw-ring text{fill:var(--ink);font:600 15px var(--sans)}.nw-habits{display:grid;gap:9px}.nw-habit{appearance:none;width:100%;display:flex;align-items:center;gap:11px;text-align:left;padding:12px;border:0;border-radius:12px;font-family:var(--sans);cursor:pointer;min-height:58px;transition:transform .2s,box-shadow .2s;animation:nw-enter .5s both}.nw-habit:nth-child(1){animation-delay:.4s}.nw-habit:nth-child(2){animation-delay:.5s}.nw-habit:nth-child(3){animation-delay:.6s}.nw-habit:active{transform:scale(.98)}.nw-habit:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.nw-habit>span:nth-child(2){flex:1;min-width:0}.nw-habit strong{display:block;font-size:13px;line-height:1.35;font-weight:600}.nw-habit small{display:block;font-size:10px;line-height:1.5;margin-top:2px;opacity:.85}.nw-habit-icon{display:grid;place-items:center}.nw-habit-icon .ui-icon{width:19px;height:19px}.nw-morning{background:var(--morning);color:var(--morning-ink)}.nw-midday{background:var(--midday);color:var(--midday-ink)}.nw-evening{background:var(--evening);color:var(--evening-ink)}.nw-tick{display:grid;place-items:center;flex:0 0 20px;width:20px;height:20px;border:1px solid currentColor;border-radius:7px}.nw-tick .ui-icon{width:14px;height:14px;opacity:0;transform:scale(.3);transition:opacity .2s,transform .3s cubic-bezier(.2,.8,.2,1.6)}.nw-habit.is-done .nw-tick .ui-icon{opacity:1;transform:scale(1)}.nw-feedback{font-size:11px;color:var(--ink-2);margin:13px 0 0;min-height:17px;animation:nw-enter .5s .75s both}.nw-orbit{position:absolute;inset:-14px -12px 16px;transform:rotate(-7deg);border:1px solid var(--hair);border-radius:30px;pointer-events:none;animation:nw-card .9s .18s both}.nw-orbit i{position:absolute;width:8px;height:8px;background:var(--orange);border:3px solid var(--canvas);border-radius:50%;box-sizing:content-box;left:-7px;top:28%;animation:nw-dot 1.2s .8s 3}.nw-orbit i:nth-child(2){background:var(--purple);left:auto;right:18%;top:-7px;animation-delay:1s}.nw-orbit i:nth-child(3){background:var(--yellow);left:auto;right:-7px;top:65%;animation-delay:1.2s}.nw-actions{padding-top:10px;display:grid;gap:10px;animation:nw-enter .6s .45s both}.nw-actions .btn{justify-content:center;min-height:52px;border-radius:14px;width:100%;font-size:14px}.nw-actions .primary{background:var(--ink);border-color:var(--ink);color:var(--canvas)}.nw-join{background:transparent;color:var(--ink);border-color:var(--hair-2)}.nw-demo{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--ink-2);font-size:12px;min-height:40px;text-decoration:none}.nw-demo .ui-icon{width:15px;height:15px}.nw-actions>p{margin:0;font-size:10px;color:var(--ink-2);text-align:center;line-height:1.5}.native-app body{background:var(--canvas)}.native-app .auth{box-sizing:border-box;min-height:100svh;background:var(--canvas);padding:24px 20px;align-items:start}.native-app .auth-card{width:min(100%,430px);box-sizing:border-box;margin:0 auto;padding:20px 6px;border:0;background:transparent;border-radius:0}.native-app .auth-card h1{margin-top:32px;font-size:38px}.native-app .auth-card>.muted{line-height:1.6}.native-app .auth-card .btn{min-height:52px}.native-app .auth-card input:not([type=checkbox]){min-height:50px}.native-app .auth-back{min-height:40px;display:grid;place-items:center}.native-app .consent-check{font-size:11px}.native-app .native-optional{font-size:13px;margin-top:5px}.native-app .native-optional summary{cursor:pointer;padding:10px 0;color:var(--ink-2)}.native-app .native-optional .field{margin-top:12px}.native-app .launch-pill{font-size:9px}.native-app .form:focus-within{scroll-margin-bottom:24px}@media(max-height:850px){.nw-page{padding-top:20px;padding-bottom:12px}.nw-main{padding-top:20px}.nw-main h1{font-size:clamp(42px,13vw,57px)}.nw-intro{font-size:13px;margin-top:12px}.nw-illustration{margin-top:22px}.nw-routine{padding:15px}.nw-routine-heading{margin-bottom:12px}.nw-habit{padding:10px;min-height:52px}.nw-habits{gap:7px}.nw-actions{gap:8px}.nw-actions .btn{min-height:49px}}@media(max-width:350px){.nw-page{padding-inline:20px}.nw-header .wordmark{font-size:27px}.nw-routine{padding:13px}.nw-routine-heading h2{font-size:18px}.nw-main h1{letter-spacing:-2px}.nw-habit strong{font-size:12px}.nw-habit small{font-size:9px}}@media(prefers-reduced-motion:reduce){.nw-page *,.nw-page *::before,.nw-page *::after{animation:none!important;transition:none!important}}@keyframes nw-enter{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes nw-card{from{opacity:0;translate:0 15px}to{opacity:1;translate:0 0}}@keyframes nw-dot{0%,100%{scale:1}50%{scale:1.25}}

.nw-page{height:100svh;min-height:0}.nw-main{min-height:0;overflow-y:auto;overflow-x:hidden;justify-content:flex-start;scrollbar-width:none}.nw-main>*{flex-shrink:0}.nw-eyebrow{margin-top:auto}.nw-illustration{margin-bottom:auto}.nw-header,.nw-actions{flex-shrink:0}@media(max-height:680px){.nw-page{padding-top:17px}.nw-main{padding-top:14px}.nw-eyebrow{display:none}.nw-main h1{font-size:43px;margin-top:auto}.nw-intro{font-size:12px;margin-top:10px}.nw-illustration{margin-top:18px}.nw-routine{padding:12px}.nw-routine-heading{margin-bottom:10px}.nw-routine-heading h2{font-size:17px}.nw-ring{height:38px;width:38px}.nw-habit{min-height:44px;padding:9px 10px}.nw-habit small{display:none}.nw-habits{gap:6px}.nw-feedback{margin-top:9px}.nw-actions .btn{min-height:46px}.nw-demo{min-height:32px}.nw-actions>p{display:none}}

@media(min-height:681px) and (max-height:850px){.nw-routine{padding:14px}.nw-routine-heading{margin-bottom:10px}.nw-routine-heading h2{font-size:18px}.nw-ring{width:40px;height:40px}.nw-habit{padding:9px 10px;min-height:49px}}