@import "https://fonts.googleapis.com/css2?family=Figtree:wght@500;600;700;800&family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,500;1,6..72,400&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg:#f6f8fc;--surface:#fff;--surface-2:#eff3fa;--surface-3:#e5ecf8;--border:#dce6f5;--border-strong:#c7d9f5;--text:#182234;--text-muted:#57647c;--text-faint:#8a97af;--accent:#2f6fe4;--accent-strong:color-mix(in srgb, var(--accent) 80%, black);--accent-soft:color-mix(in srgb, var(--accent) 12%, white);--accent-ink:#fff;--badge-dev-bg:var(--accent-soft);--badge-dev-fg:var(--accent-strong);--badge-staff-bg:#f1f4f9;--badge-staff-fg:#517aa1;--code-bg:#121826;--code-fg:#dce6f5;--code-comment:#7c8bae;--shadow-sm:0 1px 2px #1822340d;--shadow-lg:0 10px 30px -14px #1822342e}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0d1220;--surface:#131a2b;--surface-2:#0f1526;--surface-3:#1b2438;--border:#223151;--border-strong:#2c3f66;--text:#e7ecf6;--text-muted:#97a4c0;--text-faint:#6c7996;--accent:#6c9bf5;--accent-strong:color-mix(in srgb, var(--accent) 75%, white);--accent-soft:color-mix(in srgb, var(--accent) 18%, black);--accent-ink:#0d1220;--badge-dev-bg:var(--accent-soft);--badge-dev-fg:var(--accent-strong);--badge-staff-bg:#ffffff0f;--badge-staff-fg:#9fb2ce;--code-bg:#0a0e18;--code-fg:#d7e1f5;--code-comment:#5c6a8a;--shadow-sm:0 1px 2px #00000059;--shadow-lg:0 16px 40px -18px #0009}}:root[data-theme=dark]{--bg:#0d1220;--surface:#131a2b;--surface-2:#0f1526;--surface-3:#1b2438;--border:#223151;--border-strong:#2c3f66;--text:#e7ecf6;--text-muted:#97a4c0;--text-faint:#6c7996;--accent:#6c9bf5;--accent-strong:color-mix(in srgb, var(--accent) 75%, white);--accent-soft:color-mix(in srgb, var(--accent) 18%, black);--accent-ink:#0d1220;--badge-dev-bg:var(--accent-soft);--badge-dev-fg:var(--accent-strong);--badge-staff-bg:#ffffff0f;--badge-staff-fg:#9fb2ce;--code-bg:#0a0e18;--code-fg:#d7e1f5;--code-comment:#5c6a8a;--shadow-sm:0 1px 2px #00000059;--shadow-lg:0 16px 40px -18px #0009}*{box-sizing:border-box}html,body,#app{height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Figtree,system-ui,sans-serif}a{color:inherit}::selection{background:var(--accent-soft);color:var(--accent-strong)}a,button{transition:color .15s,background-color .15s,border-color .15s,opacity .15s}.settings-save,.settings-reset,.signin-btn,.theme-toggle,.signout-btn,.settings-link,.lightbox-close,.hamburger{transition:color .15s,background-color .15s,border-color .15s,transform 80ms,filter 80ms}.settings-reset:hover,.hamburger:hover{background:var(--surface-3);border-color:var(--border-strong)}.settings-save:active,.settings-reset:active,.theme-toggle:active,.signout-btn:active,.settings-link:active,.lightbox-close:active,.hamburger:active,.signin-btn:not(:disabled):active{transform:scale(.93)}.settings-reset:active,.theme-toggle:active,.signout-btn:active,.settings-link:active,.hamburger:active{background:var(--border)}.settings-save:active,.signin-btn:not(:disabled):active{filter:brightness(.92)}.lightbox-close:active{background:#ffffff4d}.btn-spinner{vertical-align:-2px;opacity:.8;border:2px solid;border-right-color:#0000;border-radius:50%;width:13px;height:13px;margin-right:.5em;animation:.6s linear infinite btn-spin;display:inline-block}@keyframes btn-spin{to{transform:rotate(360deg)}}.topbar{z-index:40;background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:1rem;height:60px;padding:0 1.25rem;display:flex;position:sticky;top:0}.brand{letter-spacing:-.01em;white-space:nowrap;align-items:center;gap:.55rem;font-size:1rem;font-weight:800;display:flex}.brand-mark{background:linear-gradient(155deg, var(--accent), var(--accent-strong));width:26px;height:26px;box-shadow:var(--shadow-sm);border-radius:7px;flex:none;place-items:center;display:grid}.brand-mark svg{width:14px;height:14px;display:block}.hamburger{border:1px solid var(--border);background:var(--surface-2);cursor:pointer;width:36px;height:36px;color:var(--text-muted);border-radius:8px;flex:none;justify-content:center;align-items:center;display:none}.search{flex:1;max-width:420px;margin-left:.5rem;position:relative}.search input{border:1px solid var(--border);background:var(--surface-2);width:100%;height:38px;color:var(--text);border-radius:9px;outline:none;padding:0 2.4rem 0 2.2rem;font-family:inherit;font-size:.85rem;transition:border-color .15s,background .15s}.search input:focus{border-color:var(--accent);background:var(--surface)}.search svg.icon-search{width:15px;height:15px;color:var(--text-faint);pointer-events:none;position:absolute;top:50%;left:.7rem;transform:translateY(-50%)}.search kbd{color:var(--text-faint);background:var(--surface);border:1px solid var(--border);pointer-events:none;border-radius:5px;padding:.1rem .35rem;font-family:JetBrains Mono,monospace;font-size:.68rem;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.search-results{z-index:60;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);border-radius:10px;max-height:70vh;padding:.4rem;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto}.search-state{color:var(--text-faint);padding:.9rem .8rem;font-size:.82rem}.search-result{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-direction:column;gap:.15rem;width:100%;padding:.6rem .8rem;font-family:Figtree,sans-serif;display:flex}.search-result:hover{background:var(--surface-2)}.search-result+.search-result{margin-top:1px}.sr-title{color:var(--text);font-size:.88rem;font-weight:700}.sr-crumb{color:var(--text-faint);letter-spacing:.01em;font-size:.7rem}.sr-snippet{color:var(--text-muted);font-size:.8rem;line-height:1.5}.sr-snippet mark{background:var(--accent-soft);color:var(--accent-strong);border-radius:3px;padding:0 .1em;font-weight:600}.topbar-right{align-items:center;gap:.5rem;margin-left:auto;display:flex}.theme-toggle,.signout-btn,.settings-link{border:1px solid var(--border);background:var(--surface-2);height:36px;color:var(--text-muted);cursor:pointer;letter-spacing:.02em;border-radius:8px;align-items:center;gap:.4rem;padding:0 .7rem;font-family:inherit;font-size:.76rem;font-weight:600;display:flex}.theme-toggle:hover,.signout-btn:hover,.settings-link:hover{border-color:var(--border-strong);color:var(--text);background:var(--surface-3)}.theme-toggle svg,.settings-link svg{flex:none;width:14px;height:14px}.crumbrow{max-width:1520px;color:var(--text-faint);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:.4rem;margin:0 auto;padding:.85rem 1.25rem;font-size:.8rem;display:flex}.crumbrow a{color:var(--text-muted);text-decoration:none}.crumbrow a:hover{color:var(--accent)}.crumbrow svg{opacity:.6;flex:none;width:11px;height:11px}.crumb-current{color:var(--text);font-weight:600}.layout{grid-template-columns:252px minmax(0,1fr) 216px;align-items:start;gap:0;max-width:1520px;margin:0 auto;display:grid}.sidebar{border-right:1px solid var(--border);height:calc(100vh - 60px);padding:1.25rem 1rem 2rem .5rem;position:sticky;top:60px;overflow-y:auto}.sb-group{margin-bottom:1.4rem}.sb-group-head{text-transform:uppercase;letter-spacing:.07em;color:var(--text-faint);align-items:center;gap:.4rem;margin-bottom:.5rem;padding:0 .6rem;font-size:.68rem;font-weight:700;display:flex}.sb-badge{letter-spacing:.03em;text-transform:none;border-radius:99px;padding:.12rem .4rem;font-size:.6rem;font-weight:700}.sb-badge.dev{background:var(--badge-dev-bg);color:var(--badge-dev-fg)}.sb-badge.staff{background:var(--badge-staff-bg);color:var(--badge-staff-fg)}.sb-tree{margin:0;padding:0;font-size:.845rem;list-style:none}.sb-tree>li{margin-bottom:.15rem}.sb-tree li{margin:1px 0}.sb-folder{color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:10px;align-items:center;gap:.55rem;padding:.55rem .65rem;font-weight:700;transition:background .15s,color .15s;display:flex}.sb-folder:hover{background:var(--surface-2);color:var(--text)}.sb-folder svg.ficon{opacity:.85;flex:none;width:16px;height:16px}.sb-folder svg.chev{opacity:.7;flex:none;width:11px;height:11px;margin-left:auto;transition:transform .15s}.sb-folder.open svg.chev{transform:rotate(90deg)}.sb-folder.open{background:var(--accent-soft);color:var(--accent-strong)}.sb-folder.open svg.ficon{opacity:1}.sb-tree ul{border-left:1.5px solid var(--border-strong);margin:.2rem 0 .3rem 1.2rem;padding-left:.95rem;list-style:none}.sb-tree a{color:var(--text-muted);border-radius:7px;padding:.5rem .6rem;line-height:1.3;text-decoration:none;display:block}.sb-tree a:hover{background:var(--surface-2);color:var(--text)}.sb-tree a.current{background:var(--accent-soft);color:var(--accent-strong);font-weight:700}.article-col{min-width:0;padding:2.4rem 3.5rem 6rem}.article{max-width:760px}:root[data-width=wide] .article{max-width:960px}.meta-row{flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:.9rem;display:flex}.audience-badge{letter-spacing:.02em;background:var(--badge-dev-bg);color:var(--badge-dev-fg);border-radius:99px;align-items:center;gap:.35rem;padding:.28rem .6rem;font-size:.7rem;font-weight:700;display:inline-flex}.audience-badge.staff{background:var(--badge-staff-bg);color:var(--badge-staff-fg)}.audience-badge svg{width:11px;height:11px}h1.title{letter-spacing:-.02em;text-wrap:balance;color:var(--text);margin:0 0 .6rem;font-family:Figtree,sans-serif;font-size:2.15rem;font-weight:800;line-height:1.14}.dek{color:var(--text-muted);max-width:62ch;margin:0 0 2.2rem;font-family:Newsreader,serif;font-size:1.05rem;font-style:italic;line-height:1.6}.prose{color:var(--text);overflow-wrap:break-word;font-family:Newsreader,Georgia,serif;font-size:1.0625rem;line-height:1.75}:root[data-font-size=large] .prose{font-size:1.1875rem}.prose h2{letter-spacing:-.01em;color:var(--text);margin:2.6rem 0 .9rem;scroll-margin-top:80px;font-family:Figtree,sans-serif;font-size:1.32rem;font-weight:700}.prose h3{color:var(--text);margin:2rem 0 .7rem;scroll-margin-top:80px;font-family:Figtree,sans-serif;font-size:1.1rem;font-weight:700}.prose p{margin:0 0 1.15rem}.prose strong{color:var(--text);font-weight:600}.prose code{background:var(--surface-2);border:1px solid var(--border);color:var(--accent-strong);overflow-wrap:anywhere;border-radius:5px;padding:.1em .35em;font-family:JetBrains Mono,monospace;font-size:.83em}.prose ol,.prose ul{margin:0 0 1.2rem;padding-left:1.35rem}.prose li{margin:.4rem 0}.prose table{border-collapse:collapse;width:100%;margin:0 0 1.4rem;font-family:Figtree,sans-serif;font-size:.92rem;display:block;overflow-x:auto}.prose th,.prose td{text-align:left;border-bottom:1px solid var(--border);padding:.55rem .8rem}.prose th{color:var(--text-faint);text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;font-weight:700}.prose a{color:var(--accent);border-bottom:1px solid var(--accent-soft);font-weight:600;text-decoration:none;transition:color .15s,border-color .15s}.prose a:hover{border-color:var(--accent-strong);color:var(--accent-strong)}.prose img{border:1px solid var(--border);max-width:100%;box-shadow:var(--shadow-sm);cursor:zoom-in;border-radius:10px;margin:.3rem 0 1.4rem}.prose pre:not(.mermaid){background:var(--code-bg);color:var(--code-fg);box-shadow:var(--shadow-sm);border-radius:10px;margin:0 0 1.4rem;padding:1rem 1.15rem;font-family:JetBrains Mono,monospace;font-size:.82rem;line-height:1.65;overflow-x:auto}.prose pre:not(.mermaid) code{color:inherit;background:0 0;border:none;padding:0;font-size:1em}.prose pre.mermaid{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:10px;margin:0 0 1.4rem;padding:1.2rem;overflow-x:auto}.prose pre.mermaid svg{cursor:zoom-in}.lightbox-overlay{z-index:200;cursor:zoom-out;background:#080b14d1;justify-content:center;align-items:center;padding:4rem 3rem;display:flex;position:fixed;inset:0}.lightbox-content{cursor:default;max-width:92vw;max-height:86vh}img.lightbox-content{box-shadow:var(--shadow-lg);border-radius:10px}.lightbox-content.lightbox-svg{box-sizing:border-box;background:var(--surface);width:92vw;height:86vh;box-shadow:var(--shadow-lg);border-radius:12px;justify-content:center;align-items:center;padding:2rem 2.5rem;display:flex}.lightbox-svg svg{width:100%!important;max-width:none!important;height:100%!important;max-height:none!important}.lightbox-close{z-index:201;color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:999px;place-items:center;width:40px;height:40px;display:grid;position:fixed;top:1.5rem;right:1.5rem}.lightbox-close svg{width:16px;height:16px}.lightbox-close:hover{background:#ffffff2e}.prose blockquote{border-left:3px solid var(--accent);background:var(--surface-2);color:var(--text-muted);border-radius:0 10px 10px 0;margin:0 0 1.4rem;padding:.9rem 1.1rem}.outline-col{height:calc(100vh - 60px);padding:2.4rem 1.25rem 2rem 1rem;font-size:.82rem;position:sticky;top:60px}.outline-label{text-transform:uppercase;letter-spacing:.07em;color:var(--text-faint);margin-bottom:.8rem;font-size:.68rem;font-weight:700}.outline-list{border-left:1px solid var(--border);margin:0;padding:0;list-style:none}.outline-list li a{color:var(--text-muted);border-left:2px solid #0000;margin-left:-1px;padding:.32rem 0 .32rem .85rem;line-height:1.4;text-decoration:none;transition:color .15s,border-color .15s;display:block}.outline-list li a:hover{color:var(--text)}.outline-list li a.active{color:var(--accent-strong);border-left-color:var(--accent);font-weight:700}.site-footer{max-width:1520px;color:var(--text-faint);border-top:1px solid var(--border);margin:0 auto;padding:1.5rem 3.5rem 3rem;font-size:.78rem}.settings-page{max-width:560px}.settings-field{flex-direction:column;gap:.4rem;margin-bottom:1.4rem;display:flex}.settings-field label{color:var(--text);font-family:Figtree,sans-serif;font-size:.82rem;font-weight:700}.settings-field .hint{color:var(--text-faint);font-size:.76rem}.settings-field p{color:var(--text);margin:0;font-family:Figtree,sans-serif;font-size:.9rem}.settings-field p code{background:var(--surface-2);border:1px solid var(--border);border-radius:5px;padding:.1em .35em;font-family:JetBrains Mono,monospace;font-size:.85em}.settings-field input[type=text],.settings-field input[type=password],.settings-field textarea{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;padding:.6rem .75rem;font-family:Figtree,sans-serif;font-size:.9rem}.settings-color-row{align-items:center;gap:.6rem;display:flex}.settings-color-row input[type=color]{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:8px;width:42px;height:34px;padding:0}.settings-radio-group{gap:.6rem;display:flex}.settings-radio-group label{border:1px solid var(--border);cursor:pointer;color:var(--text-muted);border-radius:8px;align-items:center;gap:.4rem;padding:.5rem .8rem;font-size:.85rem;font-weight:500;display:flex}.settings-radio-group input{accent-color:var(--accent)}.settings-actions{align-items:center;gap:.8rem;margin-top:1.8rem;display:flex}.settings-save{background:var(--accent);height:40px;color:var(--accent-ink);cursor:pointer;border:none;border-radius:8px;padding:0 1.1rem;font-size:.86rem;font-weight:700}.settings-save:hover{filter:brightness(1.08)}.settings-reset{border:1px solid var(--border);background:var(--surface-2);height:40px;color:var(--text-muted);cursor:pointer;border-radius:8px;padding:0 1rem;font-size:.86rem;font-weight:600}.settings-saved-note{color:var(--accent-strong);font-size:.8rem;font-weight:600}.settings-warning{background:var(--surface-2);border-radius:8px;margin-top:1.2rem;padding:.8rem 1rem;font-size:.82rem;line-height:1.5}.settings-warning code{font-family:JetBrains Mono,monospace;font-size:.9em}.settings-divider{border-top:1px solid var(--border);margin:2.4rem 0 1.8rem}.settings-subhead{color:var(--text);margin:0 0 .5rem;font-family:Figtree,sans-serif;font-size:1.05rem;font-weight:700}.admin-tabs{border-bottom:1px solid var(--border);gap:1.4rem;margin-bottom:1.8rem;display:flex}.admin-tabs a{color:var(--text-muted);border-bottom:2px solid #0000;margin-bottom:-1px;padding:0 0 .7rem;font-family:Figtree,sans-serif;font-size:.88rem;font-weight:600;text-decoration:none}.admin-tabs a.active{color:var(--accent-strong);border-bottom-color:var(--accent)}.admin-tabs a:hover{color:var(--text)}.audit-table-wrap{overflow-x:auto}.audit-table{border-collapse:collapse;width:100%;font-family:Figtree,sans-serif;font-size:.86rem}.audit-table th{text-align:left;border-bottom:1px solid var(--border);color:var(--text-faint);text-transform:uppercase;letter-spacing:.04em;padding:.6rem .8rem;font-size:.7rem;font-weight:700}.audit-table td{border-bottom:1px solid var(--border);color:var(--text);white-space:nowrap;padding:.65rem .8rem}.audit-table td.audit-detail{color:var(--text-muted);white-space:normal}.audit-action{font-weight:600}.audit-action.fail{color:#c0392b}.audit-pagination{align-items:center;gap:1rem;margin-top:1.2rem;display:flex}.audit-table select{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:7px;padding:.35rem .6rem;font-family:Figtree,sans-serif;font-size:.85rem}.signin-screen{place-items:center;min-height:calc(100vh - 60px);padding:2rem;display:grid}.signin-card{text-align:center;background:var(--surface);border:1px solid var(--border);width:100%;max-width:360px;box-shadow:var(--shadow-lg);border-radius:14px;padding:2.2rem 2rem}.signin-card h1{margin:1rem 0 .4rem;font-size:1.2rem}.signin-card p{color:var(--text-muted);margin:0 0 1.4rem;font-size:.88rem;line-height:1.6}.signin-form{flex-direction:column;gap:.7rem;display:flex}.signin-form input{border:1px solid var(--border);background:var(--surface-2);height:42px;color:var(--text);border-radius:9px;outline:none;padding:0 .85rem;font-family:inherit;font-size:.88rem}.signin-form input:focus{border-color:var(--accent);background:var(--surface)}.signin-btn{background:var(--accent);width:100%;height:42px;color:var(--accent-ink);cursor:pointer;border:none;border-radius:9px;font-family:inherit;font-size:.88rem;font-weight:700}.signin-btn:hover{background:var(--accent-strong)}.signin-btn:disabled,.settings-save:disabled,.settings-reset:disabled{opacity:.6;cursor:default}.settings-save:disabled:hover{filter:none}.signin-error{color:#c0392b;text-align:left;margin:-.6rem 0 1.2rem;font-size:.8rem}.signin-note{color:var(--text-faint);margin-top:1rem;font-size:.74rem}.google-signin-btn{border:1px solid var(--border);background:var(--surface);width:100%;height:42px;color:var(--text);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:.6rem;font-family:inherit;font-size:.86rem;font-weight:600;text-decoration:none;transition:background-color .15s,border-color .15s,transform 80ms;display:flex}.google-signin-btn:hover{background:var(--surface-2);border-color:var(--border-strong)}.google-signin-btn:active{background:var(--surface-3);transform:scale(.98)}.signin-divider{color:var(--text-faint);align-items:center;gap:.8rem;margin:1.1rem 0;font-size:.78rem;display:flex}.signin-divider:before,.signin-divider:after{content:"";background:var(--border);flex:1;height:1px}.state-message{color:var(--text-faint);padding:3rem 0;font-size:.95rem}@media (width<=996px){.layout{grid-template-columns:252px minmax(0,1fr)}.outline-col{display:none}.article-col{padding:2rem 2.2rem 5rem}}@media (width<=760px){.hamburger{display:flex}.layout{grid-template-columns:1fr;position:relative}.sidebar{z-index:50;background:var(--surface);width:280px;box-shadow:var(--shadow-lg);transition:transform .2s;position:fixed;top:60px;bottom:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.scrim{z-index:45;background:#0a0e1859;display:none;position:fixed;inset:60px 0 0}.scrim.open{display:block}.search{max-width:none}.article-col{padding:1.6rem 1.25rem 4rem}h1.title{font-size:1.7rem}}@media (width<=560px){.topbar{gap:.5rem;padding:0 .75rem}.brand{gap:0;font-size:0}.brand .brand-mark{font-size:initial}.theme-toggle span{display:none}.theme-toggle,.signout-btn,.settings-link{padding:0 .55rem}}.toast-stack{z-index:300;flex-direction:column-reverse;gap:.6rem;max-width:min(360px,100vw - 2.4rem);display:flex;position:fixed;bottom:1.5rem;right:1.5rem}.toast{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);color:var(--text);cursor:pointer;border-radius:10px;align-items:center;gap:.6rem;padding:.75rem .95rem;font-size:.86rem;font-weight:600;line-height:1.4;display:flex}.toast svg{flex:none;width:18px;height:18px}.toast.success{border-color:color-mix(in srgb, #2fa15a 35%, var(--border))}.toast.success svg{color:#2fa15a}.toast.error{border-color:color-mix(in srgb, #c0392b 35%, var(--border))}.toast.error svg{color:#c0392b}.toast-enter-active,.toast-leave-active{transition:opacity .2s,transform .2s}.toast-enter-from{opacity:0;transform:translateY(8px)}.toast-leave-to{opacity:0;transform:translate(12px)}@media (width<=560px){.toast-stack{max-width:none;bottom:1rem;left:1rem;right:1rem}}