:root{--bg: #faf8f4;--surface-raised: #ffffff;--surface-soft: #f4f0e9;--surface-dim: #efeae1;--btn-surface: #ffffff;--text: #1f1f24;--text-muted: #585862;--text-subtle: #8b8a91;--border: #e7e1d6;--border-strong: #d5cec1;--ink: #1f1f24;--ink-hover: #34343c;--accent: #5079e4;--accent-strong: #3a63d4;--accent-fg: #ffffff;--accent-faint: #7396ec;--accent-wash: rgba(80, 121, 228, .08);--accent-border: rgba(80, 121, 228, .38);--ok: #15803d;--wash-yellow: #fff0bd;--wash-blue: #e3f0ff;--wash-pink: #f3dded;--wash-green: #e4efdc;--frame-bg: #fdfcf9;--frame-border: #e3ddd1;--frame-text: #2c2c33;--frame-muted: #6e6d76;--frame-subtle: #9a989f;--frame-line: #eee9df;--frame-cap: #f6f3eb;--frame-bright: #1f1f24;--frame-blue: #4a6fd8;--frame-green: #3c8a59;--frame-amber: #ad8226;--frame-cyan: #3793b8;--frame-pink: #c2538c;--astro-code-color-text: #2c2c33;--astro-code-color-background: #fdfcf9;--astro-code-token-constant: #4a6fd8;--astro-code-token-string: #3c8a59;--astro-code-token-comment: #a09d96;--astro-code-token-keyword: #4a6fd8;--astro-code-token-parameter: #2c2c33;--astro-code-token-function: #c2538c;--astro-code-token-string-expression: #3c8a59;--astro-code-token-punctuation: #8d8a93;--astro-code-token-link: #3c8a59;--font-sans: "General Sans", "Helvetica Neue", Arial, sans-serif;--font-old: "DotGothic16", "Geist Mono", ui-monospace, monospace;--font-mono: "Geist Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--radius-btn: 0;--radius-card: 0;--max-w: 1100px;--nav-h: 56px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{color-scheme:light;scroll-behavior:smooth;scrollbar-gutter:stable;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{background-color:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:.9375rem;font-weight:400;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}::selection{background:#cfe4fb;color:var(--ink)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.headline{font-family:var(--font-sans);font-weight:500;letter-spacing:-.018em;line-height:1.12;color:var(--text);text-wrap:balance}.headline .faint{font-family:var(--font-old);font-style:normal;font-weight:400;font-size:.95em;letter-spacing:0;color:var(--text)}.hero-title .faint{display:block;width:fit-content;margin-top:.08em;background:var(--wash-blue);box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:0 .14em}.pixel-seam{height:1px;border:0;background-image:linear-gradient(90deg,var(--border-strong) 1px,transparent 1px);background-size:4px 1px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;height:40px;padding:0 1.1rem;border-radius:var(--radius-btn);font-family:var(--font-sans);font-size:.875rem;font-weight:500;letter-spacing:0;cursor:pointer;white-space:nowrap;transition:background .12s ease-out,color .12s ease-out,border-color .12s ease-out}.btn-light{background:var(--btn-surface);color:var(--text);border:1px solid var(--border-strong)}.btn-light:hover{border-color:var(--ink)}.btn-dark{background:var(--accent);color:#fff;border:1px solid var(--accent)}.btn-dark:hover{background:var(--accent-strong);border-color:var(--accent-strong)}.btn-sm{height:30px;padding:0 .75rem;font-size:.8125rem}.panel{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-card)}.panel-screen{background:var(--frame-bg);border:1px solid var(--frame-border);color:var(--frame-text)}.code-cap{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.55rem 1.1rem;border-bottom:1px solid var(--border);font-family:var(--font-mono);font-size:.71rem;color:var(--text-muted)}.code-cap .cap-meta{color:var(--text-subtle)}.panel-screen .code-cap{background:var(--frame-cap);border-bottom:1px solid var(--frame-line);color:var(--frame-muted)}.panel-screen .code-cap .cap-meta{color:var(--frame-subtle)}.chip{display:inline-flex;align-items:center;gap:.3rem;padding:.1rem .45rem;border:0;border-radius:0;font-family:var(--font-mono);font-size:.6875rem;font-weight:500;letter-spacing:.02em;color:var(--text-muted);background:var(--surface-dim)}.chip-warm{color:var(--accent);background:var(--surface-raised)}.site-header{position:sticky;top:0;z-index:100;height:var(--nav-h);border-bottom:1px solid var(--border);background:#faf8f4e0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.site-nav{display:flex;align-items:center;justify-content:space-between;height:100%;max-width:var(--max-w);margin:0 auto;padding:0 1.5rem}.brand{display:flex;align-items:center;gap:.375rem;font-family:var(--font-old);font-size:1rem;font-weight:400;letter-spacing:.01em;color:var(--text)}.brand-mark{width:24px;height:24px;flex:0 0 auto;shape-rendering:crispEdges}.nav-links{display:flex;align-items:center;gap:.35rem}.nav-links a{display:inline-flex;align-items:center;height:32px;padding:0 .7rem;font-family:var(--font-mono);font-size:.8rem;font-weight:400;color:var(--text-muted);transition:color .12s ease-out}.nav-links a:hover{color:var(--text)}.khint{margin-right:.45rem;font-family:var(--font-mono);font-size:.69rem;color:var(--text-subtle)}.nav-links a:hover .khint{color:var(--accent)}.nav-actions{display:flex;align-items:center;gap:.625rem}@media(max-width:640px){.nav-links{display:none}}.site-footer{position:relative;border-top:1px dotted var(--border-strong);background:var(--surface-soft);padding:5rem 0 3rem}.footer-inner{max-width:var(--max-w);margin:0 auto;padding:0 1.5rem}.footer-headline{font-size:clamp(1.75rem,3.2vw,2.5rem);margin-bottom:1.5rem;max-width:22ch}.footer-cta{margin-bottom:4.5rem}.footer-top{display:flex;align-items:flex-start;justify-content:space-between;gap:2rem;margin-bottom:3.5rem}.footer-tagline{font-size:.8125rem;color:var(--text-subtle);max-width:22rem;line-height:1.65;margin-top:.85rem}.footer-links-group{display:flex;gap:4.5rem}.footer-col h4{font-size:.6875rem;font-weight:500;letter-spacing:.09em;text-transform:uppercase;color:var(--text-subtle);margin-bottom:1rem;font-family:var(--font-mono)}.footer-col a{display:block;font-size:.8438rem;font-weight:400;color:var(--text-muted);margin-bottom:.625rem;transition:color .12s ease-out}.footer-col a:hover{color:var(--text)}.footer-bottom{padding-top:2rem;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.footer-copy{font-family:var(--font-mono);font-size:.75rem;color:var(--text-subtle)}@media(max-width:768px){.footer-top{flex-direction:column}.footer-links-group{gap:2.5rem;flex-wrap:wrap}}.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}