:root,[data-theme=dark]{--bg:#1e1e1e;--bg-raise:#252526;--bg-inline:#2d2d2d;--text:#e4e4e4;--text-body:#d4d4d4;--text-dim:#858585;--border:#3c3c3c;--link:#569cd6;--syn-comment:#6a9955;--syn-keyword:#569cd6;--syn-string:#ce9178;--syn-type:#4ec9b0;--accent:#007acc;--selection:#264f78}[data-theme=light]{--bg:#fff;--bg-raise:#f6f6f6;--bg-inline:#efefef;--text:#1f1f1f;--text-body:#2b2b2b;--text-dim:#6e7681;--border:#e4e4e4;--link:#006ab1;--syn-comment:green;--syn-keyword:#00f;--syn-string:#a31515;--syn-type:#267f99;--accent:#007acc;--selection:#add6ff}*{margin:0;padding:0;box-sizing:border-box}html{height:100%}body{min-height:100%;background:var(--bg);color:var(--text-body);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,sans-serif;font-size:16px;line-height:1.7;transition:background .15s ease,color .15s ease}::selection{background:var(--selection)}.mono{font-family:ui-monospace,Cascadia Code,SF Mono,Menlo,Consolas,monospace}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:4px}a:focus-visible,button:focus-visible{outline:1.5px solid var(--accent);outline-offset:3px;border-radius:3px}.theme-toggle{position:fixed;top:20px;right:22px;z-index:10;background:transparent;border:1px solid var(--border);color:var(--text-dim);width:34px;height:34px;border-radius:50%;font-size:15px;cursor:pointer;line-height:1}.theme-toggle:hover{color:var(--text);border-color:var(--text-dim)}.home{position:fixed;inset:0;display:grid;place-items:center;place-content:center;text-align:center;padding:24px;overflow-y:auto}.home h1{font-size:clamp(38px,7vw,54px);font-weight:700;letter-spacing:-.02em;color:var(--text)}.home .role{margin-top:10px;font-size:15px;color:var(--text-dim)}.home .links{margin-top:36px;display:flex;gap:30px;flex-wrap:wrap;justify-content:center;font-size:15.5px}.page{max-width:860px;margin:0 auto;padding:56px 24px 60px}.notes-head{margin-bottom:40px;text-align:center}.notes-head .back{font-size:13.5px;color:var(--text-dim);display:inline-block;margin-bottom:18px}.notes-head .back:hover{color:var(--link)}.notes-head h1{font-size:30px;font-weight:700;letter-spacing:-.02em;color:var(--text)}.notes-head .sub{color:var(--text-dim);font-size:15px;margin-top:4px}.notes-layout{display:grid;grid-template-columns:180px 1fr;grid-gap:48px;gap:48px;align-items:start}.explorer{position:-webkit-sticky;position:sticky;top:32px;font-size:14px}.explorer summary{cursor:pointer;list-style:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:var(--text);font-weight:600;padding-bottom:6px}.explorer summary:before{content:"▾ ";color:var(--text-dim);font-size:11px}.explorer details:not([open]) summary:before{content:"▸ "}.explorer summary::-webkit-details-marker{display:none}.cat-list{list-style:none}.cat-btn{display:block;width:100%;text-align:left;background:transparent;font:inherit;color:var(--text-dim);cursor:pointer;padding:4px 8px 4px 16px;border:none;border-left:2px solid transparent}.cat-btn:hover{color:var(--text)}.cat-btn.on{color:var(--accent);border-left-color:var(--accent)}.cat-btn .n{opacity:.6;font-size:12.5px}.feed{display:flex;flex-direction:column;gap:16px}.card{background:var(--bg-raise);border:1px solid var(--border);border-radius:8px;padding:18px 20px 15px;transition:border-color .12s ease}.card:hover{border-color:var(--text-dim)}.card .topline{font-size:12.5px;display:flex;gap:14px;align-items:baseline;flex-wrap:wrap}.card .date{color:var(--syn-comment)}.card .cat{color:var(--syn-type)}.card .lock{color:var(--syn-string)}.card h3{font-size:17px;font-weight:650;margin:5px 0 6px;letter-spacing:-.01em}.card h3 a{color:var(--text)}.card h3 a:hover{color:var(--link);text-decoration:none}.card .summary{font-size:14.5px;color:var(--text-dim);max-width:62ch}.card .tags{margin-top:9px;font-size:12.5px;color:var(--syn-keyword);display:flex;gap:10px;flex-wrap:wrap}.card.hidden{display:none}.empty{color:var(--text-dim);font-size:14.5px}.post-meta{font-size:13px;display:flex;gap:14px;margin:6px 0 34px;flex-wrap:wrap}article h2{font-size:27px;letter-spacing:-.02em}article h1,article h2{font-weight:700;color:var(--text)}article h1{font-size:24px;margin:30px 0 12px}article h3{font-size:18px;margin:32px 0 12px;color:var(--text);font-weight:650}article p{max-width:66ch;margin-bottom:17px}article ol,article ul{max-width:66ch;margin:0 0 17px 22px}article li{margin-bottom:6px}article blockquote{border-left:2px solid var(--accent);padding:2px 0 2px 18px;color:var(--text-dim);margin:22px 0;max-width:62ch}article hr{border:none;border-top:1px solid var(--border);margin:32px 0}pre{background:var(--bg-raise);border:1px solid var(--border);border-radius:8px;padding:15px 19px;overflow-x:auto;font-size:13.5px;line-height:1.65;margin:22px 0}code,pre{font-family:ui-monospace,Cascadia Code,SF Mono,Menlo,Consolas,monospace}code{background:var(--bg-inline);padding:1px 6px;border-radius:4px;font-size:.9em}pre code{background:transparent;padding:0}.artifact-cta{display:inline-block;margin-top:8px;padding:9px 16px;border:1px solid var(--border);border-radius:8px;background:var(--bg-raise);font-size:14.5px}.artifact-cta:hover{border-color:var(--accent);text-decoration:none}.k{color:var(--syn-keyword)}.c{color:var(--syn-comment)}.t{color:var(--syn-type)}.s{color:var(--syn-string)}.site-footer{max-width:860px;margin:0 auto;padding:0 24px 36px;font-size:13px;display:flex;gap:18px;justify-content:center;align-items:center;flex-wrap:wrap;text-align:center}.site-footer,.site-footer a{color:var(--text-dim)}.site-footer a:hover{color:var(--link)}@media (max-width:680px){.notes-layout{grid-template-columns:1fr;gap:22px}.explorer{position:static}.page{padding:44px 18px 50px}}.post-back{font-size:13.5px;color:var(--text-dim);display:inline-block;margin-bottom:22px}.post-back:hover{color:var(--link)}.post-lede{color:var(--text-dim);font-size:17px;max-width:66ch}.embed-wrap{max-width:1200px;margin:8px auto 48px;padding:0 24px}.embed-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12.5px;padding:8px 12px;background:var(--bg-raise);border:1px solid var(--border);border-bottom:none;border-radius:8px 8px 0 0}.embed-bar .embed-label{color:var(--syn-type)}.embed-bar a{color:var(--text-dim)}.embed-bar a:hover{color:var(--link)}.embed-frame{display:block;width:100%;min-height:420px;border:1px solid var(--border);border-radius:0 0 8px 8px;background:#000}.card .live{color:var(--syn-keyword);border:1px solid var(--border);border-radius:999px;padding:0 7px;font-size:11.5px}@media (max-width:680px){.embed-wrap{padding:0 12px;margin-bottom:32px}}.unlock-box{margin-top:28px;display:flex;flex-direction:column;gap:12px;align-items:center}.unlock-input{width:100%;background:var(--bg-raise);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:28px;letter-spacing:.32em;text-align:center;padding:12px 10px;outline:none}.unlock-input:focus{border-color:var(--accent)}.unlock-input::placeholder{color:var(--text-dim);opacity:.35}.unlock-btn{width:100%;background:var(--accent);color:#fff;border:none;border-radius:8px;padding:10px 16px;font:inherit;font-size:15px;cursor:pointer}.unlock-btn:disabled{opacity:.4;cursor:not-allowed}.unlock-error{color:var(--syn-string);font-size:13px}.unlock-link{font-size:13.5px;color:var(--text-dim);margin-top:4px}