@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";:root,[data-theme=light]{--bg-main:#f8f9fa;--bg-card:#ffffffd9;--bg-card-hover:#fffffff2;--primary:#3b82f6;--primary-dark:#2563eb;--primary-glow:#3b82f640;--secondary:#8b5cf6;--secondary-glow:#8b5cf633;--accent:#10b981;--accent-glow:#10b98133;--warning:#f59e0b;--danger:#ef4444;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--border:#00000014;--border-hover:#00000026;--border-focus:#3b82f666;--glass-bg:#ffffffa6;--glass-blur:blur(16px);--glass-border:1px solid #0000000f;--shadow-sm:0 2px 8px #0000000d;--shadow-md:0 8px 24px #00000014;--shadow-lg:0 16px 48px #0000001a;--shadow-glow-blue:0 0 40px #3b82f626;--shadow-glow-green:0 0 40px #10b98126;--bg-grid-color:#0000000a;--prose-code-bg:#3b82f614;--prose-code-border:#3b82f633;--prose-code-text:#1d4ed8;--prose-pre-bg:#f1f5f9;--prose-pre-border:#00000014;--prose-pre-text:#334155;--prose-blockquote-bg:#3b82f60f;--prose-table-stripe:#00000008}[data-theme=dark]{--bg-main:#060810;--bg-card:#0e101cbf;--bg-card-hover:#161a2cd9;--primary:#3b82f6;--primary-dark:#2563eb;--primary-glow:#3b82f659;--secondary:#8b5cf6;--secondary-glow:#8b5cf64d;--accent:#10b981;--accent-glow:#10b9814d;--warning:#f59e0b;--danger:#ef4444;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#475569;--border:#ffffff14;--border-hover:#ffffff2e;--border-focus:#3b82f699;--glass-bg:#0a0c16a6;--glass-blur:blur(16px);--glass-border:1px solid #ffffff12;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 8px 24px #0006;--shadow-lg:0 16px 48px #00000080;--shadow-glow-blue:0 0 40px #3b82f640;--shadow-glow-green:0 0 40px #10b98133;--bg-grid-color:#ffffff06;--prose-code-bg:#3b82f61a;--prose-code-border:#3b82f633;--prose-code-text:#93c5fd;--prose-pre-bg:#00000080;--prose-pre-border:#ffffff14;--prose-pre-text:#e2e8f0;--prose-blockquote-bg:#3b82f60f;--prose-table-stripe:#ffffff05}:root{--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 8px 24px #0006;--shadow-lg:0 16px 48px #00000080;--shadow-glow-blue:0 0 40px #3b82f640;--shadow-glow-green:0 0 40px #10b98133;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--font-main:"Inter", system-ui, sans-serif;--font-heading:"Outfit", system-ui, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--sidebar-width:270px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-smooth:.3s cubic-bezier(.4, 0, .2, 1);--transition-spring:.5s cubic-bezier(.34, 1.56, .64, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-main);background:var(--bg-main);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.6;overflow-x:hidden}.bg-gradient{z-index:-1;pointer-events:none;background:radial-gradient(at 15% 15%,#3b82f64d 0%,#0000 40%),radial-gradient(at 85% 80%,#8b5cf61a 0%,#0000 45%),radial-gradient(#10b9810d 0%,#0000 55%);position:fixed;inset:0}[data-theme=dark] .bg-gradient{background:radial-gradient(at 10% 10%,#3b82f62e 0%,#0000 45%),radial-gradient(at 85% 80%,#8b5cf624 0%,#0000 45%),radial-gradient(#10b9810f 0%,#0000 55%)}.bg-grid{z-index:-1;pointer-events:none;background-image:linear-gradient(var(--bg-grid-color) 1px, transparent 1px), linear-gradient(90deg, var(--bg-grid-color) 1px, transparent 1px);background-size:60px 60px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(#000 30%,#0000 80%);mask-image:radial-gradient(#000 30%,#0000 80%)}h1,h2,h3,h4,h5{font-family:var(--font-heading);letter-spacing:-.025em}code,pre{font-family:var(--font-mono)}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:all var(--transition-smooth);padding:1.75rem}.glass-card:hover{background:var(--bg-card-hover);border-color:var(--border-hover);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);color:#fff;border-radius:var(--radius-md);cursor:pointer;letter-spacing:-.01em;box-shadow:0 4px 20px var(--primary-glow);transition:all var(--transition-fast);white-space:nowrap;border:none;align-items:center;gap:.5rem;padding:.8rem 1.6rem;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary:hover{box-shadow:0 8px 28px var(--primary-glow);filter:brightness(1.1);transform:translateY(-2px)scale(1.02)}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;pointer-events:none;transform:none}.btn-secondary{color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:#ffffff0a;align-items:center;gap:.5rem;padding:.8rem 1.6rem;font-size:.95rem;font-weight:500;display:inline-flex}.btn-secondary:hover{border-color:var(--border-hover);background:#ffffff17;transform:translateY(-1px)}.btn-secondary:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.form-group{margin-bottom:1.5rem}.form-group label{color:var(--text-secondary);letter-spacing:.01em;margin-bottom:.55rem;font-size:.875rem;font-weight:600;display:block}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);font-family:var(--font-main);transition:all var(--transition-fast);appearance:none;background:#0000004d;padding:.875rem 1.1rem;font-size:.95rem}.form-group select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2394a3b8' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;padding-right:2.5rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);background:#00000073;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.chip,.chip-active{cursor:pointer;transition:all var(--transition-fast);border:1px solid var(--border);color:var(--text-secondary);white-space:nowrap;background:0 0;border-radius:100px;padding:.55rem 1.1rem;font-size:.85rem;font-weight:600}.chip:hover{border-color:var(--border-hover);background:#ffffff0f}.chip-active{border-color:var(--primary);color:var(--primary);box-shadow:0 0 12px var(--primary-glow);background:#3b82f61f}.feature-item,.feature-item-active{border:1px solid var(--border);cursor:pointer;transition:all var(--transition-fast);color:var(--text-secondary);background:#ffffff05;border-radius:12px;align-items:center;gap:12px;padding:.9rem 1rem;font-size:.875rem;font-weight:500;display:flex}.feature-item:hover{border-color:var(--border-hover);color:var(--text-primary);background:#ffffff0f}.feature-item-active{border-color:var(--primary);color:var(--primary);background:#3b82f612;box-shadow:0 0 0 1px #3b82f626}.btn-ai-suggest{color:var(--primary);cursor:pointer;transition:all var(--transition-fast);text-transform:uppercase;letter-spacing:.06em;background:#3b82f614;border:1px solid #3b82f633;border-radius:5px;align-items:center;gap:5px;padding:3px 9px;font-size:.7rem;font-weight:700;display:flex}.btn-ai-suggest:hover{background:var(--primary);color:#fff;box-shadow:0 4px 12px var(--primary-glow);transform:translateY(-1px)}.prose-output{font-family:var(--font-main);color:var(--text-primary);font-size:.95rem;line-height:1.8}.prose-output h1{font-size:1.75rem;font-family:var(--font-heading);color:var(--text-primary);border-bottom:1px solid var(--border);margin:2rem 0 1rem;padding-bottom:.5rem}.prose-output h2{font-size:1.35rem;font-family:var(--font-heading);color:var(--primary);margin:1.75rem 0 .75rem}.prose-output h3{font-size:1.1rem;font-family:var(--font-heading);color:var(--secondary);margin:1.4rem 0 .6rem}.prose-output h4{font-size:.95rem;font-family:var(--font-heading);color:var(--accent);text-transform:uppercase;letter-spacing:.05em;margin:1rem 0 .5rem}.prose-output p{color:var(--text-secondary);margin-bottom:1rem}.prose-output strong{color:var(--text-primary);font-weight:700}.prose-output em{color:var(--text-secondary);font-style:italic}.prose-output a{color:var(--primary);text-underline-offset:3px;text-decoration:underline}.prose-output ul,.prose-output ol{color:var(--text-secondary);margin:.75rem 0 1rem 1.5rem}.prose-output li{margin-bottom:.4rem}.prose-output li::marker{color:var(--primary)}.prose-output ol>li{list-style:decimal}.prose-output blockquote{border-left:3px solid var(--primary);background:var(--prose-blockquote-bg);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text-secondary);margin:1rem 0;padding:.75rem 1.25rem;font-style:italic}.prose-output hr{border:none;border-top:1px solid var(--border);margin:2rem 0}.prose-output code{font-family:var(--font-mono);background:var(--prose-code-bg);border:1px solid var(--prose-code-border);color:var(--prose-code-text);border-radius:5px;padding:.15em .45em;font-size:.85em}.prose-output pre{background:var(--prose-pre-bg);border:1px solid var(--border);border-radius:var(--radius-md);margin:1.25rem 0;padding:1.25rem 1.5rem;position:relative;overflow-x:auto}.prose-output pre code{color:var(--prose-pre-text);white-space:pre;background:0 0;border:none;padding:0;font-size:.88rem}.prose-output table{border-collapse:collapse;width:100%;margin:1.25rem 0;font-size:.9rem}.prose-output th{color:var(--primary);border:1px solid var(--border);text-align:left;background:#3b82f61a;padding:.75rem 1rem;font-weight:600}.prose-output td{border:1px solid var(--border);color:var(--text-secondary);padding:.6rem 1rem}.prose-output tr:nth-child(2n) td{background:var(--prose-table-stripe)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse-glow{0%,to{box-shadow:0 0 12px var(--accent-glow)}50%{box-shadow:0 0 28px #10b98180}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.animate-spin{animation:1s linear infinite spin}.animate-pulse-glow{animation:2s ease-in-out infinite pulse-glow}.animate-float{animation:3s ease-in-out infinite float}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}.text-primary{color:var(--primary)!important}.text-accent{color:var(--accent)!important}.text-muted{color:var(--text-muted)!important}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sr-only{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.sidebar-responsive{position:sticky;top:0}@media (width<=800px){.sidebar-responsive{height:100vh;position:fixed;top:0;left:0}}@media (width>=801px){.mobile-close-btn{display:none!important}}.responsive-grid-2{grid-template-columns:1fr 1fr;display:grid}@media (width<=800px){.responsive-grid-2{grid-template-columns:1fr!important}}.responsive-grid-3{grid-template-columns:repeat(3,1fr);display:grid}@media (width<=800px){.responsive-grid-3{grid-template-columns:1fr!important}}.responsive-grid-4{grid-template-columns:repeat(4,1fr);display:grid}@media (width<=800px){.responsive-grid-4{grid-template-columns:1fr 1fr!important}}@media (width<=500px){.responsive-grid-4{grid-template-columns:1fr!important}}