:root{--color-bg:#0a1f1c;--color-surface:#12413d;--color-surface-raised:#1a4a46;--color-surface-sunken:#0d2926;--color-accent:#f7931a;--color-accent-gold:#f5c46b;--color-teal:#3ed4c7;--color-text:#f8f7f4;--color-text-muted:#f8f7f4ad;--color-text-faint:#f8f7f470;--color-locked:#f8f7f452;--color-focus:#3ed4c7;--font-heading:"Merriweather", Georgia, serif;--font-body:"Inter", system-ui, -apple-system, sans-serif;--gradient-primary:linear-gradient(135deg, var(--color-accent), var(--color-accent-gold));--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--radius-sm:6px;--radius-md:10px;--content-max-width:480px;--tab-bar-height:64px;--safe-area-top:env(safe-area-inset-top,0px);--safe-area-right:env(safe-area-inset-right,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px);--safe-area-left:env(safe-area-inset-left,0px);--bottom-nav-height:calc(var(--tab-bar-height) + var(--safe-area-bottom));--bottom-content-padding:calc(var(--bottom-nav-height) + var(--space-8))}*{box-sizing:border-box}html,body,#root{width:100%;min-width:0;height:100%}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}.app-shell{width:100%;max-width:var(--content-max-width);min-width:0;min-height:100%;margin:0 auto;overflow-x:clip}.screen-header{padding:calc(var(--safe-area-top) + 14px) calc(var(--safe-area-right) + var(--space-4)) 14px calc(var(--safe-area-left) + var(--space-4));flex:none}input,textarea,select{font-size:max(16px,1em)}.coach-screen{width:100%;height:100dvh;height:var(--coach-viewport-height,100dvh);min-width:0;padding-bottom:var(--bottom-nav-height);flex-direction:column;display:flex;overflow:hidden}.coach-history{overscroll-behavior:contain;min-height:0;padding:var(--space-4);scroll-padding-bottom:var(--space-4);flex:auto;overflow-y:auto}.coach-reply-bubble{overflow-wrap:anywhere}.coach-reply{color:var(--color-text)}.coach-reply-heading{color:var(--color-teal);font:700 .94rem/1.35 var(--font-body);margin:14px 0 6px}.coach-reply-heading:first-child{margin-top:0}.coach-reply-paragraph{margin:0 0 10px;line-height:1.55}.coach-reply-paragraph:last-child{margin-bottom:0}.coach-reply-table-field{display:block}.coach-reply strong{color:var(--color-accent-gold);font-weight:700}.coach-reply-list{margin:4px 0 12px;padding:0 0 0 20px;list-style:outside}.coach-reply-list li{margin:0 0 5px;padding-left:2px}.coach-reply-list li::marker{color:var(--color-teal)}.coach-reply-divider{border:0;border-top:1px solid #3ed4c74d;height:0;margin:12px 0}.coach-error{margin:var(--space-3) 0;padding:var(--space-3);border:1px solid var(--color-teal);border-radius:var(--radius-md);background:var(--color-surface-sunken)}.coach-error p{margin:0 0 var(--space-2)}.coach-error button{min-height:44px;margin:var(--space-1) var(--space-2) var(--space-1) 0;padding:var(--space-2) var(--space-3);border:1px solid var(--color-teal);border-radius:var(--radius-md);background:var(--color-surface-raised);color:var(--color-text)}.coach-suggestions{justify-content:center;gap:var(--space-2);min-width:0;padding:0 var(--space-4) var(--space-3);flex-wrap:wrap;flex:none;display:flex}.coach-suggestion{background:var(--color-surface-raised);min-width:0;max-width:160px;color:var(--color-text);overflow-wrap:anywhere;text-align:center;white-space:normal;cursor:pointer;border:0;border-radius:999px;flex:105px;padding:6px 8px;font-size:.75rem;line-height:1.25}.coach-composer{min-width:0;padding:10px calc(var(--safe-area-right) + var(--space-4)) 10px calc(var(--safe-area-left) + var(--space-4));flex:none}.coach-composer textarea{min-width:0}h1,h2,h3{font-family:var(--font-heading);margin:0 0 var(--space-3);font-weight:700;line-height:1.25}p{margin:0 0 var(--space-4);color:var(--color-text);line-height:1.5}button{font-family:var(--font-body);min-height:44px}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}a{color:inherit}.primary-action{background:var(--gradient-primary);min-height:44px;color:var(--color-bg);cursor:pointer;border:0;border-radius:12px;padding:10px 14px;font-weight:700}.settings-card,.load-error{background:var(--color-surface-raised);border-radius:12px;padding:14px}.settings-card h2{margin:0 0 var(--space-2);font-size:.9375rem}.settings-card p,.load-error p{color:var(--color-text-muted);font-size:.8125rem}.settings-card .secondary-action{min-height:44px;margin-right:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--color-teal);border-radius:var(--radius-md);background:var(--color-surface-sunken);color:var(--color-text)}.profile-history-note{margin:var(--space-3) 0 0;color:var(--color-text-muted);font-size:.8125rem}.centered-state{min-height:calc(100vh - var(--bottom-nav-height));padding:calc(var(--safe-area-top) + var(--space-8)) calc(var(--safe-area-right) + var(--space-4)) var(--bottom-content-padding) calc(var(--safe-area-left) + var(--space-4));text-align:center}.pwa-banner{z-index:1000;top:var(--safe-area-top);left:max(var(--safe-area-left), var(--space-2));right:max(var(--safe-area-right), var(--space-2));max-width:var(--content-max-width);border:1px solid var(--color-teal);background:var(--color-surface-sunken);color:var(--color-text);border-radius:10px;margin:0 auto;padding:10px 12px;font-size:.8125rem;line-height:1.4;position:fixed;box-shadow:0 8px 24px #00000059}.pwa-banner button{background:var(--color-surface-raised);color:var(--color-text);border:1px solid #f8f7f44d;border-radius:8px;margin:8px 8px 0 0}.install-invitation{z-index:900;left:max(var(--safe-area-left), var(--space-3));right:max(var(--safe-area-right), var(--space-3));bottom:calc(var(--bottom-nav-height) + var(--space-3));width:auto;max-width:calc(var(--content-max-width) - (2 * var(--space-3)));padding:var(--space-4);background:var(--color-surface-sunken);border:1px solid #3ed4c780;border-radius:14px;margin:0 auto;position:fixed;box-shadow:0 16px 40px #00000080}.install-invitation h2{margin-bottom:var(--space-2);font-size:1rem}.install-invitation p{margin-bottom:var(--space-3);color:var(--color-text-muted);font-size:.875rem}.install-invitation-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.install-invitation-actions button{border-radius:10px;padding:10px 14px;font-weight:700}.install-invitation-actions .secondary-action{color:var(--color-text);background:0 0;border:1px solid #f8f7f440}.install-help-dialog{width:min(480px,100% - 24px);max-height:calc(100dvh - var(--safe-area-top) - var(--safe-area-bottom) - 32px);padding:var(--space-4);border:1px solid var(--color-teal);background:var(--color-surface-sunken);color:var(--color-text);border-radius:14px;overflow-y:auto;box-shadow:0 16px 40px #000000a6}.install-help-dialog::backdrop{background:#000000b8}.install-help-dialog h2{margin:0 0 var(--space-3);font-family:var(--font-heading)}.install-help-dialog p{margin:0 0 var(--space-3)}.install-help-dialog ol{margin:0 0 var(--space-4);padding-left:1.5em}.install-help-dialog li{margin-bottom:var(--space-3);line-height:1.5}.install-help-dialog button{min-height:44px;padding:var(--space-2) var(--space-4)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}