:root{--canvas: #F5F4EF;--surface: #FFFFFF;--sunken: #FAF9F5;--hairline: #E8E7E1;--track: #E6E5DF;--ink: #2B2B26;--muted: #8A8A7D;--sage-deep: #3D6B4A;--sage-pale: #E8EDE0;--green: #8FBF6E;--green-ink: #55803B;--green-wash: #EDF3E4;--blue: #7EA8C4;--blue-ink: #4A7590;--blue-wash: #E7EFF4;--amber: #D8A85C;--amber-ink: #916A21;--amber-wash: #F7EEDF;--lift: 0 4px 24px rgba(0, 0, 0, .04);--lift-modal: 0 24px 60px rgba(43, 43, 38, .18);--t-display: 32px;--t-title: 22px;--t-question: 18px;--t-body: 15px;--t-small: 13px;--t-eyebrow: 11px;--radius-card: 20px;--radius-field: 14px;--radius-pill: 999px;--font-sans: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--frame-w: 390px;--frame-h: 844px}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-sans);font-size:var(--t-body);line-height:1.5;color:var(--ink);background:#ded9cf;-webkit-font-smoothing:antialiased}.stage{display:flex;gap:28px;align-items:flex-start;justify-content:center;padding:32px;min-height:100%}.frame{width:var(--frame-w);height:var(--frame-h);flex:none;background:#1c1c1a;border-radius:46px;padding:10px;box-shadow:var(--lift-modal);position:sticky;top:32px}.frame__screen{width:100%;height:100%;background:var(--canvas);border-radius:38px;overflow:hidden;position:relative;display:flex;flex-direction:column}.frame__scroll{flex:1;overflow-y:auto;overflow-x:hidden}.screen{padding:20px 20px 28px;min-height:100%}.screen--with-cta{padding-bottom:104px}.ctabar{position:absolute;left:0;right:0;bottom:0;padding:14px 20px calc(14px + env(safe-area-inset-bottom));background:linear-gradient(to top,var(--canvas) 68%,rgba(245,244,239,0));display:flex;flex-direction:column;gap:8px}.display{font-size:var(--t-display);font-weight:500;letter-spacing:-.02em;line-height:1.15;margin:0}.title{font-size:var(--t-title);font-weight:500;letter-spacing:-.015em;line-height:1.25;margin:0}.question{font-size:var(--t-question);font-weight:400;line-height:1.4;margin:0}.body{font-size:var(--t-body);margin:0}.small{font-size:var(--t-small);margin:0}.muted{color:var(--muted)}.eyebrow{font-size:var(--t-eyebrow);text-transform:uppercase;letter-spacing:.09em;font-weight:500;color:var(--muted);margin:0}.stack>*+*{margin-top:var(--stack-gap, 12px)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;border-radius:var(--radius-pill);font:inherit;font-weight:500;padding:12px 20px;cursor:pointer;transition:background .15s ease,border-color .15s ease,opacity .15s ease}.btn--full{width:100%}.btn--primary{background:var(--sage-deep);color:#fff}.btn--primary:disabled{opacity:.4;cursor:default}.btn--ghost{background:var(--surface);border-color:var(--hairline);color:var(--ink)}.btn--quiet{background:transparent;color:var(--muted);padding:10px 12px}.btn--quiet:hover{color:var(--ink)}.card{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-card);box-shadow:var(--lift);padding:16px}.card--sunken{background:var(--sunken);box-shadow:none}.card--flat{box-shadow:none}.pill{display:inline-flex;align-items:center;gap:5px;font-size:var(--t-small);padding:4px 10px;border-radius:var(--radius-pill);background:var(--sage-pale);color:var(--sage-deep);white-space:nowrap}.pill--neutral{background:var(--track);color:var(--ink)}.pill--low{background:var(--amber-wash);color:var(--amber-ink)}.pill--info{background:var(--blue-wash);color:var(--blue-ink)}.pill--good{background:var(--green-wash);color:var(--green-ink)}.row{display:flex;align-items:center;gap:8px}.row--between{justify-content:space-between}.wrap{flex-wrap:wrap}.screen-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.backlink{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;font:inherit;color:var(--muted);cursor:pointer;padding:4px 0}a{color:var(--sage-deep)}.devcol{width:340px;flex:none;display:flex;flex-direction:column;gap:16px;position:sticky;top:32px}.devpanel,.eventlog{background:var(--surface);border:1px solid var(--hairline);border-radius:16px;padding:16px;box-shadow:var(--lift)}.devpanel h2,.eventlog h2{font-size:var(--t-small);text-transform:uppercase;letter-spacing:.09em;color:var(--muted);margin:0 0 12px}.devpanel label{display:block;font-size:var(--t-small);margin-bottom:10px}.devpanel select,.devpanel input[type=text]{width:100%;font:inherit;font-size:var(--t-small);padding:7px 9px;border:1px solid var(--hairline);border-radius:8px;background:var(--sunken);margin-top:3px}.devpanel .row{margin-top:8px}.eventlog__list{list-style:none;margin:0;padding:0;max-height:460px;overflow-y:auto}.eventlog__item{padding:8px 0;border-top:1px solid var(--hairline);font-size:var(--t-small)}.eventlog__item:first-child{border-top:0}.eventlog__name{font-weight:500}.eventlog__props{color:var(--muted);font-size:var(--t-eyebrow);word-break:break-word}.sheet-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#2b2b265c;display:flex;align-items:flex-end;z-index:20}.sheet{width:100%;background:var(--surface);border-radius:24px 24px 0 0;padding:10px 20px calc(20px + env(safe-area-inset-bottom));box-shadow:var(--lift-modal)}.sheet__grip{width:40px;height:4px;border-radius:999px;background:var(--track);margin:0 auto 14px}.divider{height:1px;background:var(--hairline);border:0;margin:16px 0}.img-placeholder{width:44px;height:44px;flex:none;border-radius:var(--radius-field);background:var(--sunken);border:1px solid var(--hairline);display:flex;align-items:center;justify-content:center;color:var(--muted)}.hscroll{display:flex;gap:12px;overflow-x:auto;margin:0 -20px;padding:0 20px 4px;scroll-snap-type:x mandatory}.hscroll>*{scroll-snap-align:start}.spacer{flex:1}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cal-day{flex:none;width:42px;display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 0 8px;border-radius:var(--radius-field);border:1px solid var(--hairline);background:var(--surface)}.cal-day[data-today=true]{border-color:var(--sage-deep);background:var(--sage-pale)}.cal-day[data-checkin=true]{border-color:var(--amber)}.cal-day__dot{width:5px;height:5px;border-radius:var(--radius-pill);background:var(--sage-deep)}.cal-day__dot--empty{background:transparent}.cal-day__dot--checkin{background:var(--amber)}.export{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--surface);z-index:30;display:flex;flex-direction:column}.export__bar{display:flex;justify-content:space-between;padding:10px 16px;border-bottom:1px solid var(--hairline)}.export__page{padding:20px;overflow-y:auto}.export__page ul{margin:6px 0 0;padding-left:18px}.export__page li{margin-bottom:6px}@media print{body{background:#fff}.stage>.devcol,.frame__scroll>*:not(.export),.export__bar{display:none!important}.frame,.frame__screen,.frame__scroll{all:unset;display:block}.export{position:static}.export__page{overflow:visible}}.finding-recap{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin-top:20px;padding:14px 16px;text-align:left;background:var(--blue-wash);border:1px solid #cfe0ea;border-radius:var(--radius-card);cursor:pointer;font:inherit;color:var(--ink)}.finding-recap:hover{border-color:var(--blue-ink)}.finding-recap__chev{flex:none;font-size:20px;line-height:1;color:var(--blue-ink)}.cyclechart{display:flex;align-items:flex-end;gap:3px;height:132px;padding:10px 8px 0;border:1px solid var(--hairline);border-radius:var(--radius-field);background:var(--surface)}.cyclechart__bar{position:relative;flex:1;background:var(--track);border-radius:3px 3px 0 0;min-height:4px}.cyclechart__bar--band{background:var(--amber-wash)}.cyclechart__bar--band:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:3px 3px 0 0;background:var(--amber-ink);opacity:.55}.cyclechart__bar--period{box-shadow:0 3px 0 0 var(--blue-ink)}.cyclechart__axis{display:flex;justify-content:space-between;margin-top:6px;color:var(--muted);font-size:var(--t-eyebrow)}.cyclechart__legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px;color:var(--muted);font-size:var(--t-eyebrow)}.cyclechart__legend span{display:inline-flex;align-items:center;gap:6px}.cyclechart__swatch{width:12px;height:12px;border-radius:3px;flex:none}