:root{--bg: #0F1117;--chat-bg: #161821;--toast-bg: #1E2535;--accent-green: #4ADE80;--accent-green-dark: #16A34A;--accent-blue: #60A5FA;--accent-orange: #FB923C;--chat-bg-turf: #0F1117;--chat-bg-forest: #0D1410;--chat-bg-nightgame: #0E1526;--chat-on-bg-text: var(--text-primary);--chat-on-bg-muted: var(--text-muted);--chat-on-bg-line: var(--divider);--chat-on-bg-chip: var(--surface-tint-4);--chat-on-bg-error: var(--accent-red);--chat-on-bg-card-base: transparent;--bubble-self: #2563EB;--bubble-other: #1E2030;--text-primary: #F1F5F9;--text-secondary: #94A3B8;--text-muted: #64748B;--icon-muted: rgba(255,255,255,.4);--surface-tint-2: rgba(255,255,255,.02);--surface-tint-3: rgba(255,255,255,.03);--surface-tint-4: rgba(255,255,255,.04);--surface-tint-6: rgba(255,255,255,.06);--surface-tint-8: rgba(255,255,255,.08);--surface-tint-10: rgba(255,255,255,.1);--surface-tint-12: rgba(255,255,255,.12);--surface-tint-20: rgba(255,255,255,.2);--bg-overlay-92: rgba(15,17,23,.92);--reaction-bg: #1E2530;--reaction-border: #2D3A42;--modal-raised: #262D3E;--modal-border: #2C3446;--accent-mention: #C084FC;--accent-mention-tint-25: rgba(192, 132, 252, .25);--divider: #1E2030;--card-border: #2A3C30;--phone-border: #252830;--avatar-ring: rgba(255,255,255,.55);--avatar-ring-inner: rgba(15,17,23,.85);--accent-green-tint-3: rgba(74, 222, 128, .03);--accent-green-tint-4: rgba(74, 222, 128, .04);--accent-green-tint-5: rgba(74, 222, 128, .05);--accent-green-tint-6: rgba(74, 222, 128, .06);--accent-green-tint-8: rgba(74, 222, 128, .08);--accent-green-tint-10: rgba(74, 222, 128, .1);--accent-green-tint-12: rgba(74, 222, 128, .12);--accent-green-tint-15: rgba(74, 222, 128, .15);--accent-green-tint-20: rgba(74, 222, 128, .2);--accent-green-tint-25: rgba(74, 222, 128, .25);--accent-green-tint-30: rgba(74, 222, 128, .3);--accent-green-tint-35: rgba(74, 222, 128, .35);--accent-green-tint-40: rgba(74, 222, 128, .4);--accent-green-tint-50: rgba(74, 222, 128, .5);--accent-green-shadow: rgba(74, 222, 128, .2);--accent-green-darker: #0f8a3e;--accent-blue-tint-12: rgba(96, 165, 250, .12);--accent-blue-tint-15: rgba(96, 165, 250, .15);--accent-blue-tint-25: rgba(96, 165, 250, .25);--accent-red: #f87171;--accent-red-tint-12: rgba(248, 113, 113, .12);--accent-red-tint-25: rgba(248, 113, 113, .25);--accent-orange-tint-12: rgba(251, 146, 60, .12);--accent-orange-tint-25: rgba(251, 146, 60, .25);--accent-orange-tint-30: rgba(251, 146, 60, .3);--accent-star: #FACC15;--accent-star-dim: rgba(250, 204, 21, .28);--gradient-group-avatar: linear-gradient(135deg, #4ADE80, #16A34A);--gradient-progress-bar: linear-gradient(90deg, #4ADE80, #22C55E);--gradient-workout-card: linear-gradient(135deg, #1B2A1F, #1A2332);--gradient-green-btn: linear-gradient(135deg, #4ADE80, #16A34A);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}[data-chat-tone=light]{--chat-on-bg-text: #0F1117;--chat-on-bg-muted: #475569;--chat-on-bg-line: #D5D9E0;--chat-on-bg-chip: #FFFFFF;--chat-on-bg-error: #B91C1C;--chat-on-bg-card-base: var(--chat-bg);--avatar-ring: rgba(15,17,23,.45);--avatar-ring-inner: rgba(255,255,255,.85)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text-primary);font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font-family:inherit;cursor:pointer}input,textarea{font-family:inherit}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}@media (pointer: coarse){.lp-target{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}}.brand-mark{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}img.brand-mark{pointer-events:none}@keyframes motavateInstallFadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.rotate-overlay{display:none}@media (orientation: landscape) and (pointer: coarse) and (max-height: 500px) and (min-width: 560px){.rotate-overlay{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:calc(var(--safe-top) + 16px) calc(var(--safe-right) + 24px) calc(var(--safe-bottom) + 16px) calc(var(--safe-left) + 24px);background:var(--bg);text-align:center;touch-action:none}body:has(input:not([type=checkbox],[type=radio],[type=range],[type=button],[type=submit],[type=file]):focus,textarea:focus,[contenteditable=true]:focus) .rotate-overlay{display:none}}@keyframes motavateRotateHint{0%{transform:rotate(90deg)}to{transform:rotate(0)}}.rotate-overlay__icon{animation:motavateRotateHint .8s ease-out .3s both}@media (prefers-reduced-motion: reduce){.rotate-overlay__icon{animation:none}}@keyframes motavateReplyFlash{0%,35%{background-color:var(--accent-green-tint-15)}to{background-color:transparent}}.reply-target-flash{animation:motavateReplyFlash 1.6s ease-out both}@media (prefers-reduced-motion: reduce){.reply-target-flash{animation:none;background-color:var(--accent-green-tint-15)}}@keyframes motavateModalPop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.reactions-modal{animation:motavateModalPop .18s ease-out both}@media (prefers-reduced-motion: reduce){.reactions-modal{animation:none}}@media (hover: hover){.reactions-modal__close:hover .reactions-modal__close-circle{background:var(--modal-raised);color:var(--text-primary)}.reactions-modal__tab:hover{color:var(--text-primary)}.reactions-modal__row:hover{background:var(--modal-raised)}}.reaction-trigger{position:absolute;top:0;left:0;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;background:none;color:var(--chat-on-bg-muted)}.reaction-trigger:focus-visible{position:static;width:auto;height:auto;margin:0;padding:2px 7px;overflow:visible;clip:auto;border:1px solid var(--accent-blue);border-radius:10px;font-size:13px;cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.date-input::-webkit-date-and-time-value{text-align:left}.chat-composer-input::selection{color:var(--text-primary)}.chat-composer-mirror{padding-left:0;padding-right:0}@supports (-webkit-touch-callout: none){.chat-composer-mirror{padding-left:3px;padding-right:3px}}