:root{--bg-dark:#09090b;--bg-panel:#14141999;--bg-card:#1e1e2866;--bg-active:#6366f11f;--bg-hover:#ffffff0a;--border-color:#ffffff14;--border-highlight:#6366f14d;--border-focus:#6366f199;--color-primary:#6366f1;--color-secondary:#3b82f6;--color-success:#10b981;--color-warning:#f59e0b;--gradient-accent:linear-gradient(135deg, #6366f1 0%, #3b82f6 100%);--gradient-glow:linear-gradient(135deg, #6366f126 0%, #3b82f626 100%);--gradient-shine:linear-gradient(90deg, transparent, #ffffff1a, transparent);--text-primary:#f4f4f5;--text-secondary:#a1a1aa;--text-muted:#71717a;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--shadow-neon:0 0 20px #6366f140;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s cubic-bezier(.16, 1, .3, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:var(--bg-dark);color:var(--text-primary);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);background-image:radial-gradient(at 0 0,#6366f114 0,#0000 50%),radial-gradient(at 100% 100%,#3b82f614 0,#0000 50%);background-attachment:fixed;min-width:320px;min-height:100vh;margin:0;overflow:hidden}.glass-panel{background:var(--bg-panel);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);box-shadow:var(--shadow-md);transition:border-color var(--transition-normal), box-shadow var(--transition-normal);border-radius:16px}.glass-panel:hover{border-color:#ffffff1f}.glass-panel-glow{border-color:var(--border-highlight);box-shadow:var(--shadow-neon)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0000000d}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#6366f180}input,textarea,select{color:var(--text-primary);border:1px solid var(--border-color);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);background:#ffffff08;border-radius:8px;outline:none;padding:10px 14px;font-family:inherit}input:focus,textarea:focus,select:focus{border-color:var(--border-focus);background:#ffffff0d;box-shadow:0 0 0 2px #6366f126}input[type=range]{appearance:none;cursor:pointer;background:#ffffff1a;border:none;border-radius:2px;height:4px;padding:0}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--color-primary);width:12px;height:12px;box-shadow:0 0 8px var(--color-primary);border-radius:50%;transition:transform .1s}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.3)}.markdown-body{color:#e4e4e7;font-size:15px;line-height:1.6}.markdown-body h1,.markdown-body h2,.markdown-body h3{color:var(--text-primary);letter-spacing:-.01em;margin-top:24px;margin-bottom:12px;font-weight:600}.markdown-body h1{border-bottom:1px solid var(--border-color);padding-bottom:8px;font-size:1.8rem}.markdown-body h2{border-bottom:1px solid var(--border-color);padding-bottom:6px;font-size:1.4rem}.markdown-body h3{font-size:1.15rem}.markdown-body p{margin-bottom:16px}.markdown-body code{color:#f43f5e;background:#ffffff0f;border-radius:4px;padding:2px 6px;font-family:Fira Code,monospace;font-size:.85em}.markdown-body pre{border:1px solid var(--border-color);background:#111116;border-radius:10px;margin-bottom:18px;padding:16px;overflow-x:auto}.markdown-body pre code{color:#38bdf8;background:0 0;padding:0;font-size:.9em}.markdown-body ul,.markdown-body ol{margin-bottom:18px;padding-left:24px}.markdown-body li{margin-bottom:6px}.markdown-body blockquote{border-left:4px solid var(--color-primary);color:var(--text-secondary);background:#6366f10a;border-radius:0 8px 8px 0;margin:18px 0;padding:12px 18px;font-style:italic}.markdown-body hr{background:var(--border-color);border:0;height:1px;margin:24px 0}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseBorder{0%{border-color:var(--border-color)}50%{border-color:var(--border-highlight);box-shadow:0 0 10px #6366f11a}to{border-color:var(--border-color)}}.animate-fade-in{animation:fadeIn var(--transition-normal) forwards}.animate-pulse-border{animation:2.5s infinite pulseBorder}