:root{--bg: #fafaf6;--surface: #ffffff;--surface-muted: #f6f5f2;--header-surface: rgba(248, 250, 252, .95);--header-surface-solid: #f8fafc;--header-divider: #d3dbe6;--header-shadow: 0 4px 12px rgba(26, 32, 44, .06);--footer-surface: #f8fafc;--ink: #222128;--text: var(--ink);--muted: #5a5668;--line: #e4dfeb;--border: var(--line);--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;--error-bg: var(--danger-bg);--error-ink: var(--danger-ink);--info-bg: #dce8f8;--info-ink: #1e3f69;--focus: rgba(200, 214, 236, .45);--danger: #8e2f3a;--danger-soft: rgba(142, 47, 58, .14);--radius: 14px;--radius-sm: 10px;--soft-shadow: 0 2px 8px rgba(34, 33, 40, .08);--panel-shadow: 0 6px 18px rgba(34, 33, 40, .08);--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{min-height:100vh;background:radial-gradient(circle at 6% 10%,rgba(223,231,245,.45),transparent 35%),linear-gradient(180deg,#fdfcf9 0%,var(--bg) 100%);color:var(--ink);font-family:var(--font-ui);line-height:1.45}#app{display:flex;flex-direction:column;min-height:100vh}a{color:inherit;text-decoration:none}.container{width:min(var(--container),calc(100% - 2rem));margin:0 auto}.site-header{position:sticky;top:0;z-index:12;border-bottom:1px solid var(--header-divider);background:linear-gradient(180deg,color-mix(in oklab,var(--header-surface-solid),#ffffff 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)}.header-row{display:flex;align-items:center;justify-content:space-between;gap:.58rem;padding:.44rem 0}.brand{display:flex;flex-direction:column;gap:2px}.brand-name{font-size:.98rem;font-weight:600;letter-spacing:-.01em;color:#1f1d26}.brand-sub{font-size:.64rem;color:#4b5565;letter-spacing:.1em;text-transform:uppercase}.brand-name,.brand-sub{user-select:none;-webkit-user-select:none}.nav{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.nav-link{appearance:none;display:inline-flex;align-items:center;justify-content:center;min-height:28px;border:1px solid #cfd8e4;border-radius:var(--radius-sm);background:#fff;color:#1f2530;box-shadow:0 1px 4px #2221281a;padding:.2rem .56rem;font:inherit;font-size:.79rem;font-weight:600;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease,background-color .14s ease,color .14s ease}.nav-link:hover{transform:translateY(-1px);border-color:#b7c3d4;box-shadow:0 4px 12px #22212824;background:#fcfdff}.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:.7;cursor:not-allowed}.nav-link:focus-visible,.btn:focus-visible,.inline-link:focus-visible,.github-link:focus-visible,.control-input:focus-visible{outline:none;box-shadow:0 0 0 3px var(--focus)}.site-main{flex:1;padding:2.1rem 0 2.8rem}.intro{margin-bottom:1.4rem}.eyebrow{margin:0 0 .4rem;color:var(--muted);font-size:.82rem;letter-spacing:.09em;text-transform:uppercase}.lead{margin:.6rem 0 0;color:#504b5d;max-width:62ch}.section{margin-bottom:1rem}.section:last-child{margin-bottom:0}.card{border:1px solid color-mix(in oklab,var(--line),#ffffff 12%);border-radius:var(--radius);background:color-mix(in oklab,var(--surface),var(--pastel) 20%);box-shadow:var(--panel-shadow);animation:panel-rise .26s ease-out both}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:var(--radius-sm);padding:.4rem .92rem;font:inherit;font-size:.98rem;font-weight:500;color:var(--ink);background:var(--surface);box-shadow:0 1px 4px #2221281f;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,filter .14s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 4px 10px #22212824;filter:saturate(1.03)}.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-ghost{background:transparent;border-color:transparent;box-shadow:none;color:var(--info-ink);text-decoration:underline;text-underline-offset:.14em}.btn.btn-ghost:hover{transform:none;box-shadow:none;filter:none;color:#163155}.btn:disabled{opacity:.72;cursor:not-allowed;transform:none;box-shadow:0 1px 4px #2221281a;filter:none}.kicker{margin:0;color:var(--muted);font-size:.82rem;letter-spacing:.09em;text-transform:uppercase}.h2{margin:var(--space-2) 0 0;font-weight:550;font-size:1.35rem;letter-spacing:-.02em}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem}.post-excerpt{margin:var(--space-3) 0 0;color:#504b5d;line-height:1.58}.control{display:grid;gap:.34rem}.control-label{font-size:.95rem;font-weight:600;color:#3a3547}.control-input{width:100%;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);padding:.5rem .64rem;font:inherit;box-shadow:inset 0 1px 2px #2221280a;transition:border-color .12s ease,box-shadow .12s ease}.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{margin:0;font-size:.9rem;color:var(--muted)}.control-error{color:var(--danger)}.site-footer{border-top:1px solid var(--header-divider);background:linear-gradient(180deg,color-mix(in oklab,var(--header-surface-solid),#ffffff 12%) 0%,var(--footer-surface) 100%),var(--header-surface);box-shadow:inset 0 1px #ffffff52;color:#4b5565;padding:.7rem 0}.footer-row{display:flex;align-items:center;justify-content:flex-start;gap:var(--space-4)}.footer-note{margin:0;font-size:.8rem;font-weight:500;display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.inline-link{color:var(--text);text-decoration:underline;text-underline-offset:.2em}.inline-link:hover,.github-link:hover{color:var(--primary-bg)}.github-link{display:inline-flex;align-items:center;color:var(--text)}.github-icon{width:15px;height:15px}@keyframes panel-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.card,.btn,.nav-link{animation:none!important;transition:none!important}.btn:hover,.nav-link:hover{transform:none}}@media(max-width:900px){.grid-3{grid-template-columns:1fr}.site-main{padding-top:1.6rem}}@media(max-width:640px){.container{width:min(var(--container),calc(100% - 1.2rem))}.header-row{align-items:flex-start;flex-wrap:wrap;padding:.5rem 0}.site-main{padding:1.4rem 0 2.3rem}.section{margin-bottom:.9rem}}.toast-stack[data-v-785148f6]{position:fixed;right:1rem;top:calc(env(safe-area-inset-top) + var(--site-header-offset, 0px) + .75rem);width:min(34rem,calc(100% - 1.4rem));display:grid;gap:.5rem;z-index:30}.cdr-toast[data-v-785148f6]{--toast-bg: #f7f7f8;--toast-outline: #dbdbe2;--toast-border-left: #b8b7c4;--toast-icon-bg: #e7e6ee;--toast-icon-fill: #2c2a35;display:grid;position:relative;border-left:.4rem solid var(--toast-border-left);box-shadow:0 8px 18px #18161d24;margin-bottom:.6rem;background:var(--toast-bg);outline:1px solid var(--toast-outline);outline-offset:-1px;color:var(--ink);opacity:0;animation:cdr-toast-in-785148f6 .22s ease-out forwards}@media(min-width:640px){.cdr-toast[data-v-785148f6]{width:34rem}}.cdr-toast__main[data-v-785148f6]{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"icon-left message close-button";min-height:3.2rem}.cdr-toast__icon-left[data-v-785148f6]{width:3.2rem;grid-area:icon-left;display:grid;place-items:center;background:var(--toast-icon-bg);color:var(--toast-icon-fill);font-size:1.1rem;font-weight:700;line-height:1}.cdr-toast__message[data-v-785148f6]{display:grid;align-items:center;grid-area:message;padding:.7rem;color:#2b2638;font-size:1rem}.cdr-toast__close-button[data-v-785148f6]{display:grid;align-content:center;justify-content:center;grid-area:close-button;min-width:2.75rem;min-height:2.75rem;max-height:3.2rem;border:0;background:transparent;color:#655f73;font-size:1.5rem;line-height:1;padding:0;border-radius:6px;cursor:pointer}.cdr-toast__close-button[data-v-785148f6]:hover{background:#78708e1a;color:#2e2a3b}.cdr-toast__close-button[data-v-785148f6]:focus-visible{outline:none;box-shadow:0 0 0 3px #c8d6ec73}.cdr-toast--info[data-v-785148f6]{--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-785148f6]{--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-785148f6]{--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-785148f6]{--toast-bg: #fdf0f3;--toast-outline: #e0bcc3;--toast-border-left: #c26f80;--toast-icon-bg: var(--error-bg);--toast-icon-fill: var(--error-ink)}.cdr-toast.is-leaving[data-v-785148f6]{animation:cdr-toast-out-785148f6 .18s ease forwards}@keyframes cdr-toast-in-785148f6{0%{opacity:0;transform:translate(2.4rem)}to{transform:translate(0);opacity:1}}@keyframes cdr-toast-out-785148f6{to{opacity:0}}@media(prefers-reduced-motion:reduce){.cdr-toast[data-v-785148f6],.cdr-toast.is-leaving[data-v-785148f6]{animation:none!important;transition:none!important}}.nav-user-label[data-v-bbd5ba94]{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid #d8e0ea;border-radius:9px;background:#f4f7fb;color:#415164;padding:.18rem .56rem;font-size:.74rem;font-weight:600;line-height:1.2;letter-spacing:.01em}