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: #090d1a;--color-fg: #c8dde8;--color-accent: #00c0d8;--spacing-unit: 1rem;--font-heading: "Trebuchet MS", "Arial Narrow", "Hiragino Sans", "Yu Gothic", "Meiryo", sans-serif;--font-body: "Segoe UI", "Helvetica Neue", "Hiragino Sans", "Yu Gothic UI", "Meiryo", "Noto Sans JP", sans-serif;--line-height-body: 1.85;--line-height-heading: 1.2;--ease-default: cubic-bezier(.22, .61, .36, 1);--_bg-raise: #0d1220;--_bg-float: #111826;--_fg-dim: #7faab8;--_accent-glow: rgba(0, 192, 216, .18);--_border-subtle: rgba(0, 192, 216, .09);--_border-mid: rgba(0, 192, 216, .22)}*,*:before,*:after{box-sizing:border-box}body{margin:0;background-color:var(--color-bg);color:var(--color-fg);font-family:var(--font-body);line-height:var(--line-height-body);background-image:radial-gradient(ellipse 130% 55% at 50% 110%,rgba(0,110,155,.22) 0%,transparent 65%),radial-gradient(ellipse 70% 35% at 15% 15%,rgba(0,55,85,.14) 0%,transparent 55%);min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);line-height:var(--line-height-heading);color:var(--color-fg);letter-spacing:.025em;margin-top:calc(var(--spacing-unit) * 2);margin-bottom:calc(var(--spacing-unit) * .6)}p{margin-top:0;margin-bottom:calc(var(--spacing-unit) * 1.1)}a{color:var(--color-accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;transition:color .35s var(--ease-default),text-shadow .35s var(--ease-default)}a:hover{color:#5de2f0;text-shadow:0 0 16px rgba(0,192,216,.45)}::selection{background:#00c0d847;color:#fff}blockquote{margin:calc(var(--spacing-unit) * 1.5) 0;padding:var(--spacing-unit) calc(var(--spacing-unit) * 1.5);border-left:3px solid var(--color-accent);background:var(--_bg-float);color:var(--_fg-dim);font-style:italic;border-radius:0 3px 3px 0}code{font-family:Cascadia Code,Fira Code,Consolas,monospace;font-size:.875em;background:var(--_bg-float);color:var(--color-accent);padding:.1em .4em;border-radius:3px;border:1px solid var(--_border-subtle)}pre{background:var(--_bg-float);border:1px solid var(--_border-subtle);border-radius:4px;padding:calc(var(--spacing-unit) * 1.2);overflow-x:auto}pre code{background:none;border:none;padding:0}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:#00c0d838;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#00c0d86b}.site-header{position:relative;padding:calc(var(--spacing-unit) * 1.8) calc(var(--spacing-unit) * 2.5);background:linear-gradient(180deg,#07090f,#090d1abf);border-bottom:1px solid var(--_border-subtle);overflow:hidden}.site-header:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0px,transparent 72px,rgba(0,192,216,.025) 72px,rgba(0,192,216,.025) 73px);pointer-events:none}.site-header:after{content:"";position:absolute;bottom:0;left:-60%;width:220%;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(0,192,216,.5) 25%,#00c0d8 50%,rgba(0,192,216,.5) 75%,transparent 100%);animation:tide-sweep 7s ease-in-out infinite alternate}.site-header h1,.site-header .site-title{margin:0;font-size:clamp(1.35rem,4vw,2.1rem);letter-spacing:.06em;background:linear-gradient(130deg,#c8dde8 30%,#00c0d8 90%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:title-drift 9s ease-in-out infinite alternate}.site-header nav{margin-top:calc(var(--spacing-unit) * .6);display:flex;gap:calc(var(--spacing-unit) * 1.6);flex-wrap:wrap}.site-header nav a{font-family:var(--font-heading);font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--_fg-dim);text-decoration:none;transition:color .35s var(--ease-default)}.site-header nav a:hover{color:var(--color-accent);text-shadow:0 0 12px var(--_accent-glow)}.post-list{list-style:none;padding:0;margin:calc(var(--spacing-unit) * 2) 0;display:flex;flex-direction:column;gap:.15rem}.post-list li{border-left:2px solid transparent;padding:calc(var(--spacing-unit) * .55) calc(var(--spacing-unit) * 1.2);transition:border-color .4s var(--ease-default),transform .4s var(--ease-default),background .4s var(--ease-default);border-radius:0 3px 3px 0}.post-list li:hover{border-left-color:var(--color-accent);transform:translate(5px);background:#00c0d80a}.post-list a{display:block;text-decoration:none;color:var(--color-fg);font-size:1.02rem;transition:color .3s var(--ease-default)}.post-list li:hover a{color:var(--color-accent)}.post-list time{display:block;font-size:.76rem;color:var(--_fg-dim);letter-spacing:.05em;margin-top:.15em}article.post{position:relative;background:var(--_bg-raise);border:1px solid var(--_border-subtle);border-radius:4px;padding:calc(var(--spacing-unit) * 2.2) calc(var(--spacing-unit) * 2.8);margin-bottom:calc(var(--spacing-unit) * 2);overflow:hidden;transition:border-color .45s var(--ease-default),box-shadow .45s var(--ease-default)}article.post:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,var(--color-accent) 50%,transparent 100%);opacity:0;transform:scaleX(0);transform-origin:left center;transition:transform .65s var(--ease-default),opacity .4s var(--ease-default)}article.post:hover{border-color:var(--_border-mid);box-shadow:0 0 40px #00c0d812,0 6px 28px #0000008c}article.post:hover:before{opacity:1;transform:scaleX(1)}article.post h1,article.post h2{margin-top:0}.post-meta,article.post .post-meta{font-size:.78rem;color:var(--_fg-dim);letter-spacing:.06em;margin-bottom:calc(var(--spacing-unit) * 1.4);padding-bottom:calc(var(--spacing-unit) * .75);border-bottom:1px solid var(--_border-subtle)}.site-footer{position:relative;padding:calc(var(--spacing-unit) * 2) calc(var(--spacing-unit) * 2.5);border-top:1px solid var(--_border-subtle);background:linear-gradient(0deg,#060810 0%,var(--color-bg) 100%);color:var(--_fg-dim);font-size:.8rem;text-align:center;letter-spacing:.04em;overflow:hidden}.site-footer:before,.site-footer:after{content:"";position:absolute;bottom:-18px;left:50%;width:320px;height:36px;border-radius:50%;border:1px solid rgba(0,192,216,.1);animation:ripple-out 5.5s ease-out infinite;pointer-events:none}.site-footer:after{animation-delay:2.75s;border-color:#00c0d80f}@keyframes tide-sweep{0%{transform:translate(-18%)}to{transform:translate(18%)}}@keyframes title-drift{0%{filter:brightness(1)}55%{filter:brightness(1.18) drop-shadow(0 0 10px rgba(0,192,216,.38))}to{filter:brightness(1)}}@keyframes ripple-out{0%{transform:translate(-50%) scale(.25);opacity:.7}to{transform:translate(-50%) scale(3.2);opacity:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}