:root{--ink: #1F1A12;--muted: #6B6252;--bg: #FAF9F6;--surface: #FFFFFF;--border: #E8E5DD;--lemon: #F7E24B;--lemon-hover: #EED739;--lemon-tint: #FFF3B0;--chip-text: #5C4A00;--partner: #1F5F4A;--forest-text: #1F5F4A;--tint: #F0EEE8;--tag-text: #4A4332;--burg: #7A1F36;--burg-text: #7A1F36;--burg-tint: #F6E3E8;--r-card: 24px;--r-input: 14px;--r-sheet: 28px;--r-pill: 9999px;--spring: cubic-bezier(.34, 1.56, .64, 1);--std: cubic-bezier(.2, .8, .2, 1);--font-headline: "Bricolage Grotesque", system-ui, sans-serif;--font-body: "DM Sans", system-ui, sans-serif;--spark-canvas: #FAF9F6;--spark-dark: #1F1A12;--spark-surface: #FFFFFF;--spark-surface-dark: #221E16;--spark-subtle: #F0EEE8;--spark-border: #E8E5DD;--spark-clay: #1F5F4A;--spark-clay-hover: #164636;--spark-ochre: #F7E24B;--spark-sage: #1F5F4A;--spark-tint: #FFF3B0;--font-display: "Bricolage Grotesque", Georgia, serif;--font-ui: "DM Sans", system-ui, -apple-system, sans-serif;--shadow-card: 0 10px 30px -4px rgba(31, 26, 18, .06), 0 2px 6px -1px rgba(31, 26, 18, .03);--shadow-spark: 0 16px 36px -6px rgba(31, 95, 74, .2);--shadow-lemon: 0 8px 24px -4px rgba(247, 226, 75, .35)}[data-theme=dark],.dark-theme{--ink: #F4EFE2;--muted: #B5AB95;--bg: #181510;--surface: #221E16;--border: #3A3426;--lemon: #F7E24B;--lemon-hover: #FFF176;--lemon-tint: #3A3510;--chip-text: #F7E24B;--partner: #2F7F63;--forest-text: #7CC4A8;--tint: #2C2719;--tag-text: #D9CFB6;--burg: #A8324F;--burg-text: #E8A0B2;--burg-tint: #3A1A24;--spark-canvas: #181510;--spark-dark: #F4EFE2;--spark-surface: #221E16;--spark-surface-dark: #12100C;--spark-subtle: #2C2719;--spark-border: #3A3426;--spark-clay: #7CC4A8}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-ui);background-color:var(--spark-canvas);color:var(--spark-dark);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4,.font-serif{font-family:var(--font-display);letter-spacing:-.015em;font-weight:600}.glass-panel{background:#ffffffd9;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--spark-border)}.glass-panel-dark{background:#1a1b20e6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(229,223,213,.15)}@keyframes pulseGlow{0%,to{box-shadow:0 0 #d45d4366}50%{box-shadow:0 0 0 12px #d45d4300}}@keyframes timerPulse{0%,to{box-shadow:0 0 12px #e2a03f4d}50%{box-shadow:0 0 24px #e2a03f99}}@keyframes floatGentle{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.pulse-glow{animation:pulseGlow 2.5s infinite}.timer-pulse{animation:timerPulse 2s infinite ease-in-out}.float-gentle{animation:floatGentle 4s ease-in-out infinite}@keyframes typingBounce{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-6px);opacity:1}}.typing-dot{width:7px;height:7px;border-radius:50%;background-color:#63646b;display:inline-block;animation:typingBounce 1.4s infinite ease-in-out both}.typing-dot:nth-child(1){animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}.typing-dot:nth-child(3){animation-delay:0s}@keyframes emojiPop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:1}}.emoji-pop{animation:emojiPop .25s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes waveformBounce{0%{transform:scaleY(.7)}to{transform:scaleY(1.4)}}@keyframes messageSlideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.message-slide-up{animation:messageSlideUp .22s ease-out forwards}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--spark-border);border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:#c8c0b5}html{scroll-behavior:smooth}[id]{scroll-margin-top:80px}html,body,#root{max-width:100%;overflow-x:hidden}.text-fluid-title{font-size:clamp(1.4rem,4vw,2.2rem)!important}.text-fluid-subtitle{font-size:clamp(.85rem,2vw,1rem)!important}@media (min-width: 769px){.show-on-mobile,.hide-on-desktop{display:none!important}}@media (max-width: 768px){.hide-on-mobile{display:none!important}.show-on-mobile{display:flex!important}.mobile-p-2{padding:12px 14px!important}.duo-card-container{flex:1 1 100%!important;max-width:100%!important}button{min-height:38px}}.mobile-bottom-bar{position:fixed;bottom:0;left:0;right:0;z-index:90;background:#f7f4eef2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--spark-border);padding:8px 12px calc(8px + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-around;box-shadow:0 -4px 20px #1a1b200f}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px 10px;border-radius:12px;background:transparent;border:none;color:var(--spark-dark);cursor:pointer;font-size:.68rem;font-weight:600;position:relative;transition:all .2s ease;min-width:64px}.mobile-nav-item.active{color:var(--spark-clay)}.mobile-nav-item.active .nav-icon-wrapper{background:var(--spark-tint);color:var(--spark-clay)}.nav-icon-wrapper{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}@media (max-width: 768px){.matches-layout-container{grid-template-columns:1fr!important;gap:16px!important;padding:12px!important}.chat-window-container{height:calc(100dvh - 170px)!important;max-height:none!important;border-radius:18px!important}.chat-header-actions{width:100%;justify-content:flex-start!important;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}}