@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap");:root{--bg-base:#0d0d12;--bg-elevated:#12121a;--bg-surface:#181824;--bg-overlay:#1e1e2e;--bg-hover:#252538;--bg-active:#2d2d45;--accent:#6366f1;--accent-hover:#818cf8;--accent-muted:rgba(99,102,241,0.15);--accent-glow:rgba(99,102,241,0.4);--accent-2:#a78bfa;--accent-3:#38bdf8;--success:#34d399;--warning:#fbbf24;--danger:#f87171;--text-primary:#f0f0fa;--text-secondary:#9b9bc4;--text-muted:#5b5b7e;--text-disabled:#3a3a5c;--border:rgba(99,102,241,0.12);--border-hover:rgba(99,102,241,0.3);--border-active:rgba(99,102,241,0.6);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-sm:6px;--radius:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 1px 3px rgba(0,0,0,0.4);--shadow:0 4px 16px rgba(0,0,0,0.5);--shadow-lg:0 8px 32px rgba(0,0,0,0.6);--shadow-glow:0 0 24px var(--accent-glow);--shadow-glow-sm:0 0 12px rgba(99,102,241,0.25);--font-sans:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--font-size-xs:11px;--font-size-sm:13px;--font-size-base:15px;--font-size-md:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:32px;--header-height:56px;--sidebar-width:260px;--chat-width:320px;--toolbar-height:48px;--transition-fast:120ms cubic-bezier(0.4,0,0.2,1);--transition:200ms cubic-bezier(0.4,0,0.2,1);--transition-slow:350ms cubic-bezier(0.4,0,0.2,1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{color-scheme:dark;font-size:var(--font-size-base)}body,html{height:100%}body{min-height:100dvh;font-family:var(--font-sans);background-color:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#__next,main{height:100%}a{color:var(--accent-hover);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--text-primary)}img,video{max-width:100%;height:auto}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg-active);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent-hover)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-mono{font-family:var(--font-mono)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:500;line-height:1;cursor:pointer;border:1px solid transparent;transition:all var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;outline:none}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:white;border-color:transparent;box-shadow:var(--shadow-glow-sm)}.btn-primary:hover{box-shadow:var(--shadow-glow);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-ghost{background:transparent;color:var(--text-secondary);border-color:transparent}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-outline{background:transparent;color:var(--text-secondary);border-color:var(--border)}.btn-outline:hover{border-color:var(--border-hover);color:var(--text-primary);background:var(--accent-muted)}.btn-danger{background:rgba(248,113,113,.1);color:var(--danger);border-color:rgba(248,113,113,.2)}.btn-danger:hover{background:rgba(248,113,113,.2)}.btn-icon{padding:var(--space-2);border-radius:var(--radius-sm);width:32px;height:32px}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs)}.input{width:100%;padding:var(--space-2) var(--space-3);background:var(--bg-overlay);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-size-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none}.input::placeholder{color:var(--text-muted)}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-muted)}textarea.input{resize:vertical;min-height:80px;line-height:1.6}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5)}.glass{background:rgba(18,18,26,.7);backdrop-filter:blur(16px) saturate(1.5);-webkit-backdrop-filter:blur(16px) saturate(1.5);border:1px solid var(--border)}.divider{height:1px;background:var(--border);width:100%;margin:var(--space-4) 0}.badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;line-height:1}.badge-accent{background:var(--accent-muted);color:var(--accent-hover);border:1px solid rgba(99,102,241,.25)}.badge-danger{background:rgba(248,113,113,.15);color:var(--danger)}.badge-success{background:rgba(52,211,153,.15);color:var(--success)}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);background:var(--bg-overlay);color:var(--text-primary);font-size:var(--font-size-xs);white-space:nowrap;padding:4px 8px;border-radius:var(--radius-sm);border:1px solid var(--border);pointer-events:none;opacity:0;transition:opacity var(--transition-fast);z-index:100}[data-tooltip]:hover:after{opacity:1}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;display:flex;align-items:center;justify-content:center}.modal{background:var(--bg-surface);border:1px solid var(--border-hover);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg),var(--shadow-glow-sm);padding:var(--space-6);width:min(500px,92vw);max-height:90dvh;overflow-y:auto}.ProseMirror{outline:none;min-height:400px;font-family:var(--font-sans);font-size:var(--font-size-md);line-height:1.8;color:var(--text-primary);padding:var(--space-6) var(--space-8)}.ProseMirror p{margin-bottom:var(--space-3)}.ProseMirror h1{font-size:2em;font-weight:700;margin-bottom:var(--space-4);color:var(--text-primary)}.ProseMirror h2{font-size:1.5em}.ProseMirror h2,.ProseMirror h3{font-weight:600;margin-bottom:var(--space-3);color:var(--text-primary)}.ProseMirror h3{font-size:1.25em}.ProseMirror ol,.ProseMirror ul{padding-left:var(--space-6);margin-bottom:var(--space-3)}.ProseMirror li{margin-bottom:var(--space-1)}.ProseMirror code{font-family:var(--font-mono);font-size:.9em;background:var(--bg-hover);color:var(--accent-2);padding:2px 6px;border-radius:var(--radius-sm);border:1px solid var(--border)}.ProseMirror pre{margin-bottom:var(--space-4)}.ProseMirror pre code{background:none;border:none;padding:0;font-size:var(--font-size-sm);font-family:var(--font-mono);line-height:1.7;color:#e6edf3;tab-size:2}.ProseMirror pre .hljs-comment,.ProseMirror pre .hljs-punctuation{color:#8b949e;font-style:italic}.ProseMirror pre .hljs-keyword,.ProseMirror pre .hljs-meta,.ProseMirror pre .hljs-operator,.ProseMirror pre .hljs-selector-tag,.ProseMirror pre .hljs-symbol,.ProseMirror pre .hljs-tag{color:#ff7b72}.ProseMirror pre .hljs-section,.ProseMirror pre .hljs-title,.ProseMirror pre .hljs-title.class_,.ProseMirror pre .hljs-title.function_{color:#d2a8ff}.ProseMirror pre .hljs-literal,.ProseMirror pre .hljs-number{color:#79c0ff}.ProseMirror pre .hljs-doctag,.ProseMirror pre .hljs-regexp,.ProseMirror pre .hljs-string,.ProseMirror pre .hljs-template-variable{color:#a5d6ff}.ProseMirror pre .hljs-built_in,.ProseMirror pre .hljs-builtin-name{color:#ffa657}.ProseMirror pre .hljs-attr,.ProseMirror pre .hljs-attribute{color:#79c0ff}.ProseMirror pre .hljs-params,.ProseMirror pre .hljs-variable{color:#e6edf3}.ProseMirror pre .hljs-type{color:#79c0ff}.ProseMirror pre .hljs-class{color:#f0883e}.ProseMirror pre .hljs-subst{color:#c9d1d9}.ProseMirror pre .hljs-addition{color:#aff5b4;background:rgba(46,160,67,.15)}.ProseMirror pre .hljs-deletion{color:#ffdcd7;background:rgba(248,81,73,.15)}.ProseMirror pre .hljs-emphasis{font-style:italic}.ProseMirror pre .hljs-strong{font-weight:700}.ProseMirror blockquote{border-left:3px solid var(--accent);padding-left:var(--space-4);color:var(--text-secondary);font-style:italic;margin-bottom:var(--space-4)}.ProseMirror hr{border:none;border-top:1px solid var(--border);margin:var(--space-6) 0}.ProseMirror a{color:var(--accent-hover);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.ProseMirror img{max-width:100%}.ProseMirror .youtube-wrapper,.ProseMirror img{border-radius:var(--radius);margin:var(--space-4) 0}.ProseMirror .youtube-wrapper{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}.ProseMirror .youtube-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}.ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:var(--text-disabled);pointer-events:none;float:left;height:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-16px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 8px var(--accent-glow)}50%{box-shadow:0 0 24px var(--accent-glow),0 0 48px rgba(99,102,241,.2)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.animate-fadeIn{animation:fadeIn .25s ease both}.animate-slideInLeft{animation:slideInLeft .2s ease both}.animate-spin{animation:spin .8s linear infinite}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.flex-1{flex:1 1}.min-w-0{min-width:0}.w-full{width:100%}.h-full{height:100%}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}