:root{--egg-shell: #FFF8EE;--egg-cream: #FFF5E6;--egg-yolk: #FFB845;--egg-yolk-light: #FFD68A;--egg-yolk-deep: #F5A623;--egg-white: #FFFFFF;--egg-warm: #FFF0D4;--egg-blush: #FFE5E5;--egg-soft-pink: #FFDEDE;--egg-lavender: #EDE5FF;--egg-mint: #E5FFF0;--egg-sky: #E5F0FF;--neutral-50: #FAFAF9;--neutral-100: #F5F5F4;--neutral-200: #E7E5E4;--neutral-300: #D6D3D1;--neutral-400: #A8A29E;--neutral-500: #78716C;--neutral-600: #57534E;--neutral-700: #44403C;--neutral-800: #292524;--neutral-900: #1C1917;--bg-primary: var(--egg-shell);--bg-secondary: var(--egg-cream);--bg-chat: #FEF9F0;--text-primary: var(--neutral-900);--text-secondary: var(--neutral-500);--text-muted: var(--neutral-400);--accent: var(--egg-yolk);--accent-hover: var(--egg-yolk-deep);--border: rgba(0,0,0,.06);--shadow-sm: 0 1px 3px rgba(0,0,0,.04);--shadow-md: 0 4px 12px rgba(0,0,0,.06);--shadow-lg: 0 8px 30px rgba(0,0,0,.08);--shadow-glow: 0 0 20px rgba(255,184,69,.15);--bubble-mine: var(--egg-yolk-light);--bubble-mine-text: var(--neutral-800);--bubble-theirs: var(--egg-white);--bubble-theirs-text: var(--neutral-800);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 9999px;--radius-bubble: 20px;--font-body: "Nunito", -apple-system, BlinkMacSystemFont, sans-serif;--font-accent: "Caveat", cursive;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--sidebar-width: 360px;--header-height: 64px;--input-height: 64px;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px)}[data-theme=dark]{--egg-shell: #1A1816;--egg-cream: #211F1B;--egg-warm: #2A2520;--bg-primary: #1A1816;--bg-secondary: #211F1B;--bg-chat: #1E1C19;--text-primary: #F5F5F4;--text-secondary: #A8A29E;--text-muted: #78716C;--border: rgba(255,255,255,.06);--shadow-sm: 0 1px 3px rgba(0,0,0,.2);--shadow-md: 0 4px 12px rgba(0,0,0,.3);--shadow-lg: 0 8px 30px rgba(0,0,0,.4);--bubble-mine: #3D3320;--bubble-mine-text: #F5F5F4;--bubble-theirs: #2A2826;--bubble-theirs-text: #F5F5F4;--egg-white: #2A2826}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{height:100%;-webkit-text-size-adjust:100%}body{height:100%;font-family:var(--font-body);font-weight:500;color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}#root{height:100%}button{font-family:inherit;cursor:pointer;border:none;background:none;outline:none;-webkit-tap-highlight-color:transparent}input,textarea{font-family:inherit;outline:none;border:none}a{text-decoration:none;color:inherit}img,video{max-width:100%;display:block}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--neutral-300);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--neutral-400)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--neutral-700)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes eggWobble{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}@keyframes recording-pulse{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 12px #ef444400}}@keyframes typing-dot{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}.skeleton{background:linear-gradient(90deg,var(--neutral-200) 25%,var(--neutral-100) 50%,var(--neutral-200) 75%);background-size:200px 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-md)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@supports (padding-top: env(safe-area-inset-top)){.safe-area-top{padding-top:var(--safe-area-top)}.safe-area-bottom{padding-bottom:var(--safe-area-bottom)}}