:root{color-scheme:light;--font-mono: "JetBrains Mono", ui-monospace, "Cascadia Code", "Source Code Pro", monospace;--text: #0f172a;--muted: #64748b;--border: #ede9fe;--link: #6d28d9;--link-hover: #5b21b6;--bg: #faf8ff;--surface: #f5f3ff;--accent: #7c3aed;--accent-cyan: #a78bfa;--accent-muted: #6b21a8;--accent-glow: rgba(124, 58, 237, .28);--radius-card: 1rem;--card-bg: rgba(255, 255, 255, .84);--card-border: rgba(139, 92, 246, .12);--shadow-sm: 0 1px 2px rgba(91, 33, 182, .05);--shadow-md: 0 4px 6px -1px rgba(91, 33, 182, .06), 0 10px 28px -8px rgba(124, 58, 237, .1);--shadow-lg: 0 20px 40px -12px rgba(91, 33, 182, .12), 0 0 0 1px rgba(139, 92, 246, .05);--header-blur: rgba(250, 245, 255, .82);--draft-fg: #b45309;--draft-bg: rgba(245, 158, 11, .12);--draft-border: rgba(245, 158, 11, .35);--layout-content-max: min(75rem, 100%)}html{scroll-padding-top:clamp(10rem,8rem + 16dvh,15rem);font-family:Noto Sans JP,system-ui,-apple-system,Segoe UI,Hiragino Sans,sans-serif;line-height:1.6;color:var(--text);background-color:#fafafa;background-image:linear-gradient(168deg,#fafafa,#faf8ff 40%,#f8f5ff,#f3f0ff),radial-gradient(ellipse 88% 62% at 6% -8%,rgba(139,92,246,.065),transparent 58%),radial-gradient(ellipse 72% 58% at 98% 6%,rgba(167,139,250,.055),transparent 52%),radial-gradient(ellipse 58% 48% at 48% 102%,rgba(196,181,253,.06),transparent 58%);background-attachment:fixed}body{margin:0;min-height:100vh;display:flex;flex-direction:column;position:relative}::selection{background:#8b5cf62e;color:inherit}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(139,92,246,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(139,92,246,.028) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse 85% 75% at 50% 40%,black 20%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 85% 75% at 50% 40%,black 20%,transparent 70%)}.site-header{background:var(--header-blur);backdrop-filter:blur(14px) saturate(1.15);-webkit-backdrop-filter:blur(14px) saturate(1.15);box-shadow:0 1px #ffffffb3 inset,0 8px 32px -12px #7c3aed1f;position:sticky;top:0;z-index:40}.site-header-inner{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1rem 2rem;width:100%;max-width:none;margin:0 auto;padding:1rem clamp(.65rem,4vw,1.35rem) 1.15rem;box-sizing:border-box}@media(min-width:900px){.site-header-inner{max-width:var(--layout-content-max)}}.site-header:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(167,139,250,.38) 24%,rgba(192,132,252,.32) 52%,rgba(139,92,246,.28) 78%,transparent 100%);pointer-events:none}.site-brand{display:flex;flex-direction:column;gap:.12rem;text-decoration:none;color:inherit;min-width:0}.site-logo-ja{font-weight:700;font-size:1.08rem;letter-spacing:.02em;line-height:1.25}.site-logo-ja:before{content:">";font-family:var(--font-mono);font-weight:700;color:var(--accent);margin-right:.35em;opacity:.95}.site-logo-en{font-family:var(--font-mono);font-size:.65rem;font-weight:600;color:var(--accent-muted);letter-spacing:.1em;text-transform:uppercase}.site-nav{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem .85rem;max-width:100%}.nav-group{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem 1rem}.nav-group-cats{gap:.55rem .85rem}.nav-divider{display:inline-block;width:1px;height:1.1rem;background:linear-gradient(180deg,transparent,rgba(167,139,250,.4),transparent);align-self:center;flex-shrink:0}.site-nav a{color:var(--text);text-decoration:none;font-size:.8rem;font-weight:600;font-family:var(--font-mono);white-space:nowrap;padding:.38rem .72rem;border-radius:6px;border:1px solid transparent;transition:background .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease}.site-nav a:hover{background:#ffffffb8;color:var(--link-hover);border-color:#8b5cf647;box-shadow:0 0 20px -4px var(--accent-glow)}.site-nav a:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:2px}.site-main{flex:1;width:100%;max-width:none;margin:0 auto;padding:2.25rem clamp(.65rem,4vw,1.35rem) 4rem;box-sizing:border-box;min-width:0}@media(min-width:900px){.site-main{max-width:var(--layout-content-max)}}@media(max-width:640px){.site-main{padding:1.65rem clamp(.55rem,3.5vw,1rem) 3rem}}.site-footer{position:relative;font-size:.78rem;color:var(--muted);text-align:center;background:linear-gradient(180deg,transparent,rgba(245,243,255,.92) 35%)}.site-footer-inner{width:100%;max-width:none;margin:0 auto;padding:1.75rem clamp(.65rem,4vw,1.35rem) 2rem;box-sizing:border-box}@media(min-width:900px){.site-footer-inner{max-width:var(--layout-content-max)}}.site-footer:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(167,139,250,.28),transparent);pointer-events:none}.site-footer-brand{margin:0 0 .4rem;font-weight:600;font-size:.85rem;color:var(--text)}.site-footer-note{margin:0 auto .65rem;line-height:1.55;max-width:min(48rem,100%)}.site-footer-about{display:inline-block;margin-top:.5rem;font-weight:600;color:var(--link);text-decoration:none}.site-footer-about:hover{color:var(--link-hover);text-decoration:underline}.site-footer-copy{margin:0;font-size:.7rem;font-family:var(--font-mono);opacity:.8;letter-spacing:.04em}