:root{--paper:#fdfdfd;--paper-tint:#f9f9f9;--ink-50:#f3f3f3;--ink-100:#e9e9e9;--ink-200:#dbdbdb;--ink-300:#c4c4c4;--ink-400:#a4a4a4;--ink-500:gray;--ink-600:#636363;--ink-700:#424242;--ink-800:#1f1f1f;--ink-900:#0b0b0b;--ink-1000:#020202;--bg:var(--paper);--bg-elevated:var(--paper-tint);--fg:var(--ink-900);--fg-display:var(--ink-1000);--fg-muted:var(--ink-600);--fg-subtle:var(--ink-500);--border:var(--ink-200);--border-soft:var(--ink-100);--border-strong:var(--ink-300);--type-breaking-bg:#ffefdc;--type-breaking-border:#e2bd93;--type-breaking-fg:#502100;--type-column-bg:#e7f3ff;--type-column-border:#acc7e4;--type-column-fg:#00315d;--type-feature-bg:#e3f8e7;--type-feature-border:#a9cbae;--type-feature-fg:#003915;--font-sans:var(--font-geist,"Geist"), var(--font-inter,"Inter"), -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;--font-serif:var(--font-newsreader,"Newsreader"), "Source Serif 4", Georgia, "Times New Roman", serif;--font-mono:var(--font-jetbrains-mono,"JetBrains Mono"), "SF Mono", ui-monospace, Menlo, Consolas, monospace;--cjk-sans:var(--font-noto-tc,"Noto Sans TC"), "Noto Sans JP", "Noto Sans KR", "PingFang TC", "Hiragino Sans", "Microsoft JhengHei", sans-serif;--cjk-serif:"Noto Serif TC", "Noto Serif JP", "Noto Serif KR", "Source Han Serif TC", "Songti TC", serif;--font-space:"Space Grotesk", var(--font-space-grotesk,"Space Grotesk"), var(--cjk-sans);--font-body:var(--font-sans), var(--cjk-sans);--font-display:var(--font-serif), var(--cjk-serif);--fs-display-1:clamp(56px, 7vw, 96px);--fs-display-2:clamp(44px, 5vw, 68px);--fs-h1:clamp(36px, 3.6vw, 48px);--fs-h2:clamp(28px, 2.6vw, 36px);--fs-h3:24px;--fs-h4:20px;--fs-lead:19px;--fs-body:16px;--fs-body-sm:14px;--fs-caption:13px;--fs-meta:12px;--fs-eyebrow:12px;--fs-prose:17px;--lh-tight:1.05;--lh-snug:1.15;--lh-display:1.18;--lh-heading:1.25;--lh-card:1.35;--lh-body:1.6;--lh-relaxed:1.75;--tracking-display:-.025em;--tracking-heading:-.015em;--tracking-body:0em;--tracking-meta:.04em;--tracking-eyebrow:.18em;--tracking-logo:.22em;--tracking-avatar:.08em;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-black:900;--sp-0:0;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:64px;--sp-9:96px;--sp-10:128px;--sp-11:192px;--sp-chip-y:6px;--sp-chip-x:14px;--sp-inline-icon-gap:6px;--r-none:0;--r-sm:4px;--r-md:8px;--r-lg:12px;--r-xl:20px;--r-pill:999px;--shadow-none:none;--shadow-1:0 1px 0 0 #0000000a, 0 1px 2px 0 #0000000a;--shadow-2:0 4px 12px -2px #0000000f, 0 2px 4px -1px #0000000a;--shadow-3:0 18px 40px -8px #0000001a, 0 4px 8px -2px #0000000d;--grid-max:1440px;--grid-gutter:32px;--grid-margin:clamp(20px, 5vw, 80px);--grid-prose:68ch;--bp-sm:640px;--bp-md:768px;--bp-lg:1024px;--bp-xl:1280px;--tap-min:44px;--size-author-avatar:64px;--ease:cubic-bezier(.2, .6, .2, 1);--dur-fast:.12s;--dur-base:.2s;--dur-slow:.4s;--al-blog-bg:var(--bg);--al-blog-surface:var(--paper);--al-blog-panel:var(--bg-elevated);--al-blog-ink:var(--fg);--al-blog-strong:var(--fg-display);--al-blog-body:var(--ink-800);--al-blog-muted:var(--fg-muted);--al-blog-border:var(--border);--al-blog-accent:var(--fg-display);--al-blog-accent-soft:var(--ink-100);--al-blog-column-gap:var(--sp-8);--al-shadow-blog-card:var(--shadow-1);--al-color-black:#030403;--al-color-black-soft:#050505;--al-color-ink-950:#070807;--al-color-ink-925:#090909;--al-color-ink-900:#0a0a0a;--al-color-ink-875:#0d0d0d;--al-color-ink-850:#0f0f0f;--al-color-ink-800:#111;--al-color-ink-760:#151515;--al-color-ink-720:#181818;--al-color-ink-680:#202020;--al-color-white:#f7f7f2;--al-color-white-rgb:247, 247, 242;--al-color-lime-500:#c8ff00;--al-color-lime-400:#d7ff3f;--al-color-orange-500:#f50;--al-color-red-500:#ff5c5c;--al-color-red-100:#ffd7d7;--al-color-media-neutral:#e6e6e6;--al-color-bg-base:var(--al-color-black);--al-color-bg-canvas:var(--al-color-black-soft);--al-color-bg-grid:rgba(var(--al-color-white-rgb), .035);--al-color-bg-surface:var(--al-color-ink-900);--al-color-bg-elevated:var(--al-color-ink-800);--al-color-bg-panel:var(--al-color-ink-875);--al-color-bg-field:var(--al-color-ink-720);--al-color-bg-field-focus:var(--al-color-ink-680);--al-color-bg-media:var(--al-color-media-neutral);--al-color-text-primary:var(--al-color-white);--al-color-text-secondary:rgba(var(--al-color-white-rgb), .68);--al-color-text-body:rgba(var(--al-color-white-rgb), .66);--al-color-text-muted:rgba(var(--al-color-white-rgb), .46);--al-color-text-subtle:rgba(var(--al-color-white-rgb), .34);--al-color-text-ghost:rgba(var(--al-color-white-rgb), .25);--al-color-text-disabled:rgba(var(--al-color-white-rgb), .18);--al-color-border-subtle:rgba(var(--al-color-white-rgb), .1);--al-color-border-default:rgba(var(--al-color-white-rgb), .13);--al-color-border-input:rgba(var(--al-color-white-rgb), .16);--al-color-border-strong:rgba(var(--al-color-white-rgb), .22);--al-color-border-inverse:#000;--al-color-action-primary:var(--al-color-lime-500);--al-color-action-primary-hover:var(--al-color-lime-400);--al-color-action-primary-text:var(--al-color-black-soft);--al-color-action-secondary:rgba(var(--al-color-white-rgb), .06);--al-color-accent-system:var(--al-color-orange-500);--al-color-status-error:var(--al-color-red-500);--al-color-status-error-soft:var(--al-color-red-100);--al-color-focus-ring:#c8ff00b8;--al-color-focus-glow:#c8ff001c;--al-color-overlay-scrim:#000000d1;--al-color-overlay-image:#000000a6;--al-font-body:var(--font-body);--al-font-mono:var(--font-mono);--al-text-display:clamp(4rem, 15vw, 12rem);--al-text-hero:clamp(3.25rem, 9.5vw, 8.5rem);--al-text-section:clamp(2.25rem, 6vw, 5rem);--al-text-title:clamp(1.35rem, 2.4vw, 2rem);--al-text-body-lg:1.125rem;--al-text-body:1rem;--al-text-small:.875rem;--al-text-caption:.75rem;--al-text-kicker:.75rem;--al-leading-display:.88;--al-leading-title:1.12;--al-leading-body:1.6;--al-leading-longform:1.75;--al-tracking-label:.18em;--al-tracking-wide:.4em;--al-space-0:0;--al-space-1:.25rem;--al-space-2:.5rem;--al-space-3:.75rem;--al-space-4:1rem;--al-space-5:1.25rem;--al-space-6:1.5rem;--al-space-8:2rem;--al-space-10:2.5rem;--al-space-12:3rem;--al-space-16:4rem;--al-space-20:5rem;--al-space-24:6rem;--al-space-section:clamp(5rem, 9vw, 8.5rem);--al-container-narrow:900px;--al-container-max:1180px;--al-container-wide:1440px;--al-page-gutter:clamp(1.25rem, 3vw, 4rem);--al-grid-gap:1px;--al-radius-xs:2px;--al-radius-sm:var(--r-sm);--al-radius-md:var(--r-md);--al-radius-lg:var(--r-lg);--al-radius-full:var(--r-pill);--al-shadow-none:var(--shadow-none);--al-shadow-control:0 10px 26px #0000003d;--al-shadow-panel:0 24px 70px #00000057;--al-shadow-floating:0 20px 60px #00000052;--al-shadow-focus:0 0 0 3px var(--al-color-focus-glow);--al-shadow-inset-soft:inset 0 1px 0 #ffffff0b;--al-motion-fast:var(--dur-fast) var(--ease);--al-motion-base:var(--dur-base) var(--ease);--al-motion-section:.32s var(--ease);--al-z-base:0;--al-z-header:40;--al-z-modal:80;--al-z-toast:100;--al-button-height-sm:2.75rem;--al-button-height-md:3.25rem;--al-button-height-lg:4rem;--al-button-padding-x:1.5rem;--al-button-padding-x-lg:2rem;--al-input-bg:rgba(var(--al-color-white-rgb), .06);--al-input-bg-solid:var(--al-color-bg-field);--al-input-bg-focus:var(--al-color-bg-field-focus);--al-input-border:var(--al-color-border-input);--al-input-border-focus:var(--al-color-focus-ring);--al-input-height:3.75rem;--al-input-padding-x:1.5rem;--al-textarea-min-height:12rem;--al-card-border:var(--al-color-border-default);--al-card-bg:var(--al-color-bg-surface);--al-portfolio-image-opacity-rest:.6;--al-portfolio-image-opacity-active:.85;--al-thumb-border:var(--al-color-border-inverse);--al-thumb-border-active:2px;--al-thumb-inner-gap-active:2px;--al-project-cover-ratio:4 / 3;--al-project-gallery-ratio:16 / 10;--al-project-gallery-max-images:15;--al-youtube-ratio:16 / 9;--al-bg:var(--al-color-bg-base);--al-surface:var(--al-color-bg-surface);--al-elevated:var(--al-color-bg-elevated);--al-panel:var(--al-color-bg-panel);--al-text:var(--al-color-text-primary);--al-secondary:var(--al-color-text-secondary);--al-muted:var(--al-color-text-muted);--al-border:var(--al-color-border-default);--al-border-strong:var(--al-color-border-strong);--al-lime:var(--al-color-action-primary);--al-lime-hover:var(--al-color-action-primary-hover);--al-orange:var(--al-color-accent-system);--al-red:var(--al-color-status-error);--al-radius:var(--al-radius-md);--al-max:var(--al-container-max)}@supports (color:lab(0% 0 0)){:root{--paper:lab(99.42% -.0000298023 0);--paper-tint:lab(97.912% 0 0);--ink-50:lab(95.94% 0 0);--ink-100:lab(92.46% -.0000298023 0);--ink-200:lab(87.24% -.0000298023 0);--ink-300:lab(79.12% -.0000298023 -.0000119209);--ink-400:lab(67.52% -.0000298023 0);--ink-500:lab(53.6% 0 0);--ink-600:lab(42% 0 0);--ink-700:lab(28.08% 0 -.00000596046);--ink-800:lab(11.84% 0 0);--ink-900:lab(3.04863% 0 0);--ink-1000:lab(.462488% 0 0);--type-breaking-bg:lab(95.3812% 3.89081 12.9505);--type-breaking-border:lab(79.0815% 9.44421 26.466);--type-breaking-fg:lab(19.2145% 29.2253 42.0507);--type-column-bg:lab(95.3331% -2.61575 -8.86591);--type-column-border:lab(79.039% -4.70704 -17.5018);--type-column-fg:lab(19.3283% -.279084 -33.3669);--type-feature-bg:lab(95.7881% -9.46564 6.03791);--type-feature-border:lab(78.6875% -16.3162 10.4556);--type-feature-fg:lab(19.9636% -29.1015 19.7125);--shadow-1:0 1px 0 0 lab(0% 0 0/.04), 0 1px 2px 0 lab(0% 0 0/.04);--shadow-2:0 4px 12px -2px lab(0% 0 0/.06), 0 2px 4px -1px lab(0% 0 0/.04);--shadow-3:0 18px 40px -8px lab(0% 0 0/.1), 0 4px 8px -2px lab(0% 0 0/.05)}}