:root{--color-bg: #f6f7f9;--color-bg-white: #ffffff;--color-bg-soft: #eef0f4;--color-border: #d8dde5;--color-text-primary: #1f2433;--color-text-secondary: #5b6473;--color-text-muted: #8b94a3;--color-primary: #2563eb;--color-primary-light: #3b82f6;--color-accent: #16a34a;--color-danger: #dc2626;--font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--color-bg);color:var(--color-text-primary)}a{color:var(--color-primary-light)}.app{display:flex;flex-direction:column;height:100%}.app-nav{display:flex;align-items:center;gap:1rem;padding:.6rem 1.2rem;background:var(--color-bg-white);border-bottom:1px solid var(--color-border);flex:none}.app-nav .brand{font-weight:600}.app-nav .links{display:flex;gap:.25rem;flex:1}.app-nav .links a,.app-nav .links button{background:transparent;border:1px solid transparent;padding:.4rem .8rem;border-radius:4px;cursor:pointer;text-decoration:none;color:var(--color-text-primary);font:inherit}.app-nav .links a.active,.app-nav .links button.active{background:var(--color-bg-soft);border-color:var(--color-border)}.app-nav .user{display:flex;align-items:center;gap:.5rem;color:var(--color-text-secondary);font-size:.875rem}.app-main{flex:1;min-height:0;overflow:auto;padding:1.25rem}.placeholder{padding:2rem;background:var(--color-bg-white);border:1px dashed var(--color-border);border-radius:6px;color:var(--color-text-secondary)}.md-preview h1,.md-preview h2,.md-preview h3,.md-preview h4,.md-preview h5,.md-preview h6{color:#e0e0e0;margin:1.5em 0 .5em;font-weight:600;line-height:1.3}.md-preview h1{font-size:1.75em;border-bottom:1px solid #3e3e42;padding-bottom:.3em}.md-preview h2{font-size:1.4em;border-bottom:1px solid #3e3e42;padding-bottom:.25em}.md-preview h3{font-size:1.2em}.md-preview p{margin:.75em 0}.md-preview ul,.md-preview ol{margin:.75em 0;padding-left:1.5em}.md-preview li{margin:.25em 0}.md-preview a{color:#4fc1ff;text-decoration:none}.md-preview a:hover{text-decoration:underline}.md-preview strong{color:#e0e0e0;font-weight:600}.md-preview blockquote{margin:1em 0;padding:.5em 1em;border-left:3px solid #4fc1ff;color:#aab2bf}.md-preview code{background:#2d2d30;color:#ce9178;padding:1px 5px;border-radius:3px;font-size:.9em;font-family:JetBrains Mono,Menlo,Consolas,monospace}.md-preview pre{background:#1a1a1a;color:#d4d4d4;padding:.75em 1em;border-radius:4px;overflow:auto;font-family:JetBrains Mono,Menlo,Consolas,monospace;font-size:.85em;margin:1em 0}.md-preview pre code{background:none;padding:0;color:inherit}.md-preview table{border-collapse:collapse;margin:1em 0}.md-preview th,.md-preview td{border:1px solid #3e3e42;padding:.4em .7em}.md-preview th{background:#2d2d30}.md-preview hr{border:none;border-top:1px solid #3e3e42;margin:1.5em 0}