@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Syne:wght@400;500;600;700;800&display=swap";
@font-face{font-family:GygsFont;src:url(/fonts/GygsFont.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#080808;--foreground:#f4f4f4;--muted:#858585;--line:#292929;--surface:#121212;--surface2:#191919;--accent:#ff4f75;--blue:#63d8ff;--green:#54e6a7;--yellow:#f0c85f;--bg-primary:#080808;--bg-secondary:#121212;--bg-surface:#121212;--bg-surface2:#191919;--bg-card:#121212;--bg-card-hover:#191919;--bg-input:#191919;--border:#292929;--border-focus:#ff4f75;--accent-primary:#ff4f75;--accent-secondary:#63d8ff;--accent-pink:#ff4f75;--accent-pink-dim:#ff4f751f;--accent-pink-glow:#ff4f754d;--accent-gold:#f0c85f;--accent-gold-dim:#f0c85f1f;--accent-blue:#63d8ff;--accent-blue-light:#63d8ff;--accent-blue-glow:#63d8ff40;--accent-green:#54e6a7;--accent-green-dim:#54e6a71f;--accent-green-glow:#54e6a74d;--text-primary:#f4f4f4;--text-secondary:#b7b7b7;--text-muted:#858585;--text-dim:#555;--text-highlight:#fff;--success:#54e6a7;--error:#ff4f75;--warning:#f0c85f;--mascot-card-bg:#fdfdfd;--mascot-card-border:#ffffff26;--mascot-feature-stroke:#121214}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#fbfbfb;--foreground:#121212;--muted:#737373;--line:#e5e5e5;--surface:#fff;--surface2:#f4f4f5;--accent:#ff4f75;--blue:#0284c7;--green:#10b981;--yellow:#d97706;--bg-primary:#fbfbfb;--bg-secondary:#fff;--bg-surface:#fff;--bg-surface2:#f4f4f5;--bg-card:#fff;--bg-card-hover:#f4f4f5;--bg-input:#f4f4f5;--border:#e5e5e5;--border-focus:#ff4f75;--accent-primary:#ff4f75;--accent-secondary:#0284c7;--accent-pink:#ff4f75;--accent-pink-dim:#ff4f7514;--accent-pink-glow:#ff4f7533;--accent-gold:#d97706;--accent-gold-dim:#d9770614;--accent-blue:#0284c7;--accent-blue-light:#0284c7;--accent-blue-glow:#0284c726;--accent-green:#10b981;--accent-green-dim:#10b98114;--accent-green-glow:#10b98133;--text-primary:#121212;--text-secondary:#525252;--text-muted:#737373;--text-dim:#a3a3a3;--text-highlight:#000;--mascot-card-bg:#f0f0f3;--mascot-card-border:#00000014;--mascot-feature-stroke:#121214}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#080808;--foreground:#f4f4f4;--muted:#858585;--line:#292929;--surface:#121212;--surface2:#191919;--accent:#ff4f75;--blue:#63d8ff;--green:#54e6a7;--yellow:#f0c85f;--bg-primary:#080808;--bg-secondary:#121212;--bg-surface:#121212;--bg-surface2:#191919;--bg-card:#121212;--bg-card-hover:#191919;--bg-input:#191919;--border:#292929;--border-focus:#ff4f75;--accent-primary:#ff4f75;--accent-secondary:#63d8ff;--accent-pink:#ff4f75;--accent-pink-dim:#ff4f751f;--accent-pink-glow:#ff4f754d;--accent-gold:#f0c85f;--accent-gold-dim:#f0c85f1f;--accent-blue:#63d8ff;--accent-blue-light:#63d8ff;--accent-blue-glow:#63d8ff40;--accent-green:#54e6a7;--accent-green-dim:#54e6a71f;--accent-green-glow:#54e6a74d;--text-primary:#f4f4f4;--text-secondary:#b7b7b7;--text-muted:#858585;--text-dim:#555;--text-highlight:#fff;--success:#54e6a7;--error:#ff4f75;--warning:#f0c85f;--mascot-card-bg:#fdfdfd;--mascot-card-border:#ffffff26;--mascot-feature-stroke:#121214}:root{--font-sans:"GygsFont", "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display:"GygsFont", "Syne", sans-serif;--font-mono:"SF Mono", "Fira Code", "Cascadia Code", monospace;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:18px;--radius-pill:999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{background:var(--background);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar{display:none}body::-webkit-scrollbar{display:none}body{font-family:var(--font-sans);background:var(--background);background-color:var(--background);color:var(--foreground);scrollbar-width:none;-ms-overflow-style:none;min-height:100vh;font-size:14px;line-height:1.6}[data-theme=dark] body{background-image:radial-gradient(circle,#141414 0%,#080808 42%)}.universal-modal-heading{color:#fff;letter-spacing:-.03em;margin:0;font-size:1.5rem;font-weight:800;line-height:1}a{color:var(--blue);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent)}::selection{background:var(--accent);color:#080808}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--line);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:#383838}.text-gold{color:var(--yellow)}.text-blue{color:var(--blue)}.text-pink{color:var(--accent)}.text-green{color:var(--green)}.text-muted{color:var(--muted)}.text-secondary{color:var(--text-secondary)}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono)}.accent-pink{background:var(--accent)}.accent-blue{background:var(--blue)}.accent-green{background:var(--green)}.accent-yellow{background:var(--yellow)}.brand-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:2s ease-in-out infinite dotGlow;display:inline-block}.status-dot,.live-dot{background:var(--green);border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite livePulse;display:inline-block}@keyframes dotGlow{0%,to{opacity:.6;transform:scale(.9)}50%{opacity:1;filter:drop-shadow(0 0 4px var(--accent));transform:scale(1.15)}}@keyframes livePulse{0%,to{opacity:1;box-shadow:0 0 4px var(--green);transform:scale(1)}50%{opacity:.4;box-shadow:0 0 1px var(--green);transform:scale(.85)}}@keyframes recFastPulse{0%{opacity:.2;transform:scale(.75)}to{opacity:1;transform:scale(1.3)}}@keyframes greenGrow{0%,to{opacity:.85;transform:translateY(0)}50%{opacity:1;transform:translateY(-1px)}}@keyframes brainPulse{0%,to{color:var(--muted);transform:scale(1)}50%{color:var(--accent);transform:scale(1.15)}}@keyframes sparkleTwinkle{0%,to{opacity:.8;transform:scale(1)rotate(0)}50%{opacity:1;filter:drop-shadow(0 0 4px var(--accent));transform:scale(1.2)rotate(15deg)}}@keyframes barPulse{0%,to{opacity:.8;transform:scaleY(1)}50%{opacity:1;filter:brightness(1.2);transform:scaleY(1.08)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}.mascot-card-wrapper{display:inline-flex;transform:translateZ(0)}.mascot-card-wrapper.animated{transition:transform .3s cubic-bezier(.4,0,.2,1)}.mascot-card-wrapper.animated:hover{transform:scale(1.04)}.mascot-card-wrapper.animated.listening{animation:4s ease-in-out infinite mascotBreathe}.mascot-card-wrapper.animated.talking{animation:.32s ease-in-out infinite alternate mascotTalkBob}.mascot-card-wrapper.animated.thinking{animation:2.5s ease-in-out infinite mascotThinkTilt}.mascot-card-wrapper.animated.happy{animation:.9s cubic-bezier(.28,.84,.42,1) infinite mascotHappyHop}@keyframes mascotBreathe{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes mascotTalkBob{0%{transform:translateY(0)}to{transform:translateY(-3px)}}@keyframes mascotThinkTilt{0%,to{transform:rotate(-1.5deg)translateY(0)}50%{transform:rotate(1.5deg)translateY(-2px)}}@keyframes mascotHappyHop{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.mascot-card-wrapper.animated.listening .pupil-left,.mascot-card-wrapper.animated.listening .pupil-right,.mascot-card-wrapper.animated.resting .pupil-left,.mascot-card-wrapper.animated.resting .pupil-right{transform-origin:50%;animation:3.6s infinite pupilBlink}@keyframes pupilBlink{0%,88%,to{transform:scaleY(1)}92%,96%{transform:scaleY(.08)translateY(10px)}}.mascot-card-wrapper.animated.talking .pupil-left,.mascot-card-wrapper.animated.talking .pupil-right{animation:.5s ease-in-out infinite alternate pupilTalkingShift}@keyframes pupilTalkingShift{0%{transform:translateY(0)}to{transform:translateY(-1.5px)}}.mascot-card-wrapper.animated.thinking .pupil-left,.mascot-card-wrapper.animated.thinking .pupil-right{transform:translateY(-6px)translate(4px)}.mascot-card-wrapper.animated.thinking .brow-left{transform:translateY(-4px)rotate(-4deg)}.mascot-card-wrapper.animated.thinking .brow-right{transform:translateY(2px)rotate(3deg)}.mascot-card-wrapper.animated.happy .mascot-brows{transform:translateY(-6px)}.mascot-card-wrapper.animated.talking .mascot-brows{animation:.32s ease-in-out infinite alternate browTalkBounce}@keyframes browTalkBounce{0%{transform:translateY(0)}to{transform:translateY(-2.5px)}}.mascot-card-wrapper.animated .mouth-talking{transform-origin:130px 188px;animation:.26s ease-in-out infinite alternate mouthSpeech}@keyframes mouthSpeech{0%{transform:scaleY(.65)scaleX(.9)}to{transform:scaleY(1.35)scaleX(1.1)}}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.animate-fade-in{animation:fadeIn var(--transition-normal) ease-out forwards}.animate-slide-up{animation:slideUp var(--transition-slow) ease-out forwards}.btn-primary{background:var(--accent);color:#080808;border:1px solid var(--accent);border-radius:var(--radius-pill);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:700;display:inline-flex;box-shadow:0 0 14px #ff4f7559}.btn-primary:hover{opacity:.95;transform:translateY(-1px);box-shadow:0 0 20px #ff4f7580}.btn-primary:active{transform:translateY(0)}.btn-gold{background:var(--foreground);color:#080808;border-radius:var(--radius-pill);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:700;display:inline-flex}.btn-gold:hover{opacity:.9;transform:translateY(-1px)}.btn-secondary{color:var(--foreground);border:1px solid var(--line);border-radius:var(--radius-pill);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:12px;font-weight:500;display:inline-flex}.btn-secondary:hover{background:#ffffff0a;border-color:#555;transform:translateY(-1px)}.btn-secondary:active{transform:scale(.98)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:22px;transition:border-color .25s,box-shadow .25s}.panel:hover{border-color:#383838}.card{background:var(--surface);border:1px solid var(--line);transition:all var(--transition-normal);border-radius:16px;padding:20px}.card:hover{background:var(--surface2);border-color:#383838}.input{background:var(--surface2);width:100%;color:var(--foreground);font-family:var(--font-sans);transition:all var(--transition-fast);border:1px solid #333;border-radius:13px;outline:none;padding:12px 16px;font-size:13px}.input::placeholder{color:var(--muted)}.input:focus{border-color:#555;box-shadow:0 0 12px #ffffff0d}.typing-dot{background:var(--muted);border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite pulse}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}.streaming-cursor:after{content:"▊";color:var(--accent);margin-left:2px;animation:.8s infinite blink}