:root{--washi-0:#fcfaf4;--washi-1:#f6f1e6;--washi-2:#ece4d2;--washi-3:#e0d5be;--sumi-900:#1b1815;--sumi-700:#3b362f;--sumi-500:#6e665a;--sumi-300:#a39a89;--ai-800:#102b43;--ai-700:#163c5a;--ai-600:#1c5277;--ai-500:#2d6e91;--ai-200:#afc8d6;--ai-100:#dce7ed;--shu-800:#7a281a;--shu-700:#92301e;--shu-600:#b23a24;--shu-500:#c9512f;--shu-100:#f3ded4;--uguisu:#7c7a3b;--odo:#b07c3c;--matsuba:#55613f;--fuji:#6a6695;--rikyu:#888e7e;--moegi:#5c7a3a;--kohaku:#b7822e;--akane:#a8312a;--uguisu-text:#6d6b34;--odo-text:#89612f;--fuji-text:#676491;--rikyu-text:#666b5e;--moegi-text:#557136;--kohaku-text:#896122;--bg-base:var(--washi-1);--surface-card:var(--washi-0);--surface-sunken:var(--washi-2);--surface-code:var(--washi-2);--text-strong:var(--sumi-900);--text-body:var(--sumi-700);--text-muted:var(--sumi-500);--text-faint:var(--sumi-300);--text-on-ai:var(--washi-0);--text-on-shu:var(--washi-0);--primary:var(--ai-600);--primary-hover:var(--ai-700);--primary-press:var(--ai-800);--primary-tint:var(--ai-100);--accent:var(--shu-600);--accent-hover:var(--shu-700);--accent-tint:var(--shu-100);--accent-on-dark:#dc6432;--link:var(--ai-600);--border:#dbd0b9;--border-strong:#c7b998;--divider:#e6dcc8;--focus-ring:color-mix(in srgb, var(--ai-500) 80%, transparent)}
:root{--font-mono:var(--font-fira-code), ui-monospace, "SFMono-Regular", Menlo, monospace;--font-han:"GenRyuMin2 TW", "Songti TC", serif;--font-text:var(--font-fira-code), "GenRyuMin2 TW", ui-monospace, serif;--font-display:var(--font-fira-code), "GenRyuMin2 TW", serif;--font-read:"GenRyuMin2 TW", Georgia, "Times New Roman", serif;--fw-light:300;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--text-micro:.625rem;--text-caption:.6875rem;--text-label:.75rem;--text-meta:.8125rem;--text-code:.84375rem;--text-note:.90625rem;--text-ui:.9375rem;--text-brand:1.25rem;--text-xs:.78rem;--text-sm:.875rem;--text-base:1rem;--text-md:1.125rem;--text-lg:1.375rem;--text-xl:1.75rem;--text-2xl:2.25rem;--text-3xl:3rem;--text-4xl:3.875rem;--leading-tight:1.2;--leading-snug:1.4;--leading-normal:1.7;--leading-relaxed:1.9;--tracking-tight:-.02em;--tracking-normal:0;--tracking-wide:.04em;--tracking-caps:.14em}
:root{--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--space-9:6rem;--space-1h:.375rem;--space-2h:.625rem;--space-3h:.875rem;--space-4h:1.25rem;--space-5h:1.75rem;--space-6h:2.5rem;--space-7h:3.5rem;--space-8h:5rem;--measure:68ch;--container:1120px;--container-wide:1320px;--radius-xs:2px;--radius-sm:4px;--radius-md:6px;--radius-lg:10px;--radius-pill:999px;--radius-seal:50%;--border-hair:1px solid var(--border);--border-line:1px solid var(--border-strong);--shadow-xs:0 1px 2px #2b21140f;--shadow-sm:0 1px 3px #2b211414, 0 1px 1px #2b21140a;--shadow-md:0 4px 14px #2b21141a, 0 1px 3px #2b21140f;--shadow-lg:0 12px 32px #2b211424, 0 3px 8px #2b211412;--shadow-seal:0 2px 0 var(--shu-700);--ease-out:cubic-bezier(.22, .61, .36, 1);--ease-in-out:cubic-bezier(.45, 0, .25, 1);--dur-fast:.12s;--dur-base:.2s;--dur-slow:.36s;--z-base:1;--z-sticky:100;--z-overlay:1000;--z-toast:1100}
:root{--grain-url:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='linear' slope='0.20'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");--season-accent:var(--shu-600)}[data-season=spring]{--season-accent:#c2566b}[data-season=summer]{--season-accent:var(--shu-600)}[data-season=autumn]{--season-accent:var(--odo)}[data-season=winter]{--season-accent:var(--fuji)}
*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scrollbar-gutter:stable}body{background:var(--bg-base);color:var(--text-body);font-family:var(--font-text);font-size:var(--text-base);font-weight:var(--fw-regular);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}h1,h2,h3,h4{font-family:var(--font-display);color:var(--text-strong);font-weight:var(--fw-medium);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);margin:0 0 var(--space-4);text-wrap:balance}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}p{margin:0 0 var(--space-4);font-family:var(--font-read);text-wrap:pretty}a{color:var(--link);text-underline-offset:.2em;transition:color var(--dur-fast) var(--ease-out);text-decoration:none}a:hover{color:var(--primary-hover);text-decoration:underline}code,pre,kbd{font-family:var(--font-mono);font-size:.9em}code{background:var(--surface-code);border:var(--border-hair);border-radius:var(--radius-sm);padding:.1em .4em}pre{background:var(--surface-code);border:var(--border-hair);border-radius:var(--radius-md);padding:var(--space-4);line-height:var(--leading-snug);overflow:auto}pre code{background:0 0;border:none;padding:0}hr{border:none;border-top:var(--border-hair);margin:var(--space-6) 0}::selection{background:var(--ai-100);color:var(--text-strong)}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.d6-card--interactive{transform:none!important}.d6-btn:active{transform:none}}
.d6-btn{--_bg:var(--ai-600);--_bgh:var(--ai-700);--_bga:var(--ai-800);--_fg:var(--washi-0);font-family:var(--font-mono);font-weight:var(--fw-medium);letter-spacing:-.01em;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:var(--radius-md);background:var(--_bg);color:var(--_fg);transition:background var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);border:1px solid #0000;justify-content:center;align-items:center;gap:.5em;line-height:1;display:inline-flex}.d6-btn:hover{background:var(--_bgh)}a.d6-btn:hover{color:var(--_fg);text-decoration:none}.d6-btn:active{background:var(--_bga);transform:translateY(1px)}.d6-btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.d6-btn[disabled]{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.d6-btn--sm{font-size:var(--text-sm);padding:7px 12px}.d6-btn--md{font-size:var(--text-base);padding:10px 18px}.d6-btn--lg{font-size:var(--text-md);padding:13px 24px}.d6-btn--primary{--_bg:var(--ai-600);--_bgh:var(--ai-700);--_bga:var(--ai-800);--_fg:var(--washi-0)}.d6-btn--seal{--_bg:var(--shu-600);--_bgh:var(--shu-700);--_bga:var(--shu-800);--_fg:var(--washi-0);box-shadow:var(--shadow-seal)}.d6-btn--seal:active{box-shadow:0 0 0 var(--shu-700);transform:translateY(2px)}.d6-btn--secondary{--_bg:var(--washi-0);--_bgh:var(--washi-2);--_bga:var(--washi-3);--_fg:var(--text-strong);border-color:var(--border-strong)}.d6-btn--ghost{--_bg:transparent;--_bgh:var(--surface-sunken);--_bga:var(--washi-3);--_fg:var(--text-body)}.d6-btn--ghost:hover{color:var(--text-strong)}.d6-tag{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--fw-medium);letter-spacing:.01em;border-radius:var(--radius-pill);white-space:nowrap;transition:background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);border:1px solid #0000;align-items:center;gap:.4em;padding:5px 11px;line-height:1;text-decoration:none;display:inline-flex}a.d6-tag:hover{border-color:currentColor;text-decoration:none}a.d6-tag:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.d6-tag:before{content:"";opacity:.85;background:currentColor;border-radius:50%;width:5px;height:5px}.d6-tag--plain:before{display:none}.d6-badge{font-family:var(--font-mono);font-size:11px;font-weight:var(--fw-medium);letter-spacing:.02em;border-radius:var(--radius-sm);border:1px solid color-mix(in srgb, currentColor 35%, transparent);background:color-mix(in srgb, currentColor 12%, var(--washi-0));align-items:center;gap:.4em;padding:3px 8px;line-height:1;display:inline-flex}.d6-badge--solid{border-color:#0000;color:var(--washi-0)!important}.d6-badge__dot{background:currentColor;border-radius:50%;width:6px;height:6px}.d6-card{background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);color:var(--text-body);transition:box-shadow var(--dur-base) var(--ease-out), transform var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out);overflow:hidden}.d6-card--pad{padding:var(--space-5)}.d6-card--interactive:is(a,button){cursor:pointer}:is(a,button):hover>.d6-card--interactive,.d6-card--interactive:is(a:hover,button:hover),:is(a,button):focus-visible>.d6-card--interactive,.d6-card--interactive:is(a:focus-visible,button:focus-visible){box-shadow:var(--shadow-md);border-color:var(--border-strong);transform:translateY(-2px)}:is(a,button):active>.d6-card--interactive,.d6-card--interactive:is(a:active,button:active){box-shadow:var(--shadow-sm);transform:translateY(0)}
.site{background-color:var(--bg-base);background-image:var(--grain-url);flex-direction:column;min-height:100dvh;display:flex}.site main{flex:1}.container{max-width:var(--container);padding:0 var(--space-5);margin:0 auto}.page-shell{width:min(100% - 2 * var(--space-5), var(--container));margin-inline:auto}.page-shell--measure{max-width:800px}.page-shell--narrow{max-width:720px}.plain-link{color:inherit}.plain-link:hover{color:inherit;text-decoration:none}.skip-link{z-index:100;padding:var(--space-2h) var(--space-4h);background:var(--primary);color:var(--text-on-ai);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--fw-medium);border-radius:8px;transition:top .15s;position:fixed;top:-100%;left:50%;transform:translate(-50%)}.skip-link:focus{outline:2px solid var(--focus-ring);outline-offset:2px;top:12px}@media (prefers-reduced-motion:reduce){.skip-link{transition:none}}.site-header{--noren-bg:color-mix(in srgb, var(--rikyu) 72%, var(--sumi-900));--noren-strong:var(--washi-0);--noren-text:color-mix(in srgb, var(--washi-0) 80%, var(--noren-bg));--noren-faint:color-mix(in srgb, var(--washi-0) 64%, var(--noren-bg));--noren-line:color-mix(in srgb, var(--washi-0) 18%, var(--noren-bg));--noren-accent:var(--accent-on-dark);z-index:var(--z-sticky);background:var(--noren-bg);border-bottom:1px solid color-mix(in srgb, var(--sumi-900) 35%, var(--noren-bg));position:sticky;top:0}.site-header__inner{max-width:var(--container);padding:var(--space-3h) var(--space-5);align-items:center;gap:var(--space-5);margin:0 auto;display:flex}.brand{align-items:center;gap:11px;padding:0;text-decoration:none;display:flex}.brand:hover{text-decoration:none}.brand__text{flex-direction:column;align-items:flex-start;line-height:1.1;display:flex}.brand__name{font-family:var(--font-mono);font-weight:var(--fw-bold);font-size:var(--text-brand);color:var(--noren-strong);letter-spacing:-.02em}.brand__name .accent{color:var(--noren-accent)}.brand__zh{font-family:var(--font-han);font-size:var(--text-caption);color:var(--noren-faint)}.site-nav{gap:22px;margin-left:auto;display:flex}.site-nav__link{font-family:var(--font-text);font-size:var(--text-base);cursor:pointer;padding:var(--space-1h) 2px;color:var(--noren-text);font-weight:var(--fw-medium);background:0 0;border:none;border-bottom:2px solid #0000;text-decoration:none}.site-nav__link:hover{color:var(--noren-strong);text-decoration:none}.site-nav__link--active{border-bottom-color:var(--noren-accent);color:var(--noren-strong);font-weight:var(--fw-medium)}.icon-btn.nav-toggle,.site-nav-mobile,.nav-scrim{display:none}.site-nav-mobile .site-nav__link{padding:11px 0 11px var(--space-3);font-size:var(--text-md);border-bottom:none;border-left:2px solid #0000}.site-nav-mobile .site-nav__link--active{border-left-color:var(--noren-accent)}.header-actions{align-items:center;gap:var(--space-1h);padding-left:var(--space-1h);border-left:1px solid var(--noren-line);display:flex}.site-header .icon-btn{color:var(--noren-faint)}.site-header .icon-btn:hover{background:color-mix(in srgb, var(--washi-0) 12%, transparent);color:var(--noren-strong)}.site-header :focus-visible{outline-color:color-mix(in srgb, var(--washi-0) 70%, transparent)}.icon-btn{border-radius:var(--radius-md);width:34px;height:34px;color:var(--text-muted);cursor:pointer;transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:var(--surface-sunken);color:var(--text-body);text-decoration:none}.eyebrow{font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--shu-600);margin-bottom:var(--space-3h)}.section-label{font-family:var(--font-mono);font-size:var(--text-caption);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-muted);padding-bottom:var(--space-2);border-bottom:1px solid var(--border);margin-bottom:18px}.page-head{padding:var(--space-7h) 0 var(--space-6);border-bottom:1px solid var(--divider)}.page-head__title{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--text-strong);margin:0 0 var(--space-3);letter-spacing:-.02em}.page-head__lead{max-width:50ch;font-size:var(--text-md);color:var(--text-body);line-height:var(--leading-normal);margin:0}.hero{border-bottom:1px solid var(--divider);padding:88px 0 52px;position:relative}.hero .eyebrow{color:var(--season-accent)}.hero__title{font-family:var(--font-display);font-size:clamp(2.5rem, 3.4vw + 1.4rem, var(--text-4xl));color:var(--text-strong);letter-spacing:-.03em;text-wrap:balance;max-width:18ch;margin:0 0 18px;line-height:1.12;position:relative}.hero__title:before{content:"";border-radius:var(--radius-xs);background:var(--season-accent);width:4px;position:absolute;top:.14em;bottom:.14em;left:-20px;-webkit-mask-image:linear-gradient(#000 72%,#0000);mask-image:linear-gradient(#000 72%,#0000)}@media (max-width:640px){.hero__title:before{width:3px;left:-14px}}.hero__accent{color:var(--season-accent);font-style:normal}.hero__lead{max-width:46ch;font-size:var(--text-md);color:var(--text-body);line-height:var(--leading-normal);margin:0}.hero+.home-section{padding-top:var(--space-7)}.home-section{padding:var(--space-6h) 0;border-bottom:1px solid var(--divider)}.home-section:last-child{border-bottom:none}.home-section--posts{padding-bottom:72px}.home-section__head{justify-content:space-between;align-items:baseline;gap:var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--border);margin-bottom:18px;display:flex}.home-section__head .section-label{border:none;margin:0;padding:0}.section-more{font-family:var(--font-mono);font-size:var(--text-meta);color:var(--ai-600);flex:none;align-items:center;gap:5px;display:inline-flex}.section-more:hover{color:var(--shu-600);text-decoration:none}.home-section .product-grid{padding:0}.post-list{flex-direction:column;display:flex}.post-item{cursor:pointer;border-bottom:1px solid var(--divider);gap:var(--space-5);align-items:flex-start;padding:26px 0;display:flex;position:relative}.post-item:last-child{border-bottom-color:#0000}.post-item__main{flex:1;min-width:0}.post-meta{align-items:center;gap:var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);margin-bottom:var(--space-2h);display:flex}.meta-dot{border-radius:var(--radius-seal);background:var(--sumi-300);width:3px;height:3px}.meta-item{align-items:center;gap:5px;display:inline-flex}.post-item__title{font-family:var(--font-display);font-size:var(--text-xl);color:var(--text-strong);margin:0 0 var(--space-2);letter-spacing:-.02em;transition:color var(--dur-fast) var(--ease-out)}.post-item:hover .post-item__title{color:var(--ai-600)}.post-item__link:after{content:"";position:absolute;inset:0}.post-item__excerpt{font-size:var(--text-base);color:var(--text-body);line-height:var(--leading-normal);margin:0 0 var(--space-3);max-width:60ch}.post-item__tags{gap:var(--space-2);z-index:1;display:flex;position:relative}.post-thumb{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--washi-2);flex:none;width:176px;height:118px;margin-top:30px;overflow:hidden}.posts-archive{padding:var(--space-6) 0 72px}.article-page{margin-block-start:var(--space-5h)}.article-page>.back-link{z-index:calc(var(--z-sticky) - 1);line-height:var(--leading-relaxed);margin:0;position:fixed;top:98px;left:24px}.article-page>.article{margin:0 0 var(--space-8h);padding-top:var(--space-6h)}.article{max-width:800px;margin:var(--space-5h) auto var(--space-8h);padding:var(--space-1) clamp(var(--space-4h), 5vw, 52px) var(--space-7h);background:var(--washi-0);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);position:relative}.back-link{margin-top:36px;margin-bottom:var(--space-6);font-family:var(--font-mono);font-size:var(--text-meta);color:var(--text-muted);cursor:pointer;transition:color var(--dur-fast) var(--ease-out);background:0 0;border:none;align-items:center;gap:7px;padding:0;text-decoration:none;display:inline-flex}.back-link:hover{color:var(--ai-600);text-decoration:none}.article__header{margin-bottom:36px}.article__meta{align-items:center;gap:var(--space-3);margin-bottom:18px;display:flex}.article__meta .meta-item{font-family:var(--font-mono);font-size:var(--text-meta);color:var(--text-muted);gap:var(--space-1h)}.article__title{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--text-strong);letter-spacing:-.02em;word-break:keep-all;overflow-wrap:anywhere;margin:0;line-height:1.2}.article__body{font-family:var(--font-read);font-size:var(--text-md);color:var(--text-body);line-height:var(--leading-relaxed)}.article__body p{margin:0 0 var(--space-4h)}.article__body a{color:var(--ai-600);text-underline-offset:2px;text-decoration:underline;text-decoration-thickness:1px}.article__body a:hover{text-decoration-thickness:2px}.article__body h2{font-family:var(--font-display);font-size:var(--text-xl);color:var(--text-strong);margin:var(--space-6h) 0 var(--space-3h);letter-spacing:0}.article__body h3,.article__body h4{font-family:var(--font-display);color:var(--text-strong);letter-spacing:0}.article__body h3{font-size:var(--text-lg);margin:var(--space-5h) 0 var(--space-2h)}.article__body h4{font-size:var(--text-md);margin:var(--space-4h) 0 var(--space-2h)}.article__body ul,.article__body ol{margin:0 0 var(--space-4h);padding-left:1.35rem}.article__body li{margin:0 0 var(--space-1);padding-left:.15rem}.article__body li::marker{color:var(--shu-600);font-family:var(--font-mono)}.article__body p code,.article__body li code,.article__body td code,.article__body th code{font-family:var(--font-mono);color:var(--sumi-700);background:var(--surface-code);border:1px solid var(--border);border-radius:4px;padding:.08em .32em;font-size:.92em}.article__table-wrap{margin:var(--space-5h) 0;overflow-x:auto}.article__body table{border-collapse:collapse;width:100%;font-size:var(--text-sm);line-height:var(--leading-snug)}.article__body th,.article__body td{border:1px solid var(--border);padding:var(--space-2) var(--space-2h);text-align:left;vertical-align:top}.article__body th{font-family:var(--font-mono);font-weight:var(--fw-semibold);color:var(--text-strong);background:var(--washi-1)}.article__body blockquote{margin:var(--space-5h) 0;padding:var(--space-1) 0 var(--space-1) 22px;border-left:3px solid var(--shu-600);font-family:var(--font-han);font-size:var(--text-lg);color:var(--text-strong);line-height:var(--leading-snug)}.article__body pre{background:var(--surface-code);border:1px solid var(--border);border-radius:var(--radius-md);margin:var(--space-5) 0;padding:18px;overflow:auto}.article__body pre code{font-family:var(--font-mono);font-size:var(--text-code);color:var(--sumi-700);background:0 0;border:none;padding:0;line-height:1.7}.article__body figure{margin:var(--space-5h) 0 var(--space-2)}.figure-frame{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--washi-2);aspect-ratio:16/10;overflow:hidden}.figure-frame img,.post-thumb img{object-fit:cover;width:100%;height:100%;display:block}.article__body figcaption{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);margin:var(--space-2h) 0 var(--space-4h);text-align:center}.seal-mark{margin:var(--space-7) 0 var(--space-6);justify-content:center;display:flex}.article__tags{gap:var(--space-2);padding-top:var(--space-5h);border-top:1px solid var(--divider);flex-wrap:wrap;display:flex}.article__related{margin-top:var(--space-6h);padding-top:var(--space-5h);border-top:1px solid var(--divider)}.article__related-title{font-family:var(--font-mono);font-size:var(--text-meta);font-weight:var(--fw-semibold);color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;margin:0 0 var(--space-4)}.article__related-list{flex-direction:column;gap:0;display:flex}.author-card{align-items:center;gap:var(--space-3h);margin-top:var(--space-6);padding:var(--space-4h);background:var(--washi-0);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:flex}.author-card__main{flex:1}.author-card__name{font-family:var(--font-mono);font-weight:var(--fw-semibold);font-size:var(--text-ui);color:var(--text-strong)}.author-card__bio{font-size:var(--text-sm);color:var(--text-muted);line-height:1.5}.work-hero{margin-bottom:var(--space-4h);align-items:center;gap:18px;display:flex}.work-detail__name{font-family:var(--font-mono);font-weight:var(--fw-bold);font-size:var(--text-2xl);color:var(--text-strong);letter-spacing:-.02em;margin:0 0 var(--space-1);line-height:1.15}.work-detail__zh{font-family:var(--font-han);font-size:var(--text-base);color:var(--text-muted)}.work-detail__meta{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.work-detail__meta .meta-year{font-family:var(--font-mono);font-size:var(--text-meta);color:var(--text-muted)}.work-detail__meta .meta-cat{font-size:var(--text-label);color:var(--text-muted)}.ext-link{font-family:var(--font-mono);font-size:var(--text-meta);color:var(--ai-600);align-items:center;gap:5px;display:inline-flex}.works-featured{padding:var(--space-6h) 0 0}.featured-list{gap:var(--space-4h);flex-direction:column;display:flex}.work-card{transition:box-shadow var(--dur-base) var(--ease-out), transform var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out);position:relative}.work-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong);transform:translateY(-2px)}.work-card:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.work-card__link:after{content:"";position:absolute;inset:0}.work-card__inner{gap:var(--space-4h);padding:var(--space-5);display:flex}.work-cover{border-radius:var(--radius-md);font-family:var(--font-han);color:var(--washi-0);flex:none;justify-content:center;align-items:center;display:flex;overflow:hidden;box-shadow:inset 0 -2px 6px #0000001f}.work-cover img{object-fit:cover;width:100%;height:100%;display:block}.work-cover--md{width:96px;height:96px;font-size:48px}.work-cover--detail{width:64px;height:64px;font-size:32px}.work-cover--product{width:84px;height:84px;font-size:42px}.work-card__body{flex-direction:column;flex:1;min-width:0;display:flex}.work-card__head{align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-1h);display:flex}.work-card__name{font-family:var(--font-mono);font-weight:var(--fw-semibold);font-size:var(--text-lg);color:var(--text-strong)}.work-card__zh{font-family:var(--font-han);font-size:var(--text-sm);color:var(--text-muted)}.work-card__year{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-faint);margin-left:auto}.work-card__summary{font-size:var(--text-note);color:var(--text-body);line-height:var(--leading-snug);margin:0 0 var(--space-4);max-width:58ch}.work-card__foot{align-items:center;gap:var(--space-2);margin-top:auto;display:flex}.work-card__tags{gap:var(--space-2);z-index:1;flex-wrap:wrap;display:flex;position:relative}.work-card__more{font-family:var(--font-mono);font-size:var(--text-meta);color:var(--ai-600);align-items:center;gap:5px;margin-left:auto;display:inline-flex}.works-mini{padding:36px 0 var(--space-8h)}.mini-grid{gap:var(--space-3h);flex-direction:column;display:flex}.mini-item{gap:var(--space-4);padding:var(--space-5);background:var(--washi-0);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;display:flex}.mini-item__head{align-items:center;gap:var(--space-4h);display:flex}.mini-item__text{flex:auto;min-width:0}.mini-item__name-row{align-items:baseline;gap:var(--space-3);display:flex}.mini-item__name{font-family:var(--font-mono);font-weight:var(--fw-semibold);font-size:var(--text-lg);color:var(--text-strong);margin-bottom:var(--space-1h);display:block}.mini-item__year{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-faint);margin-left:auto}.mini-item__tags{gap:var(--space-2);margin-top:var(--space-1h);flex-wrap:wrap;display:flex}.mini-item__desc{font-size:var(--text-note);color:var(--text-body);line-height:var(--leading-snug);white-space:pre-line;display:block}.mini-item__images{align-items:center;gap:var(--space-2h);flex-wrap:wrap;display:flex}.mini-item__image{flex:0 0 calc((100% - 2 * var(--space-2h)) / 3);aspect-ratio:1;object-fit:cover;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-sunken);height:auto;display:block}.mini-item__thumb{flex:0 0 calc((100% - 2 * var(--space-2h)) / 3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-sunken);cursor:pointer;aspect-ratio:1;margin:0;padding:0;display:block;position:relative;overflow:hidden}.mini-item__thumb:focus-visible{outline:2px solid var(--focus-ring,currentColor);outline-offset:2px}.mini-item__thumb>.mini-item__image{background:0 0;border:0;border-radius:0;flex:auto;width:100%;height:100%;display:block}.mini-item__play-badge{background:color-mix(in srgb, var(--sumi-900,#1a1a1a) 65%, transparent);width:36px;height:36px;color:var(--washi-0,#fff);font-size:var(--text-sm);pointer-events:none;border-radius:50%;place-items:center;line-height:1;display:grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.mini-item__thumb:hover .mini-item__play-badge,.mini-item__thumb:focus-visible .mini-item__play-badge{background:color-mix(in srgb, var(--sumi-900,#1a1a1a) 85%, transparent)}.product-grid{gap:var(--space-4h);padding:var(--space-6h) 0 var(--space-8h);flex-direction:column;display:flex}.product-card__inner{padding:var(--space-4h);gap:18px;display:flex}.product-card__head{align-items:center;gap:var(--space-2h);margin-bottom:var(--space-1h);display:flex}.product-card__name{font-family:var(--font-mono);font-weight:var(--fw-semibold);font-size:var(--text-lg);color:var(--text-strong)}.product-card__desc{font-size:var(--text-note);color:var(--text-body);line-height:var(--leading-snug);margin:0 0 var(--space-4)}.product-card__foot{align-items:center;gap:var(--space-3);margin-top:auto;display:flex}.product-card__price{font-family:var(--font-mono);font-weight:var(--fw-bold);font-size:var(--text-lg);color:var(--text-strong);font-variant-numeric:tabular-nums}.product-card__spacer{flex:1}.about{padding-block:var(--space-8) var(--space-8h)}.about__title{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--text-strong);margin:var(--space-5) 0 var(--space-4h);letter-spacing:-.02em}.about p{font-size:var(--text-md);color:var(--text-body);line-height:var(--leading-relaxed);max-width:60ch}.contrib{margin-top:44px}.contrib__title{font-family:var(--font-display);font-size:var(--text-lg);color:var(--text-strong);margin:0 0 var(--space-1h)}.contrib .contrib__meta{font-size:var(--text-sm);color:var(--text-muted);margin:0 0 var(--space-3h)}.contrib__scroll{padding-bottom:var(--space-1);overflow-x:auto}@media (max-width:698px){.contrib__scroll{direction:rtl}}.contrib__chart{width:max-content;padding-right:var(--space-4);direction:ltr}.contrib__months{margin-bottom:var(--space-1h);gap:2px;display:flex}.contrib__months span{min-width:0;font-family:var(--font-mono);font-size:var(--text-micro);color:var(--text-faint);white-space:nowrap;flex:0 0 10px}.contrib__grid{gap:2px;display:flex}.contrib__col{flex-direction:column;gap:2px;display:flex}.contrib__cell{border-radius:var(--radius-xs);background:var(--washi-2);width:10px;height:10px;display:block}.contrib__cell--l1{background:var(--ai-200)}.contrib__cell--l2{background:var(--ai-500)}.contrib__cell--l3{background:var(--ai-700)}.contrib__cell--l4{background:var(--ai-800)}.contrib__cell--future{visibility:hidden}.contrib__legend{margin-top:var(--space-3);font-size:var(--text-xs);color:var(--text-faint);align-items:center;gap:3px;display:flex}.contrib__legend span:first-child{margin-right:var(--space-1)}.contrib__legend span:last-child{margin-left:var(--space-1)}.langbar{margin-top:44px}.langbar__title{font-family:var(--font-display);font-size:var(--text-lg);color:var(--text-strong);margin:0 0 var(--space-1h)}.langbar__meta{font-size:var(--text-sm);color:var(--text-muted);margin:0 0 var(--space-3h)}.langbar__legend{gap:var(--space-2) 18px;flex-wrap:wrap;margin:18px 0 0;padding:0;list-style:none;display:flex}.langbar__item{align-items:center;gap:var(--space-1h);font-size:var(--text-sm);display:flex}.langbar__dot{border-radius:3px;flex:0 0 9px;width:9px;height:9px}.langbar__name{color:var(--text-body)}.actsum{align-items:baseline;gap:var(--space-1h) var(--space-3h);margin:var(--space-3h) 0 0;font-size:var(--text-sm);color:var(--text-muted);flex-wrap:wrap;display:flex}.actsum__window{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-faint)}.actsum__stat{align-items:baseline;gap:var(--space-1);display:inline-flex}.actsum__num{font-family:var(--font-mono);font-size:var(--text-md);color:var(--text-strong)}.actsum__last{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-faint);white-space:nowrap}.workmeta{margin-top:var(--space-7);padding-top:var(--space-5h);border-top:1px solid var(--border)}.workmeta__title{font-family:var(--font-display);font-size:var(--text-lg);color:var(--text-strong);margin:0 0 18px}.workmeta__subtitle{font-family:var(--font-display);font-size:var(--text-base);color:var(--text-strong);margin:var(--space-5h) 0 0}.workmeta__stats{gap:var(--space-4) var(--space-6h);flex-wrap:wrap;margin:0;display:flex}.workmeta__stat{flex-direction:column;gap:5px;display:flex}.workmeta__stat dt{font-size:var(--text-xs);color:var(--text-faint);letter-spacing:.04em}.workmeta__stat dd{font-size:var(--text-sm);color:var(--text-body);align-items:center;gap:var(--space-2);margin:0;display:flex}.workmeta__stat dd a{color:var(--ai-600);text-decoration:none}.workmeta__stat dd a:hover{text-decoration:underline}.workmeta__ver{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-strong);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1px 7px}.workmeta__verkind{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-faint)}.worklang__bar{background:var(--border);border-radius:7px;width:100%;height:14px;margin-top:18px;display:flex;overflow:hidden}.worklang__seg{min-width:2px;height:100%}.workmeta__verdrop{position:relative}.workmeta__versum{align-items:center;gap:var(--space-2);cursor:pointer;list-style:none;display:inline-flex}.workmeta__versum::-webkit-details-marker{display:none}.workmeta__vercount{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-faint)}.workmeta__vercaret{border-left:4px solid #0000;border-right:4px solid #0000;border-top:5px solid var(--text-faint);width:0;height:0;transition:transform .15s}.workmeta__verdrop[open] .workmeta__vercaret{transform:rotate(180deg)}.workmeta__vermenu{z-index:20;padding:var(--space-1h);background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-md);min-width:220px;max-width:min(300px,100vw - 48px);max-height:300px;box-shadow:var(--shadow-md);flex-direction:column;gap:2px;margin:0;list-style:none;display:flex;position:absolute;top:calc(100% + 6px);left:0;overflow-y:auto}.workmeta__veritem{align-items:baseline;gap:var(--space-2h);border-radius:var(--radius-md);font-size:var(--text-sm);cursor:default;-webkit-user-select:none;user-select:none;flex-wrap:wrap;padding:7px 9px;display:flex}.workmeta__veritem:hover{background:var(--surface-sunken)}.workmeta__relname{color:var(--text-body)}.workmeta__reldate{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-faint);margin-left:auto}.site-footer{border-top:1px solid var(--border);background:var(--washi-2)}.site-footer__inner{max-width:var(--container);padding:36px var(--space-5);align-items:center;gap:var(--space-4);flex-wrap:wrap;margin:0 auto;display:flex}.site-footer__title{font-family:var(--font-mono);font-size:var(--text-meta);color:var(--text-muted)}.site-footer__title span{white-space:nowrap}.site-footer__icons{gap:var(--space-2);margin-left:auto;display:flex}.site-footer__copy{width:100%;font-family:var(--font-mono);font-size:var(--text-label);color:var(--text-faint);margin-top:var(--space-2)}.img-slot{background:var(--washi-2);width:100%;height:100%;color:var(--text-faint);font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:.05em;justify-content:center;align-items:center;display:flex}.search-overlay{z-index:var(--z-overlay);background:color-mix(in srgb, var(--sumi-900) 38%, transparent);padding:12vh var(--space-5) var(--space-5);animation:search-fade var(--dur-fast) var(--ease-out);justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0}.search-panel{background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:560px;box-shadow:var(--shadow-lg);overflow:hidden}.search-panel__input-row{align-items:center;gap:var(--space-2h);padding:var(--space-3h) var(--space-4);border-bottom:1px solid var(--border);color:var(--text-muted);display:flex}.search-panel__input-row input{min-width:0;font-family:var(--font-mono);font-size:var(--text-ui);color:var(--text-strong);background:0 0;border:none;outline:none;flex:1}.search-panel__input-row input::placeholder{color:var(--text-faint)}.search-panel__input-row kbd{font-family:var(--font-mono);font-size:var(--text-micro);letter-spacing:var(--tracking-caps);color:var(--text-faint);border:1px solid var(--border);border-radius:var(--radius-sm);padding:2px var(--space-1h)}.search-panel__body{max-height:48vh;overflow-y:auto}.search-hint{padding:var(--space-5h) var(--space-4);text-align:center;color:var(--text-faint);font-size:var(--text-meta);margin:0}.search-topics{gap:var(--space-2h);padding:0 var(--space-4) var(--space-4);flex-direction:column;display:flex}.search-topics__label{font-size:var(--text-meta);color:var(--text-faint)}.search-topics__cloud{gap:var(--space-2);flex-wrap:wrap;display:flex}.search-results{padding:var(--space-1h);margin:0;list-style:none}.search-result{padding:var(--space-2h) var(--space-3);border-radius:var(--radius-md);color:inherit;display:block}.search-result:hover{color:inherit;text-decoration:none}.search-result--active{background:var(--surface-sunken)}.search-result__title{font-size:var(--text-note);color:var(--text-strong);margin-bottom:3px;font-weight:600;display:block}.search-result__snippet{-webkit-line-clamp:2;font-size:var(--text-xs);color:var(--text-muted);-webkit-box-orient:vertical;line-height:1.7;display:-webkit-box;overflow:hidden}.search-result__snippet mark{background:var(--accent-tint);color:var(--shu-700);border-radius:var(--radius-xs);padding:0 1px}@keyframes search-fade{0%{opacity:0}to{opacity:1}}@media (max-width:900px){.post-thumb{display:none}.site-header__inner{gap:var(--space-3h)}.site-nav{gap:var(--space-3)}.header-actions a{display:none}.header-actions{border-left:none;padding-left:0}.search-overlay{padding:8vh var(--space-3) var(--space-3)}}@media (max-width:640px){.site-nav{display:none}.icon-btn.nav-toggle{display:inline-flex}.header-actions{margin-left:auto}.site-nav-mobile{--nav-lead:.14s;background:var(--noren-bg);border-top:1px solid var(--noren-line);box-shadow:var(--shadow-lg);padding:var(--space-1h) var(--space-5) var(--space-3h);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--dur-base) var(--ease-out), transform var(--dur-base) var(--ease-out), visibility var(--dur-base) var(--ease-out);flex-direction:column;transition-delay:.12s;display:flex;position:absolute;top:100%;left:0;right:0;transform:translateY(-10px)}.site-nav-mobile.is-open{opacity:1;visibility:visible;pointer-events:auto;transition-delay:var(--nav-lead);transform:none}.nav-scrim{z-index:calc(var(--z-sticky) - 1);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--dur-base) var(--ease-out), visibility var(--dur-base) var(--ease-out);background:#2b211457;transition-delay:.16s;display:block;position:fixed;inset:0}.nav-scrim.is-open{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}.site-nav-mobile .site-nav__link{opacity:0;transition:opacity var(--dur-base) var(--ease-out), transform var(--dur-base) var(--ease-out);transition-delay:calc((4 - var(--stagger-i,0)) * 28ms);transform:translate(-10px)}.site-nav-mobile.is-open .site-nav__link{opacity:1;transition-delay:calc(var(--nav-lead) + var(--stagger-i,0) * 42ms);transform:none}.article{margin:var(--space-4) var(--space-3h) var(--space-7)}.article-page{width:calc(100% - 2 * var(--space-3h));margin-block-start:41px}.article-page>.back-link{top:79px;left:16px}.article-page>.article{margin:0 0 var(--space-7);padding-top:var(--space-5h)}}@media (prefers-reduced-motion:reduce){.site-nav-mobile,.site-nav-mobile .site-nav__link,.nav-scrim{transition:none}}@media (max-width:640px){.work-card__inner{gap:var(--space-3);padding:18px}.work-cover--md{width:56px;height:56px;font-size:32px}.work-card__head{gap:var(--space-1) var(--space-2h);flex-wrap:wrap}.work-card__year{margin-left:0}.work-card__summary{margin-bottom:var(--space-3)}.work-card__foot{flex-wrap:wrap}.mini-item__head{align-items:flex-start;gap:var(--space-3)}.mini-item__year{margin-left:0}.product-card__inner{gap:var(--space-3);padding:18px}.work-cover--product{width:56px;height:56px;font-size:32px}.product-card__foot{gap:var(--space-2h) var(--space-3);flex-wrap:wrap}.product-card__spacer{display:none}.product-card__foot .d6-btn{margin-left:auto}.site-footer__inner{padding:var(--space-5h) var(--space-4h);gap:var(--space-3) var(--space-2)}.site-footer__icons{order:2}.site-footer__title{font-size:var(--text-xs);flex-basis:100%;order:3;line-height:1.75}.site-footer__title span{white-space:normal}.site-footer__copy{margin-top:var(--space-1h);padding-top:var(--space-3h);border-top:1px solid var(--border);order:4}.hero{padding:var(--space-7h) 0 var(--space-6h)}.page-head{padding:var(--space-6h) 0 var(--space-5h)}}
.hero__title .ch{display:inline-block}@media (prefers-reduced-motion:no-preference){.hero__title .ch{opacity:0;animation:d6-ink-rise .6s var(--ease-out) both;animation-delay:calc(var(--i) * 38ms)}}@keyframes d6-ink-rise{0%{opacity:0;transform:translateY(.26em)}to{opacity:1;transform:translateY(0)}}.fluid-ink{z-index:-1;pointer-events:none;opacity:0;width:100%;height:100%;transition:opacity 1.1s var(--ease-out);display:block;position:fixed;inset:0}.fluid-ink.is-ready{opacity:1}@media (prefers-reduced-motion:reduce){.fluid-ink{transition:none}}.koi-pond{z-index:-1;pointer-events:none;opacity:0;width:100%;height:100%;transition:opacity 1.4s var(--ease-out);display:block;position:fixed;inset:0;-webkit-mask-image:linear-gradient(90deg,#000 0 calc(50% - 470px),#0000006b 50%,#000 calc(50% + 470px) 100%);mask-image:linear-gradient(90deg,#000 0 calc(50% - 470px),#0000006b 50%,#000 calc(50% + 470px) 100%)}.koi-pond.is-ready{opacity:.9}@media (prefers-reduced-motion:reduce){.koi-pond{transition:none}}
:root{--washi-1:#fbf8f1}