:root{--color-bg: #0a0e1a;--color-bg-elevated: #0e1424;--color-surface: #0d1322;--color-border: rgba(255, 255, 255, .08);--color-border-subtle: rgba(255, 255, 255, .06);--color-text: #f4f7fd;--color-text-muted: #9aa6c2;--color-text-faint: #616d8c;--color-text-dark: #2a3450;--color-accent: #2dd4bf;--color-accent-hover: #2dd4bf;--color-accent-light: #5fe6d4;--color-accent-muted: #7ee0d0;--color-accent-soft: rgba(45, 212, 191, .12);--color-amber: #f0a868;--color-amber-bg: rgba(240, 168, 104, .12);--color-danger: #f87171;--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1.25rem;--space-lg: 2rem;--space-xl: 3.5rem;--space-2xl: 6rem;--max-width: 760px;--max-width-wide: 1120px;--radius-xs: 6px;--shadow-card: 0 24px 50px -28px rgba(0, 0, 0, .85);--transition: .18s cubic-bezier(.4, 0, .2, 1);--transition-slow: .25s ease}:root:not([data-ds=app]){--font-display: "Space Grotesk", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", "Courier New", monospace;--radius: 12px;--radius-sm: 8px;--shadow: 0 10px 40px -12px rgba(0, 0, 0, .5)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:1.0625rem;line-height:1.7;letter-spacing:.01em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;min-height:100vh;display:flex;flex-direction:column}body:before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(60rem 40rem at 50% -10%,color-mix(in srgb,var(--color-accent) 8%,transparent),transparent 70%),radial-gradient(40rem 30rem at 100% 0%,color-mix(in srgb,var(--color-accent) 5%,transparent),transparent 60%);pointer-events:none}main{flex:1 0 auto;width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--space-md)}h1,h2,h3,h4{font-family:var(--font-display);line-height:1.2;font-weight:700;letter-spacing:-.02em;color:var(--color-text)}h1{font-size:clamp(2.25rem,6vw,3.5rem)}h2{font-size:clamp(1.5rem,4vw,2rem)}h3{font-size:1.25rem}p{color:var(--color-text-muted)}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--color-accent-hover)}code,kbd,samp,pre{font-family:var(--font-mono);font-size:.9em}:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;border-radius:3px}::selection{background:var(--color-accent-soft);color:var(--color-accent-hover)}.mono{font-family:var(--font-mono)}.tag{display:inline-block;font-family:var(--font-mono);font-size:.8rem;color:var(--color-accent);background:var(--color-accent-soft);border:1px solid var(--color-border);border-radius:999px;padding:.2rem .7rem;letter-spacing:.02em}.btn{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.95rem;font-weight:500;padding:.7rem 1.3rem;border-radius:var(--radius-sm);border:1px solid var(--color-accent);color:var(--color-accent);background:transparent;cursor:pointer;transition:all var(--transition)}.btn:hover{background:var(--color-accent-soft);color:var(--color-accent-hover);transform:translateY(-1px)}.btn-primary{background:var(--color-accent);color:var(--color-bg)}.btn-primary:hover{background:var(--color-accent-hover);color:var(--color-bg)}.section{padding-block:var(--space-xl)}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap}.section-link{font-size:.85rem;color:var(--color-text-muted);white-space:nowrap}.section-link:hover{color:var(--color-accent)}.card-grid{display:grid;grid-template-columns:1fr;gap:var(--space-md)}.project-card,.blog-card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-md);transition:border-color var(--transition),transform var(--transition),box-shadow var(--transition)}.project-card:hover,.blog-card:hover{border-color:var(--color-accent);transform:translateY(-2px);box-shadow:var(--shadow)}.project-card h3,.blog-card h3{margin-bottom:var(--space-xs)}.blog-card h3 a{color:var(--color-text)}.blog-card h3 a:hover{color:var(--color-accent)}.card-desc{font-size:.95rem;color:var(--color-text-muted);line-height:1.6}.card-tags{list-style:none;display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-top:var(--space-sm)}.card-links{display:flex;gap:var(--space-md);margin-top:var(--space-sm);font-family:var(--font-mono);font-size:.85rem}.post-list{display:flex;flex-direction:column;gap:var(--space-md)}.blog-meta{font-size:.8rem;color:var(--color-text-faint);margin-bottom:var(--space-xs)}.read-more{display:inline-block;margin-top:var(--space-sm);font-size:.85rem}@media (min-width: 720px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--bg: #f2f4f3;--surface: #ffffff;--ink: #12171a;--muted: #535f66;--faint: #6f7c83;--line: #d6dedc;--accent: #0a6a60;--accent-ink: #ffffff;--accent-soft: #dbeeea;--accent-deep: #064c45;--danger: #a3302a;--danger-soft: #f8e5e3;--ok: #1c6b4b;--fav: #7a5a06;--fav-soft: #f6edd6;--warn: #8a5100;--warn-soft: #fbeedb;--seg: #e5e9e8;--scrim: rgba(12, 23, 26, .45);--scrim-strong: rgba(12, 23, 26, .58);--shadow: 0 12px 30px -14px rgba(12, 23, 26, .28);--shadow-fab: 0 12px 24px -8px rgba(10, 106, 96, .45);--shadow-dialog: 0 30px 80px -20px rgba(12, 23, 26, .4);--press: rgba(12, 23, 26, .08);--control-rim: #b9c4c2;--badge-bg: #c8d2d0;--notice-bg: #12171a;--notice-ink: #f4f7f6;--notice-action: #6fd8c2;--nav-h: 62px;--desktop: 900px;--font-body: "Inter Tight", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "Cascadia Mono", "SF Mono", Consolas, monospace;--font-display: var(--font-body);--unit: 12px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 36px;--space-7: 48px;--space-8: 72px;--radius-sm: 6px;--radius: 10px;--radius-lg: 14px;--radius-pill: 999px;--ease: cubic-bezier(.2, .7, .2, 1);--dur-quick: .12s;--dur: .2s;--dur-slow: .32s;color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #0e1214;--surface: #171e21;--ink: #e9eeef;--muted: #9dabb1;--faint: #7d8b91;--line: #263135;--accent: #5ad3c0;--accent-ink: #05201c;--accent-soft: #12312d;--accent-deep: #8ae6d6;--danger: #ff9a90;--danger-soft: #3a1f1c;--ok: #6fd39f;--fav: #e3bd5c;--fav-soft: #332a12;--warn: #f2b35c;--warn-soft: #3a2a12;--seg: #1e262a;--scrim: rgba(0, 0, 0, .6);--scrim-strong: rgba(0, 0, 0, .72);--shadow: 0 12px 30px -14px rgba(0, 0, 0, .7);--shadow-fab: 0 12px 24px -8px rgba(0, 0, 0, .6);--shadow-dialog: 0 30px 80px -20px rgba(0, 0, 0, .75);--press: rgba(255, 255, 255, .09);--control-rim: #3d4a4f;--badge-bg: #2b3639;--notice-bg: #263135;--notice-ink: #eef3f4;--notice-action: #5ad3c0;color-scheme:dark}}:root[data-theme=dark]{--bg: #0e1214;--surface: #171e21;--ink: #e9eeef;--muted: #9dabb1;--faint: #7d8b91;--line: #263135;--accent: #5ad3c0;--accent-ink: #05201c;--accent-soft: #12312d;--accent-deep: #8ae6d6;--danger: #ff9a90;--danger-soft: #3a1f1c;--ok: #6fd39f;--fav: #e3bd5c;--fav-soft: #332a12;--warn: #f2b35c;--warn-soft: #3a2a12;--seg: #1e262a;--scrim: rgba(0, 0, 0, .6);--scrim-strong: rgba(0, 0, 0, .72);--shadow: 0 12px 30px -14px rgba(0, 0, 0, .7);--shadow-fab: 0 12px 24px -8px rgba(0, 0, 0, .6);--shadow-dialog: 0 30px 80px -20px rgba(0, 0, 0, .75);--press: rgba(255, 255, 255, .09);--control-rim: #3d4a4f;--badge-bg: #2b3639;--notice-bg: #263135;--notice-ink: #eef3f4;--notice-action: #5ad3c0;color-scheme:dark}:root[data-ds=app]{--color-bg: var(--bg);--color-bg-elevated: var(--seg);--color-surface: var(--surface);--color-border: var(--line);--color-border-subtle: color-mix(in srgb, var(--line) 55%, transparent);--color-text: var(--ink);--color-text-muted: var(--muted);--color-text-faint: var(--faint);--color-text-dark: var(--control-rim);--color-accent: var(--accent);--color-accent-hover: var(--accent-deep);--color-accent-light: var(--accent-deep);--color-accent-muted: var(--accent-deep);--color-accent-soft: var(--accent-soft);--color-amber: var(--fav);--color-amber-bg: var(--fav-soft);--color-danger: var(--danger)}.ds-bar{display:flex;align-items:center;gap:8px;padding:0 16px;min-height:46px;background:var(--surface);border-bottom:1px solid var(--line);font-family:var(--font-mono, ui-monospace, "JetBrains Mono", SFMono-Regular, Menlo, monospace);font-size:11.5px;letter-spacing:.04em;position:relative;z-index:50}.ds-mark{display:inline-flex;align-items:center;gap:7px;color:var(--muted);text-decoration:none;white-space:nowrap;padding:6px 2px}.ds-mark:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);flex:0 0 auto}.ds-mark:hover,.ds-mark:focus-visible{color:var(--ink)}.ds-sep{color:var(--faint);flex:0 0 auto}.ds-here{color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ds-fill{flex:1 1 auto;min-width:8px}.ds-who{color:var(--faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:22ch}.ds-who:empty,.ds-out[hidden]{display:none}.ds-out{font:inherit;color:var(--muted);background:none;border:1px solid var(--line);border-radius:6px;padding:4px 9px;cursor:pointer;white-space:nowrap;flex:0 0 auto}.ds-out:hover,.ds-out:focus-visible{color:var(--ink);border-color:var(--control-rim)}@media (max-width: 520px){.ds-who{display:none}}