:root{--ivory: #fbf7f5;--navy: #202a44;--blush: #f2dde2;--plum: #513458;--white: #fff;--navy-muted: #5b6278;--line: #d9d3d6;--blush-strong: #f5ccd7;font-family:Outfit,system-ui,-apple-system,Helvetica Neue,sans-serif;color:var(--navy);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:#ebe5e2}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none;padding:0;text-align:inherit}button:focus-visible,textarea:focus-visible{outline:2px solid var(--plum);outline-offset:2px}h1,h2,h3,p,dl,dd,fieldset{margin:0;padding:0;border:0}.stage{min-height:100%;display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px}.stage.side{flex-direction:row;justify-content:center;gap:48px;padding:24px}.panel{width:100%;max-width:414px}.stage.side .panel{width:250px}.panel-title{font-weight:600;font-size:18px;margin-top:14px}.panel-note{font-size:13px;line-height:1.45;color:var(--navy-muted);margin-top:6px}.stage:not(.side) .panel-note,.stage:not(.side) .panel-title{display:none}.stage:not(.side) .panel>svg{display:none}.panel-nav{display:flex;flex-direction:column;gap:4px;margin-top:18px}.stage:not(.side) .panel-nav{flex-direction:row;overflow-x:auto;margin-top:0;padding-bottom:4px}.panel-nav button{padding:9px 12px;border-radius:10px;font-size:14px;font-weight:500;white-space:nowrap}.panel-nav button:hover{background:#202a4412}.panel-nav button.on{background:var(--navy);color:var(--ivory)}.device-slot{flex:none}.device{width:414px;height:868px;transform-origin:top left;padding:12px;border-radius:58px;background:#11182b;box-shadow:0 24px 60px #202a4447}.device-screen{width:390px;height:844px;border-radius:46px;overflow:hidden;background:var(--navy)}.bare{height:100%;background:var(--navy)}.bare .statusbar{display:none}.bare .header{padding-top:max(18px,env(safe-area-inset-top))}.app{height:100%;display:flex;flex-direction:column;background:var(--navy)}.statusbar{display:flex;justify-content:space-between;align-items:center;height:50px;padding:6px 30px 0;font-weight:600;font-size:15px;color:var(--ivory)}.statusbar-right{display:flex;gap:6px;align-items:center}.island{width:108px;height:30px;border-radius:16px;background:#0b101d}.header{background:var(--navy);color:var(--ivory);padding:0 24px 34px;flex:none}.header-brand{display:flex;align-items:center;gap:8px;margin-top:12px;height:20px}.back{color:var(--ivory);margin-left:-6px;display:flex}.header h1{font-size:30px;line-height:1.08;font-weight:700;margin-top:10px;letter-spacing:-.2px}.body{flex:1;min-height:0;overflow-y:auto;background:var(--ivory);border-radius:22px 22px 0 0;margin-top:-18px;padding:20px 20px 24px;display:flex;flex-direction:column;gap:18px;scrollbar-width:none}.body::-webkit-scrollbar{display:none}.body section{display:flex;flex-direction:column;gap:10px}.tabbar{flex:none;display:grid;grid-template-columns:repeat(4,1fr);background:var(--ivory);border-top:1px solid var(--line);padding:8px 8px 26px}.bare .tabbar{padding-bottom:max(10px,env(safe-area-inset-bottom))}.tab{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:11.5px;font-weight:500;padding:4px 0 6px;position:relative}.tab.active{font-weight:700}.tab.active:after{content:"";position:absolute;bottom:0;width:34px;height:3px;border-radius:2px;background:var(--blush-strong)}h2{font-size:23px;line-height:1.14;font-weight:700}h3{font-size:18px;font-weight:700}.caption{font-size:12.5px;line-height:1.4;color:var(--navy-muted)}.caption svg{vertical-align:-2px}.center{text-align:center}.eyebrow{font-size:14px;font-weight:600}.section-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.badge{font-size:11px;font-weight:600;padding:3px 8px;border-radius:999px;background:var(--blush);white-space:nowrap}.card{border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:8px}.card.insight{background:var(--plum);color:var(--ivory);width:100%}.card.insight p{font-size:14.5px;line-height:1.35;opacity:.92}.card.insight .link{display:inline-flex;align-items:center;gap:8px;font-weight:600;margin-top:4px}.card.outline{background:var(--white);border:1.5px solid var(--navy)}.card.blush{background:var(--blush)}.card.blush p{font-size:14px;line-height:1.45}.card.blush h3{font-size:16px}.tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tile{background:var(--white);border:1.5px solid var(--navy);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:6px}.tile-label{font-size:12.5px;font-weight:500;display:flex;align-items:center;gap:5px;color:var(--navy-muted)}.tile strong{font-size:19px;font-weight:700}.checkin-card{flex-direction:row;align-items:center;justify-content:space-between;padding:14px 16px}.checkin-card strong{font-size:16px}.compare{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:6px}.compare div{display:flex;flex-direction:column;gap:3px;border-top:1px solid rgba(251,247,245,.35);padding-top:10px}.compare strong{font-size:20px}.compare span{font-size:12.5px;line-height:1.35;opacity:.9}.btn{display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 18px;border-radius:12px;font-weight:700;font-size:16px;flex:none}.btn.soft{background:var(--blush-strong)}.btn.plum{background:var(--plum);color:var(--ivory)}.btn.outline{border:1.5px solid var(--navy);background:var(--white)}.btn.small{min-height:38px;padding:0 16px;font-size:14.5px}.rows{display:flex;flex-direction:column;gap:8px}.row{display:flex;align-items:center;gap:10px;width:100%;min-height:46px;padding:0 12px;background:var(--white);border:1.5px solid var(--navy);border-radius:10px;font-weight:600;font-size:15px}.row-label{flex:1}.row-detail{font-weight:400;font-size:13.5px;color:var(--navy-muted)}.row-expand{font-size:13.5px;line-height:1.45;padding:2px 4px 6px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chips.scroll{flex-wrap:nowrap;overflow-x:auto;margin:0 -20px;padding:0 20px;scrollbar-width:none;flex:none}.chip{font-size:13px;font-weight:500;padding:6px 12px;border-radius:999px;border:1.5px solid var(--navy);background:var(--white);white-space:nowrap;align-self:flex-start}.chip.on{background:var(--navy);color:var(--ivory)}.segmented{display:grid;grid-template-columns:repeat(3,1fr);border:1.5px solid var(--navy);border-radius:10px;overflow:hidden;background:var(--white);flex:none}.segmented button{padding:9px 0;text-align:center;font-weight:600;font-size:14px}.segmented button+button{border-left:1.5px solid var(--navy)}.segmented button.on{background:var(--blush)}.question{display:flex;flex-direction:column;gap:8px}.question legend,.question .legend{font-weight:700;font-size:16px;margin-bottom:8px;padding:0}.question .legend{margin-bottom:0}.scale{display:grid;gap:5px}.scale-option{min-height:44px;padding:4px 2px;border:1.5px solid var(--navy);border-radius:10px;background:var(--white);text-align:center;font-size:12.5px;font-weight:600;line-height:1.15}.scale-option.on{background:var(--plum);border-color:var(--plum);color:var(--ivory)}textarea{font:inherit;font-size:15px;color:inherit;border:1.5px solid var(--navy);border-radius:10px;padding:10px 12px;resize:none;background:var(--white)}.chart-card{padding:12px 10px 6px;gap:10px}.chart-meta{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:600;padding:0 4px}.chart{display:block;overflow:visible}.chart text{font-family:inherit;fill:var(--navy)}.chart-title{font-size:12px;font-weight:700}.chart-unit{font-weight:400;fill:var(--navy-muted)}.chart-tick{font-size:10.5px;fill:var(--navy-muted)!important}.chart-grid{stroke:var(--line);stroke-width:1}.chart-axis{stroke:var(--navy);stroke-width:1}.chart-line{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.chart-line.navy{stroke:var(--navy)}.chart-line.plum{stroke:var(--plum)}.chart-dot{fill:var(--white);stroke-width:1.8}.chart-dot.navy{stroke:var(--navy)}.chart-dot.plum{stroke:var(--plum)}.chart-bar{fill:var(--blush-strong)}.chart-bar.strong{fill:var(--plum)}.chart-event{stroke:var(--plum);stroke-width:1.5;stroke-dasharray:4 3}.chart-event-pill{fill:var(--blush)}.chart-event-label{font-size:10.5px;font-weight:700}.chart-selected{fill:var(--blush);opacity:.7}.day-card{padding:14px 16px}.day-card dl{display:grid;grid-template-columns:auto 1fr;gap:5px 14px;font-size:14px}.day-card dt{color:var(--navy-muted)}.day-card dd{font-weight:600;text-align:right}.chat{gap:14px}.bubble{max-width:88%;padding:12px 14px;border-radius:16px;font-size:15px;line-height:1.42;display:flex;flex-direction:column;gap:8px}.bubble.user{align-self:flex-end;background:var(--blush);font-weight:600;border-bottom-right-radius:4px}.bubble.zena{align-self:flex-start;background:var(--white);border:1.5px solid var(--navy);border-bottom-left-radius:4px}.spacer{flex:1}.composer{display:flex;justify-content:space-between;align-items:center;min-height:46px;padding:0 14px;border:1.5px solid var(--navy);border-radius:12px;background:var(--white);color:var(--navy-muted);flex:none}.welcome{flex:1;display:flex;flex-direction:column;justify-content:space-between;padding:0 28px 64px;color:var(--ivory)}.welcome-mark{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px}.welcome-mark p{font-weight:600;font-size:16px;letter-spacing:3.8px;margin-right:-3.8px}.welcome .btn{border-radius:14px;min-height:54px;color:var(--navy)}
