:root{--color-bg:#f7f8fa;--color-bg-elevated:#fff;--color-fg:#12141a;--color-muted:#6b7280;--color-border:#e4e7ec;--color-border-subtle:color-mix(in oklab,var(--color-border)70%,transparent);--color-accent:#c43d6e;--color-accent-soft:color-mix(in oklab,var(--color-accent)12%,var(--color-bg));--color-surface:color-mix(in oklab,var(--color-fg)3.5%,var(--color-bg));--color-code-bg:#16181f;--color-code-fg:#e8eaef;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--shadow-sm:0 1px 2px #12141a0a;--shadow-md:0 10px 30px #12141a0f;--space-1:.375rem;--space-2:.75rem;--space-3:1rem;--space-4:1.5rem;--space-5:2.25rem;--space-6:3rem;--space-7:4rem;--w-read:68ch;--w-wide:1040px;--w-max:1200px;--fs-display:clamp(2.125rem,2.4vw + 1.4rem,3.125rem);--fs-h1:clamp(1.75rem,1.6vw + 1.15rem,2.375rem);--fs-h2:clamp(1.3rem,1vw + 1rem,1.625rem);--fs-h3:clamp(1.1rem,.6vw + .95rem,1.25rem);--fs-body:clamp(1.01563rem,.2vw + .98rem,1.07813rem);--fs-small:.8125rem;--lh-body:1.72;--lh-tight:1.2;--ease-out:cubic-bezier(.22,1,.36,1);--dur-fast:.14s;--dur-med:.24s;--font-sans:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}@media (prefers-color-scheme:dark){:root{--color-bg:#0c0e13;--color-bg-elevated:#12151c;--color-fg:#e8eaef;--color-muted:#9aa3b2;--color-border:#232833;--color-border-subtle:color-mix(in oklab,var(--color-border)80%,transparent);--color-accent:#e06b95;--color-accent-soft:color-mix(in oklab,var(--color-accent)14%,var(--color-bg));--color-surface:color-mix(in oklab,var(--color-fg)4.5%,var(--color-bg));--color-code-bg:#080a0e;--color-code-fg:#e8eaef;--shadow-sm:0 1px 2px #00000040;--shadow-md:0 12px 32px #00000059}}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;margin:0;padding:0}body{background:radial-gradient(1100px 520px at 8% -12%,color-mix(in oklab,var(--color-accent)11%,transparent),transparent 62%),radial-gradient(800px 420px at 100% 0%,color-mix(in oklab,var(--color-fg)5.5%,transparent),transparent 58%),linear-gradient(180deg,color-mix(in oklab,var(--color-bg-elevated)55%,var(--color-bg)),var(--color-bg)28rem),var(--color-bg);min-height:100vh;color:var(--color-fg);font-family:var(--font-sans);font-size:var(--fs-body);line-height:var(--lh-body);letter-spacing:-.011em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"ss01" on,"cv11" on;background-attachment:fixed;flex-direction:column;margin:0;padding:0;display:flex}::selection{background:color-mix(in oklab,var(--color-accent)28%,transparent);color:var(--color-fg)}:focus-visible{outline:2px solid color-mix(in oklab,var(--color-accent)70%,var(--color-fg));outline-offset:3px;border-radius:2px}a{color:inherit;text-decoration-color:color-mix(in oklab,var(--color-fg)28%,transparent);text-underline-offset:.22em;transition:color var(--dur-fast)var(--ease-out),text-decoration-color var(--dur-fast)var(--ease-out);text-decoration-thickness:1px}a:hover{text-decoration-color:var(--color-fg)}img{max-width:100%;height:auto;display:block}.site-header{z-index:40;background:color-mix(in oklab,var(--color-bg)78%,transparent);-webkit-backdrop-filter:saturate(1.2)blur(12px);border-bottom:1px solid #0000;width:100%;position:sticky;top:0}@supports (backdrop-filter:blur(12px)){.site-header{border-bottom-color:var(--color-border-subtle)}}.site-header__inner{max-width:var(--w-wide);width:100%;padding:var(--space-3)var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-4);margin:0 auto;display:flex}.site-header__brand{letter-spacing:-.03em;font-size:.9375rem;font-weight:600;text-decoration:none}.site-header__brand:hover{color:var(--color-accent)}.site-nav{gap:var(--space-4);align-items:center;display:flex}.site-nav a{color:var(--color-muted);letter-spacing:-.01em;font-size:.875rem;text-decoration:none}.site-nav a:hover{color:var(--color-fg)}.site-main{max-width:var(--w-wide);width:100%;padding:var(--space-4)var(--space-4)var(--space-6);flex:1;margin:0 auto}.site-footer{border-top:1px solid var(--color-border-subtle);width:100%;color:var(--color-muted);font-size:var(--fs-small);letter-spacing:-.01em;margin-top:auto}.site-footer__inner{max-width:var(--w-wide);width:100%;padding:var(--space-4)var(--space-4)var(--space-6);margin:0 auto}.site-footer p{margin:0}.site-footer a{color:var(--color-muted);text-decoration:none}.site-footer a:hover{color:var(--color-fg)}.home-wrap{gap:var(--space-7);padding-bottom:var(--space-2);display:grid}.home-hero{max-width:var(--w-read);margin-top:var(--space-6);margin-bottom:var(--space-1);gap:var(--space-3);animation:rise-in var(--dur-med)var(--ease-out)both;display:grid}.home-hero h1{font-size:var(--fs-display);line-height:var(--lh-tight);letter-spacing:-.045em;margin:0;font-weight:700}.home-hero p{color:var(--color-muted);max-width:42ch;margin:0;font-size:1.05em}.home-hero p a{color:var(--color-fg);text-decoration-color:color-mix(in oklab,var(--color-accent)55%,transparent)}.home-hero p a:hover{color:var(--color-accent);text-decoration-color:var(--color-accent)}.post-list{animation:rise-in var(--dur-med)var(--ease-out)60ms both;gap:0;margin:0;padding:0;list-style:none;display:grid}.post-card{gap:var(--space-4);padding:var(--space-4)0;border-top:1px solid var(--color-border-subtle);transition:background-color var(--dur-fast)var(--ease-out);grid-template-columns:7.5rem 1fr;align-items:start;display:grid}.post-card:last-child{border-bottom:1px solid var(--color-border-subtle)}.post-card__cover-link{border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-sm);transition:transform var(--dur-med)var(--ease-out),box-shadow var(--dur-med)var(--ease-out);text-decoration:none;display:block;overflow:hidden}.post-card:hover .post-card__cover-link{box-shadow:var(--shadow-md);transform:translateY(-1px)}.post-card__cover{aspect-ratio:1;object-fit:cover;border-radius:var(--radius-md);background:var(--color-surface);width:100%;transition:transform var(--dur-med)var(--ease-out)}.post-card:hover .post-card__cover{transform:scale(1.03)}.post-card__cover--empty{aspect-ratio:1;background:linear-gradient(145deg,color-mix(in oklab,var(--color-border)70%,transparent),color-mix(in oklab,var(--color-accent)8%,var(--color-surface)));border-radius:var(--radius-md)}.post-card__body{gap:.35rem;min-width:0;padding-top:.15rem;display:grid}.post-card__title{font-size:var(--fs-h3);letter-spacing:-.03em;margin:0;font-weight:600;line-height:1.35}.post-card__title a{text-decoration:none}.post-card__title a:hover{color:var(--color-accent)}.post-card__meta{color:var(--color-muted);font-size:var(--fs-small);letter-spacing:-.01em;font-variant-numeric:tabular-nums;margin:0}.post-card__excerpt{color:color-mix(in oklab,var(--color-fg)72%,var(--color-muted));max-width:58ch;margin:.35rem 0 0;font-size:.9375rem;line-height:1.55}.post-card__tags{font-size:var(--fs-small);color:var(--color-muted);letter-spacing:-.01em;flex-wrap:wrap;gap:.35rem .65rem;margin:.5rem 0 0;padding:0;list-style:none;display:flex}.post-card__tags li{border:none;border-radius:0;padding:0;position:relative}.post-card__tags li:not(:last-child):after{content:"·";color:color-mix(in oklab,var(--color-muted)55%,transparent);position:absolute;right:-.5rem}@media (width<=640px){.site-header__inner,.site-main,.site-footer__inner{padding-left:var(--space-3);padding-right:var(--space-3)}.home-hero{margin-top:var(--space-3)}.home-wrap{gap:var(--space-5)}.post-card{gap:var(--space-3);padding:var(--space-3)0;grid-template-columns:5.25rem 1fr}}.post-page{max-width:var(--w-read);gap:var(--space-5);animation:rise-in var(--dur-med)var(--ease-out)both;margin:0 auto;display:grid}.post-hero{margin:0 calc(-1*var(--space-1));max-width:none}.post-hero__cover{border-radius:var(--radius-lg);background:var(--color-surface);width:100%;height:auto;box-shadow:var(--shadow-sm)}.post-header{gap:var(--space-2);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border-subtle);display:grid}.post-title{font-size:var(--fs-h1);line-height:var(--lh-tight);letter-spacing:-.04em;margin:0;font-weight:700}.post-meta{color:var(--color-muted);font-size:var(--fs-small);letter-spacing:-.01em;margin:0}.post-meta time{font-variant-numeric:tabular-nums}.post-meta__updated{color:color-mix(in oklab,var(--color-muted)88%,transparent)}.post-meta__tags{font-size:var(--fs-small);color:var(--color-muted);flex-wrap:wrap;gap:.35rem .65rem;margin:.15rem 0 0;padding:0;list-style:none;display:flex}.post-meta__tags li{border:none;border-radius:0;padding:0;position:relative}.post-meta__tags li:not(:last-child):after{content:"·";color:color-mix(in oklab,var(--color-muted)55%,transparent);position:absolute;right:-.5rem}.not-found{max-width:var(--w-read);margin:var(--space-7)auto;text-align:center;gap:var(--space-3);animation:rise-in var(--dur-med)var(--ease-out)both;display:grid}.not-found h1{font-size:var(--fs-h1);letter-spacing:-.04em;margin:0}.not-found a{color:var(--color-accent);text-decoration-color:color-mix(in oklab,var(--color-accent)50%,transparent)}@keyframes rise-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.home-hero,.post-list,.post-page,.not-found{animation:none}.post-card__cover-link,.post-card__cover,a{transition:none}.post-card:hover .post-card__cover-link,.post-card:hover .post-card__cover{transform:none}}.notion-article{letter-spacing:-.011em;gap:1.05rem;display:grid}@media (width>=640px){.notion-article{gap:1.2rem}}@media (width>=1024px){.notion-article{gap:1.35rem}}.notion-paragraph{line-height:var(--lh-body);color:color-mix(in oklab,var(--color-fg)94%,var(--color-muted));margin:0;font-size:1em}@media (width>=640px){.notion-paragraph{line-height:1.78}}.notion-empty{display:none}.notion-divider{border:none;border-top:1px solid var(--color-border-subtle);opacity:1;height:0;margin:1.75rem 0;padding:0}@media (width>=640px){.notion-divider{margin:2rem 0}}.notion-heading{scroll-margin-top:6rem}.notion-heading-1{color:var(--color-fg);margin:0;letter-spacing:-.035em!important;font-size:1.7rem!important;font-weight:700!important;line-height:1.2!important}.notion-heading-1:not(:first-child){margin-top:2.5rem}@media (width>=640px){.notion-heading-1:not(:first-child){margin-top:3rem}.notion-heading-1{font-size:2rem!important}}@media (width>=1024px){.notion-heading-1{font-size:2.25rem!important}}.notion-heading-2{border-top:1px solid var(--color-border-subtle);color:var(--color-fg);margin:0;padding-top:1.15rem;letter-spacing:-.03em!important;font-size:1.3rem!important;font-weight:600!important;line-height:1.3!important}.notion-heading-2:not(:first-child){margin-top:2rem}@media (width>=640px){.notion-heading-2{padding-top:1.5rem;font-size:1.5rem!important}.notion-heading-2:not(:first-child){margin-top:2.5rem}}@media (width>=1024px){.notion-heading-2{font-size:1.75rem!important}}.notion-heading-3{color:var(--color-fg);margin:0;letter-spacing:-.02em!important;font-size:1.12rem!important;font-weight:600!important;line-height:1.4!important}.notion-heading-3:not(:first-child){margin-top:1.5rem}@media (width>=640px){.notion-heading-3:not(:first-child){margin-top:2rem}.notion-heading-3{font-size:1.25rem!important}}@media (width>=1024px){.notion-heading-3{font-size:1.35rem!important}}.notion-list{gap:.75rem;margin:0;padding-left:1.5rem;line-height:1.7;display:grid}@media (width>=640px){.notion-list{gap:.75rem;padding-left:2rem}}.notion-list-bulleted{list-style-type:disc}.notion-list-numbered{list-style-type:decimal}.notion-list-children{gap:.5rem;margin-top:.5rem;margin-left:1rem;display:grid}@media (width>=640px){.notion-list-children{gap:.5rem;margin-top:.5rem;margin-left:1.5rem}}.notion-to-do-list{gap:.75rem;margin:0;padding-left:0;list-style:none;display:grid}.notion-to-do-item{align-items:flex-start;gap:.75rem;display:flex}.notion-to-do-checkbox{pointer-events:none;flex-shrink:0;margin-top:.375rem}.notion-callout{border-radius:var(--radius-md);border-left:3px solid color-mix(in oklab,var(--color-accent)65%,var(--color-fg));background:var(--color-surface);gap:1rem;padding:1.15rem 1.25rem;display:flex}.notion-callout:not(:first-child){margin-top:.5rem}@media (width>=640px){.notion-callout{border-left-width:4px;gap:1.25rem;padding:1.5rem}}@media (width>=1024px){.notion-callout{padding:1.75rem}}.notion-callout-icon{flex-shrink:0;font-size:1.5rem;line-height:1}@media (width>=640px){.notion-callout-icon{font-size:1.75rem}}@media (width>=1024px){.notion-callout-icon{font-size:2rem}}.notion-callout-icon img{width:1.5rem;height:1.5rem}@media (width>=640px){.notion-callout-icon img{width:1.75rem;height:1.75rem}}@media (width>=1024px){.notion-callout-icon img{width:2rem;height:2rem}}.notion-callout-body{gap:.75rem;display:grid}.notion-toggle{border-radius:var(--radius-md);background-color:var(--color-surface);border:1px solid var(--color-border-subtle);padding:1rem 1.1rem}.notion-toggle summary{cursor:pointer;font-weight:600}.notion-toggle-children{gap:1rem;margin-top:1rem;display:grid}.notion-code{margin-left:-1rem;margin-right:-1rem}.notion-code:not(:first-child){margin-top:.5rem}@media (width>=640px){.notion-code{margin-left:0;margin-right:0}.notion-code:not(:first-child){margin-top:.75rem}}.notion-code pre{background:var(--color-code-bg);color:var(--color-code-fg);box-shadow:var(--shadow-sm);border:1px solid color-mix(in oklab,var(--color-fg)8%,transparent);border-radius:0;margin:0;padding:1.2rem 1.25rem;font-size:.84375rem;line-height:1.65;overflow-x:auto}@media (width>=640px){.notion-code pre{border-radius:var(--radius-md);padding:1.35rem 1.5rem;font-size:.875rem}}.notion-code figcaption{color:var(--color-muted);margin-top:.5rem;padding:0 1rem;font-size:.8125rem}@media (width>=640px){.notion-code figcaption{padding:0;font-size:.875rem}}.notion-inline-code{background:var(--color-surface);border-radius:var(--radius-sm);border:1px solid var(--color-border-subtle);padding:.12rem .35rem;font-size:.92em}.notion-inline-equation{background:color-mix(in srgb,var(--color-accent)15%,var(--color-bg));border-radius:.35rem;padding:.15rem .4rem}.notion-quote{border-left:2px solid color-mix(in oklab,var(--color-accent)55%,var(--color-border));color:color-mix(in oklab,var(--color-muted)35%,var(--color-fg));gap:1rem;margin:0;padding-left:1.5rem;font-style:italic;display:grid}.notion-quote:not(:first-child){margin-top:.5rem}.notion-quote-children{gap:1rem;display:grid}.notion-columns{gap:1.5rem;display:grid}@media (width>=768px){.notion-columns{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}.notion-column{gap:1rem;min-width:0;display:grid}.notion-table-wrapper{margin-left:-1rem;margin-right:-1rem;overflow-x:auto}.notion-table-wrapper:not(:first-child){margin-top:.5rem}@media (width>=640px){.notion-table-wrapper{margin-left:0;margin-right:0}}.notion-table{border-collapse:collapse;border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-bg-elevated);width:100%;min-width:500px;overflow:hidden}@media (width>=640px){.notion-table{min-width:0}}.notion-table th,.notion-table td{border-bottom:1px solid color-mix(in srgb,var(--color-border)55%,transparent);text-align:left;padding:.75rem 1rem;font-size:.9rem}@media (width>=640px){.notion-table th,.notion-table td{padding:1rem 1.25rem;font-size:1rem}}.notion-table tbody tr:nth-child(2n){background-color:var(--color-surface)}.notion-embed{gap:.5rem;display:grid}.notion-embed iframe{border:1px solid var(--color-border);border-radius:.75rem;width:100%;min-height:320px}.notion-bookmark,.notion-link-preview{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-bg-elevated);min-width:0;box-shadow:var(--shadow-sm);transition:border-color var(--dur-fast)var(--ease-out),box-shadow var(--dur-fast)var(--ease-out);padding:.95rem 1.1rem}.notion-bookmark:hover,.notion-link-preview:hover{border-color:var(--color-border);box-shadow:var(--shadow-md)}.notion-bookmark a,.notion-link-preview a,.notion-embed a,.notion-link-to-page,.notion-child-page,.notion-child-database a{text-underline-offset:3px;text-decoration:underline}.notion-bookmark a:has(.notion-bookmark-title),.notion-link-preview a:has(.notion-bookmark-title){flex-direction:column;gap:.25rem;text-decoration:none;display:flex}.notion-bookmark-title{color:var(--color-fg);letter-spacing:-.02em;font-weight:600}.notion-bookmark a:hover .notion-bookmark-title,.notion-link-preview a:hover .notion-bookmark-title{text-underline-offset:3px;text-decoration:underline}.notion-bookmark-url{color:var(--color-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;overflow:hidden}.notion-media{gap:.5rem;margin-left:-1rem;margin-right:-1rem;display:grid}.notion-media:not(:first-child){margin-top:.5rem}@media (width>=640px){.notion-media{margin-left:0;margin-right:0}}.notion-media img,.notion-media video,.notion-media audio,.notion-media iframe,.notion-media object{border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);width:100%;box-shadow:var(--shadow-sm)}.notion-media figcaption{color:var(--color-muted);padding:.5rem 1rem 0;font-size:.8125rem}@media (width>=640px){.notion-media figcaption{padding:.75rem 0 0;font-size:.875rem}}.notion-file{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface);flex-direction:column;gap:.35rem;padding:.75rem 1rem;display:flex}.notion-table-of-contents{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-bg-elevated);gap:.75rem;padding:1.1rem 1.2rem;display:grid}.notion-table-of-contents ul{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.notion-table-of-contents li{font-size:.95rem}.notion-table-of-contents li.level-2{padding-left:1rem}.notion-table-of-contents li.level-3{padding-left:2rem}.notion-table-of-contents-title{font-weight:600}.notion-synced-block{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface);gap:.75rem;padding:1rem;display:grid}.notion-synced-hint{color:var(--color-muted);margin:0;font-size:.875rem}.notion-template{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface);gap:.75rem;padding:1rem;display:grid}.notion-template-children{gap:.75rem;display:grid}.notion-child-page{border-radius:var(--radius-sm);border:1px solid var(--color-border-subtle);background:var(--color-surface);letter-spacing:-.02em;padding:.4rem .65rem;text-decoration:none;display:inline-block}.notion-child-page:hover{border-color:var(--color-border);color:var(--color-accent)}.notion-child-database{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface);flex-wrap:wrap;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.notion-link-to-page{border-radius:var(--radius-sm);border:1px solid var(--color-border-subtle);background:var(--color-bg-elevated);letter-spacing:-.02em;box-shadow:var(--shadow-sm);transition:border-color var(--dur-fast)var(--ease-out),color var(--dur-fast)var(--ease-out);padding:.55rem .9rem;text-decoration:none;display:inline-block}.notion-link-to-page:hover{border-color:var(--color-border);color:var(--color-accent)}.notion-breadcrumb{color:var(--color-muted);font-size:.9rem}.notion-inline-link{text-underline-offset:.22em;text-decoration:underline;text-decoration-color:color-mix(in oklab,var(--color-accent)45%,transparent)}.notion-inline-link:hover{color:var(--color-accent);text-decoration-color:var(--color-accent)}.notion-unsupported{color:#8d4b00;background:#fff7e6;border:1px dashed #ff9800;border-radius:.75rem;padding:1rem;font-size:.9rem}