:root{color-scheme:light dark;--font-sans: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--r-sm: 10px;--r-md: 14px;--r-lg: 18px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--bg0: #f7f8fb;--bg1: #ffffff;--bg2: #fbfcff;--text: #0f172a;--muted: #475569;--muted2: #64748b;--border: rgba(15, 23, 42, .12);--border2: rgba(15, 23, 42, .18);--shadow: 0 16px 40px rgba(2, 6, 23, .08);--shadow-sm: 0 8px 24px rgba(2, 6, 23, .08);--accent: #4f46e5;--accent2: #0ea5e9;--danger: #e11d48;--warn: #f59e0b;--focus: rgba(79, 70, 229, .35);--topbar-h: 0px}@media (prefers-color-scheme: dark){:root{--bg0: #0b1020;--bg1: #0f172a;--bg2: #111c33;--text: rgba(255, 255, 255, .92);--muted: rgba(255, 255, 255, .72);--muted2: rgba(255, 255, 255, .62);--border: rgba(255, 255, 255, .12);--border2: rgba(255, 255, 255, .18);--shadow: 0 18px 60px rgba(0,0,0,.45);--shadow-sm: 0 10px 28px rgba(0,0,0,.38);--focus: rgba(129, 140, 248, .38)}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}html{font-family:var(--font-sans);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;color:var(--text);background-color:var(--bg1);background-image:radial-gradient(1200px 700px at 20% -10%,rgba(79,70,229,.15),transparent 55%),radial-gradient(900px 600px at 100% 10%,rgba(14,165,233,.14),transparent 52%),linear-gradient(180deg,var(--bg0),var(--bg2));background-repeat:no-repeat;background-size:100% 520px,100% 520px,100% 520px;background-position:top center,top center,top center}a{color:var(--accent);text-decoration:none;text-underline-offset:3px}a:hover{text-decoration:underline}::selection{background:#4f46e538}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}button,input,textarea,select{font:inherit}button{border:1px solid var(--border);background:color-mix(in srgb,var(--bg1) 88%,var(--accent) 12%);color:var(--text);border-radius:12px;padding:10px 12px;cursor:pointer;transition:transform .12s ease,background .12s ease,border-color .12s ease,box-shadow .12s ease}button:hover{border-color:var(--border2);background:color-mix(in srgb,var(--bg1) 82%,var(--accent) 18%);box-shadow:0 10px 22px #02061714}button:active{transform:translateY(1px)}button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}input,textarea,select{width:auto;border:1px solid var(--border);background:color-mix(in srgb,var(--bg1) 92%,var(--accent2) 8%);color:var(--text);border-radius:12px;padding:10px 12px;transition:border-color .12s ease,box-shadow .12s ease,background .12s ease}textarea{font-family:var(--font-mono)}input::placeholder,textarea::placeholder{color:var(--muted2)}input:focus,textarea:focus,select:focus{outline:none;border-color:color-mix(in srgb,var(--accent) 45%,var(--border2) 55%);box-shadow:0 0 0 4px var(--focus);background:color-mix(in srgb,var(--bg1) 88%,var(--accent2) 12%)}hr{border:none;border-top:1px solid var(--border)}nav#topbar{position:sticky;top:0;z-index:3000;display:flex;align-items:center;gap:10px;padding:10px 14px;box-sizing:border-box;background:color-mix(in srgb,var(--bg1) 82%,transparent 18%);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}nav#topbar a{color:var(--text);padding:7px 10px;border-radius:999px;font-weight:650;letter-spacing:.1px}nav#topbar a:hover{text-decoration:none;background:color-mix(in srgb,var(--bg1) 80%,var(--accent) 20%)}nav#topbar a.active{font-weight:900;background:color-mix(in srgb,var(--bg1) 72%,var(--accent) 28%);box-shadow:inset 0 -2px color-mix(in srgb,var(--accent) 70%,transparent 30%)}nav#topbar a.nav-feature{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 30%,var(--bg1) 70%),color-mix(in srgb,var(--accent2) 22%,var(--bg1) 78%));border:1px solid color-mix(in srgb,var(--accent) 26%,var(--border) 74%);box-shadow:0 10px 26px #0206171a}nav#topbar a.nav-feature:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 36%,var(--bg1) 64%),color-mix(in srgb,var(--accent2) 28%,var(--bg1) 72%))}nav#topbar a.nav-feature.active{box-shadow:0 14px 34px #02061724,inset 0 -2px color-mix(in srgb,var(--accent2) 75%,transparent 25%)}nav#topbar button{padding:8px 10px;border-radius:999px;background:color-mix(in srgb,var(--bg1) 84%,var(--accent) 16%)}#main{flex:1;min-height:0;display:flex;width:100%;overflow:hidden}#sidebar{width:280px;max-width:88vw;background:color-mix(in srgb,var(--bg1) 92%,var(--accent2) 8%);padding:14px;border-right:1px solid var(--border);display:flex;flex-direction:column;gap:12px;overflow-y:auto}#sidebar h2{font-size:.95rem;margin:0;color:var(--text);letter-spacing:.2px}#new-btn{display:block;padding:10px 12px;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--border) 65%);border-radius:12px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 26%,var(--bg1) 74%),color-mix(in srgb,var(--accent2) 22%,var(--bg1) 78%));color:var(--text);cursor:pointer;font-size:.9rem;text-align:center;font-weight:750}#article-list{list-style:none;padding:0;margin:0;flex:1 1 auto;overflow-y:auto}#article-list li{margin:6px 0}#article-list button{width:100%;text-align:left;padding:9px 10px;border-radius:12px;background:transparent;border:1px solid transparent;color:var(--text);font-weight:600}#article-list button:hover{background:color-mix(in srgb,var(--bg1) 82%,var(--accent) 18%);border-color:var(--border);box-shadow:none}#content{flex:1;min-width:0;padding:18px;overflow:auto;max-width:72ch;line-height:1.6}#content h1{font-size:clamp(1.6rem,2.2vw,2.15rem);letter-spacing:-.02em;margin:0 0 10px}#content h2{font-size:1.35rem;margin:1.15em 0 .45em}#content h3{font-size:1.15rem;margin:1.05em 0 .45em}#content h4{font-size:1.02rem;margin:1em 0 .45em;color:var(--text)}#content p{margin:.85em 0;color:color-mix(in srgb,var(--text) 92%,var(--muted) 8%)}#content code{font-family:var(--font-mono);font-size:.95em;padding:.12em .38em;border-radius:10px;background:color-mix(in srgb,var(--bg1) 86%,var(--accent2) 14%);border:1px solid var(--border)}#content pre{overflow:auto;padding:12px 14px;border-radius:var(--r-md);background:color-mix(in srgb,var(--bg1) 82%,var(--accent2) 18%);border:1px solid var(--border)}#content blockquote{margin:14px 0;padding:10px 12px;border-left:3px solid color-mix(in srgb,var(--accent) 45%,var(--border) 55%);background:color-mix(in srgb,var(--bg1) 92%,var(--accent) 8%);border-radius:0 var(--r-md) var(--r-md) 0;color:var(--muted)}#content img{max-width:100%;height:auto;border-radius:var(--r-md);border:1px solid var(--border)}mark[data-wiki-highlight="1"]{background:color-mix(in srgb,#fff59d 75%,var(--bg1) 25%);color:var(--text)}.controls{margin-top:18px;display:flex;gap:10px;flex-wrap:wrap}.controls button{padding:10px 14px;border-radius:12px;border:1px solid var(--border)}.controls .edit{background:linear-gradient(135deg,color-mix(in srgb,var(--warn) 28%,var(--bg1) 72%),color-mix(in srgb,var(--accent2) 18%,var(--bg1) 82%))}.controls .delete{background:linear-gradient(135deg,color-mix(in srgb,var(--danger) 30%,var(--bg1) 70%),color-mix(in srgb,var(--danger) 20%,var(--bg1) 80%))}textarea#editor{width:100%;height:55vh;font-family:var(--font-mono);font-size:.95rem}#wiki-page{align-items:stretch}#wiki-page #content{flex:2 1 0;min-width:0;width:auto;max-width:none;background:var(--bg1)}#wiki-trench{flex:1 1 0;min-width:260px;border-left:1px solid var(--border);background:color-mix(in srgb,var(--bg1) 92%,var(--accent2) 8%);display:flex;flex-direction:column;min-height:0}@media (max-width: 980px){#wiki-trench{display:none}#wiki-page #content{flex:1 1 auto;width:auto}}.post-card{background:color-mix(in srgb,var(--bg1) 92%,var(--accent2) 8%);border:1px solid var(--border);border-radius:var(--r-lg);padding:14px;box-shadow:var(--shadow-sm)}.post-card h3{margin:8px 0 6px;letter-spacing:-.01em}.post-card small{color:var(--muted2)}.post-card .author{color:var(--text);font-weight:800}.post-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:12px}.post-actions button{padding:8px 10px;border-radius:999px}.post-actions .del-btn{border-color:color-mix(in srgb,var(--danger) 35%,var(--border) 65%);background:color-mix(in srgb,var(--bg1) 85%,var(--danger) 15%)}@media (max-width: 720px){#sidebar{width:250px}#content{padding:14px}}#root{width:100%;max-width:none;margin:0;padding:0;text-align:left}.app-root{min-height:100vh;display:flex;flex-direction:column}.workspace{flex:1;min-height:0;display:flex;width:100%}.workspace-left{flex:1;min-width:0;overflow:auto}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}