:root{--color-text: #333;--color-text-muted: #666;--color-text-light: #555;--color-bg: #f9f9f9;--color-bg-secondary: #fff;--color-border: #eee;--color-link: #0066cc;--color-link-hover: #0052a3;--color-code-bg: #f4f4f4;--color-blockquote-border: #ddd;--color-crosspost-bg: #fff3cd;--color-crosspost-border: #ffc107}@media(prefers-color-scheme:dark){:root{--color-text: #e0e0e0;--color-text-muted: #a0a0a0;--color-text-light: #b0b0b0;--color-bg: #0f0f0f;--color-bg-secondary: #1a1a1a;--color-border: #333;--color-link: #4da6ff;--color-link-hover: #66b3ff;--color-code-bg: #2a2a2a;--color-blockquote-border: #444;--color-crosspost-bg: #2d2400;--color-crosspost-border: #b8860b}}*{margin:0;padding:0;box-sizing:border-box}html{view-transition-name:root}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:var(--color-text);background:var(--color-bg);transition:background-color .5s ease-in-out,color .5s ease-in-out;animation:pageLoad .8s ease-out}@keyframes pageLoad{0%{opacity:.7}to{opacity:1}}@supports (view-transition-name: auto){::view-transition-old(root){animation:pageOut .6s ease-in-out forwards}::view-transition-new(root){animation:pageIn .6s ease-in-out forwards}}@keyframes pageOut{to{opacity:0}}@keyframes pageIn{0%{opacity:0}}a{color:var(--color-link);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{margin-top:1.5em;margin-bottom:.5em;line-height:1.2;color:var(--color-text)}h1{font-size:2.5em}h2{font-size:2em}h3{font-size:1.5em}p{margin-bottom:1em}nav{background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);padding:1em 0;margin-bottom:2em}nav ul{list-style:none;display:flex;gap:2em;max-width:1200px;margin:0 auto;padding:0 1em}nav a{color:var(--color-text);transition:color .2s}nav a:hover{color:var(--color-link)}nav .hamburger{display:none;position:absolute;top:50%;right:1em;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:.5em;z-index:1000;width:40px;height:40px;flex-direction:column;justify-content:space-around;align-items:center}nav .hamburger:focus{outline:2px solid var(--color-link);outline-offset:4px;border-radius:4px}nav .hamburger-line{width:28px;height:3px;background:var(--color-text);border-radius:2px;transition:all .3s cubic-bezier(.25,.46,.45,.94);transform-origin:center}nav .hamburger[aria-expanded=true] .hamburger-line:nth-child(1){transform:translateY(9px) rotate(45deg)}nav .hamburger[aria-expanded=true] .hamburger-line:nth-child(2){opacity:0;transform:scaleX(0)}nav .hamburger[aria-expanded=true] .hamburger-line:nth-child(3){transform:translateY(-9px) rotate(-45deg)}nav .lang-switch{margin-left:auto;padding-left:1em;border-left:1px solid var(--color-border);display:flex;align-items:center}nav .switch-toggle{position:relative;display:inline-flex;align-items:center;width:64px;height:32px;background:var(--color-border);border-radius:16px;padding:0 4px;cursor:pointer;transition:background-color .7s ease-in-out;text-decoration:none!important}nav .switch-toggle[data-lang=en]{background:var(--color-link)}nav .switch-label{font-size:.75em;font-weight:700;width:28px;text-align:center;color:#fff;z-index:2;transition:opacity .7s ease-in-out}nav .switch-toggle[data-lang=jp] .jp{opacity:1}nav .switch-toggle[data-lang=jp] .en{opacity:.4}nav .switch-toggle[data-lang=en] .jp{opacity:.4}nav .switch-toggle[data-lang=en] .en{opacity:1}nav .switch-slider{position:absolute;top:2px;left:2px;width:28px;height:28px;background:#fff;border-radius:14px;transition:left .8s cubic-bezier(.25,.46,.45,.94);box-shadow:0 2px 6px #00000026;z-index:1}nav .switch-toggle[data-lang=en] .switch-slider{left:34px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}main{max-width:1200px;margin:0 auto;padding:0 1em 2em;animation:fadeIn .8s ease-out .2s both}article{background:var(--color-bg-secondary);padding:2em;border-radius:4px;margin-bottom:2em;border:1px solid var(--color-border)}.meta{color:var(--color-text-muted);font-size:.9em;margin-bottom:1em}.crosspost-notice{background:var(--color-crosspost-bg);border-left:4px solid var(--color-crosspost-border);padding:1em;margin:1em 0;border-radius:4px;color:var(--color-text)}code{background:var(--color-code-bg);padding:.2em .4em;border-radius:3px;font-family:Courier New,monospace;color:var(--color-text)}pre{background:var(--color-code-bg);padding:1em;border-radius:4px;overflow-x:auto;margin:1em 0;border:1px solid var(--color-border)}pre code{background:none;padding:0}blockquote{border-left:4px solid var(--color-blockquote-border);padding-left:1em;margin:1em 0;color:var(--color-text-light)}ul,ol{margin-left:2em;margin-bottom:1em}li{margin-bottom:.5em}@media(max-width:768px){nav{position:relative}nav .hamburger{display:flex}nav ul{position:fixed;top:0;right:0;width:70%;max-width:250px;height:100vh;background:#ffffffd9;backdrop-filter:blur(10px);border-left:1px solid rgba(0,0,0,.1);flex-direction:column;gap:0;padding:4em 1em 1em;margin:0;box-shadow:-4px 0 20px #0006;opacity:0;pointer-events:none;transition:opacity .2s ease-in-out;z-index:999;overflow-y:auto}nav ul.menu-open{opacity:1;pointer-events:auto}nav ul li{padding:1em 0;border-bottom:1px solid var(--color-border)}nav ul li:last-child{border-bottom:none}nav ul li a{display:block;font-size:1.1em}nav .lang-switch{margin-left:0;padding-left:0;border-left:none;border-top:2px solid var(--color-border);padding-top:1.5em;margin-top:1em}nav:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0006;opacity:0;pointer-events:none;transition:opacity .2s ease-in-out;z-index:998}nav.menu-active:before{opacity:1;pointer-events:auto}h1{font-size:2em}h2{font-size:1.5em}article{padding:1em}}@media(prefers-color-scheme:dark)and (max-width:768px){nav ul{background:#1a1a1a59;border-left:1px solid rgba(255,255,255,.1)}}