:root{--color-primary: #6366f1;--color-primary-light: #818cf8;--color-primary-dark: #4f46e5;--color-accent: #22d3ee;--color-accent-light: #67e8f9;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--gradient-accent: linear-gradient(135deg, #6366f1 0%, #22d3ee 100%);--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-warm: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--z-bg: -1;--z-base: 0;--z-dropdown: 50;--z-sticky: 100;--z-modal: 200;--z-toast: 300}[data-theme=dark],:root{--color-bg-primary: #0a0e17;--color-bg-secondary: #111827;--color-bg-tertiary: #1e293b;--color-surface: rgba(30, 41, 59, .5);--color-surface-elevated: rgba(51, 65, 85, .6);--color-text-primary: #f8fafc;--color-text-secondary: #cbd5e1;--color-text-muted: #94a3b8;--color-border: rgba(148, 163, 184, .12);--color-border-hover: rgba(148, 163, 184, .25);--color-border-focus: rgba(99, 102, 241, .5);--glass-bg: rgba(15, 23, 42, .4);--glass-bg-hover: rgba(15, 23, 42, .55);--glass-bg-strong: rgba(15, 23, 42, .95);--glass-border: rgba(148, 163, 184, .12);--glass-shadow: 0 2px 12px rgba(0, 0, 0, .18);--glass-blur: blur(20px) saturate(180%);--color-primary-alpha: rgba(99, 102, 241, .15);--canvas-particle-color: 99, 102, 241;--canvas-line-color: 99, 102, 241}[data-theme=light]{--color-bg-primary: #f0f4f8;--color-bg-secondary: #ffffff;--color-bg-tertiary: #e2e8f0;--color-surface: rgba(255, 255, 255, .6);--color-surface-elevated: rgba(255, 255, 255, .85);--color-text-primary: #0f172a;--color-text-secondary: #475569;--color-text-muted: #94a3b8;--color-border: rgba(0, 0, 0, .08);--color-border-hover: rgba(0, 0, 0, .15);--color-border-focus: rgba(99, 102, 241, .5);--glass-bg: rgba(255, 255, 255, .35);--glass-bg-hover: rgba(255, 255, 255, .5);--glass-bg-strong: rgba(255, 255, 255, .95);--glass-border: rgba(255, 255, 255, .5);--glass-shadow: 0 2px 12px rgba(0, 0, 0, .06);--glass-blur: blur(20px) saturate(180%);--color-primary-alpha: rgba(99, 102, 241, .15);--canvas-particle-color: 99, 102, 241;--canvas-line-color: 99, 102, 241}.glass{background:#ffffff02;backdrop-filter:blur(4px) saturate(105%);-webkit-backdrop-filter:blur(4px) saturate(105%);border:1px solid rgba(255,255,255,.05);border-radius:32px;box-shadow:var(--glass-shadow);position:relative;transition:all var(--transition-base)}.glass:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);pointer-events:none;border-radius:32px 32px 0 0}.glass-subtle{background:#ffffff03;backdrop-filter:blur(4px) saturate(105%);-webkit-backdrop-filter:blur(4px) saturate(105%);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-xl);transition:all var(--transition-base)}.glass-strong{background:var(--color-surface-elevated);backdrop-filter:blur(30px) saturate(200%);-webkit-backdrop-filter:blur(30px) saturate(200%);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);box-shadow:var(--glass-shadow);transition:all var(--transition-base)}.glass-interactive{cursor:pointer}.glass-interactive:hover{background:#ffffff05;backdrop-filter:blur(8px) saturate(115%);-webkit-backdrop-filter:blur(8px) saturate(115%);border-color:#6366f133;transform:translateY(-2px);box-shadow:var(--glass-shadow),0 0 30px #6366f114}.glass-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background:#ffffff04;backdrop-filter:blur(6px) saturate(110%);-webkit-backdrop-filter:blur(6px) saturate(110%);border:1px solid rgba(99,102,241,.25);border-radius:24px;color:var(--color-text-primary);font-family:var(--font-sans);font-size:.9rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);text-decoration:none;text-shadow:0 1px 2px rgba(0,0,0,.2)}.glass-btn:hover{background:#ffffff08;backdrop-filter:blur(10px) saturate(120%);-webkit-backdrop-filter:blur(10px) saturate(120%);border-color:#6366f166;transform:translateY(-1px);box-shadow:0 4px 20px #6366f126}.glass-btn:active{transform:translateY(0)}.glass-btn:disabled,.glass-btn-outline:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.glass-btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background:#ffffff02;backdrop-filter:blur(6px) saturate(110%);-webkit-backdrop-filter:blur(6px) saturate(110%);border:1px solid rgba(255,255,255,.15);border-radius:24px;color:var(--color-text-primary);font-family:var(--font-sans);font-size:.9rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);text-decoration:none;text-shadow:0 1px 2px rgba(0,0,0,.2)}.glass-btn-outline:hover{background:#ffffff05;backdrop-filter:blur(10px) saturate(120%);-webkit-backdrop-filter:blur(10px) saturate(120%);border-color:#6366f14d;transform:translateY(-1px);box-shadow:0 4px 20px #6366f11a}.glass-input{width:100%;padding:.875rem 1rem;background:#ffffff0a;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-sans);font-size:.95rem;transition:all var(--transition-base);outline:none}.glass-input::placeholder{color:var(--color-text-muted)}.glass-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f126}.glass-textarea{width:100%;min-height:120px;padding:.875rem 1rem;background:#ffffff0a;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-sans);font-size:.95rem;resize:vertical;transition:all var(--transition-base);outline:none}.glass-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f126}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #6366f126}50%{box-shadow:0 0 40px #6366f14d}}@keyframes shimmer{0%{transform:translate(-100%) skew(-15deg)}to{transform:translate(200%) skew(-15deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animate-fade-in{animation:fadeIn .5s ease forwards}.animate-fade-in-up{animation:fadeInUp .6s ease forwards}.animate-float{animation:float 3s ease-in-out infinite}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.gradient-text{background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stagger-children>*{opacity:0;animation:fadeInUp .5s ease forwards}.stagger-children>*:nth-child(1){animation-delay:0s}.stagger-children>*:nth-child(2){animation-delay:.1s}.stagger-children>*:nth-child(3){animation-delay:.2s}.stagger-children>*:nth-child(4){animation-delay:.3s}.stagger-children>*:nth-child(5){animation-delay:.4s}.stagger-children>*:nth-child(6){animation-delay:.5s}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.markdown-content{color:var(--color-text-secondary);line-height:1.8;font-size:1rem}.markdown-content>*:first-child{margin-top:0}.markdown-content>*:last-child{margin-bottom:0}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4,.markdown-content h5,.markdown-content h6{color:var(--color-text-primary);font-weight:700;margin-top:1.5rem;margin-bottom:.75rem;line-height:1.3}.markdown-content h1{font-size:2rem}.markdown-content h2{font-size:1.75rem}.markdown-content h3{font-size:1.5rem}.markdown-content h4{font-size:1.25rem}.markdown-content h5{font-size:1.1rem}.markdown-content h6{font-size:1rem}.markdown-content p{margin-bottom:1rem}.markdown-content a{color:var(--color-primary-light);text-decoration:underline;transition:color .2s}.markdown-content a:hover{color:var(--color-primary)}.markdown-content ul,.markdown-content ol{margin-bottom:1rem;padding-left:1.5rem}.markdown-content li{margin-bottom:.5rem}.markdown-content blockquote{border-left:4px solid var(--color-primary);padding-left:1rem;margin:1rem 0;font-style:italic;color:var(--color-text-muted)}.markdown-content code{font-family:SF Mono,Monaco,Consolas,monospace;font-size:.9em;background:#6366f126;padding:.2rem .4rem;border-radius:var(--radius-sm);color:var(--color-primary-light)}.markdown-content pre code{background:none;padding:0}.markdown-content .code-block-wrapper{position:relative;background:#14141e4d;border:1px solid var(--color-border);border-radius:var(--radius-md);margin:.75rem 0;overflow:hidden}.markdown-content .code-block-header{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background:#14141ef2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border);gap:.5rem}.markdown-content .code-language-badge{font-size:.75rem;font-weight:600;color:var(--color-primary-light);text-transform:uppercase;letter-spacing:.05em;padding:.25rem .5rem;background:#6366f126;border-radius:var(--radius-sm);border:1px solid rgba(99,102,241,.3)}.markdown-content .code-copy-button{padding:.4rem .75rem;font-size:.75rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text-secondary);transition:all .2s;display:flex;align-items:center;gap:.25rem;font-weight:500;white-space:nowrap}.markdown-content .code-copy-button:hover{background:#ffffff26;border-color:#ffffff4d}.markdown-content .code-copy-button.copied{background:#22c55e33;border-color:#22c55e66;color:#22c55e}.markdown-content .code-block-wrapper pre{background:transparent;border:none;border-radius:0;padding:1rem;margin:0;overflow-x:auto;max-height:500px;overflow-y:auto}.markdown-content .code-block-wrapper pre code{background:none;padding:0;color:inherit;font-size:.875rem;line-height:1.6}[data-theme=light] .markdown-content .code-block-wrapper{background:#f0f0f580;border-color:#0000001a}[data-theme=light] .markdown-content .code-block-header{background:#f0f0f5f2;border-bottom-color:#0000001a}[data-theme=light] .markdown-content .code-copy-button{background:#0000000d;border-color:#0000001a;color:var(--color-text-primary)}[data-theme=light] .markdown-content .code-copy-button:hover{background:#0000001a;border-color:#00000026}.markdown-content table{width:100%;border-collapse:collapse;margin:1rem 0}.markdown-content th,.markdown-content td{border:1px solid var(--color-border);padding:.5rem .75rem;text-align:left}.markdown-content th{background:var(--glass-bg);font-weight:600;color:var(--color-text-primary)}.markdown-content hr{border:none;border-top:1px solid var(--color-border);margin:1.5rem 0}.markdown-content img{max-width:100%;height:auto;border-radius:var(--radius-md);margin:1rem 0}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:var(--font-sans);font-weight:400;line-height:1.6;color:var(--color-text-primary);background:var(--color-bg-primary);min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 20%,rgba(99,102,241,.08) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(34,211,238,.06) 0%,transparent 50%);pointer-events:none;z-index:-1}.app-layout{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding-top:80px;max-width:1200px;margin:0 auto;padding:calc(80px + var(--tor-banner-height, 0px)) 20px 40px;width:100%}.deferred-section{content-visibility:auto;contain-intrinsic-size:900px}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;letter-spacing:-.025em;color:var(--color-text-primary)}h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:800}h2{font-size:clamp(2rem,4vw,3rem)}h3{font-size:clamp(1.5rem,3vw,2rem)}p{font-size:1.0625rem;line-height:1.75;color:var(--color-text-secondary)}a{color:var(--color-primary-light);text-decoration:none;transition:color .2s cubic-bezier(.4,0,.2,1)}a:hover{color:var(--color-accent)}@media(max-width:768px){.main-content{padding:72px 16px 32px}}@media(max-width:480px){.main-content{padding:68px 12px 24px}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-bg-primary)}::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-light)}*{scrollbar-width:thin;scrollbar-color:var(--color-primary) var(--color-bg-primary)}::selection{background:#6366f14d;color:var(--color-text-primary)}::-moz-selection{background:#6366f14d;color:var(--color-text-primary)}