:root{--bg-primary: #121214;--bg-secondary: #18181b;--bg-tertiary: #27272a;--bg-hover: #323238;--border-color: #2e2e38;--border-focus: #7c3aed;--text-primary: #f4f4f5;--text-secondary: #a1a1aa;--text-muted: #71717a;--accent: #8b5cf6;--accent-hover: #7c3aed;--accent-gradient: linear-gradient(135deg, #8b5cf6 0%, #6366f1 100%);--accent-light: rgba(139, 92, 246, .15);--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--info: #3b82f6;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", monospace;--font-serif: Georgia, Cambria, "Times New Roman", Times, serif;--sidebar-width: 280px;--header-height: 54px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;height:100vh;width:100vw;-webkit-user-select:none;user-select:none}#root{display:flex;height:100vh;width:100vw;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#3f3f46;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#52525b}.app-container{display:flex;width:100%;height:100%;position:relative;background:var(--bg-primary)}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);height:100%;background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;z-index:20;transition:transform .25s ease}.main-content{flex:1;height:100%;display:flex;flex-direction:column;overflow:hidden;position:relative;background:var(--bg-primary)}.btn{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;border:1px solid transparent;transition:all .15s ease;-webkit-user-select:none;user-select:none}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:0 2px 10px #8b5cf64d}.btn-primary:hover{filter:brightness(1.1);box-shadow:0 4px 14px #8b5cf666}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-color)}.btn-secondary:hover{background:var(--bg-hover);border-color:#3f3f46}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-danger{background:#ef444426;color:#f87171;border-color:#ef44444d}.btn-danger:hover{background:#ef444440}.input{width:100%;padding:9px 12px;border-radius:8px;background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);font-size:13px;outline:none;transition:border-color .15s ease}.input:focus{border-color:var(--border-focus)}.callout{margin:16px 0;padding:12px 16px;border-radius:8px;border-left:4px solid var(--border-color);background:#ffffff08;font-size:14px;line-height:1.6}.callout-title{display:flex;align-items:center;gap:8px;font-weight:600;margin-bottom:6px;text-transform:capitalize}.callout-note{border-left-color:#3b82f6;background:#3b82f614}.callout-note .callout-title{color:#60a5fa}.callout-tip{border-left-color:#10b981;background:#10b98114}.callout-tip .callout-title{color:#34d399}.callout-important{border-left-color:#8b5cf6;background:#8b5cf614}.callout-important .callout-title{color:#a78bfa}.callout-warning{border-left-color:#f59e0b;background:#f59e0b14}.callout-warning .callout-title{color:#fbbf24}.callout-caution{border-left-color:#ef4444;background:#ef444414}.callout-caution .callout-title{color:#f87171}.wikilink{display:inline-flex;align-items:center;gap:3px;padding:1px 6px;background:#8b5cf62e;color:#c4b5fd;border-radius:4px;text-decoration:none;font-weight:500;cursor:pointer;border-bottom:1px dashed #8b5cf6;transition:all .15s ease}.wikilink:hover{background:#8b5cf659;color:#fff}.markdown-body{font-size:15px;line-height:1.7;color:#d4d4d8;-webkit-user-select:text;user-select:text}.markdown-body h1{font-size:26px;font-weight:700;margin:24px 0 16px;color:#fff;border-bottom:1px solid var(--border-color);padding-bottom:8px}.markdown-body h2{font-size:20px;font-weight:600;margin:20px 0 12px;color:#f4f4f5}.markdown-body h3{font-size:16px;font-weight:600;margin:16px 0 8px;color:#e4e4e7}.markdown-body p{margin:10px 0}.markdown-body blockquote{border-left:3px solid var(--accent);padding-left:14px;margin:14px 0;color:var(--text-secondary);font-style:italic}.markdown-body pre{background:#09090b;border:1px solid var(--border-color);padding:14px;border-radius:8px;overflow-x:auto;font-family:var(--font-mono);font-size:13px;margin:14px 0}.markdown-body code{background:#27272a;padding:2px 6px;border-radius:4px;font-family:var(--font-mono);font-size:13px;color:#a78bfa}.markdown-body pre code{background:transparent;padding:0;color:#e4e4e7}.markdown-body ul,.markdown-body ol{padding-left:24px;margin:10px 0}.markdown-body li{margin:4px 0}.markdown-body img{max-width:100%;border-radius:8px;margin:12px 0}.markdown-body table{width:100%;border-collapse:collapse;margin:16px 0}.markdown-body th,.markdown-body td{border:1px solid var(--border-color);padding:8px 12px;text-align:left}.markdown-body th{background:var(--bg-tertiary);font-weight:600}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;width:90%;max-width:580px;box-shadow:0 20px 40px #0009;display:flex;flex-direction:column;overflow:hidden;max-height:85vh}@media(max-width:768px){.sidebar{position:absolute;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:10px 0 25px #00000080}.sidebar.open{transform:translate(0)}.bottom-nav{display:flex!important}}