*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;min-height:100vh;font-family:var(--font-body, "Hiragino Sans", "Yu Gothic", system-ui, sans-serif);line-height:var(--line-height-body, 1.7);color:var(--color-fg, #1a1a1a);background:var(--color-bg, #fafafa)}img,picture,svg{max-width:100%;height:auto;display:block}a{color:inherit}h1,h2,h3,h4,h5,h6{margin:0;font-family:var(--font-heading, inherit);line-height:var(--line-height-heading, 1.3)}p,ul,ol,pre,blockquote{margin:0}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer;padding:0}.site{display:grid;grid-template-rows:auto 1fr auto;min-height:100vh}.container{width:min(72ch,100% - 2 * var(--spacing-unit, 1rem));margin-inline:auto}.site-header,.site-footer{padding-block:var(--spacing-unit, 1rem)}.site-header .container{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-unit, 1rem);flex-wrap:wrap}.site-header .brand{font-family:var(--font-heading, inherit);font-size:1.25rem;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;color:var(--color-fg, #1a1a1a)}.site-header .brand-mark{display:inline-block;width:1.1em;height:1.5em;background-color:currentColor;mask:url(/henoheno.png) center / contain no-repeat;-webkit-mask:url(/henoheno.png) center / contain no-repeat;flex-shrink:0}.site-header nav{display:flex;gap:.75rem;align-items:center}.site-header .icon-link{display:inline-flex;color:var(--color-fg, #1a1a1a)}.site-header .icon-link svg{width:1.25rem;height:1.25rem;fill:currentColor}.site-main{padding-block:calc(var(--spacing-unit, 1rem) * 2)}.site-footer{font-size:.85rem;text-align:center}.site-footer .theme-credit{margin-bottom:.25rem;opacity:.7}.post-list{list-style:none;padding:0;display:grid;gap:calc(var(--spacing-unit, 1rem) * 1.5)}.post-list a{text-decoration:none}.post-list time{display:block;font-size:.85rem;opacity:.7}.post-list h2{font-size:1.25rem;margin-top:.25rem}article.post header{margin-bottom:calc(var(--spacing-unit, 1rem) * 1.5)}article.post header time{display:block;font-size:.85rem;opacity:.7}article.post header h1{font-size:1.75rem;margin-top:.25rem}article.post .content>*+*{margin-top:1em}.not-found{text-align:center;display:grid;gap:1.25rem;margin-block:calc(var(--spacing-unit, 1rem) * 4)}.not-found-mark{font-family:var(--font-heading, inherit);font-size:4rem;line-height:1;opacity:.5}.not-found-msg{display:block}:root{--color-bg: #0d0726;--color-bg-elev: #1a0f3d;--color-fg: #fdf4ff;--color-fg-muted: #c8b8ff;--color-accent: #ff3df0;--color-accent-2: #36e3ff;--color-accent-3: #ffd84d;--spacing-unit: 1rem;--spacing-xs: calc(var(--spacing-unit) * .5);--spacing-sm: calc(var(--spacing-unit) * .75);--spacing-md: calc(var(--spacing-unit) * 1.25);--spacing-lg: calc(var(--spacing-unit) * 2);--spacing-xl: calc(var(--spacing-unit) * 3.5);--font-heading: "Bebas Neue", "Futura", "Trebuchet MS", "Hiragino Sans", "Yu Gothic", "Meiryo", sans-serif;--font-body: "Helvetica Neue", "Segoe UI", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;--line-height-body: 1.75;--line-height-heading: 1.15;--ease-default: cubic-bezier(.34, 1.56, .64, 1);--ease-strobe: steps(2, jump-none);--shadow-neon: 0 0 12px rgba(255, 61, 240, .55), 0 0 32px rgba(54, 227, 255, .35);--shadow-soft: 0 8px 24px rgba(0, 0, 0, .45);--radius: .75rem}html{background-color:var(--color-bg)}body{margin:0;color:var(--color-fg);background-color:var(--color-bg);background-image:radial-gradient(circle at 15% 20%,rgba(255,61,240,.28),transparent 45%),radial-gradient(circle at 85% 10%,rgba(54,227,255,.22),transparent 50%),radial-gradient(circle at 50% 95%,rgba(255,216,77,.18),transparent 55%),repeating-linear-gradient(45deg,rgba(255,255,255,.02) 0 2px,transparent 2px 14px);background-attachment:fixed;font-family:var(--font-body);line-height:var(--line-height-body);font-size:1.05rem;letter-spacing:.01em;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);line-height:var(--line-height-heading);letter-spacing:.05em;text-transform:uppercase;margin:var(--spacing-lg) 0 var(--spacing-sm);color:var(--color-fg)}h1{font-size:clamp(2.4rem,6vw,4rem);background:linear-gradient(95deg,var(--color-accent) 0%,var(--color-accent-3) 50%,var(--color-accent-2) 100%);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 24px rgba(255,61,240,.35);animation:discoShift 6s linear infinite}h2{font-size:clamp(1.6rem,3.5vw,2.4rem);color:var(--color-accent-2);text-shadow:0 0 10px rgba(54,227,255,.5)}h3{font-size:1.4rem;color:var(--color-accent-3)}p,li{color:var(--color-fg)}a{color:var(--color-accent-2);text-decoration:none;border-bottom:1px dashed currentColor;padding-bottom:1px;transition:color .25s var(--ease-default),text-shadow .25s var(--ease-default),transform .25s var(--ease-default)}a:hover,a:focus-visible{color:var(--color-accent);text-shadow:0 0 8px var(--color-accent);transform:translateY(-1px);outline:none}a:focus-visible{outline:2px solid var(--color-accent-3);outline-offset:3px}code,pre{font-family:JetBrains Mono,Menlo,Consolas,monospace;background-color:var(--color-bg-elev);border-radius:.35rem;padding:.1em .35em;color:var(--color-accent-3)}pre{padding:var(--spacing-md);overflow-x:auto;border:1px solid rgba(255,61,240,.25);box-shadow:var(--shadow-soft)}blockquote{margin:var(--spacing-md) 0;padding:var(--spacing-sm) var(--spacing-md);border-left:4px solid var(--color-accent);background:linear-gradient(90deg,rgba(255,61,240,.08),transparent);color:var(--color-fg-muted);font-style:italic}hr{border:none;height:2px;background:linear-gradient(90deg,transparent,var(--color-accent),var(--color-accent-2),transparent);margin:var(--spacing-lg) 0}.site-header{position:relative;padding:var(--spacing-lg) var(--spacing-md);text-align:center;background:linear-gradient(135deg,#ff3df02e,#36e3ff2e);border-bottom:1px solid rgba(255,255,255,.1);overflow:hidden}.site-header:before{content:"";position:absolute;inset:-50%;background:conic-gradient(from 0deg,transparent 0deg,rgba(255,61,240,.18) 60deg,transparent 120deg,rgba(54,227,255,.18) 200deg,transparent 260deg,rgba(255,216,77,.18) 320deg,transparent 360deg);animation:mirrorBall 14s linear infinite;pointer-events:none;z-index:0}.site-header>*{position:relative;z-index:1}.site-footer{margin-top:var(--spacing-xl);padding:var(--spacing-lg) var(--spacing-md);text-align:center;color:var(--color-fg-muted);border-top:1px solid rgba(255,255,255,.1);background:linear-gradient(0deg,rgba(13,7,38,.9),transparent);font-size:.9rem;letter-spacing:.08em}.post-list{list-style:none;padding:0;margin:var(--spacing-lg) auto;max-width:720px;display:grid;gap:var(--spacing-md)}.post-list li{padding:var(--spacing-md);background:linear-gradient(135deg,#1a0f3dd9,#0d0726d9);border:1px solid rgba(255,61,240,.3);border-radius:var(--radius);transition:transform .3s var(--ease-default),box-shadow .3s var(--ease-default),border-color .3s var(--ease-default)}.post-list li:hover{transform:translateY(-3px) rotate(-.4deg);box-shadow:var(--shadow-neon);border-color:var(--color-accent-2)}article.post{max-width:720px;margin:var(--spacing-lg) auto;padding:var(--spacing-lg) var(--spacing-md);background:linear-gradient(180deg,#1a0f3d99,#0d072699);border-radius:var(--radius);box-shadow:var(--shadow-soft);border:1px solid rgba(54,227,255,.2)}article.post header{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:2px dotted rgba(255,216,77,.4)}article.post time{display:inline-block;font-family:var(--font-heading);letter-spacing:.15em;color:var(--color-accent-3);font-size:.85rem;padding:.2em .6em;background:#ffd84d1f;border-radius:999px}::selection{background-color:var(--color-accent);color:var(--color-bg);text-shadow:none}button,.button{font-family:var(--font-heading);letter-spacing:.12em;text-transform:uppercase;padding:var(--spacing-sm) var(--spacing-md);color:var(--color-bg);background:linear-gradient(95deg,var(--color-accent),var(--color-accent-3));border:none;border-radius:999px;cursor:pointer;box-shadow:0 4px #00000059;transition:transform .2s var(--ease-default),box-shadow .2s var(--ease-default),filter .2s var(--ease-default)}button:hover,.button:hover{transform:translateY(-2px) scale(1.02);filter:brightness(1.1);box-shadow:0 6px #0006,var(--shadow-neon)}button:active,.button:active{transform:translateY(1px);box-shadow:0 2px #00000059}@keyframes discoShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes mirrorBall{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes neonPulse{0%,to{text-shadow:0 0 8px var(--color-accent),0 0 18px var(--color-accent)}50%{text-shadow:0 0 14px var(--color-accent-2),0 0 28px var(--color-accent-2)}}article.post h1,article.post h2{animation:neonPulse 4.5s ease-in-out infinite}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}h1{background-position:0% 50%}}