:root{--bg: oklch(97% .006 90);--surface: oklch(99% .003 95);--surface-alt: oklch(94% .012 95);--border: oklch(88% .012 90);--text: oklch(24% .014 90);--text-2: oklch(46% .012 90);--text-3: oklch(64% .01 90);--accent: oklch(56% .08 155);--accent-soft: oklch(93% .035 155);--accent-strong: oklch(40% .09 155);--warm: oklch(58% .08 55);--warm-soft: oklch(93% .035 55)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:Work Sans,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:Sora,system-ui,sans-serif;margin:0;letter-spacing:-.01em}button{font-family:inherit;cursor:pointer}.phone{max-width:420px;height:100vh;height:100dvh;margin:0 auto;background:var(--bg);display:flex;flex-direction:column;position:relative}.screen{flex:1;min-height:0;padding:28px 24px 110px;display:flex;flex-direction:column;gap:20px;overflow-y:auto}.footer{position:sticky;bottom:0;background:var(--surface);border-top:1px solid var(--border);padding:14px 24px 24px}.tab-bar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:420px;display:flex;align-items:center;justify-content:space-around;padding:10px 8px 0;height:64px;border-top:1px solid var(--border);background:var(--surface)}.tab-item{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:10.5px;color:var(--text-3);background:none;border:none}.tab-item.active{color:var(--accent);font-weight:600}.btn-primary{width:100%;height:50px;border-radius:14px;border:none;background:var(--accent);color:var(--surface);font-size:15.5px;font-weight:600}.btn-primary:disabled{opacity:.5}.btn-secondary{width:100%;height:46px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:14.5px}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:4px}.field-label{font-size:12px;font-weight:600;letter-spacing:.05em;color:var(--text-3);text-transform:uppercase}.segmented{display:flex;gap:8px}.segmented-option{flex:1;height:44px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text-2);font-size:13.5px;display:flex;align-items:center;justify-content:center;text-align:center}.segmented-option.selected{border:1.5px solid var(--accent);background:var(--accent-soft);color:var(--accent-strong);font-weight:600}.day-chip{width:36px;height:36px;border-radius:50%;background:var(--surface-alt);color:var(--text-2);border:none;font-size:13px;display:flex;align-items:center;justify-content:center}.day-chip.selected{background:var(--accent);color:var(--surface);font-weight:600}.chip{height:36px;padding:0 16px;border-radius:18px;border:1px solid var(--border);background:var(--surface);color:var(--text-2);font-size:13.5px}.chip.selected{background:var(--accent);color:var(--surface);border:none;font-weight:600}.text-input{height:48px;border-radius:12px;border:1px solid var(--border);background:var(--surface);padding:0 15px;font-size:15px;color:var(--text);width:100%}.radio-row{display:flex;align-items:center;gap:13px;padding:12px 2px;border-top:1px solid var(--border);background:none;border-left:none;border-right:none;border-bottom:none;width:100%;text-align:left}.radio-row:first-child{border-top:none}.radio-knob{width:20px;height:20px;border-radius:50%;border:2px solid var(--border);flex-shrink:0}.radio-knob.selected{border-color:var(--accent);background:var(--accent);display:flex;align-items:center;justify-content:center}.radio-knob.selected:after{content:"";width:7px;height:7px;border-radius:50%;background:var(--surface)}.streak-card{background:var(--accent-soft);border-radius:18px;padding:20px;display:flex;flex-direction:column;gap:14px}.streak-numbers{display:flex;gap:28px}.streak-number{display:flex;flex-direction:column}.streak-number strong{font-size:32px;font-weight:700;color:var(--accent-strong);line-height:1}.streak-number span{font-size:12.5px;color:var(--accent-strong);opacity:.8}.activity-row{display:flex;align-items:center;justify-content:space-between;padding:13px 4px;border-top:1px solid var(--border);background:none;border-left:none;border-right:none;border-bottom:none;width:100%;text-align:left}.activity-row:first-child{border-top:none}.status-dot{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0}.error-banner{background:var(--warm-soft);color:var(--text);border-radius:12px;padding:12px 14px;font-size:13.5px}.empty-state{color:var(--text-2);font-size:14px;text-align:center;padding:40px 0}.sticky-header{position:sticky;top:-28px;margin:-28px -24px 0;padding:28px 24px 16px;background:var(--bg);z-index:5;display:flex;flex-direction:column;gap:16px}.chat-thread{display:flex;flex-direction:column;gap:16px}.chat-turn{display:flex;flex-direction:column;gap:8px}.chat-bubble{border-radius:16px;padding:12px 15px;font-size:14px;line-height:1.45;max-width:88%}.chat-bubble.app{align-self:flex-start;background:var(--surface-alt);color:var(--text);border-bottom-left-radius:4px}.chat-bubble.user{align-self:flex-end;background:var(--accent);color:var(--surface);border-bottom-right-radius:4px}