:root{--topbar-h: 0px;--bg0: #f6f8ff;--bg1: #f2f4ff;--card: rgba(255,255,255,.72);--card-strong: #ffffff;--border: rgba(30,41,59,.14);--border-strong: rgba(30,41,59,.22);--shadow: 0 16px 44px rgba(15,23,42,.12);--shadow-soft: 0 10px 24px rgba(15,23,42,.1);--text: #0f172a;--muted: rgba(15,23,42,.62);--muted2: rgba(15,23,42,.48);--primary: #4f46e5;--pill: rgba(99,102,241,.12);--pill-border: rgba(99,102,241,.22);--pill-active: rgba(99,102,241,.22);--pill-active-border: rgba(79,70,229,.35);--radius-lg: 18px;--radius-md: 14px;--radius-sm: 12px;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";line-height:1.45;font-weight:500;color:var(--text);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(1200px 800px at 16% 4%,rgba(99,102,241,.16),transparent 60%),radial-gradient(900px 700px at 82% 18%,rgba(124,58,237,.12),transparent 55%),linear-gradient(180deg,var(--bg0),var(--bg1));color:var(--text)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{appearance:none;border:1px solid var(--border);background:#ffffffa3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px 12px;border-radius:12px;cursor:pointer;box-shadow:0 1px #0f172a0a;transition:transform .06s ease,box-shadow .15s ease,background .15s ease,border-color .15s ease}button:hover{border-color:var(--border-strong);background:#ffffffdb;box-shadow:var(--shadow-soft)}button:active{transform:translateY(1px)}button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}input,select,textarea{border:1px solid var(--border);background:#ffffffb8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:10px 12px;outline:none;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}input:focus,select:focus,textarea:focus{border-color:#4f46e56b;box-shadow:0 0 0 4px #6366f12e;background:#ffffffeb}nav#topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid rgba(15,23,42,.06);background:#f6f8ffb8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}nav#topbar .topbar-link{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:var(--pill);border:1px solid transparent;color:#0f172adb;font-weight:800;letter-spacing:.1px;-webkit-user-select:none;user-select:none;transform:translateZ(0);transition:transform .08s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease,color .18s ease}nav#topbar .topbar-link:hover{border-color:var(--pill-border);background:#6366f129;box-shadow:0 10px 22px #4f46e51a;transform:translateY(-1px)}nav#topbar .topbar-link.active{background:var(--pill-active);border-color:var(--pill-active-border);box-shadow:0 10px 24px #4f46e529;color:var(--text);font-weight:900;transform:translateY(-1px) scale(1.03)}nav#topbar .topbar-link:active{transform:translateY(0) scale(.99)}nav#topbar .topbar-link:focus-visible{outline:none;box-shadow:0 0 0 4px #6366f12e,0 14px 28px #4f46e51f}nav#topbar .topbar-link.featured{position:relative;background:linear-gradient(135deg,#6366f142,#7c3aed33);border-color:#4f46e547;color:#0f172af2;font-weight:950;box-shadow:0 14px 30px #4f46e52e}nav#topbar .topbar-link.featured:after{content:"";position:absolute;inset:-3px;border-radius:999px;background:radial-gradient(60% 80% at 30% 20%,rgba(99,102,241,.38),transparent 70%),radial-gradient(60% 80% at 70% 80%,rgba(124,58,237,.3),transparent 70%);filter:blur(10px);opacity:.7;z-index:-1}nav#topbar .topbar-link.featured:hover{border-color:#4f46e56b;box-shadow:0 18px 40px #4f46e53d}nav#topbar .topbar-link.featured.active{border-color:#4f46e585;box-shadow:0 22px 52px #4f46e547;transform:translateY(-1px) scale(1.05)}#route-root{flex:1;min-width:0;overflow:auto;padding:18px 18px 80px}.page-shell{width:min(1100px,100%);margin:0 auto;min-height:60vh;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--card);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow)}#sidebar{width:270px;min-width:270px;background:#ffffff9e;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px;display:flex;flex-direction:column;gap:12px;overflow:auto;box-shadow:var(--shadow-soft)}#sidebar h2{font-size:14px;letter-spacing:.2px;margin:4px 0 0}#sidebar button{width:100%;justify-content:flex-start;border-radius:999px;padding:8px 12px;background:#6366f114;border:1px solid rgba(99,102,241,.12);box-shadow:none}#sidebar button:hover{background:#6366f11f;border-color:#4f46e533}#new-post-btn{display:inline-flex;align-items:center;justify-content:center;width:100%;height:42px;border-radius:999px;font-weight:900;border:1px solid rgba(79,70,229,.2);background:#6366f12e}#content{flex:1;min-width:0;padding:0 0 0 16px;overflow:visible;max-width:none;line-height:1.55}#content h2,#content h3,#content h4{margin:1.1em 0 .45em;font-weight:900;letter-spacing:.1px}#article-list{list-style:none;padding:0;margin:0;flex:1 1 auto;overflow:auto}#article-list li{margin:6px 0}#article-list button{background:transparent;border:none;box-shadow:none;padding:6px 8px;border-radius:10px;color:#0f172adb}#article-list button:hover{background:#6366f11a}.post-card{border-radius:var(--radius-lg);border:1px solid var(--border);background:#ffffffb3;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow-soft);padding:14px 14px 10px;margin:12px 0}.post-card h3{margin:6px 0 2px;font-size:18px;letter-spacing:.1px}.post-card small{color:var(--muted)}.post-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:10px;padding-top:10px;border-top:1px solid rgba(15,23,42,.06)}.post-actions button{width:auto;border-radius:999px;padding:7px 10px;background:#6366f11a;border-color:#6366f124;box-shadow:none}.post-actions button:hover{background:#6366f124;border-color:#4f46e533}.post-actions .del-btn{background:#f43f5e1a;border-color:#f43f5e2e}.post-actions .del-btn:hover{background:#f43f5e24;border-color:#f43f5e42}.controls{margin-top:18px;display:flex;gap:10px;flex-wrap:wrap}.controls button{padding:10px 12px;border-radius:12px}.controls .edit{border-color:#10b98138;background:#10b9811f}.controls .delete{border-color:#f43f5e38;background:#f43f5e1a}textarea#editor{width:100%;height:55vh;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:14px;line-height:1.45}#wiki-page{align-items:stretch}#wiki-page #content{flex:2 1 0;min-width:0;width:auto;max-width:none;overflow-y:visible}#wiki-trench{flex:1 1 0;min-width:240px;border-left:1px solid rgba(15,23,42,.08);background:#ffffffb8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:flex;flex-direction:column;min-height:0;position:sticky;top:var(--topbar-h);height:calc(100vh - var(--topbar-h))}@media (max-width: 980px){#wiki-trench{display:none}#wiki-page #content{flex:1 1 auto;width:auto}}#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}