@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-primary: #ffffff;--bg-secondary: #fbfbfd;--bg-tertiary: #f5f5f7;--input-bg: rgba(255, 255, 255, .7);--text-primary: #1d1d1f;--text-secondary: #86868b;--text-muted: #afafb6;--border-color: rgba(0, 0, 0, .08);--divider-color: rgba(0, 0, 0, .05);--glass-border: rgba(255, 255, 255, .6);--glass-shadow: rgba(0, 0, 0, .04);--shadow-sm: 0 2px 8px var(--glass-shadow);--shadow-md: 0 4px 16px rgba(0, 0, 0, .08);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .12);--shadow-float: 0 20px 48px rgba(0, 0, 0, .15);--accent-color: #1d1d1f;--accent-hover: #000000;--brand-orange: #e67e5f;--radius-lg: 20px;--radius-md: 14px;--radius-sm: 8px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-serif: "Instrument Serif", "Times New Roman", serif;--font-family: var(--font-sans);--sidebar-width: 80px;--content-max-width: 850px;--bubble-user: #eeeef4;--bubble-ai: transparent;--new-chat-btn-bg: #515154;--new-chat-btn-text: #ffffff;--new-chat-btn-hover: #636366;--header-height: 64px;--logo-filter: none}[data-theme=dark]{--bg-primary: #000000;--bg-secondary: #161617;--bg-tertiary: #1d1d1f;--input-bg: rgba(28, 28, 30, .6);--text-primary: #f5f5f7;--text-secondary: #a1a1aa;--text-muted: #52525b;--border-color: rgba(255, 255, 255, .1);--divider-color: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .12);--glass-shadow: rgba(0, 0, 0, .4);--shadow-sm: 0 2px 10px rgba(0, 0, 0, .5);--shadow-md: 0 4px 20px rgba(0, 0, 0, .6);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .7);--shadow-float: 0 24px 60px rgba(0, 0, 0, .8);--accent-color: #f5f5f7;--accent-hover: #ffffff;--brand-orange: #ff8b6b;--bubble-user: #1c1c1e;--bubble-ai: transparent;--new-chat-btn-bg: #e5e5ea;--new-chat-btn-text: #1c1c1e;--new-chat-btn-hover: #d1d1d6;--logo-filter: invert(1) brightness(1.2)}.glass{background:var(--bg-secondary);backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%);border:1px solid var(--glass-border);box-shadow:var(--shadow-sm)}.glass-panel{background:var(--bg-secondary);backdrop-filter:blur(32px) saturate(180%);-webkit-backdrop-filter:blur(32px) saturate(180%);border:1px solid var(--glass-border);box-shadow:var(--shadow-lg);border-radius:var(--radius-lg)}[data-theme=dark] .glass,[data-theme=dark] .glass-panel{background:var(--bg-secondary);border:1px solid var(--glass-border)}.menu-item-hover{cursor:pointer!important;transition:all .2s cubic-bezier(.16,1,.3,1)}.menu-item-hover:hover{background-color:var(--bg-tertiary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-primary);color:var(--text-primary);height:100vh;height:100dvh;width:100%;overflow:hidden;-webkit-font-smoothing:antialiased;transition:background-color .3s ease,color .3s ease}#root{height:100vh;height:100dvh;width:100%;display:flex;overflow:hidden}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;transition:all .2s ease}input,textarea{font-family:inherit;color:inherit;background:transparent;border:none;outline:none}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fadeInUp .5s cubic-bezier(.16,1,.3,1) forwards}@keyframes cascadeIn{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.cascade-item{opacity:0;animation:cascadeIn .5s cubic-bezier(.16,1,.3,1) forwards}.logo-container{transition:transform .4s cubic-bezier(.34,1.56,.64,1),filter .3s ease;filter:drop-shadow(0 0 0 rgba(0,0,0,0))}.logo-container:hover{transform:scale(1.1) rotate(5deg);filter:drop-shadow(0 0 16px rgba(0,0,0,.1))}[data-theme=dark] .logo-container:hover{filter:drop-shadow(0 0 20px rgba(255,255,255,.1))}button:active{transform:scale(.96);filter:brightness(1.1)}.input-focus-glow:focus-within{box-shadow:0 0 0 3px #0000001a,var(--shadow-md);border-color:var(--accent-color)!important}@media (max-width: 1024px){:root{--sidebar-width: 0px;--radius-lg: 16px;--header-height: 56px}body{overflow:hidden;position:fixed;width:100%}.mobile-drawer{position:fixed!important;top:0;left:0;height:100%!important;width:280px!important;max-width:85vw!important;transform:translate(-102%);transition:transform .4s cubic-bezier(.16,1,.3,1)!important;z-index:1001!important;box-shadow:20px 0 48px #0003!important}.mobile-drawer-open{transform:translate(0)}.mobile-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;animation:fadeIn .3s ease}.responsive-grid{grid-template-columns:1fr!important}h1{font-size:1.8rem!important}h2{font-size:1.4rem!important}button,.clickable{min-height:44px;min-width:44px}}@supports (-webkit-touch-callout: none){.ios-vh-fix{height:-webkit-fill-available}}.loading-spinner{width:24px;height:24px;border:2px solid var(--border-color);border-top:2px solid var(--accent-color);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.markdown-prose{color:var(--text-primary);font-size:1.05rem}.markdown-prose h1,.markdown-prose h2,.markdown-prose h3,.markdown-prose h4,.markdown-prose h5,.markdown-prose h6{color:var(--text-primary);font-weight:600;line-height:1.3;margin-top:1.25em;margin-bottom:.5em;opacity:.85}.markdown-prose h1{font-size:1.4rem;letter-spacing:-.01em}.markdown-prose h2{font-size:1.2rem;letter-spacing:-.01em}.markdown-prose h3{font-size:1.05rem}.markdown-prose h4{font-size:1.1rem}.markdown-prose p{margin-bottom:1.2em;line-height:1.7}.markdown-prose ul,.markdown-prose ol{margin-bottom:1.2em;padding-left:1.5em}.markdown-prose li{margin-bottom:.5em}.markdown-prose a{color:var(--accent-color);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;transition:opacity .2s ease}.markdown-prose a:hover{opacity:.7}.markdown-prose strong{font-weight:600;opacity:.95}@keyframes dropDownIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes fadeInLogo{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.video-thumbnail{position:relative;cursor:pointer;display:flex!important;align-items:center;justify-content:center;overflow:hidden;transition:transform .3s cubic-bezier(.16,1,.3,1)}.youtube-play-btn{position:absolute;background-color:red;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000004d;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:2}.youtube-play-btn.small{width:60px;height:42px;border-radius:10px}.youtube-play-btn.large{width:80px;height:56px;border-radius:14px}.video-thumbnail:hover .youtube-play-btn{transform:scale(1.1);box-shadow:0 8px 24px #f006}.youtube-play-btn svg{color:#fff}
