:root{--bg-primary: #0d0d0d;--bg-secondary: #1a1a1a;--bg-tertiary: #262626;--text: #e0e0e0;--text-secondary: #b3b3b3;--text-muted: #9ca3af;--border: #333;--accent: #3b82f6;--accent-hover: #2563eb;--text-link: var(--accent);--brave-cyan: #01b7af;--brave-cyan-hover: #00d4c4;--brave-red: #e5484d;--brave-green: #46a758}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text);-webkit-font-smoothing:antialiased}*{scrollbar-color:var(--border) var(--bg-primary);scrollbar-width:thin}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:var(--bg-primary)}*::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}*::-webkit-scrollbar-thumb:hover{background:var(--bg-tertiary)}.preview-content{font-size:1rem;line-height:1.7;word-wrap:break-word}.preview-content>*:first-child{margin-top:0}.preview-content>*:last-child{margin-bottom:0}.preview-content h1,.preview-content h2,.preview-content h3,.preview-content h4,.preview-content h5,.preview-content h6{margin-top:1.6em;margin-bottom:.6em;font-weight:600;line-height:1.3}.preview-content h1{font-size:1.9rem}.preview-content h2{font-size:1.5rem;padding-bottom:.3em;border-bottom:1px solid var(--border)}.preview-content h3{font-size:1.25rem}.preview-content h4{font-size:1.05rem}.preview-content h5{font-size:.95rem}.preview-content h6{font-size:.9rem;color:var(--text-muted)}.preview-content p{margin:.9em 0}.preview-content ul,.preview-content ol{margin:.9em 0;padding-left:1.6em}.preview-content li{margin:.3em 0}.preview-content li>ul,.preview-content li>ol{margin:.3em 0}.preview-content code{background:var(--bg-tertiary);padding:.15em .4em;border-radius:5px;font-size:.875em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.preview-content pre{background:var(--bg-tertiary);padding:1em 1.1em;border-radius:8px;overflow:auto;margin:1em 0;line-height:1.5}.preview-content pre code{background:none;padding:0;font-size:.85em}.preview-content pre code.language-mermaid{white-space:pre-wrap;word-break:break-word}.preview-content a{color:var(--accent);text-decoration:none}.preview-content a:hover{text-decoration:underline}.preview-content blockquote{border-left:3px solid var(--brave-cyan);margin:1em 0;padding:.2em 0 .2em 1.1em;color:var(--text-muted)}.preview-content blockquote>*:first-child{margin-top:0}.preview-content blockquote>*:last-child{margin-bottom:0}.preview-content img{max-width:100%;height:auto;border-radius:6px}.preview-content hr{border:none;border-top:1px solid var(--border);margin:1.8em 0}.preview-content table{border-collapse:collapse;width:100%;margin:1em 0;font-size:.95em}.preview-content th,.preview-content td{border:1px solid var(--border);padding:.5em .8em;text-align:left}.preview-content th{background:var(--bg-tertiary);font-weight:600}.preview-content tr:nth-child(2n) td{background:#ffffff05}.btn{background:var(--bg-tertiary);color:var(--text);border:1px solid var(--border);border-radius:4px;padding:6px 10px;cursor:pointer;font-size:13px;font-weight:500}.btn:hover{background:var(--brave-cyan);color:#0d0d0d;border-color:var(--brave-cyan)}.btn-on{background:var(--border)}.btn-dim{opacity:.6}.split-controls{position:absolute;top:50%;display:flex;flex-direction:column;gap:8px;z-index:10;max-height:calc(100vh - 40px);padding:4px 0}.split-controls-center{left:50%;transform:translate(-50%,-50%)}.split-controls-left{left:50%;transform:translate(-100%,-50%);margin-left:-6px}.split-controls-right{left:50%;transform:translateY(-50%);margin-left:6px}.split-control-button{background:#0d0d0de6;border:1px solid #01b7af;border-radius:4px;padding:6px;cursor:pointer;color:#01b7af;display:flex;align-items:center;justify-content:center;transition:all .2s ease;width:32px;height:32px;position:relative}.split-control-button:hover{background:#01b7af;color:#0d0d0d;transform:scale(1.1)}.split-control-button:active{transform:scale(.95)}.split-control-button svg{pointer-events:none}header[role=toolbar] button{position:relative}header[role=toolbar] button[aria-label]:hover:after,.split-control-button[aria-label]:hover:after{content:attr(aria-label);position:absolute;background:var(--brave-cyan);color:#0d0d0d;border:1px solid var(--brave-cyan);border-radius:6px;padding:4px 8px;font-size:12px;font-weight:500;line-height:1.2;white-space:nowrap;pointer-events:none;z-index:1100;box-shadow:0 4px 12px #0006}header[role=toolbar] button[aria-label]:hover:after{top:calc(100% + 8px);left:50%;transform:translate(-50%)}.split-control-button[aria-label]:hover:after{left:calc(100% + 10px);top:50%;transform:translateY(-50%)}header[role=toolbar] button[aria-expanded=true]:hover:after{display:none}.cm-editor .cm-scroller{padding-right:50px!important}.preview-content{padding-right:50px!important;padding-left:50px!important;max-width:860px;margin:0 auto}@keyframes toast-slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes xp-pulse{0%{box-shadow:0 0 #01b7af66}70%{box-shadow:0 0 0 6px #01b7af00}to{box-shadow:0 0 #01b7af00}}.achievement-toast{animation:toast-slide-in .3s ease-out}.xp-bar-fill{animation:xp-pulse 1s ease-out}.code-block-wrapper{position:relative}.copy-code-button{position:absolute;top:8px;right:8px;background:transparent;border:none;border-radius:4px;padding:6px;cursor:pointer;color:var(--text-muted);display:flex;align-items:center;justify-content:center;transition:all .2s ease;opacity:0}.code-block-wrapper:hover .copy-code-button{opacity:1}.copy-code-button:hover{background:transparent;color:var(--brave-cyan)}.copy-code-button.copied{color:#10b981}.mermaid-diagram{position:relative;margin:1em 0;padding:1rem;border:1px solid var(--border);border-radius:8px}.mermaid-diagram-toolbar{position:absolute;top:8px;right:8px;z-index:1;opacity:0;transition:opacity .15s}.mermaid-diagram:hover .mermaid-diagram-toolbar{opacity:1}.mermaid-diagram-content{display:flex;justify-content:center;overflow:auto}.mermaid-diagram-content svg{width:100%;height:auto}.mermaid-modal-svg{position:absolute;inset:24px;overflow:hidden;background:var(--bg-secondary);border-radius:12px;cursor:grab}.mermaid-modal-svg:active{cursor:grabbing}.mermaid-diagram-content .node rect,.mermaid-modal-svg .node rect,.mermaid-dialog-svg .node rect{rx:8px;ry:8px;stroke:var(--border)!important}.mermaid-diagram-content .cluster rect,.mermaid-modal-svg .cluster rect,.mermaid-dialog-svg .cluster rect{fill:transparent!important;stroke:none!important}.mermaid-diagram-content svg,.mermaid-modal-svg svg{display:block}.mermaid-modal-controls{position:absolute;top:36px;right:36px;display:flex;gap:8px;z-index:2001}.mermaid-modal-controls .btn,.mermaid-diagram-toolbar .btn{display:flex;align-items:center;justify-content:center}.mermaid-dialog-svg svg{display:block;margin:0 auto;width:100%;height:auto;max-height:320px;max-width:none!important}.mermaid-diagram-content .er.entityBox,.mermaid-modal-svg .er.entityBox,.mermaid-dialog-svg .er.entityBox{fill:#262626;stroke:#333}svg[aria-roledescription=architecture] svg rect{fill:#262626!important}svg[aria-roledescription=journey] rect.journey-section,svg[aria-roledescription=journey] rect.task{fill:#262626!important;stroke:#333!important}svg[aria-roledescription=journey] line:not(.task-line):not(.mouth){stroke:#e0e0e0!important}svg[aria-roledescription=journey] marker *{fill:#e0e0e0!important}svg[aria-roledescription=journey] circle.face{fill:#eab308!important;stroke:#a16207!important;stroke-width:2px!important}svg[aria-roledescription=journey] g:has(>g>path.mouth[d^="M7.5"])>circle.face{fill:var(--brave-green)!important;stroke:#2f7a3f!important}svg[aria-roledescription=journey] g:has(>g>path.mouth[d^="M-7.5"])>circle.face{fill:var(--brave-red)!important;stroke:#a13538!important}svg[aria-roledescription=journey] g:has(>circle.face)>g>circle{fill:#fff!important;stroke:#fff!important}svg[aria-roledescription=journey] line.mouth{stroke:#fff!important}svg[aria-roledescription=journey] path.mouth{fill:#fff!important;stroke:#fff!important}svg[aria-roledescription=gantt] .today{display:none}svg[aria-roledescription=xychart] .bar-plot-0 rect{fill:#018f89!important;stroke:none!important}svg[aria-roledescription=gitGraph] circle.commit{fill:#262626!important;stroke:#333!important;stroke-width:2px!important}svg[aria-roledescription=gitGraph] rect.branchLabelBkg{fill:#262626!important;stroke:#333!important;stroke-width:1.5px}svg[aria-roledescription=mindmap] .node-bkg,svg[aria-roledescription=mindmap] circle.basic,svg[aria-roledescription=timeline] path.node-bkg{stroke:#333!important;stroke-width:2px!important}svg[aria-roledescription=mindmap] .section-root circle.basic,svg[aria-roledescription=mindmap] .section-0 .node-bkg,svg[aria-roledescription=mindmap] .section-1 .node-bkg,svg[aria-roledescription=mindmap] .section-2 .node-bkg,svg[aria-roledescription=mindmap] .section-3 .node-bkg{fill:#262626!important;stroke:#333!important}svg[aria-roledescription=mindmap] .section-edge-0,svg[aria-roledescription=mindmap] .section-edge-1,svg[aria-roledescription=mindmap] .section-edge-2,svg[aria-roledescription=mindmap] .section-edge-3{stroke:#e0e0e0!important}svg[aria-roledescription=mindmap] .edge,svg[aria-roledescription=gitGraph] .arrow{stroke:#e0e0e0!important;stroke-width:2px!important}svg[aria-roledescription=timeline] .section--1 .node-bkg,svg[aria-roledescription=timeline] .section-0 .node-bkg,svg[aria-roledescription=timeline] .section-1 .node-bkg,svg[aria-roledescription=timeline] .section-2 .node-bkg{fill:#262626!important;stroke:#333!important}svg[aria-roledescription=timeline] .node-line--1,svg[aria-roledescription=timeline] .node-line-0,svg[aria-roledescription=timeline] .node-line-1{stroke:#e0e0e0!important}svg[aria-roledescription=timeline] text[font-size="4ex"],svg[aria-roledescription=journey] text[font-size="4ex"]{fill:#e0e0e0}svg[aria-roledescription=kanban] .nodeLabel,svg[aria-roledescription=kanban] .nodeLabel p{display:block;width:100%;margin:0;text-align:center!important}