:root{--bg:#fafaf6;--surface:#fff;--surface-muted:#f6f5f2;--header-surface:#f8fafcf2;--header-surface-solid:#f8fafc;--header-divider:#d3dbe6;--header-shadow:0 4px 12px #1a202c0f;--footer-surface:#f8fafc;--ink:#222128;--text:var(--ink);--muted:#5a5668;--line:#e4dfeb;--border-strong:#d2ccdd;--pastel:#e7edf7;--pastel-deep:#c8d6ec;--primary-bg:#2f5f65;--primary-ink:#f7f9ff;--primary-hover:#274f55;--secondary-bg:#eceaf1;--secondary-ink:#2f2c38;--success-bg:#d9ecd7;--success-ink:#1d5b2a;--warning-bg:#f4d9bf;--warning-ink:#673710;--danger-bg:#f1d3d7;--danger-ink:#6c1f2d;--info-bg:#dce8f8;--info-ink:#1e3f69;--focus:#c8d6ec73;--danger:#8e2f3a;--danger-soft:#8e2f3a24;--radius:14px;--radius-sm:10px;--radius-xs:9px;--radius-tag:8px;--soft-shadow:0 2px 8px #22212814;--panel-shadow:0 6px 18px #22212814;--space-2:10px;--space-3:14px;--space-4:18px;--space-5:26px;--space-6:36px;--space-7:52px;--container:1180px;--font-ui:"Avenir Next", "Segoe UI", "Trebuchet MS", "Helvetica Neue", Helvetica, sans-serif}*,:before,:after{box-sizing:border-box}html,body,#app{margin:0}body{background:radial-gradient(circle at 6% 10%, #dfe7f573, transparent 35%), linear-gradient(180deg, #fdfcf9 0%, var(--bg) 100%);min-height:100vh;color:var(--ink);font-family:var(--font-ui);line-height:1.45}#app{flex-direction:column;min-height:100vh;display:flex}a{color:inherit;text-decoration:none}.container{width:min(var(--container), calc(100% - 2rem));margin:0 auto}.site-header{z-index:12;border-bottom:1px solid var(--header-divider);background:linear-gradient(180deg, color-mix(in oklab, var(--header-surface-solid), #fff 12%) 0%, var(--header-surface-solid) 100%), var(--header-surface);box-shadow:var(--header-shadow);-webkit-backdrop-filter:saturate(170%)blur(9px);backdrop-filter:saturate(170%)blur(9px);position:sticky;top:0}.header-row{justify-content:space-between;align-items:center;gap:.58rem;padding:.44rem 0;display:flex}.brand{flex-direction:column;gap:2px;display:flex}.brand-name{letter-spacing:-.01em;color:var(--ink);font-size:.98rem;font-weight:600}.brand-sub{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:.64rem}.brand-name,.brand-sub{-webkit-user-select:none;user-select:none}.nav{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.nav-link{appearance:none;border-radius:var(--radius-sm);min-height:28px;color:var(--ink);font:inherit;cursor:pointer;background:#fff;border:1px solid #cfd8e4;justify-content:center;align-items:center;padding:.2rem .56rem;font-size:.79rem;font-weight:600;transition:transform .14s,box-shadow .14s,border-color .14s,background-color .14s,color .14s;display:inline-flex;box-shadow:0 1px 4px #2221281a}.nav-link:hover{background:#fcfdff;border-color:#b7c3d4;transform:translateY(-1px);box-shadow:0 4px 12px #22212824}.nav-link.active,.nav-link.router-link-exact-active{background:var(--primary-bg);border-color:color-mix(in oklab, var(--primary-bg), #000 20%);color:var(--primary-ink)}.nav-action:disabled{opacity:.72;cursor:not-allowed}.nav-link:focus-visible,.btn:focus-visible,.inline-link:focus-visible,.github-link:focus-visible,.control-input:focus-visible,a:focus-visible,input[type=checkbox]:focus-visible{box-shadow:0 0 0 3px var(--focus);outline:none}.site-main{flex-direction:column;flex:1;padding:2.1rem 0 2.8rem;display:flex}.site-main:has(.editor-section){min-height:0;padding:.4rem 0;overflow:hidden}.site-main:has(.post-section){padding:.4rem 0}.intro{margin-bottom:1.4rem}.eyebrow{color:var(--muted);letter-spacing:.09em;text-transform:uppercase;margin:0 0 .4rem;font-size:.82rem}.lead{color:var(--muted);max-width:62ch;margin:.6rem 0 0}.section{margin-bottom:1rem}.section:last-child{margin-bottom:0}.card{border:1px solid color-mix(in oklab, var(--line), #fff 12%);border-radius:var(--radius);background:color-mix(in oklab, var(--surface), var(--pastel) 20%);box-shadow:var(--panel-shadow);animation:.26s ease-out both panel-rise}.btn{border-radius:var(--radius-sm);font:inherit;color:var(--ink);background:var(--surface);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;padding:.4rem .92rem;font-size:.98rem;font-weight:500;transition:transform .14s,box-shadow .14s,filter .14s;display:inline-flex;box-shadow:0 1px 4px #2221281f}.btn:hover{filter:saturate(1.03);transform:translateY(-1px);box-shadow:0 4px 10px #22212824}.btn.btn-primary{background:var(--primary-bg);color:var(--primary-ink);border-color:color-mix(in oklab, var(--primary-bg), #000 18%)}.btn.btn-primary:hover{background:var(--primary-hover)}.btn.btn-secondary{background:var(--secondary-bg);color:var(--secondary-ink);border-color:color-mix(in oklab, var(--secondary-bg), #000 12%)}.btn.btn-secondary:hover{background:color-mix(in oklab, var(--secondary-bg), #fff 18%)}.btn.btn-danger{background:var(--danger-bg);color:var(--danger-ink);border-color:color-mix(in oklab, var(--danger-bg), #000 12%)}.btn.btn-danger:hover{background:color-mix(in oklab, var(--danger-bg), #000 8%)}.btn:disabled{opacity:.72;cursor:not-allowed;filter:none;transform:none;box-shadow:0 1px 4px #2221281a}.kicker{color:var(--muted);letter-spacing:.09em;text-transform:uppercase;margin:0;font-size:.82rem}.h2{margin:var(--space-2) 0 0;letter-spacing:-.02em;font-size:1.35rem;font-weight:550}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;display:grid}.post-excerpt{margin:var(--space-3) 0 0;color:var(--muted);line-height:1.58}.control{gap:.34rem;display:grid}.control-label{color:var(--ink);font-size:.95rem;font-weight:600}.control-input{border:1px solid var(--line);border-radius:var(--radius-xs);width:100%;color:var(--ink);font:inherit;background:#fff;padding:.5rem .64rem;transition:border-color .12s,box-shadow .12s;box-shadow:inset 0 1px 2px #2221280a}.control-input::placeholder{color:#8b9199}.control-input:hover{border-color:var(--border-strong)}.control-input:disabled{cursor:not-allowed;color:#838b95;background:var(--surface-muted)}.control-input:focus-visible{border-color:var(--pastel-deep)}.control-input.is-invalid{border-color:var(--danger);box-shadow:0 0 0 2px var(--danger-soft)}.control-help{color:var(--muted);margin:0;font-size:.9rem}.control-error{color:var(--danger)}.site-footer{z-index:9;border-top:1px solid var(--header-divider);background:linear-gradient(180deg, color-mix(in oklab, var(--header-surface-solid), #fff 12%) 0%, var(--footer-surface) 100%), var(--header-surface);color:var(--muted);padding:.7rem 0;position:sticky;bottom:0;box-shadow:inset 0 1px #ffffff52}.footer-row{justify-content:flex-start;align-items:center;gap:var(--space-4);display:flex}.footer-note{flex-wrap:wrap;align-items:center;gap:.35rem;margin:0;font-size:.8rem;font-weight:500;display:flex}.inline-link{color:var(--text);text-underline-offset:.2em;text-decoration:underline}.inline-link:hover,.github-link:hover{color:var(--primary-bg)}.github-link{color:var(--text);align-items:center;display:inline-flex}.github-icon{width:15px;height:15px}.md-editor-preview .md-editor-code .md-editor-code-head .md-editor-code-flag{display:none}.md-editor .md-editor-preview .md-editor-code .md-editor-code-head{display:flex}.md-editor .md-editor-preview .md-editor-code .md-editor-code-head .md-editor-code-action{flex:1;justify-content:space-between;padding-inline:.75rem}.md-editor-preview .md-editor-code .md-editor-code-head .md-editor-code-lang{-webkit-user-select:none;user-select:none}@keyframes panel-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.card,.btn,.nav-link{transition:none!important;animation:none!important}.btn:hover,.nav-link:hover{transform:none}}@media (width<=900px){.grid-3{grid-template-columns:1fr}.site-main{padding-top:1.6rem}}@media (width<=640px){.container{width:min(var(--container), calc(100% - 1.2rem))}.header-row{flex-wrap:wrap;align-items:flex-start;padding:.5rem 0}.site-main{padding:1.4rem 0 2.3rem}.section{margin-bottom:.9rem}}.grecaptcha-badge{z-index:10!important}.toast-stack[data-v-89b52acc]{right:1rem;top:calc(env(safe-area-inset-top) + var(--site-header-offset,0px) + .75rem);z-index:30;gap:.5rem;width:min(34rem,100% - 1.4rem);display:grid;position:fixed}.cdr-toast[data-v-89b52acc]{--toast-bg:#f7f7f8;--toast-outline:#dbdbe2;--toast-border-left:#b8b7c4;--toast-icon-bg:#e7e6ee;--toast-icon-fill:#2c2a35;border-left:.4rem solid var(--toast-border-left);background:var(--toast-bg);outline:1px solid var(--toast-outline);outline-offset:-1px;color:var(--ink);opacity:0;margin-bottom:.6rem;animation:.22s ease-out forwards cdr-toast-in-89b52acc;display:grid;position:relative;box-shadow:0 8px 18px #18161d24}@media (width>=640px){.cdr-toast[data-v-89b52acc]{width:34rem}}.cdr-toast__main[data-v-89b52acc]{grid-template-columns:auto 1fr auto;grid-template-areas:"icon-left message close-button";min-height:3.2rem;display:grid}.cdr-toast__icon-left[data-v-89b52acc]{background:var(--toast-icon-bg);width:3.2rem;color:var(--toast-icon-fill);grid-area:icon-left;place-items:center;font-size:1.1rem;font-weight:700;line-height:1;display:grid}.cdr-toast__message[data-v-89b52acc]{color:#2b2638;grid-area:message;align-items:center;padding:.7rem;font-size:1rem;display:grid}.cdr-toast__close-button[data-v-89b52acc]{color:#655f73;cursor:pointer;background:0 0;border:0;border-radius:6px;grid-area:close-button;place-content:center;min-width:2.75rem;min-height:2.75rem;max-height:3.2rem;padding:0;font-size:1.5rem;line-height:1;display:grid}.cdr-toast__close-button[data-v-89b52acc]:hover{background:#78708e1a}.cdr-toast__close-button[data-v-89b52acc]:focus-visible{box-shadow:0 0 0 3px var(--focus);outline:none}.cdr-toast--info[data-v-89b52acc]{--toast-bg:#f4f8ff;--toast-outline:#d2def1;--toast-border-left:#8fb0db;--toast-icon-bg:#dce8f8;--toast-icon-fill:var(--info-ink)}.cdr-toast--warning[data-v-89b52acc]{--toast-bg:#fef5e8;--toast-outline:#e7d3bb;--toast-border-left:#d2a476;--toast-icon-bg:var(--warning-bg);--toast-icon-fill:var(--warning-ink)}.cdr-toast--success[data-v-89b52acc]{--toast-bg:#eff8ee;--toast-outline:#c7dfc2;--toast-border-left:#75aa76;--toast-icon-bg:var(--success-bg);--toast-icon-fill:var(--success-ink)}.cdr-toast--error[data-v-89b52acc]{--toast-bg:#fdf0f3;--toast-outline:#e0bcc3;--toast-border-left:#c26f80;--toast-icon-bg:var(--danger-bg);--toast-icon-fill:var(--danger-ink)}.cdr-toast.is-leaving[data-v-89b52acc]{animation:.18s forwards cdr-toast-out-89b52acc}@keyframes cdr-toast-in-89b52acc{0%{opacity:0;transform:translate(2.4rem)}to{opacity:1;transform:translate(0)}}@keyframes cdr-toast-out-89b52acc{to{opacity:0}}@media (prefers-reduced-motion:reduce){.cdr-toast[data-v-89b52acc],.cdr-toast.is-leaving[data-v-89b52acc]{transition:none!important;animation:none!important}}.nav-user-label[data-v-1c054436]{text-overflow:ellipsis;white-space:nowrap;color:#415164;letter-spacing:.01em;background:#f4f7fb;border:1px solid #d8e0ea;border-radius:9px;max-width:180px;padding:.18rem .56rem;font-size:.74rem;font-weight:600;line-height:1.2;overflow:hidden}