:root{--night-0:#0a0a1f;--night-1:#141433;--night-2:#1e1b4b;--silver:#e8eaf6;--moon:#f5e6b8;--accent:#b8a7e0;--muted:#9a96c4}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:var(--silver);background:var(--night-0);font-family:-apple-system,Hiragino Sans,Yu Gothic,Noto Sans JP,sans-serif;line-height:1.95;overflow-x:hidden}.sky{z-index:-2;background:radial-gradient(1200px 600px at 75% -5%, #f5e6b82e, transparent 60%),radial-gradient(900px 700px at 15% 110%, #b8a7e01f, transparent 60%),linear-gradient(180deg,var(--night-0) 0%,var(--night-2) 50%,var(--night-1) 100%);position:fixed;inset:0}.wrap{max-width:760px;margin:0 auto;padding:0 24px}.topbar{max-width:760px;margin:0 auto;padding:24px}.topbar a{color:var(--muted);letter-spacing:.05em;border:none;font-size:.86rem;text-decoration:none}.topbar a:hover{color:var(--moon)}article{padding:16px 0 40px}.kicker{color:var(--accent);letter-spacing:.16em;text-transform:uppercase;font-size:.78rem}h1{letter-spacing:.03em;background:linear-gradient(120deg,var(--moon),var(--silver),var(--accent));-webkit-text-fill-color:transparent;background-clip:text;margin:10px 0 12px;font-size:clamp(1.7rem,5vw,2.4rem);font-weight:700;line-height:1.4}.meta{color:var(--muted);margin-bottom:32px;font-size:.85rem}.hero{object-fit:cover;border:1px solid #b8a7e033;border-radius:18px;width:100%;max-height:340px;margin:4px 0 26px;box-shadow:0 12px 40px #0a0a1f80}article p{color:var(--silver);opacity:.94;margin:0 0 18px}.sec{color:var(--moon);letter-spacing:.04em;margin:44px 0 6px;font-size:1.25rem}.sec .e{margin-right:8px}.secnote{color:var(--muted);margin:0 0 8px;font-size:.9rem}h3.topic{color:var(--silver);margin:30px 0 8px;font-size:1.05rem}h3.topic .n{color:var(--accent);margin-right:8px;font-size:.85rem}.lead{color:var(--silver);font-size:1.06rem}strong{color:var(--moon);font-weight:600}.mine{color:var(--silver);background:#f5e6b80f;border:1px solid #f5e6b838;border-radius:14px;margin:18px 0 24px;padding:14px 18px;font-size:.96rem}.mine b{color:var(--moon)}.pull{color:var(--accent);border-left:3px solid #f5e6b880;margin:28px 0;padding:4px 0 4px 18px;font-size:1.06rem}a{color:var(--moon);border-bottom:1px solid #f5e6b84d;text-decoration:none}a:hover{border-bottom-color:var(--moon)}blockquote.twitter-tweet{margin:14px 0 22px!important}.postref{color:var(--muted);margin:10px 0 22px;font-size:.92rem}.postref a{color:var(--accent);border-bottom:1px solid #b8a7e04d}footer{text-align:center;color:var(--muted);border-top:1px solid #b8a7e01f;margin-top:32px;padding:48px 24px 72px;font-size:.85rem}.backhome{margin-top:24px;display:inline-block}.share{flex-wrap:wrap;gap:12px;margin:34px 0 8px;display:flex}.share a{color:var(--moon);background:#f5e6b80f;border:1px solid #f5e6b873;border-radius:999px;padding:9px 20px;font-size:.9rem;text-decoration:none;transition:background .25s,border-color .25s}.share a:hover{border-color:var(--moon);background:#f5e6b824}.sources{padding-left:1.2em;font-size:.86rem}.sources li{color:var(--muted);margin:0 0 7px}.sources a{color:var(--accent);border-bottom:1px solid #b8a7e04d}.caveat{color:var(--muted);border:1px dashed #b8a7e059;border-radius:14px;margin:26px 0 8px;padding:14px 18px;font-size:.88rem}.caveat b{color:var(--accent)}code{background:#b8a7e024;border-radius:6px;padding:1px 6px;font-size:.88em}.videobox{background:#1e1b4b59;border:1px solid #b8a7e047;border-radius:14px;margin:44px 0;padding:22px}.videobox-lead{color:var(--moon);margin-bottom:14px;font-weight:600}.videobox-frame{aspect-ratio:9/16;border-radius:12px;width:100%;max-width:340px;margin:0 auto;position:relative;overflow:hidden}.videobox-frame iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.videobox-link{text-align:center;margin-top:14px}.videobox-link a{color:var(--moon);border-bottom:1px solid #f5e6b859;text-decoration:none}.topbar{align-items:center;gap:12px;display:flex}.topbar a{white-space:nowrap}.langpick{color:var(--muted);align-items:center;gap:6px;margin-left:auto;font-size:.82rem;display:inline-flex}.langpick:before{content:"🌐";opacity:.85;font-size:.95rem}.langpick>span{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.langpick select{color:var(--silver);cursor:pointer;background:#0a0a1f8c;border:1px solid #b8a7e04d;border-radius:999px;padding:5px 12px;font-family:inherit;font-size:.82rem}.langpick select:hover,.langpick select:focus{border-color:var(--moon);color:var(--moon)}@media (width<=520px){.langpick{width:100%;margin-left:0}}
