:root{color-scheme:light;--bg:#fbf8f4;--bg-tint:#f5f0fb;--surface:#fff;--ink:#231e2b;--ink-2:#4b4456;--muted:#6c6577;--line:#231e2b17;--line-strong:#231e2b29;--pink:#ff8fc8;--violet:#8b7cf6;--violet-ink:#6553d6;--sky:#7ec8ff;--peach:#ffc4a3;--mint:#8fe3c8;--grad:linear-gradient(115deg, #ff8fc8 0%, #a98bff 52%, #7ec8ff 100%);--radius-xl:36px;--radius-lg:28px;--radius:20px;--radius-sm:12px;--shadow-sm:0 1px 2px #231e2b0d, 0 4px 14px #231e2b0a;--shadow:0 2px 6px #231e2b0a, 0 22px 44px -18px #231e2b38;--font-latin:"Outfit Variable", "Zen Maru Gothic", system-ui, sans-serif;--font-round:"Zen Maru Gothic", "Hiragino Maru Gothic ProN", "Hiragino Sans", sans-serif;--font-body:system-ui, -apple-system, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic", "Meiryo", sans-serif;--wrap:1120px;--gutter:clamp(16px, 4vw, 32px);--header-h:68px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 16px)}body{background:var(--bg);min-height:100vh;color:var(--ink);font-family:var(--font-body);font-feature-settings:"palt" 1;-webkit-font-smoothing:antialiased;flex-direction:column;margin:0;font-size:16px;line-height:1.8;display:flex;overflow-x:clip}main{flex:1}img,video,iframe{max-width:100%}img{height:auto}a{color:inherit}::selection{background:#a98bff47}:focus-visible{outline:3px solid var(--violet);outline-offset:3px;border-radius:6px}.wrap{width:100%;max-width:calc(var(--wrap) + var(--gutter) * 2);padding-inline:var(--gutter);margin-inline:auto}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.eyebrow{font-family:var(--font-latin);letter-spacing:.22em;text-transform:uppercase;color:var(--violet-ink);align-items:center;gap:10px;margin:0;font-size:13px;font-weight:600;display:inline-flex}.eyebrow:before{content:"";background:var(--grad);border-radius:2px;width:22px;height:2px}.section{padding-block:clamp(72px,10vw,128px) 0}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px 32px;margin-bottom:clamp(28px,4vw,44px);display:flex}.section-title{font-family:var(--font-round);letter-spacing:.01em;margin:10px 0 0;font-size:clamp(28px,4.4vw,44px);font-weight:900;line-height:1.3}.section-lead{max-width:34em;color:var(--muted);margin:12px 0 0}.btn{min-height:52px;font-family:var(--font-round);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 26px;font-size:15px;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s,background-color .2s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn-primary{color:#fff;background:var(--ink);box-shadow:0 12px 26px -10px #231e2b8c}.btn-primary:hover{box-shadow:0 16px 30px -10px #231e2b99}.btn-ghost{color:var(--ink);border:1px solid var(--line-strong);backdrop-filter:blur(8px);background:#ffffffb3}.btn-ghost:hover{background:#fff}.link-arrow{font-family:var(--font-round);color:var(--ink);align-items:center;gap:8px;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex}.link-arrow span{background:var(--surface);border:1px solid var(--line);border-radius:50%;place-items:center;width:32px;height:32px;transition:transform .2s;display:inline-grid}.link-arrow:hover span{transform:translate(3px)}.chip{height:26px;color:var(--ink-2);border:1px solid var(--line);white-space:nowrap;background:#ffffffbf;border-radius:999px;align-items:center;padding:0 11px;font-size:12px;font-weight:700;line-height:1;text-decoration:none;display:inline-flex}a.chip:hover{border-color:var(--line-strong);background:#fff}.chip-soft{color:var(--muted);background:0 0;border-style:dashed}.site-header{z-index:50;height:var(--header-h);-webkit-backdrop-filter:saturate(1.6)blur(16px);background:#fbf8f4b8;border-bottom:1px solid #0000;transition:border-color .25s,background-color .25s;position:sticky;top:0}.site-header:not([data-scrolled],[data-open]){-webkit-backdrop-filter:none;background:0 0}.site-header[data-scrolled]{border-bottom-color:var(--line)}.site-header .wrap{justify-content:space-between;align-items:center;gap:24px;height:100%;display:flex}.brand{flex-shrink:0;align-items:center;display:flex}.brand img{width:auto;height:30px;display:block}.nav-list{align-items:center;gap:4px;margin:0;padding:0;list-style:none;display:flex}.nav-list a{font-family:var(--font-latin);letter-spacing:.02em;color:var(--ink-2);border-radius:999px;padding:8px 16px;font-size:15px;font-weight:500;text-decoration:none;transition:background-color .2s,color .2s;display:block}.nav-list a:hover,.nav-list a[aria-current=page]{color:var(--ink);background:#231e2b0f}.nav-list .nav-cta{color:#fff;background:var(--ink);margin-left:8px}.nav-list .nav-cta:hover,.nav-list .nav-cta[aria-current=page]{color:#fff;background:#3a3345}.nav-toggle{display:none}@media (width<=760px){.nav-toggle{width:44px;height:44px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;margin-right:-8px;padding:0;display:grid}.nav-toggle svg{width:24px;height:24px}.nav-toggle .icon-close,.site-header[data-open] .nav-toggle .icon-menu{display:none}.site-header[data-open] .nav-toggle .icon-close{display:block}.site-nav{inset:var(--header-h) 0 auto;padding:12px var(--gutter) 28px;background:var(--bg);border-bottom:1px solid var(--line);opacity:0;visibility:hidden;transition:opacity .2s,transform .2s,visibility .2s;position:fixed;transform:translateY(-8px);box-shadow:0 24px 40px -24px #231e2b4d}.site-header[data-open] .site-nav{opacity:1;visibility:visible;transform:none}.nav-list{flex-direction:column;align-items:stretch;gap:2px}.nav-list a{border-radius:var(--radius-sm);padding:14px 16px;font-size:18px}.nav-list .nav-cta{text-align:center;margin:10px 0 0}}.site-footer{color:#ffffffb8;background:#1e1a26;margin-top:clamp(80px,10vw,128px);padding:64px 0 40px}.footer-grid{grid-template-columns:1.4fr repeat(2,1fr);gap:40px;display:grid}.footer-brand img{filter:invert();opacity:.92;width:auto;height:32px;display:block}.footer-brand p{font-family:var(--font-latin);letter-spacing:.02em;margin:18px 0 0;font-size:15px}.footer-col h2{font-family:var(--font-latin);letter-spacing:.2em;text-transform:uppercase;color:#fff9;margin:0 0 14px;font-size:12px;font-weight:600}.footer-col ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.footer-col a{font-size:14px;text-decoration:none}.footer-col a:hover{color:#fff;text-underline-offset:4px;text-decoration:underline}.footer-bottom{color:#fff9;border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:56px;padding-top:24px;font-size:13px;display:flex}.footer-bottom a{text-decoration:none}@media (width<=760px){.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}.page-hero{isolation:isolate;padding:clamp(48px,8vw,96px) 0 clamp(28px,4vw,44px);position:relative}.page-hero:before{content:"";inset:calc(-1 * var(--header-h)) 0 -60px;z-index:-1;pointer-events:none;background:radial-gradient(40% 70% at 85% 0,#ff8fc833,#0000 70%),radial-gradient(40% 70% at 10% 10%,#7ec8ff33,#0000 70%);position:absolute}.page-title{font-family:var(--font-round);letter-spacing:.01em;overflow-wrap:anywhere;margin:12px 0 0;font-size:clamp(30px,5vw,52px);font-weight:900;line-height:1.3}.page-lead{max-width:40em;color:var(--muted);margin:14px 0 0}.post-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:20px;display:grid}.post-card{border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);gap:18px;padding:22px;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative}.post-card:hover{box-shadow:var(--shadow);border-color:#0000;transform:translateY(-3px)}.post-card-thumb{object-fit:cover;border:1px solid var(--line);background:var(--bg-tint);border-radius:22%;flex-shrink:0;width:64px;height:64px}.post-card-thumb-fallback{font-family:var(--font-latin);color:#fff;background:var(--grad);border:0;place-items:center;font-size:26px;font-weight:700;display:grid}.post-card-body{min-width:0}.post-card-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:12.5px;display:flex}.post-card-meta .cat{color:var(--violet-ink);font-weight:700}.post-card-title{font-family:var(--font-round);margin:4px 0 0;font-size:18px;font-weight:700;line-height:1.5}.post-card-desc{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:6px 0 0;font-size:14px;line-height:1.7;display:-webkit-box;overflow:hidden}.empty-note{text-align:center;color:var(--muted);border:1px dashed var(--line-strong);border-radius:var(--radius);padding:48px 24px}.article-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:18px;font-size:14px;display:flex}.article-meta time{font-variant-numeric:tabular-nums}.article-body{max-width:760px;margin-inline:auto}.article-card{border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);padding:clamp(24px,5vw,56px)}.prose{color:var(--ink-2);overflow-wrap:anywhere;font-size:16px;line-height:1.95}.prose>:first-child{margin-top:0}.prose>:last-child{margin-bottom:0}.prose p{margin:0 0 1.3em}.prose p:empty{display:none}.prose h2,.prose h3,.prose h4{font-family:var(--font-round);color:var(--ink);line-height:1.5}.prose h2{border-bottom:2px solid #0000;border-image:var(--grad) 1;margin:2.4em 0 .9em;padding-bottom:.5em;font-size:1.45em;font-weight:900}.prose h3{margin:2em 0 .7em;font-size:1.2em}.prose h4{margin:1.9em 0 .6em;padding-left:14px;font-size:1.06em;position:relative}.prose h4:before{content:"";background:var(--grad);border-radius:4px;width:4px;position:absolute;top:.35em;bottom:.35em;left:0}.prose h2 strong,.prose h3 strong,.prose h4 strong{font-weight:inherit}.prose a{color:#6b5ce7;text-underline-offset:4px;text-decoration:underline 1px}.prose a:hover{text-decoration-thickness:2px}.prose ul,.prose ol{margin:0 0 1.3em;padding-left:1.4em}.prose li{margin:.35em 0}.prose li::marker{color:var(--violet)}.prose strong{color:var(--ink)}.prose img{border-radius:var(--radius-sm)}.prose table{border-collapse:collapse;width:100%;margin:0 0 1.4em;font-size:.94em}.prose th,.prose td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:10px 12px}.prose blockquote{border-left:3px solid var(--line-strong);color:var(--muted);margin:0 0 1.4em;padding:4px 0 4px 18px}.prose code{background:var(--bg-tint);border-radius:6px;padding:.1em .4em;font-size:.9em}.prose pre{border-radius:var(--radius-sm);color:#f4f0fa;background:#1e1a26;padding:16px 18px;overflow-x:auto}.prose pre code{background:0 0;padding:0}.post-terms{flex-wrap:wrap;gap:8px;max-width:760px;margin:28px auto 0;display:flex}.post-nav{grid-template-columns:1fr 1fr;gap:16px;max-width:760px;margin:40px auto 0;display:grid}.post-nav a{border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);padding:18px 22px;text-decoration:none;transition:box-shadow .2s,transform .2s;display:block}.post-nav a:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.post-nav .next{text-align:right;grid-column:2}.post-nav small{font-family:var(--font-latin);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:12px;display:block}.post-nav span{font-family:var(--font-round);font-weight:700}@media (width<=600px){.post-nav{grid-template-columns:1fr}.post-nav .next{grid-column:1}}.landing-bar{max-width:760px;color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;margin:20px auto 0;padding:0 18px;font-size:13px;display:flex}.landing-bar .crumbs{align-items:center;gap:8px;display:flex}.landing-bar a{text-decoration:none}.landing-bar a:hover{color:var(--ink)}.landing-body{padding-top:8px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}