:root{--bg:#f6f5f2;--ink:#1a1a19;--mute:#6b6558;--faint:#8b8578;--line:#ddd9d0;--accent:#093efe;--paper:#fff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.62 Avenir Next,Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:var(--accent)}.bar{position:-webkit-sticky;position:sticky;top:0;z-index:40;background:#f6f5f2ee;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);padding:.6rem 1.2rem;font:13px/1.4 ui-monospace,Menlo,monospace;align-items:center;gap:.6rem;flex-wrap:nowrap}.bar,.tabs{display:flex}.tabs{gap:.3rem;flex:1 1;min-width:0;overflow-x:auto;scrollbar-width:thin;padding:1px 0 3px}.tabs::-webkit-scrollbar{height:5px}.tabs::-webkit-scrollbar-thumb{background:#d5d0c5;border-radius:3px}.tabs a{flex:none;white-space:nowrap;padding:.28rem .55rem;border-radius:5px;border:1px solid transparent;color:var(--mute);text-decoration:none}.tabs a:hover{background:#eceae4;color:var(--ink)}.tabs a.on{background:var(--paper);border-color:#c9c2b4;color:var(--ink);font-weight:600}.bar .who,.tabs a.home{color:var(--faint)}.bar .who{flex:none}.bar .who b{color:var(--mute);font-weight:600}.page{display:flex;align-items:flex-start;justify-content:center;gap:1.6rem;padding:2rem 1.5rem 8rem}.wrap{width:44rem;max-width:100%;flex:none;position:relative}.meta{color:var(--faint);font:12px ui-monospace,Menlo,monospace;margin:0 0 1.4rem}h1{font-size:1.85rem;line-height:1.18;letter-spacing:-.02em;margin:0 0 .9rem}h2{font-size:1.3rem;letter-spacing:-.01em;margin:1.6rem 0 .5rem;padding-top:.9rem;border-top:1px solid #e3ded4}h3{font-size:1.04rem;margin:1.2rem 0 .35rem}p{margin:0 0 .75rem}ol,ul{margin:0 0 .8rem;padding-left:1.3rem}li{margin:.18rem 0}blockquote{margin:.8rem 0;padding:.1rem 0 .1rem 1rem;border-left:3px solid var(--line);color:#443f37}code{font:13px ui-monospace,Menlo,monospace;padding:.1rem .3rem;border-radius:3px}code,pre{background:#eeece6}pre{padding:.8rem;border-radius:6px;overflow-x:auto}pre code{background:none;padding:0}table{border-collapse:collapse;width:100%;margin:.8rem 0;font-size:14px}td,th{border:1px solid var(--line);padding:.4rem .55rem;text-align:left;vertical-align:top}th{background:#eeece6}hr{border:0;border-top:1px solid var(--line)}.fig,hr{margin:1.6rem 0}.fig img{width:100%;display:block;border-radius:8px;background:#101010}.fig figcaption{color:var(--faint);font:12px ui-monospace,Menlo,monospace;margin-top:.45rem}.fig .tag{color:var(--accent)}.fig img.missing{min-height:120px}.sec{position:relative;padding:.1rem 0 .1rem 1.4rem;margin:0 0 .2rem;border-radius:6px}.sec:hover{background:#f1efe9}.sec .dot{position:absolute;left:.1rem;top:.95rem;width:15px;height:15px;border:0;border-radius:50%;background:transparent;cursor:pointer;color:#c2bbac;font-size:12px;line-height:15px;padding:0}.sec:hover .dot{color:var(--mute)}.sec .dot.has{color:var(--accent)}#rail{width:17rem;flex:none;position:-webkit-sticky;position:sticky;top:4rem}@media (max-width:1100px){#rail{display:none}}.cbox{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:.6rem .7rem;margin-bottom:.6rem;font-size:13.5px}.cbox.resolved{opacity:.5}.cbox .q{color:var(--faint);font-style:italic;border-left:2px solid var(--line);padding-left:.5rem;margin-bottom:.35rem}.cbox .by{color:var(--faint);font:11px ui-monospace,Menlo,monospace;margin-top:.4rem}.cbox .acts{margin-top:.35rem;display:flex;gap:.5rem}.cbox button{font:11px ui-monospace,Menlo,monospace;background:none;border:0;color:var(--mute);cursor:pointer;padding:0;text-decoration:underline}.cbox button:hover{color:var(--accent)}#pill{position:absolute;z-index:60;display:none;font:11px ui-monospace,Menlo,monospace;padding:.25rem .5rem;border:1px solid #c9c2b4;border-radius:4px;cursor:pointer}#pill,.composer{background:var(--paper)}.composer{border:1px solid var(--accent);border-radius:8px;padding:.6rem;margin-bottom:.6rem}.composer textarea{min-height:4.5rem;padding:.4rem;font:inherit;font-size:13.5px;resize:vertical}.composer input,.composer textarea{width:100%;border:1px solid var(--line);border-radius:5px}.composer input{padding:.3rem .4rem;font:12px ui-monospace,Menlo,monospace;margin-bottom:.4rem}.composer .row{display:flex;gap:.5rem;margin-top:.4rem}.composer .row button{font:12px ui-monospace,Menlo,monospace;padding:.3rem .6rem;border:1px solid #c9c2b4;background:var(--bg);border-radius:4px;cursor:pointer}.composer .row button.go{background:var(--accent);color:#fff;border-color:var(--accent)}.login{max-width:21rem;margin:18vh auto;padding:0 1.2rem}.login h1{font-size:1.25rem;margin-bottom:.3rem}.login p{color:var(--faint);font-size:13.5px}.login input{width:100%;padding:.55rem .6rem;font:14px ui-monospace,Menlo,monospace;border:1px solid #c9c2b4;border-radius:5px;background:var(--paper)}.login button{margin-top:.6rem;width:100%;padding:.55rem;cursor:pointer;font:13px ui-monospace,Menlo,monospace;background:var(--accent);color:#fff;border:1px solid var(--accent);border-radius:5px}.login .err{color:#b3261e;font-size:13px;margin-top:.5rem}.card{display:block;background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:.8rem 1rem;margin-bottom:.6rem;text-decoration:none;color:var(--ink)}.card:hover{border-color:var(--accent)}.card b{display:block;font-size:1.02rem;margin-bottom:.15rem}.card span{color:var(--faint);font:12px ui-monospace,Menlo,monospace}.tabs .sep{flex:none;width:1px;align-self:stretch;background:var(--line);margin:0 .35rem}.bar .tabs a.guide{color:var(--faint)}.bar .tabs a.guide:hover{background:#eceae4;color:var(--ink)}.bar .tabs a.guide.on{background:var(--paper);border-color:#c9c2b4;color:var(--ink)}.tools{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem;margin:0 0 .9rem}.tools button{font:12px ui-monospace,Menlo,monospace;padding:.34rem .6rem;border:1px solid #c9c2b4;background:var(--paper);border-radius:5px;cursor:pointer;color:var(--ink)}.tools button:hover{border-color:var(--accent);color:var(--accent)}.tools button:disabled{opacity:.5;cursor:default}.tools .bar-sep{width:1px;height:18px;background:var(--line);margin:0 .25rem}.tools .flash{color:var(--accent)}.skillmeta,.tools .flash{font:12px ui-monospace,Menlo,monospace}.skillmeta{background:#efede7;border:1px solid var(--line);border-radius:8px;padding:.55rem .7rem;margin:0 0 1.3rem;color:var(--mute)}.skillmeta .path code{background:#e3e0d8}.skillmeta details{margin-top:.45rem}.skillmeta summary{cursor:pointer;color:var(--faint)}.skillmeta summary:hover{color:var(--accent)}.skillmeta details p{margin:.45rem 0 0;font-family:inherit;line-height:1.55;color:var(--mute)}