*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f5f6fa;--bg2:#fff;--bg3:#eef0f7;--border:#d0d4e8;--text:#1a1d2e;--text2:#4a5080;--accent:#4c55d4;--accent2:#6d3fc7;--green:#2e7d32;--red:#c62828;--yellow:#e65100;--radius:10px;--font:"Segoe UI", system-ui, -apple-system, sans-serif;--sidebar-w:230px}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.65}#root{min-height:100vh;display:flex}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg3)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.katex{color:var(--text);font-size:1em}.katex-display{margin:1.2em 0;overflow-x:auto}.card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1rem;padding:1.25rem 1.5rem}.badge{background:var(--bg3);color:var(--accent);border:1px solid var(--border);border-radius:20px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-block}h1{color:var(--accent);margin-bottom:.5rem;font-size:1.6rem}h2{color:var(--accent2);margin:1.2rem 0 .6rem;font-size:1.2rem}h3{color:var(--text);margin:.8rem 0 .4rem;font-size:1.02rem}p{color:var(--text);margin-bottom:.7rem}ul,ol{margin-bottom:.7rem;padding-left:1.5rem}li{margin-bottom:.3rem}strong{color:var(--accent2)}code{background:var(--bg3);border-radius:4px;padding:2px 6px;font-size:.9em}.sidebar{width:var(--sidebar-w);background:var(--bg2);border-right:1px solid var(--border);z-index:100;flex-shrink:0;height:100vh;min-height:100vh;position:sticky;top:0;overflow-y:auto}.sidebar-close,.topbar{display:none}.hamburger{cursor:pointer;color:var(--text);background:0 0;border:none;padding:.2rem .4rem;font-size:1.3rem}.main-content{flex:1;max-width:860px;padding:2rem 2.5rem;overflow-x:hidden}table{border-collapse:collapse;width:100%;font-size:.88rem}.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}@media (width<=640px){.sidebar{width:80vw;max-width:280px;height:100vh;transition:left .25s;position:fixed;top:0;left:-100%;box-shadow:4px 0 20px #0000001f}.sidebar--open{left:0}.sidebar-close{cursor:pointer;color:var(--text2);background:0 0;border:none;padding:2px 4px;font-size:1.1rem;display:block}.topbar{background:var(--bg2);border-bottom:1px solid var(--border);z-index:50;align-items:center;gap:.7rem;padding:.75rem 1rem;display:flex;position:sticky;top:0}.main-content{padding:1.2rem 1rem}h1{font-size:1.35rem}h2{font-size:1.1rem}.card{padding:1rem}.flex-wrap-mobile{flex-wrap:wrap!important}}@media (width>=641px) and (width<=900px){:root{--sidebar-w:200px}.main-content{padding:1.5rem}}