@keyframes spin{to{transform:rotate(360deg)}}:root{--bg-primary: #fbf9f0;--bg-secondary: #ffffff;--text-primary: #111827;--text-secondary: #4b5563;--border-primary: #f3f4f6;--accent-primary: #ec4899;--p: #7C3AED;--pm: #A78BFA;--pl: #EDE9FE;--pd: #4C1D95;--surf: #fbf9f0;--card: #ffffff;--bdr: rgba(124, 58, 237, .13);--t1: #1A1523;--t2: #6B6680;--t3: #A09CB0;--green: #10B981;--amber: #F59E0B;--red: #EF4444;--pink: #EC4899;--blue: #3B82F6}.dark{--bg-primary: #050505;--bg-secondary: #0f0f12;--text-primary: #f9fafb;--text-secondary: #9ca3af;--border-primary: #1f2937;--surf: #050505;--card: #0f0f12;--bdr: rgba(255, 255, 255, .05);--t1: #F9FAFB;--t2: #9CA3AF;--t3: #4B5563}body{background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .4s cubic-bezier(.4,0,.2,1),color .4s cubic-bezier(.4,0,.2,1),border-color .4s cubic-bezier(.4,0,.2,1)}*::selection{background-color:#bae6fd40!important;color:inherit!important}*::-moz-selection{background-color:#bae6fd40!important;color:inherit!important}.dark *::selection{background-color:#bae6fd73!important}.dark *::-moz-selection{background-color:#bae6fd73!important}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none;-webkit-overflow-scrolling:touch}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.active-touch:active{transform:scale(.97);opacity:.9;transition:transform .1s ease}button,a,input,[role=button]{touch-action:manipulation}.styled-scrollbar::-webkit-scrollbar{width:6px}.styled-scrollbar::-webkit-scrollbar-track{background:transparent}.styled-scrollbar::-webkit-scrollbar-thumb{background:#555;border-radius:9999px}.styled-scrollbar::-webkit-scrollbar-thumb:hover{background:#888}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes shine{0%{opacity:0;transform:translate(-100%)}50%{opacity:.5}to{opacity:0;transform:translate(100%)}}.animate-float{animation:float 6s ease-in-out infinite}@keyframes pencil-moving{0%{transform:translate(0) rotate(0)}20%{transform:translate(10px,-5px) rotate(5deg)}40%{transform:translate(25px) rotate(-5deg)}60%{transform:translate(40px,-5px) rotate(5deg)}80%{transform:translate(55px) rotate(-5deg)}to{transform:translate(0) rotate(0)}}@keyframes draw-line{0%{stroke-dashoffset:100%}to{stroke-dashoffset:0%}}@keyframes draw-line-infinite{0%{stroke-dashoffset:100%;opacity:0}10%{opacity:1}90%{opacity:1}to{stroke-dashoffset:0%;opacity:0}}.animate-pencil-writing{animation:pencil-moving 2.5s ease-in-out infinite}.animate-draw-line{stroke-dasharray:100%;animation:draw-line-infinite 2.5s ease-in-out infinite}.pencil-container{display:inline-flex;flex-direction:column;align-items:flex-start;position:relative}@keyframes blink-soft{0%,to{opacity:1}50%{opacity:.4}}.animate-blink-soft{animation:blink-soft 2s ease-in-out infinite}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}::view-transition-old(root){z-index:1}::view-transition-new(root){z-index:9999}.dark::view-transition-old(root){z-index:9999}.dark::view-transition-new(root){z-index:1}.streaming-container{overflow-anchor:none;contain-intrinsic-size:auto 500px;min-height:200px}.math-block-wrapper{content-visibility:auto;contain-intrinsic-size:0 120px;will-change:transform,opacity}.prose p,.prose h4,.prose h5{transition:color .3s ease}.scrollbar-none::-webkit-scrollbar{display:none}.scrollbar-none{-ms-overflow-style:none;scrollbar-width:none}@keyframes glitch{0%{clip-path:inset(80% 0 0 0);transform:translate(-5px,-5px)}10%{clip-path:inset(10% 0 85% 0);transform:translate(5px,5px)}20%{clip-path:inset(80% 0 0 0);transform:translate(-5px,-5px)}30%{clip-path:inset(10% 0 85% 0);transform:translate(5px,5px)}40%{clip-path:inset(80% 0 0 0);transform:translate(-5px,-5px)}50%{clip-path:inset(10% 0 85% 0);transform:translate(5px,5px)}60%{clip-path:inset(80% 0 0 0);transform:translate(-5px,-5px)}70%{clip-path:inset(10% 0 85% 0);transform:translate(5px,5px)}80%{clip-path:inset(80% 0 0 0);transform:translate(-5px,-5px)}90%{clip-path:inset(10% 0 85% 0);transform:translate(5px,5px)}to{clip-path:inset(80% 0 0 0);transform:translate(-5px,-5px)}}.animate-glitch{animation:glitch .2s infinite}body>svg[id^=mc-],body>svg[id^=mermaid],body>[id^=d][style*=max-width],body>[id^=dmx-],#mermaid-error,.mermaid-error,[id^=mermaid-error],.error-icon,.error-text,svg .error-icon,svg .error-text{display:none!important;height:0!important;max-height:0!important;width:0!important;max-width:0!important;margin:0!important;padding:0!important;overflow:hidden!important;position:absolute!important;pointer-events:none!important}