/* Noah, a quiet but expressive family interface. */
:root,[data-noah-mode="light"]{--n-bg:#faf7f5;--n-bg-2:#f4f0ee;--n-card:rgba(255,255,255,.90);--n-solid:#fff;--n-ink:#2e2934;--n-muted:#777080;--n-border:rgba(83,65,72,.09);--n-shadow:0 22px 70px rgba(82,54,75,.07),0 4px 18px rgba(82,54,75,.025);--n-glass:rgba(255,255,255,.74);--n-backdrop:rgba(24,17,29,.42);--n-purple:#8e72ab;--n-cream:#fff6ee;--n-soft:#f8efee;--n-contrast:#fff;--n-accent:#aa6c84;--n-accent-deep:#815064;--n-accent-soft:#f8e6ec;--n-accent-wash:rgba(229,177,195,.42);--n-accent-2:#dfabaf;--n-grad:linear-gradient(130deg,#f9dde7 0%,#f5e1dc 38%,#e8e0f7 100%);--n-button:linear-gradient(124deg,#ad718b,#9970a1);--n-head-bg:rgba(250,247,245,.8)}
[data-noah-palette="sage"]{--n-accent:#588c7b;--n-accent-deep:#346757;--n-accent-soft:#e4f2e8;--n-accent-wash:rgba(159,213,188,.44);--n-accent-2:#91b8aa;--n-grad:linear-gradient(126deg,#daeee5,#e9ecd3 51%,#d8e6eb);--n-button:linear-gradient(124deg,#4c8e7a,#729e96)}
[data-noah-palette="ocean"]{--n-accent:#567ea9;--n-accent-deep:#385e83;--n-accent-soft:#e6f0fa;--n-accent-wash:rgba(146,195,228,.42);--n-accent-2:#88b9d3;--n-grad:linear-gradient(128deg,#d9ecfa,#deebf1 48%,#e9dffc);--n-button:linear-gradient(125deg,#527eae,#7c89c3)}
[data-noah-palette="peach"]{--n-accent:#b47760;--n-accent-deep:#945842;--n-accent-soft:#fff0e6;--n-accent-wash:rgba(247,199,171,.47);--n-accent-2:#e6b18c;--n-grad:linear-gradient(126deg,#ffe0d2,#fff1d9 50%,#fae1dc);--n-button:linear-gradient(125deg,#b97960,#d09377)}
[data-noah-palette="violet"]{--n-accent:#8460ae;--n-accent-deep:#634587;--n-accent-soft:#f0e9fb;--n-accent-wash:rgba(195,175,232,.47);--n-accent-2:#bc9ad8;--n-grad:linear-gradient(126deg,#e9dcf8,#eee3f9 48%,#f7e2ec);--n-button:linear-gradient(125deg,#805da8,#ae7cb9)}
[data-noah-mode="dark"]{--n-bg:#171620;--n-bg-2:#201f2a;--n-card:rgba(36,34,47,.96);--n-solid:#2b2938;--n-ink:#f7f1f4;--n-muted:#b9afbf;--n-border:rgba(244,224,245,.12);--n-shadow:0 18px 60px rgba(0,0,0,.2);--n-glass:rgba(27,25,37,.78);--n-backdrop:rgba(3,2,8,.77);--n-cream:#292735;--n-soft:#332d3a;--n-contrast:#fff;--n-head-bg:rgba(23,22,32,.85);--n-accent-soft:#383042;--n-accent-wash:rgba(147,101,168,.22);--n-grad:linear-gradient(135deg,#423349,#302f48 46%,#2a3746)}
html[data-noah-mode="dark"] body.noah-site{background:var(--n-bg)}
body.noah-site{background:var(--n-bg);color:var(--n-ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}
.noah-root{min-height:100svh;color:var(--n-ink);isolation:isolate;overflow:clip;line-height:1.48} :where(.noah-root button,.noah-root input,.noah-root textarea,.noah-root select){font:inherit}.noah-root button{cursor:pointer}.noah-root svg{flex-shrink:0}.noah-root h1,.noah-root h2,.noah-root h3,.noah-root p{margin:0}.noah-root h1,.noah-root h2,.noah-root h3{letter-spacing:-.043em}.noah-root a{color:inherit;text-decoration:none}.noah-root button:disabled{opacity:.42;cursor:not-allowed}.noah-root ::placeholder{color:var(--n-muted);opacity:.75}.noah-root :focus-visible,#noah-modal :focus-visible{outline:3px solid var(--n-accent);outline-offset:3px}.noah-root *,#noah-modal *{box-sizing:border-box}
.noah-loading{min-height:80vh;display:flex;flex-direction:column;gap:16px;justify-content:center;align-items:center;font-size:28px;font-weight:750;letter-spacing:-.05em}.noah-spinner{width:46px;height:46px;border-radius:50%;border:3px solid var(--n-border);border-top-color:var(--n-accent);animation:nSpin 1s linear infinite}.n-error,.n-no-family{max-width:520px;margin:10vh auto;padding:32px;display:grid;gap:20px;text-align:center;justify-items:center}.n-no-family .n-logo{margin-bottom:10px}.n-no-family h1{font-size:40px}
.n-logo{display:inline-flex;align-items:center;gap:9px;white-space:nowrap}.n-logo-mark{width:36px;height:36px;border-radius:13px;background:var(--n-button);display:inline-flex;justify-content:center;align-items:center;color:#fff;box-shadow:0 6px 20px var(--n-accent-wash);transform:rotate(-9deg);transition:transform .5s cubic-bezier(.2,.8,.2,1)}.n-logo:hover .n-logo-mark,.n-brand-button:hover .n-logo-mark{transform:rotate(7deg) scale(1.08)}.n-logo-word{font-size:27px;letter-spacing:-.075em;font-weight:800;line-height:1;color:var(--n-ink)}.n-logo-dot{color:var(--n-accent)}
.nbtn{border:0;border-radius:16px;min-height:44px;padding:12px 19px;display:inline-flex;justify-content:center;align-items:center;gap:9px;font-weight:670;font-size:14px;letter-spacing:-.015em;position:relative;isolation:isolate;overflow:hidden;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s,background .3s,color .3s}.nbtn:not(:disabled):hover{transform:translateY(-3px)}.nbtn:not(:disabled):active{transform:translateY(0) scale(.97)}.nbtn.primary{background:var(--n-button);color:#fff;box-shadow:0 8px 24px var(--n-accent-wash)}.nbtn.primary:before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 25%,rgba(255,255,255,.24) 48%,transparent 70%);transform:translateX(-160%);transition:transform .7s}.nbtn.primary:hover:before{transform:translateX(160%)}.nbtn.outline{background:var(--n-card);color:var(--n-ink);border:1px solid var(--n-border)}.nbtn.ghost,.nbtn.quiet{background:transparent;color:var(--n-accent);padding-left:12px;padding-right:12px}.nbtn.small{min-height:38px;padding:9px 14px;border-radius:12px;font-size:13px}.nbtn.large{min-height:58px;padding:16px 25px;border-radius:20px;font-size:15px}.nbtn.wide{width:100%}.nbtn:hover{box-shadow:0 12px 25px rgba(44,33,50,.09)}
.n-top-controls{display:flex;align-items:center;gap:7px}.n-top-icon{border:1px solid var(--n-border);background:var(--n-glass);color:var(--n-ink);border-radius:14px;min-height:42px;display:flex;align-items:center;gap:7px;padding:0 12px;font-size:12px;font-weight:700;backdrop-filter:blur(12px);transition:transform .3s,background .3s}.n-top-icon:hover{transform:translateY(-2px);background:var(--n-card)}.n-landing-head{height:94px;padding:0 max(28px,calc((100vw - 1280px)/2));display:flex;justify-content:space-between;align-items:center;gap:20px;position:relative;z-index:15}.n-head-right{display:flex;align-items:center;gap:9px}.n-public{min-height:100vh;position:relative;overflow:hidden;background:var(--n-bg)}
.n-hero{min-height:690px;max-width:1360px;margin:0 auto;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;padding:12px 52px 100px;gap:30px;position:relative}.n-hero-copy{z-index:3;position:relative;animation:nRise .75s ease both}.n-eyebrow,.n-kicker{font-size:11px;letter-spacing:.175em;text-transform:uppercase;font-weight:800;color:var(--n-accent);display:flex;align-items:center;gap:10px}.n-eyebrow{max-width:490px;line-height:1.7;letter-spacing:.09em}.n-pulse{width:9px;height:9px;border-radius:50%;background:var(--n-accent);box-shadow:0 0 0 7px var(--n-accent-wash);animation:nPulse 3s infinite}.n-hero h1{font-size:clamp(52px,5.8vw,91px);line-height:1.035;letter-spacing:-.072em;font-weight:760;max-width:750px;margin:25px 0}.n-title-flourish{color:var(--n-accent);display:inline-block;vertical-align:top;transform:translate(6px,-8px);font-size:.4em;animation:nSpark 5s ease-in-out infinite}.n-hero-copy>p{font-size:17px;color:var(--n-muted);max-width:505px;line-height:1.85}.n-hero-buttons{display:flex;flex-wrap:wrap;gap:12px;margin:31px 0 27px}.n-trust{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--n-muted)}.n-trust svg{color:var(--n-accent)}.n-orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(4px)}.n-orb-one{width:390px;height:390px;right:-120px;top:-40px;background:radial-gradient(circle,var(--n-accent-wash),transparent 70%);animation:nOrbit 15s ease-in-out infinite}.n-orb-two{width:450px;height:450px;right:12%;bottom:-210px;background:radial-gradient(circle,var(--n-accent-wash),transparent 70%);animation:nOrbit 16s ease-in-out infinite reverse}.n-orb-three{width:200px;height:200px;left:-140px;top:100px;background:radial-gradient(circle,var(--n-accent-wash),transparent 70%)}
.n-hero-visual{position:relative;display:flex;justify-content:center;align-items:center;min-height:620px;perspective:950px}.n-phone-tilt{position:relative;padding:8px;background:linear-gradient(135deg,rgba(255,255,255,.78),rgba(228,215,233,.42));border-radius:40px;box-shadow:0 52px 100px rgba(83,60,93,.18),0 9px 35px rgba(83,60,93,.08),inset 0 0 0 1px rgba(255,255,255,.8);transform:rotate(7deg) translateY(-5px);animation:nPhoneFloat 7s ease-in-out infinite;max-width:340px;width:85%;z-index:3}.n-phone-demo{min-height:596px;border-radius:33px;background:linear-gradient(145deg,#fffbfc,#fbf4f6);overflow:hidden;padding:23px 18px 16px;color:#443541;position:relative;display:flex;flex-direction:column}.n-phone-notch{position:absolute;left:50%;top:9px;transform:translateX(-50%);width:70px;height:15px;border-radius:0 0 13px 13px;background:#ecdce2}.n-phone-head{display:flex;align-items:center;justify-content:space-between;margin-top:18px}.n-phone-head .n-logo-mark{width:26px;height:26px;border-radius:9px}.n-phone-head .n-logo-mark svg{width:14px}.n-phone-head .n-logo-word{font-size:19px;color:#3f303e}.n-phone-hello{margin-top:32px;font-size:12px;color:#9e7888}.n-phone-hello strong{display:block;font-size:23px;letter-spacing:-.05em;color:#41313e;margin-top:6px}.n-demo-baby{background:#f9eaef;border-radius:17px;padding:12px;display:flex;align-items:center;gap:10px;margin:17px 0}.n-demo-avatar{width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#ba7d92;font-size:22px}.n-demo-baby strong,.n-demo-baby small{display:block}.n-demo-baby strong{font-size:12px}.n-demo-baby small{font-size:10px;color:#9f8d95}.n-demo-dot{width:8px;height:8px;border-radius:50%;background:#83b9a5;margin-left:auto}.n-demo-statrow{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.n-demo-statrow>div{min-height:103px;background:#fff;border:1px solid #f3e8ea;border-radius:14px;padding:12px 9px;display:flex;flex-direction:column;gap:3px}.n-demo-statrow span{font-size:17px;color:#bc86a1}.n-demo-statrow strong{font-size:22px;letter-spacing:-.045em}.n-demo-statrow small{font-size:9px;color:#9f8a96}.n-demo-pict{display:flex;gap:10px;align-items:center;background:linear-gradient(130deg,#e7d1df,#f4e4e7);border-radius:18px;padding:22px 13px;margin-top:15px}.n-demo-pict>span{font-size:35px;color:#ab7594}.n-demo-pict div{flex:1}.n-demo-pict strong{font-size:12px;display:block}.n-demo-pict small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:9px;color:#8d7083}.n-demo-bottom{display:flex;justify-content:space-around;margin-top:auto;padding:20px 4px 4px;color:#ba8aa0}.n-floating-bubble{position:absolute;z-index:6;border:1px solid rgba(255,255,255,.82);border-radius:18px;background:rgba(255,255,255,.92);padding:14px 17px;font-size:13px;font-weight:700;color:#5d4c5a;box-shadow:0 18px 55px rgba(65,45,60,.1);backdrop-filter:blur(18px);animation:nBubble 6s ease-in-out infinite}.n-bubble-one{left:0;top:25%}.n-bubble-two{right:0;bottom:19%;animation-delay:-3s}.n-float-leaf{position:absolute;width:62px;height:62px;border-radius:20px;background:var(--n-grad);color:var(--n-accent);display:grid;place-items:center;z-index:2;transform:rotate(15deg);animation:nSpark 6s ease-in-out infinite}.leaf-a{right:10%;top:10%}
.n-features{padding:95px 32px 118px;background:var(--n-bg-2);position:relative}.n-section-intro{text-align:center;margin:0 auto 55px;max-width:780px}.n-section-intro .n-kicker{justify-content:center}.n-section-intro h2{font-size:clamp(33px,4vw,54px);line-height:1.15;margin:16px 0 12px}.n-section-intro p{color:var(--n-muted)}.n-feature-grid{max-width:1260px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.n-feature{border:1px solid var(--n-border);border-radius:28px;background:var(--n-card);padding:27px;min-height:320px;position:relative;overflow:hidden;box-shadow:var(--n-shadow);transform:translateY(26px);opacity:0;transition:transform .9s cubic-bezier(.2,.8,.2,1),opacity .9s;transition-delay:var(--delay)}.n-feature.is-visible{transform:translateY(0);opacity:1}.n-feature:after{content:"";position:absolute;inset:auto -20% -60% -20%;height:70%;background:radial-gradient(circle,var(--n-accent-wash),transparent 70%);pointer-events:none}.n-feature-symbol{width:70px;height:70px;border-radius:22px;display:grid;place-items:center;margin-bottom:45px;color:var(--n-accent);background:var(--n-accent-soft)}.n-feature-no{position:absolute;right:30px;top:29px;font-size:12px;font-weight:800;color:var(--n-accent);opacity:.7}.n-feature h3{font-size:23px;line-height:1.2;margin:0 0 10px}.n-feature p{font-size:14px;line-height:1.75;color:var(--n-muted)}.n-feature-mint .n-feature-symbol{background:#e0eee7;color:#5f9981}.n-feature-peach .n-feature-symbol{background:#fff0de;color:#cb9e75}.n-feature-lavender .n-feature-symbol{background:#ebe4f9;color:#9375c3}
.n-last-call{text-align:center;padding:120px 20px 125px;background:var(--n-grad);position:relative}.n-last-call h2{font-size:clamp(36px,5vw,65px);max-width:700px;margin:14px auto;line-height:1.15}.n-last-call p{color:var(--n-muted);margin:0 auto 28px}.n-starcluster{font-size:32px;letter-spacing:.25em;color:var(--n-accent);animation:nSpark 5s infinite}.n-public-footer{max-width:1260px;margin:auto;padding:35px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.n-public-footer>span{font-size:12px;color:var(--n-muted)}
/* Application */
.n-app{min-height:100svh;padding-bottom:20px}.n-app-head{position:sticky;top:0;z-index:12;border-bottom:1px solid var(--n-border);background:var(--n-head-bg);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.n-app-head-wrap{max-width:1260px;margin:auto;min-height:80px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;gap:20px}.n-brand-button{border:0;background:transparent;padding:4px;display:flex;align-items:center}.n-app-head-middle{display:flex;align-items:center;gap:16px}.n-head-family{font-size:12px;font-weight:650;color:var(--n-muted);display:flex;align-items:center;gap:6px}.n-head-family svg{color:var(--n-accent)}.n-baby-chip,.n-baby-select{display:flex;align-items:center;gap:7px;padding:8px 12px;border-radius:100px;background:var(--n-card);border:1px solid var(--n-border);font-size:12px;font-weight:700}.n-baby-select select{background:transparent;border:0;color:var(--n-ink);max-width:145px;outline:0}.n-avatar{border:0;border-radius:14px;background:var(--n-accent-soft);color:var(--n-accent);width:42px;height:42px;font-weight:850}.n-app-main{max-width:1180px;margin:0 auto;padding:36px 27px 90px}.n-page-enter{animation:nRise .5s cubic-bezier(.18,.8,.25,1) both}.n-home-hero{background:var(--n-grad);border-radius:30px;padding:42px 45px;display:flex;align-items:end;justify-content:space-between;gap:20px;min-height:244px;overflow:hidden;position:relative;margin-bottom:22px}.n-small-glow{position:absolute;width:320px;height:320px;border:1px solid rgba(255,255,255,.3);border-radius:50%;right:-20px;top:-100px;box-shadow:0 0 0 40px rgba(255,255,255,.05),0 0 0 80px rgba(255,255,255,.05);animation:nOrbit 12s ease-in-out infinite}.n-welcome-copy{position:relative;z-index:1}.n-home-hero h1{font-size:clamp(33px,4.5vw,55px);line-height:1.1;margin:15px 0 12px;font-weight:780;max-width:650px}.n-home-hero p{color:var(--n-muted);font-size:13px;max-width:520px}.n-status-pill{align-items:center;display:flex;gap:7px;background:var(--n-glass);border:1px solid var(--n-border);padding:13px 15px;border-radius:100px;font-size:12px;font-weight:700;white-space:nowrap;z-index:2;backdrop-filter:blur(9px)}.n-status-pill svg{color:var(--n-accent)}
.n-dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.n-card{background:var(--n-card);border:1px solid var(--n-border);border-radius:26px;padding:26px;box-shadow:var(--n-shadow);margin:0 0 20px}.n-dashboard-grid .n-card{margin:0 0 20px}.n-card h2{font-size:21px;letter-spacing:-.045em;font-weight:750}.n-section-line{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:25px}.n-section-line .n-baby-chip{padding:7px 11px}.n-section-line .n-kicker{margin-bottom:7px}.n-tiny-star{color:var(--n-accent);font-size:24px}.n-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.n-stat{background:var(--n-bg);border-radius:19px;padding:17px 14px 16px;display:flex;flex-direction:column;gap:4px;min-height:133px}.n-stat-icon{color:var(--n-accent);margin-bottom:4px}.n-stat strong{font-size:24px;letter-spacing:-.05em;white-space:nowrap}.n-stat span{font-size:12px;color:var(--n-muted)}.n-last-feed{margin-top:22px;display:flex;align-items:center;gap:7px;color:var(--n-muted);font-size:12px}.n-last-feed strong{color:var(--n-ink)}.n-quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.n-quick{min-height:87px;display:flex;align-items:center;gap:9px;background:var(--n-bg);border:1px solid var(--n-border);border-radius:19px;padding:14px;color:var(--n-ink);text-align:left;font-size:13px;font-weight:720;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}.n-quick:hover{transform:translateY(-3px);box-shadow:0 12px 35px rgba(62,42,70,.075)}.n-quick>svg:last-child{margin-left:auto;opacity:.36;width:14px}.n-quick-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:var(--n-accent-soft);color:var(--n-accent)}.n-quick.peach .n-quick-icon{background:#fbeadd;color:#bf9271}.n-quick.mint .n-quick-icon{background:#e0efe6;color:#5b967b}.n-quick.lavender .n-quick-icon{background:#eee8f9;color:#9077bb}.n-feed-card{margin-top:0}.n-timeline{display:grid;gap:0}.n-timeline-row{display:grid;grid-template-columns:56px 40px 1fr;align-items:start;gap:9px;min-height:74px;animation:nRise .45s both;animation-delay:calc(var(--index)*.045s)}.n-time{font-size:12px;color:var(--n-muted);padding-top:13px;font-weight:600}.n-timeline-bullet{width:35px;height:35px;border-radius:13px;display:grid;place-items:center;background:var(--n-accent-soft);color:var(--n-accent);position:relative}.n-timeline-bullet:after{content:"";position:absolute;top:40px;height:31px;left:17px;width:1px;background:var(--n-border)}.n-timeline-row:last-child .n-timeline-bullet:after{display:none}.n-timeline-body{padding:7px 0}.n-timeline-body strong,.n-timeline-body span{display:block}.n-timeline-body strong{font-size:14px}.n-timeline-body span{font-size:12px;color:var(--n-muted);margin-top:3px}.n-empty{text-align:center;padding:38px 14px;color:var(--n-muted);font-size:13px}.n-empty svg{color:var(--n-accent);opacity:.65;margin-bottom:12px}.n-page-title{padding:24px 0 32px;max-width:850px}.n-page-title .n-kicker{margin-bottom:10px}.n-page-title h1{font-size:clamp(31px,4vw,50px);line-height:1.14;font-weight:780}.n-page-title p{font-size:14px;color:var(--n-muted);margin-top:13px;max-width:580px;line-height:1.7}
.n-care-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px}.n-timer-card{text-align:center}.n-timer-top{display:flex;justify-content:center;align-items:center;gap:8px;color:var(--n-muted);margin-top:2px;font-size:13px}.n-timer-top svg{color:var(--n-accent)}.n-circle-timer{width:min(250px,65vw);height:min(250px,65vw);aspect-ratio:1;border:0;border-radius:50%;margin:23px auto 16px;display:grid;place-items:center;position:relative;background:var(--n-grad);color:var(--n-ink);box-shadow:0 0 0 12px var(--n-accent-soft),0 21px 55px var(--n-accent-wash);transition:transform .3s,box-shadow .3s}.n-circle-timer:hover{transform:scale(1.045);box-shadow:0 0 0 16px var(--n-accent-soft),0 30px 65px var(--n-accent-wash)}.n-circle-timer:active{transform:scale(.95)}.n-circle-timer:before{content:"";position:absolute;inset:9px;border:1px solid rgba(255,255,255,.65);border-radius:50%}.n-timer-halo{position:absolute;inset:-8px;border:2px solid transparent;border-top-color:var(--n-accent);border-bottom-color:var(--n-accent);border-radius:50%;animation:nSpin 12s linear infinite;opacity:.4}.n-timer-inside{display:flex;align-items:center;flex-direction:column;gap:7px}.n-timer-inside>svg{color:var(--n-accent)}.n-timer-inside strong{font-size:18px;max-width:140px;line-height:1.35}.n-timer-inside small{font-size:11px;color:var(--n-muted);max-width:140px}.n-timer-caption{font-size:12px;color:var(--n-muted);min-height:20px}.n-timer-card.is-running .n-circle-timer{animation:nBreathe 3.4s ease-in-out infinite}.n-live-time{font-size:26px;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.n-feed-actions .n-action-stack{display:grid;gap:10px}.n-feed-actions .n-quick{width:100%;min-height:72px}.n-inline-hint{font-size:12px;color:var(--n-muted);margin-top:15px}.n-pills{display:flex;gap:10px;flex-wrap:wrap}.nbtn.n-pill{border-radius:100px;background:var(--n-bg);border:1px solid var(--n-border);color:var(--n-ink);padding:12px 19px}.nbtn.n-pill:hover{background:var(--n-accent-soft);color:var(--n-accent-deep)}.n-simple-list-row{display:flex;gap:13px;align-items:center;padding:15px 3px;border-bottom:1px solid var(--n-border)}.n-simple-list-row:last-child{border-bottom:0}.n-simple-list-row>div{display:flex;flex-direction:column;gap:5px}.n-simple-list-row strong{font-size:14px;font-weight:680}.n-simple-list-row span,.n-simple-list-row small{color:var(--n-muted);font-size:12px}.n-event-icon{width:39px;height:39px;border-radius:13px;background:var(--n-accent-soft);display:grid;place-items:center;color:var(--n-accent)}
.n-segment{display:flex;gap:7px;background:var(--n-card);border-radius:18px;border:1px solid var(--n-border);padding:6px;margin-bottom:18px;width:max-content;max-width:100%}.n-segment button{border:0;background:transparent;color:var(--n-muted);padding:10px 19px;border-radius:13px;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;transition:all .25s}.n-segment button.active{background:var(--n-accent-soft);color:var(--n-accent-deep)}.n-list-panel{min-height:370px}.n-inline-form{display:flex;gap:8px;margin:14px 0 20px}.n-inline-form input{flex:1;min-width:0;border-radius:14px;padding:13px 15px;border:1px solid var(--n-border);background:var(--n-bg);color:var(--n-ink);font-size:14px}.n-inline-form .n-quantity{max-width:160px}.n-inline-form .nbtn{padding:11px 16px}.n-check-row{display:flex;gap:14px;align-items:center;padding:14px 4px;border-bottom:1px solid var(--n-border)}.n-check-row:last-child{border-bottom:0}.n-checkbox{width:27px;height:27px;min-width:27px;border:1.5px solid var(--n-accent);background:transparent;border-radius:9px;color:#fff;display:grid;place-items:center;transition:transform .2s,background .2s}.n-checkbox:hover{transform:scale(1.12)}.n-check-row.is-done .n-checkbox{background:var(--n-accent)}.n-check-row.is-done strong{text-decoration:line-through;color:var(--n-muted)}.n-check-row>div{display:flex;flex-direction:column;gap:4px}.n-check-row strong{font-size:14px;font-weight:620}.n-check-row small{font-size:12px;color:var(--n-muted)}
.n-memories-heading{max-width:none;display:flex;align-items:center;justify-content:space-between}.n-moment-spark{font-size:90px;color:var(--n-accent);font-weight:300;animation:nSpark 5s infinite}.n-moment-actions{display:flex;gap:11px;flex-wrap:wrap;margin-bottom:20px}.n-album-wrapper{min-height:440px}.n-album-filters{display:flex;gap:8px;overflow-x:auto;padding:2px 0 20px;scrollbar-width:none}.n-album-filters button{white-space:nowrap;border:1px solid var(--n-border);color:var(--n-muted);background:var(--n-bg);font-size:12px;font-weight:650;border-radius:100px;padding:10px 16px}.n-album-filters button.selected{background:var(--n-accent-soft);color:var(--n-accent-deep);border-color:transparent}.n-masonry{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.n-photo-tile{aspect-ratio:1;border:0;padding:0;overflow:hidden;border-radius:18px;position:relative;background:var(--n-accent-soft);text-align:left;display:block;animation:nRise .5s both;animation-delay:calc(var(--photoindex)*.05s)}.n-photo-tile img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.8,.2,1)}.n-photo-tile:hover img{transform:scale(1.08)}.n-photo-caption{position:absolute;inset:auto 0 0;padding:35px 14px 12px;background:linear-gradient(transparent,rgba(0,0,0,.57));color:#fff;display:flex;flex-direction:column;gap:4px}.n-photo-caption strong{font-size:13px}.n-photo-caption small{font-size:11px;opacity:.8}.n-video-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:100%;height:100%;background:var(--n-grad);color:var(--n-accent)}
.n-member-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.n-member-card{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--n-border);border-radius:18px;background:var(--n-bg)}.n-member-card>div:nth-child(2){display:flex;flex:1;flex-direction:column;gap:4px;min-width:0}.n-member-card strong{font-size:14px;overflow:hidden;text-overflow:ellipsis}.n-member-card small{font-size:12px;color:var(--n-muted)}.n-person-avatar{width:43px;height:43px;min-width:43px;border-radius:15px;background:var(--n-accent-soft);color:var(--n-accent);display:grid;place-items:center;font-size:18px;font-weight:760}.n-icon-button{display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:12px;background:var(--n-accent-soft);color:var(--n-accent);transition:transform .25s}.n-icon-button:hover{transform:scale(1.08)}.n-muted{color:var(--n-muted);font-size:13px;margin-bottom:20px!important;line-height:1.7}.n-mood-choice{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.n-mood-choice label{cursor:pointer}.n-mood-choice input{position:absolute;opacity:0}.n-mood-choice label span{display:flex;flex-direction:column;gap:6px;align-items:center;padding:13px 3px;border-radius:14px;border:1px solid var(--n-border);background:var(--n-bg);transition:background .25s,transform .25s}.n-mood-choice b{font-size:24px}.n-mood-choice small{font-size:11px;color:var(--n-muted);text-align:center}.n-mood-choice input:checked+span{background:var(--n-accent-soft);border-color:var(--n-accent);transform:translateY(-3px)}.n-mood-choice input:focus-visible+span{outline:3px solid var(--n-accent)}.n-wall-posts{margin-top:22px}.n-wall-post{display:flex;gap:12px;padding:15px 0;border-bottom:1px solid var(--n-border)}.n-wall-post:last-child{border-bottom:0}.n-wall-icon{width:36px;height:36px;min-width:36px;background:var(--n-accent-soft);border-radius:12px;display:grid;place-items:center;color:var(--n-accent)}.n-wall-post p{font-size:13px;line-height:1.65;margin:0 0 6px}.n-wall-post strong{font-size:13px}.n-wall-post small{color:var(--n-muted);font-size:11px}.n-settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:24px}.n-settings-grid label{font-size:12px;font-weight:680;display:grid;gap:7px}.n-settings-grid select{min-width:0;width:100%;border:1px solid var(--n-border);border-radius:13px;background:var(--n-bg);color:var(--n-ink);padding:12px}.n-spacer-sm{height:13px}
.n-mobile-nav{position:fixed;left:50%;transform:translateX(-50%);bottom:0;bottom:env(safe-area-inset-bottom,0);z-index:11;width:min(540px,calc(100% - 28px));border:1px solid var(--n-border);border-radius:23px 23px 0 0;display:flex;justify-content:space-around;align-items:center;background:var(--n-glass);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);padding:10px 10px max(9px,env(safe-area-inset-bottom,9px));box-shadow:0 -10px 60px rgba(29,22,38,.09)}.n-mobile-nav button{border:0;background:transparent;min-width:58px;min-height:55px;padding:7px 4px;border-radius:15px;display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;font-size:10px;color:var(--n-muted);transition:all .28s}.n-mobile-nav button.active{background:var(--n-accent-soft);color:var(--n-accent-deep);transform:translateY(-4px)}.n-mobile-nav button span{font-weight:650;white-space:nowrap}
/* Dialogs, capture, accessibility */
body.n-modal-open{overflow:hidden}.n-modal-shade{position:fixed;inset:0;z-index:100000;background:var(--n-backdrop);display:flex;align-items:center;justify-content:center;padding:18px;backdrop-filter:blur(12px);animation:nFade .2s both}.n-modal{width:min(100%,530px);max-height:min(92svh,840px);display:flex;flex-direction:column;border-radius:27px;background:var(--n-solid);border:1px solid var(--n-border);box-shadow:0 33px 100px rgba(5,4,15,.22);overflow:hidden;color:var(--n-ink);animation:nDialog .4s cubic-bezier(.2,.8,.2,1) both}.n-modal-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 24px 12px}.n-modal-head h2{font-size:23px;letter-spacing:-.055em;margin:0}.n-modal-content{padding:12px 24px 26px;overflow:auto;overscroll-behavior:contain}.n-form{display:flex;flex-direction:column;gap:16px}.n-field{display:flex;flex-direction:column;gap:8px}.n-field span,.n-form>strong{font-size:13px;font-weight:680}.n-form input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),.n-form select,.n-form textarea{width:100%;min-height:47px;border:1px solid var(--n-border);background:var(--n-bg);color:var(--n-ink);padding:12px 14px;border-radius:13px;font-size:14px;outline:0;transition:border-color .25s,box-shadow .25s}.n-form textarea{resize:vertical;min-height:82px}.n-form input:focus,.n-form textarea:focus,.n-form select:focus{border-color:var(--n-accent);box-shadow:0 0 0 3px var(--n-accent-wash)}.n-text-button{margin:18px 0 4px;background:transparent;border:0;color:var(--n-accent);font-size:13px;font-weight:650;text-decoration:underline;text-underline-offset:4px}.n-modal-privacy{font-size:11px;display:flex;gap:6px;align-items:center;color:var(--n-muted);padding-top:18px}.n-invite-line{background:var(--n-accent-soft);padding:12px 14px;border-radius:13px;color:var(--n-accent-deep);font-size:13px;margin:0 0 15px}.n-note-small{font-size:11px;color:var(--n-muted);line-height:1.65;margin:2px 0}.n-palette-row{display:flex;gap:12px}.n-palette-dot{width:36px;height:36px;border-radius:13px;border:3px solid var(--n-solid);outline:1px solid var(--n-border);background:#be8da4;transition:transform .25s}.n-palette-dot.selected{outline:2px solid var(--n-ink);transform:scale(1.1)}.n-palette-dot[data-color="sage"]{background:#76a98d}.n-palette-dot[data-color="ocean"]{background:#729dc5}.n-palette-dot[data-color="peach"]{background:#e3a98e}.n-palette-dot[data-color="violet"]{background:#aa88c9}.n-permission-heading{display:flex;align-items:center;gap:13px;margin:0 0 22px}.n-permission-heading p{color:var(--n-muted);font-size:12px;line-height:1.55;margin:4px 0 0}.n-permission-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.n-perm-row{display:flex;align-items:center;gap:9px;border:1px solid var(--n-border);border-radius:12px;padding:10px;cursor:pointer;font-size:12px;line-height:1.35}.n-perm-row input{accent-color:var(--n-accent);width:16px;height:16px;min-width:16px}
.n-camera-viewport{width:100%;aspect-ratio:3/4;max-height:48vh;position:relative;border-radius:22px;background:#151420;overflow:hidden}.n-camera-viewport video,.n-camera-viewport img,#noah-camera-preview{width:100%;height:100%;object-fit:cover}.n-camera-viewport video[hidden],#noah-camera-preview[hidden]{display:none}.n-camera-overlay{position:absolute;left:15px;right:15px;top:13px;display:flex;align-items:center;justify-content:space-between;pointer-events:none;color:#fff;font-size:10px;font-weight:700;letter-spacing:.06em;text-shadow:0 2px 8px #0007}.n-camera-reticle{position:absolute;inset:16%;border:1px solid rgba(255,255,255,.28);border-radius:20px;pointer-events:none}.n-cam-buttons{display:flex;justify-content:space-around;align-items:center;padding:12px 0 3px}.n-camera-shutter{width:70px;height:70px;border-radius:50%;background:var(--n-solid);border:5px solid var(--n-accent);display:grid;place-items:center;color:var(--n-accent);box-shadow:0 0 0 5px var(--n-accent-soft);transition:transform .2s}.n-camera-shutter:hover{transform:scale(1.05)}.n-camera-shutter.is-recording{border-color:#dc4850;background:#fbe2e4;color:#c52a33;animation:nBreathe 1s infinite}.n-cam-status{text-align:center;font-size:12px;color:var(--n-muted);margin:4px 0 14px}.n-camera-save{display:grid;gap:9px}.n-camera-save[hidden]{display:none}.n-loc-toggle{display:flex;gap:9px;align-items:center;font-size:12px;cursor:pointer}.n-loc-toggle>input{position:absolute;opacity:0}.n-switch{width:43px;height:25px;min-width:43px;border-radius:40px;background:var(--n-border);border:1px solid var(--n-border);padding:2px;transition:background .25s}.n-switch i{display:block;background:#fff;width:19px;height:19px;border-radius:50%;box-shadow:0 2px 6px #0002;transition:transform .25s}.n-loc-toggle input:checked+.n-switch{background:var(--n-accent)}.n-loc-toggle input:checked+.n-switch i{transform:translateX(18px)}.n-loc-toggle input:focus-visible+.n-switch{outline:3px solid var(--n-accent);outline-offset:2px}.n-upload-zone{display:grid;justify-items:center;gap:13px;background:var(--n-accent-soft);border:1px dashed var(--n-accent);border-radius:18px;padding:24px 16px;color:var(--n-accent-deep)}.n-upload-zone>label{display:grid;justify-items:center;gap:10px;font-size:13px;font-weight:650}.n-upload-zone input{max-width:100%;font-size:12px}.n-upload-zone small{font-size:11px;color:var(--n-muted)}.n-media-view img,.n-media-view video{width:100%;max-height:66vh;object-fit:contain;border-radius:16px;background:#13121b}.n-media-info{margin:13px 0 17px;display:flex;gap:9px;align-items:center;flex-wrap:wrap;font-size:12px;color:var(--n-muted)}.n-media-info>span{display:flex;align-items:center;gap:6px}.n-media-view .nbtn{margin-top:6px}
#noah-toast{position:fixed;z-index:110000;bottom:105px;left:50%;transform:translate(-50%,24px);background:#272330;color:#fff;box-shadow:0 15px 40px #0003;border:1px solid #ffffff25;border-radius:16px;padding:13px 20px;max-width:calc(100vw - 30px);width:max-content;font-size:13px;text-align:center;opacity:0;pointer-events:none;transition:opacity .3s,transform .35s}#noah-toast.visible{opacity:1;transform:translate(-50%,0)}
@keyframes nSpin{to{transform:rotate(360deg)}}@keyframes nRise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes nFade{from{opacity:0}to{opacity:1}}@keyframes nPulse{0%,100%{box-shadow:0 0 0 5px var(--n-accent-wash)}50%{box-shadow:0 0 0 11px transparent}}@keyframes nSpark{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-7px) rotate(14deg)}}@keyframes nOrbit{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(24px,-22px) scale(1.08)}}@keyframes nPhoneFloat{0%,100%{transform:rotate(7deg) translateY(-5px)}50%{transform:rotate(5deg) translateY(-25px)}}@keyframes nBubble{0%,100%{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes nBreathe{0%,100%{box-shadow:0 0 0 12px var(--n-accent-soft),0 20px 40px var(--n-accent-wash)}50%{box-shadow:0 0 0 20px var(--n-accent-soft),0 28px 65px var(--n-accent-wash)}}@keyframes nDialog{from{opacity:0;transform:translateY(35px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:1040px){.n-hero{padding:20px 32px 70px;min-height:630px}.n-hero h1{font-size:clamp(45px,5.7vw,69px)}.n-feature-grid{grid-template-columns:repeat(2,1fr)}.n-feature{min-height:260px}.n-hero-visual{min-height:560px}.n-bubble-one{left:-20px}.n-bubble-two{right:-10px}.n-phone-demo{min-height:560px}.n-hero-visual .n-phone-tilt{max-width:305px}}
@media(max-width:740px){.n-landing-head{height:74px;padding:0 19px}.n-landing-head .n-desktop-signin{display:none}.n-landing-head .n-desktop-register{padding:10px 12px;min-height:39px;font-size:12px}.n-landing-head .n-top-icon{min-height:39px;padding:0 10px}.n-landing-head .n-top-icon span{display:none}.n-hero{grid-template-columns:1fr;padding:44px 25px 70px;gap:20px;min-height:auto}.n-hero h1{font-size:clamp(48px,10vw,71px);margin:23px 0 16px}.n-hero-copy>p{font-size:15px}.n-hero-buttons{margin:25px 0 19px}.n-hero-buttons .nbtn{min-height:51px;padding:12px 18px;font-size:13px}.n-hero-visual{min-height:500px;margin-top:10px}.n-phone-tilt{max-width:292px!important}.n-phone-demo{min-height:520px;padding:20px 16px 14px}.n-floating-bubble{font-size:11px;padding:11px}.n-bubble-one{left:0;top:15%}.n-bubble-two{right:0;bottom:10%}.n-feature-grid{gap:13px}.n-features{padding:65px 18px 85px}.n-feature{padding:22px;min-height:310px}.n-feature-symbol{margin-bottom:35px}.n-feature h3{font-size:21px}.n-feature p{font-size:13px}.n-public-footer{flex-direction:column;align-items:flex-start;padding:29px 20px}.n-last-call{padding:87px 20px}.n-app-head-wrap{min-height:69px;padding:0 17px;gap:10px}.n-head-family{display:none}.n-app-head .n-logo-word{font-size:22px}.n-app-head .n-logo-mark{width:32px;height:32px}.n-app-head .n-top-icon{padding:0 9px;min-height:39px}.n-app-head .n-top-icon span{display:none}.n-app-head .n-avatar{width:38px;height:38px}.n-app-head .n-baby-select{padding:5px 8px}.n-app-head .n-baby-select select{max-width:112px}.n-app-main{padding:21px 15px 115px}.n-home-hero{min-height:210px;padding:27px 22px;border-radius:22px;align-items:start;flex-direction:column;gap:20px}.n-home-hero h1{font-size:35px}.n-home-hero p{font-size:12px}.n-status-pill{padding:9px 13px;font-size:11px}.n-dashboard-grid{grid-template-columns:1fr;gap:0}.n-card{border-radius:21px;padding:20px;margin-bottom:14px}.n-dashboard-grid .n-card{margin-bottom:14px}.n-stats{gap:8px}.n-stat{padding:13px 11px;min-height:113px}.n-stat strong{font-size:21px}.n-stat-icon svg{width:19px}.n-section-line{margin-bottom:18px}.n-card h2{font-size:19px}.n-quick{min-height:74px;padding:11px}.n-quick-icon{width:36px;height:36px;border-radius:12px}.n-quick-icon svg{width:22px}.n-quick span:nth-child(2){font-size:12px}.n-page-title{padding:18px 5px 27px}.n-page-title h1{font-size:34px}.n-care-layout{grid-template-columns:1fr;gap:0}.n-masonry{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.n-photo-tile{border-radius:14px}.n-moment-spark{font-size:45px}.n-moment-actions{gap:8px}.n-moment-actions .nbtn{font-size:12px;padding:10px 14px}.n-member-grid{grid-template-columns:1fr}.n-settings-grid{grid-template-columns:1fr 1fr}.n-app .n-mobile-nav{border-radius:21px 21px 0 0}.n-mobile-nav button{min-width:54px;font-size:9px}.n-inline-form .n-quantity{max-width:100px}}
@media(max-width:440px){.n-logo-word{font-size:23px}.n-landing-head .n-desktop-register{font-size:11px}.n-hero{padding:30px 19px 60px}.n-hero h1{font-size:46px}.n-hero-visual{min-height:460px}.n-phone-demo{min-height:500px}.n-phone-tilt{max-width:270px!important}.n-bubble-one{left:-7px}.n-bubble-two{right:-9px}.n-feature-grid{grid-template-columns:1fr}.n-feature{min-height:230px}.n-feature-symbol{margin-bottom:22px}.n-app-head .n-baby-chip{display:none}.n-app-head .n-logo-word{font-size:20px}.n-app-head .n-logo-mark{width:30px;height:30px}.n-modal-shade{align-items:end;padding:0}.n-modal{max-height:94svh;width:100%;border-radius:28px 28px 0 0;padding-bottom:env(safe-area-inset-bottom,0)}.n-modal-head{padding:22px 18px 12px}.n-modal-content{padding:10px 18px 26px}.n-permission-grid{grid-template-columns:1fr}.n-mood-choice b{font-size:20px}.n-mood-choice small{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.n-feature{opacity:1;transform:none}}

/* Noah life story extension — warm editorial layouts, intentional movement and calm color. */
.n-life-head{position:relative;overflow:hidden;background:var(--n-gradient-soft,linear-gradient(120deg,#f6e7ee,#eeeafa));padding:42px 38px;border-radius:32px;margin:20px 0 28px;isolation:isolate}
.n-life-head::before,.n-life-head::after{content:'✦';position:absolute;pointer-events:none;color:var(--n-accent,#bb7d95);opacity:.15;z-index:-1;animation:noah-drift 10s ease-in-out infinite}
.n-life-head::before{font-size:170px;top:-70px;right:7%}.n-life-head::after{font-size:110px;bottom:-75px;right:28%;animation-delay:-4s}
.n-life-head h1{max-width:770px}.n-life-head p{max-width:650px}.n-life-stars{position:absolute;right:5%;bottom:16px;font-size:24px;letter-spacing:12px;opacity:.6;animation:noah-gentle 9s ease-in-out infinite}
.n-life-tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:18px 0 24px}
.n-life-tile{appearance:none;text-align:left;border:1px solid var(--n-border,rgba(140,120,145,.15));border-radius:20px;background:var(--n-card,#fff);color:inherit;box-shadow:0 10px 34px rgba(53,43,65,.06);padding:20px 16px;min-height:140px;display:flex;flex-direction:column;align-items:flex-start;gap:14px;position:relative;overflow:hidden;cursor:pointer;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s,border-color .35s}
.n-life-tile:hover,.n-life-tile:focus-visible{transform:translateY(-7px);box-shadow:0 20px 40px rgba(53,43,65,.12);border-color:var(--n-accent,#b77c97)}
.n-life-tile>span{display:grid;place-items:center;background:linear-gradient(145deg,rgba(235,184,208,.34),rgba(199,197,243,.25));height:52px;width:52px;border-radius:18px;animation:noah-gentle 6s ease-in-out infinite}
.n-life-tile:nth-child(2)>span{animation-delay:-1.2s}.n-life-tile:nth-child(3)>span{animation-delay:-2.3s}.n-life-tile:nth-child(4)>span{animation-delay:-3.4s}.n-life-tile strong{font-size:15px;line-height:1.4}.n-life-tile>svg{position:absolute;right:14px;bottom:15px;opacity:.6}
.n-gentle-prompt{display:flex;align-items:center;gap:22px;flex-wrap:wrap;position:relative;background:linear-gradient(115deg,rgba(251,232,235,.87),rgba(232,238,250,.76));border:1px solid rgba(222,172,198,.42);border-radius:28px;padding:26px 28px;margin:22px 0 24px;overflow:hidden;box-shadow:0 14px 36px #76556c0c}
:root[data-noah-mode=dark] .n-gentle-prompt{background:linear-gradient(110deg,#3d2e47,#2a3449);border-color:#524059}
.n-gentle-prompt>div:nth-child(2){flex:1;min-width:190px}.n-gentle-prompt h2{font-size:clamp(20px,2.2vw,28px);margin:4px 0 5px;letter-spacing:-.025em}.n-gentle-prompt p{font-size:13px;margin:0;opacity:.75}.n-prompt-charm{font-size:50px;color:#bc7fa1;animation:noah-gentle 6s ease-in-out infinite}
.n-teen-intro{border-radius:28px;background:linear-gradient(120deg,rgba(183,207,226,.2),rgba(227,203,235,.22));padding:30px}
.n-life-filters{display:flex;gap:8px;overflow-x:auto;padding:8px 0 20px;scrollbar-width:thin}.n-life-filters button{background:transparent;border:1px solid rgba(144,134,146,.24);border-radius:25px;padding:8px 14px;white-space:nowrap;cursor:pointer;color:inherit;font-size:12px}.n-life-filters button.active{background:#7d5970;color:#fff;border-color:#7d5970}
.n-story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.n-story-card{background:var(--n-card,#fff);border:1px solid rgba(150,125,140,.15);border-radius:22px;padding:24px;min-height:190px;display:flex;flex-direction:column;animation:noah-rise .65s cubic-bezier(.15,.9,.27,1) both;animation-delay:calc(var(--index) * 45ms);box-shadow:0 5px 20px #352d4410;transition:transform .3s,box-shadow .3s}.n-story-card:hover{transform:translateY(-4px);box-shadow:0 15px 35px #352d441c}.n-story-top{display:flex;align-items:center;gap:10px}.n-story-glyph{display:grid;place-items:center;width:35px;height:35px;border-radius:12px;background:linear-gradient(135deg,#f5e0e9,#e5e3f5);color:#875574;font-size:23px}.n-story-type{font-size:11px;letter-spacing:.02em;opacity:.7}.n-story-card h3{font-size:19px;line-height:1.27;letter-spacing:-.02em;margin:13px 0 9px}.n-story-card p{font-size:13px;line-height:1.7;opacity:.8;white-space:normal;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:7;overflow:hidden}.n-story-foot{border-top:1px solid rgba(128,125,132,.14);display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:auto;padding-top:14px;font-size:12px;opacity:.8}.n-story-foot .nbtn{margin-left:auto}
.n-archive-card{position:relative;overflow:hidden;background:linear-gradient(125deg,rgba(231,227,245,.7),rgba(251,229,236,.6));margin-top:22px}.n-archive-card::after{content:'♡';position:absolute;right:-17px;bottom:-80px;font-size:240px;opacity:.06;pointer-events:none}.n-archive-card p{max-width:720px;line-height:1.7}
.n-soft-nudge{position:fixed;z-index:99999;bottom:calc(86px + env(safe-area-inset-bottom,0px));right:20px;max-width:min(420px,calc(100vw - 24px));background:var(--n-card,#fff);border-radius:22px;box-shadow:0 18px 65px #19152335;border:1px solid rgba(180,160,170,.2);padding:16px;display:flex;align-items:center;gap:12px;animation:noah-rise .6s both}.n-soft-nudge>span:nth-child(2){flex:1}.n-soft-nudge strong{display:block;font-size:13px}.n-soft-nudge small{display:block;font-size:11px;line-height:1.5;opacity:.7;margin-top:3px}.n-soft-nudge button{padding:9px 12px;border-radius:12px;font-size:11px;border:0;background:#835c74;color:#fff;cursor:pointer}.n-soft-nudge button.n-nudge-close{padding:4px 8px;background:transparent;color:inherit;font-size:24px;align-self:flex-start;line-height:1}.n-nudge-spark{font-size:25px;color:#c98baa;animation:noah-gentle 5s ease-in-out infinite}
:root[data-noah-mode=dark] .n-life-head{background:linear-gradient(130deg,#3a2d49,#29344b)}:root[data-noah-mode=dark] .n-life-tile,:root[data-noah-mode=dark] .n-story-card,:root[data-noah-mode=dark] .n-soft-nudge{background:#272737;color:#f7f3f6}:root[data-noah-mode=dark] .n-archive-card{background:linear-gradient(130deg,#332d49,#2d3b4a)}
@keyframes noah-gentle{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-8px) rotate(3deg)}}
@keyframes noah-drift{0%,100%{transform:translate(0,0) rotate(0deg)}50%{transform:translate(-22px,20px) rotate(13deg)}}
@keyframes noah-rise{from{opacity:0;transform:translateY(22px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
.n-mobile-nav{overflow-x:auto;scrollbar-width:none;justify-content:space-between}.n-mobile-nav::-webkit-scrollbar{display:none}.n-mobile-nav button{flex:1;min-width:48px}.n-app-main{padding-bottom:110px}
@media(max-width:900px){.n-life-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.n-story-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.n-life-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.n-life-tile{padding:16px 13px;min-height:125px}.n-life-tile strong{font-size:12px}.n-life-head{padding:30px 20px;border-radius:24px}.n-life-stars{display:none}.n-gentle-prompt{padding:17px;gap:12px;border-radius:22px}.n-gentle-prompt>button{width:100%}.n-prompt-charm{font-size:34px}.n-story-grid{grid-template-columns:1fr}.n-story-card{padding:19px}.n-soft-nudge{bottom:calc(84px + env(safe-area-inset-bottom,0px));right:10px;left:10px;max-width:none}.n-mobile-nav button{min-width:45px;padding-left:2px;padding-right:2px;font-size:9px}}
@media(prefers-reduced-motion:reduce){.n-life-head:before,.n-life-head:after,.n-life-stars,.n-life-tile>span,.n-prompt-charm,.n-nudge-spark{animation:none}.n-story-card{animation:none}.n-soft-nudge{animation:none}}
.n-inline-form select{border:1px solid var(--n-border);background:var(--n-bg);color:var(--n-ink);border-radius:14px;padding:11px;min-width:110px;max-width:160px;font-size:12px}.n-inline-form input[type="datetime-local"]{max-width:210px;font-size:12px}
@media(max-width:650px){.n-inline-form[data-form="task"]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:8px}.n-inline-form[data-form="task"] input[name="title"]{grid-column:1/-1}.n-inline-form[data-form="task"] select{min-width:0;width:100%;max-width:none}.n-inline-form[data-form="task"] input[type="datetime-local"]{min-width:0;width:100%;max-width:none}.n-inline-form[data-form="task"] button{grid-column:3}}

/* Noah Family 2.1: five destinations, stable controls, safe device insets. */
:root { --n-nav-height: 88px; }
.noah-root .n-app { padding-bottom: 0; }
.noah-root .n-app-main { padding-bottom: calc(var(--n-nav-height) + 28px); }
.noah-root .n-app .n-mobile-nav {
  display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); align-items: stretch;
  gap: 2px; left: 50%; bottom: 0; width: 100%; max-width: 720px;
  margin: 0; padding: 7px max(7px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom,0px)) max(7px,env(safe-area-inset-left));
  overflow: visible; border-radius: 22px 22px 0 0; z-index: 30;
  background: var(--n-solid); box-shadow: 0 -8px 35px #3026380c;
}
.noah-root .n-app .n-mobile-nav button {
  width: 100%; min-width: 0; min-height: 58px; margin: 0; padding: 7px 2px;
  border-radius: 14px; gap: 5px; color: var(--n-muted); font-size: .68rem;
  line-height: 1.2; transform: none; transition: color .18s,background .18s;
  touch-action: manipulation; -webkit-tap-highlight-color: transparent;
}
.noah-root .n-app .n-mobile-nav button.active { transform: none; color: var(--n-accent-deep); background: var(--n-accent-soft); }
.noah-root .n-app .n-mobile-nav button span { white-space: normal; overflow-wrap: anywhere; width: 100%; min-width: 0; text-align: center; }
.noah-root .n-app .n-mobile-nav button svg { flex: 0 0 22px; pointer-events: none; }
.n-keyboard-open .noah-root .n-app .n-mobile-nav { visibility: hidden; pointer-events: none; }
.n-logo-family { display: block; font-size: 9px; line-height: 1.5; letter-spacing: .18em; text-transform: uppercase; margin: 3px 0 0 2px; }
.noah-root .n-brand-button { gap: 9px; }
.n-context-bar { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 13px; max-width: 1260px; margin: 0 auto; padding: 0 28px 12px; font-size: 12px; }
.n-context-family { display: flex; align-items: center; gap: 6px; min-width: 0; flex: 1; font-weight: 700; }
.n-context-family>span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.n-context-family select { color: var(--n-ink); background: transparent; border: 1px solid var(--n-border); border-radius: 10px; max-width: 180px; min-height: 36px; padding: 3px; font: inherit; }
.n-sync-status { display: inline-flex; align-items: center; gap: 5px; color: var(--n-muted); font-size: .67rem; max-width: 100%; }
.n-sync-status::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: #4e8a67; flex: 0 0 6px; }
.n-sync-status.has-error::before { background: #b07535; }
.n-sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.n-active-care { border: 1px solid var(--n-border); border-left: 4px solid var(--n-accent); border-radius: 19px; margin: 0 0 23px; background: var(--n-solid); padding: 15px 18px; }
.n-active-title { display: flex; align-items: center; gap: 8px; color: var(--n-accent); font-size: 13px; margin-bottom: 8px; }
.n-active-row { display: flex; align-items: center; gap: 12px; padding: 12px 0; border-top: 1px solid var(--n-border); }
.n-active-row>div:first-of-type { flex: 1; min-width: 0; }
.n-active-row strong,.n-active-row small { display: block; overflow-wrap: anywhere; }
.n-active-row strong { font-size: 14px; }
.n-active-row small { font-size: 12px; color: var(--n-muted); margin-top: 4px; }
.n-active-row .n-live-time { font-size: 14px; letter-spacing: 0; }
.n-active-controls { display: flex; align-items: center; flex-wrap: wrap; justify-content: flex-end; gap: 6px; }
.n-active-controls .nbtn { min-height: 44px; }
.n-active-symbol { display: grid; place-items: center; background: var(--n-accent-soft); color: var(--n-accent); width: 38px; height: 38px; border-radius: 12px; flex: 0 0 38px; }
.n-timer-display { min-height: 180px; padding: 28px 10px; display: flex; flex-direction: column; gap: 13px; align-items: center; justify-content: center; color: var(--n-accent); }
.n-timer-display strong { color: var(--n-ink); font-size: 30px; font-variant-numeric: tabular-nums; }
.n-timer-display small { color: var(--n-muted); font-size: 13px; }
.n-timer-card .nbtn { margin-top: 8px; min-height: 48px; }
.n-timer-halo,.n-timer-inside,.nbtn>svg,.n-quick>svg { pointer-events: none; }
.n-timeline-body>small { display: block; font-size: 11px; color: var(--n-muted); margin-top: 4px; }
.n-timeline-body .nbtn { margin: 4px 0 0 -7px; font-size: 11px; min-height: 36px; }
.noah-root .n-inline-form { display: grid; grid-template-columns: minmax(100px,2fr) minmax(90px,1fr) minmax(110px,1fr) auto; align-items: center; }
.noah-root .n-inline-form input,.noah-root .n-inline-form select { min-width: 0; width: 100%; }
.n-more-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; margin-bottom: 22px; }
.n-more-card { padding: 23px; border-radius: 20px; display: flex; align-items: center; gap: 15px; min-height: 110px; border: 1px solid var(--n-border); color: var(--n-ink); background: var(--n-card); text-align: left; font: inherit; }
.n-more-card>strong { flex: 1; overflow-wrap: anywhere; }
.n-more-card>svg { color: var(--n-accent); flex-shrink: 0; }
.n-install-card { background: var(--n-grad); }
.n-install-hero { padding: 20px 0; display: grid; gap: 15px; justify-items: center; text-align: center; color: var(--n-accent); }
.n-install-hero h3 { color: var(--n-ink); font-size: 26px; margin: 0; }
.n-install-hero p { color: var(--n-muted); font-size: 14px; line-height: 1.6; }
.n-install-steps { padding-left: 22px; line-height: 1.8; font-size: 14px; }
.n-install-steps li { margin-bottom: 12px; }
.n-search-result { display: grid; gap: 6px; padding: 18px 0; border-bottom: 1px solid var(--n-border); }
.n-search-result small { color: var(--n-muted); font-size: 11px; }
.n-search-result strong { overflow-wrap: anywhere; }
.n-screen-content>section:first-child { animation: nFade .2s ease both; }
body.noah-site #chatbot-float-box,body.noah-site #hostinger-ai-chatbot { display: none !important; }
#noah-modal .n-form input,#noah-modal .n-form textarea,#noah-modal .n-form select { font-size: 16px; }
#noah-modal .n-modal { max-height: calc(100dvh - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)); }
#noah-modal .n-modal-content { padding-bottom: calc(26px + env(safe-area-inset-bottom,0px)); }
#noah-toast { bottom: calc(var(--n-nav-height) + 16px); }
@media(max-width:740px) {
  .n-context-bar { padding: 0 16px 10px; }
  .n-context-family { font-size: 11px; }
  .n-sync-status { margin-left: auto; }
  .n-active-care { padding: 13px; margin-bottom: 17px; }
  .n-active-row { flex-wrap: wrap; gap: 9px; }
  .n-active-controls { width: 100%; justify-content: stretch; padding-left: 47px; }
  .n-active-controls .nbtn { flex: 1; padding: 10px 8px; font-size: 12px; white-space: normal; }
  .noah-root .n-inline-form { grid-template-columns: minmax(0,1fr) auto; }
  .noah-root .n-inline-form>input:first-child { grid-column: 1 / -1; }
  .noah-root .n-inline-form select { grid-column: 1; }
  .noah-root .n-inline-form input[type="datetime-local"] { grid-column: 1; }
  .noah-root .n-inline-form button { grid-column: 2; grid-row: 2 / 4; min-height: 48px; }
  .n-more-grid { gap: 10px; }
  .n-more-card { padding: 18px 13px; min-height: 125px; flex-wrap: wrap; gap: 10px; }
  .n-more-card>strong { width: 100%; flex: 1 0 80%; font-size: 14px; }
  .n-more-card>svg:last-child { display: none; }
}
@media(max-width:360px) {
  .n-app-head .n-app-head-wrap { padding: 0 12px; }
  .n-app-head .n-logo-word { font-size: 20px; }
  .n-app-head .n-head-right { gap: 5px; }
  .n-app-head .n-top-controls { gap: 5px; }
  .n-app-head .n-top-icon { min-width: 40px; min-height: 44px; padding: 8px; }
  .n-context-bar { gap: 6px; padding-left: 12px; padding-right: 12px; }
  .n-context-bar .n-baby-chip { padding: 6px 8px; font-size: 11px; }
  .n-context-family { flex-basis: 40%; }
  .n-sync-status { font-size: 10px; }
  .n-active-controls { padding-left: 0; }
  .n-settings-grid { grid-template-columns: 1fr; }
}
@media(prefers-reduced-motion:reduce) {
  .noah-root *,#noah-modal * { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}

/* Paired palettes with readable action text in both appearances. */
:root,[data-noah-palette="rose"]{--n-button:linear-gradient(124deg,#8b5069,#73527f)}
[data-noah-palette="sage"]{--n-button:linear-gradient(124deg,#356d5a,#426e68)}
[data-noah-palette="ocean"]{--n-button:linear-gradient(124deg,#315f91,#555789)}
[data-noah-palette="peach"]{--n-button:linear-gradient(124deg,#93513c,#8b5944)}
[data-noah-palette="violet"]{--n-button:linear-gradient(124deg,#66408d,#80517f)}
[data-noah-mode="dark"]{--n-accent:#e3b0ca;--n-accent-deep:#f3d3e5;--n-accent-soft:#40303d;--n-muted:#c6bacb}
[data-noah-mode="dark"][data-noah-palette="sage"]{--n-accent:#9fd4bd;--n-accent-deep:#d2f0df;--n-accent-soft:#253e35;--n-grad:linear-gradient(130deg,#253c35,#303b31,#273744)}
[data-noah-mode="dark"][data-noah-palette="ocean"]{--n-accent:#a9cdf3;--n-accent-deep:#d5e7ff;--n-accent-soft:#28384d;--n-grad:linear-gradient(130deg,#273c50,#2d3449,#39304b)}
[data-noah-mode="dark"][data-noah-palette="peach"]{--n-accent:#efc0a8;--n-accent-deep:#ffe1cd;--n-accent-soft:#44342e;--n-grad:linear-gradient(130deg,#45332e,#3e382e,#41313b)}
[data-noah-mode="dark"][data-noah-palette="violet"]{--n-accent:#d5b7f0;--n-accent-deep:#ebd6ff;--n-accent-soft:#3c2d4c;--n-grad:linear-gradient(130deg,#3e304d,#33314b,#422f43)}