:root{--bg:#0d0f12;--panel:#15191f;--panel2:#1b2028;--text:#edf1f7;--muted:#8d98a8;--faint:#596474;--line:#29313d;--accent:#7c8cff;--accent2:#59d6c3;--warm:#e8ad63;--danger:#e47777;--sidebar:285px;--radius:8px;--display:Georgia,'Times New Roman',serif;--body:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Consolas,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--body);font-size:15px;line-height:1.65}a{color:var(--accent2)}button,input{font:inherit}::selection{background:var(--accent);color:#fff}.shell{display:flex;min-height:100vh}.sidebar{position:sticky;top:0;width:var(--sidebar);height:100vh;flex:none;padding:24px 16px;background:#101318;border-right:1px solid var(--line);overflow:auto}.brand{padding:4px 10px 22px;border-bottom:1px solid var(--line);margin-bottom:18px}.eyebrow{font:10px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}.brand h1{font:600 25px var(--display);margin:7px 0 2px}.brand p{margin:0;color:var(--muted);font-size:12px}.search{width:100%;padding:10px 11px;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:6px;outline:none}.search:focus{border-color:var(--accent)}.nav{margin-top:18px}.nav-group{margin-bottom:17px}.nav-label{display:flex;align-items:center;gap:8px;padding:5px 10px 7px;color:var(--faint);font:10px var(--mono);letter-spacing:.12em;text-transform:uppercase}.dot{width:7px;height:7px;border-radius:2px;background:var(--accent)}.nav-group:nth-child(2) .dot{background:var(--accent2)}.nav-group:nth-child(3) .dot{background:var(--warm)}.nav a{display:block;padding:7px 10px;border-left:2px solid transparent;border-radius:0 5px 5px 0;color:var(--muted);text-decoration:none;font-size:13px}.nav a:hover{background:var(--panel);color:var(--text)}.nav a.active{background:var(--panel2);color:var(--text);border-left-color:var(--accent)}.sidefoot{margin:22px 10px 0;padding-top:16px;border-top:1px dashed var(--line);font:10px var(--mono);color:var(--faint)}main{width:min(900px,100%);padding:56px 52px 90px}.crumb{font:10px var(--mono);color:var(--faint);letter-spacing:.05em;margin-bottom:18px}.card{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:38px 42px 44px;box-shadow:0 18px 50px rgba(0,0,0,.14)}.plate{position:absolute;top:-1px;right:-1px;padding:5px 10px;border-radius:0 8px 0 6px;background:var(--accent);color:#fff;font:10px var(--mono)}h1.title{font:700 36px/1.12 var(--display);margin:0 0 12px}hr{border:0;border-top:1px dotted var(--line);margin:0 0 18px}.tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:28px}.tag{padding:3px 9px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font:10px var(--mono)}.content h2{font:600 21px var(--display);margin:32px 0 9px;padding-bottom:6px;border-bottom:1px dashed var(--line)}.content h3{font:600 17px var(--display);margin:24px 0 7px}.content p{margin:0 0 14px}.content li{margin-bottom:6px}.content code{font:12px var(--mono);background:#0c0f13;padding:2px 6px;border-radius:4px;color:#dfe6f0}.content pre{overflow:auto;background:#090b0e;border:1px solid var(--line);border-radius:6px;padding:15px 16px;font:12px/1.6 var(--mono);color:#dfe6f0}.content blockquote{margin:0 0 18px;padding:7px 14px;border-left:3px solid var(--accent);color:var(--muted);background:rgba(124,140,255,.04)}.content table{width:100%;border-collapse:collapse;margin:0 0 18px}.content th,.content td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--line)}.content th{font:10px var(--mono);text-transform:uppercase;color:var(--faint)}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.project{display:block;text-decoration:none;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:7px;padding:20px}.project:hover{border-color:var(--accent)}.project h2{font:600 20px var(--display);margin:0 0 6px}.project p{margin:0;color:var(--muted);font-size:13px}.project small{display:block;margin-top:14px;color:var(--faint);font:10px var(--mono)}.nav-next{display:flex;justify-content:space-between;gap:20px;margin-top:34px;padding-top:18px;border-top:1px dashed var(--line)}.nav-next a{font:11px var(--mono);text-decoration:none;color:var(--muted)}.nav-next a:hover{color:var(--accent2)}.menu{display:none;position:fixed;z-index:20;top:14px;left:14px;width:40px;height:40px;border:1px solid var(--line);border-radius:6px;background:var(--panel2);color:var(--text);font-size:17px}.overlay{display:none}@media(max-width:820px){.menu{display:block}.sidebar{position:fixed;z-index:15;transform:translateX(-100%);transition:transform .18s ease;box-shadow:15px 0 50px #000}.sidebar.open{transform:translateX(0)}.overlay{position:fixed;inset:0;z-index:10;background:rgba(0,0,0,.55)}.overlay.open{display:block}main{padding:76px 16px 55px}.card{padding:29px 22px 34px}h1.title{font-size:29px}.cards{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media print{.sidebar,.menu,.overlay{display:none!important}main{padding:0;max-width:none}.card{border:0;box-shadow:none;background:#fff;color:#111}}