: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.9;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:1000px;margin:0 auto;padding:0 24px}.topbar{justify-content:space-between;align-items:center;gap:16px;max-width:1000px;margin:0 auto;padding:18px 24px;display:flex}.brand{color:var(--moon);letter-spacing:.06em;font-weight:700;text-decoration:none}.langs{align-items:center;gap:8px;font-size:.82rem;display:flex}.langs .on{color:var(--moon);border:1px solid #f5e6b873;border-radius:999px;padding:3px 12px}.langs .off{color:var(--muted);opacity:.55;border:1px dashed #b8a7e04d;border-radius:999px;padding:3px 12px}header{text-align:center;padding:26px 24px 10px}.face{filter:drop-shadow(0 14px 30px #0a0a1f99);width:132px;margin:0 auto 10px;display:block}h1{letter-spacing:.04em;background:linear-gradient(120deg,var(--moon),var(--silver),var(--accent));-webkit-text-fill-color:transparent;background-clip:text;font-size:clamp(2rem,6vw,3rem);line-height:1.3}.sub{color:var(--silver);margin-top:10px;font-size:clamp(1rem,2.6vw,1.2rem)}.lead{color:var(--muted);max-width:620px;margin:14px auto 0;font-size:.98rem}.live{color:var(--accent);align-items:center;gap:8px;margin-top:16px;font-size:.85rem;display:inline-flex}.pulse{background:var(--moon);border-radius:50%;width:8px;height:8px;animation:2.4s infinite p;box-shadow:0 0 #f5e6b899}@keyframes p{70%{box-shadow:0 0 0 12px #f5e6b800}to{box-shadow:0 0 #f5e6b800}}.cta{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:20px;display:flex}.btn{color:var(--moon);background:#f5e6b80f;border:1px solid #f5e6b873;border-radius:999px;padding:11px 22px;font-size:.94rem;text-decoration:none;transition:background .25s}.btn:hover{background:#f5e6b826}.btn.ghost{color:var(--accent);background:0 0;border-color:#b8a7e066}.notes+.btn,.vids+.btn{margin-top:26px;display:inline-block}section{margin:52px 0}h2{color:var(--moon);letter-spacing:.04em;margin-bottom:6px;font-size:1.3rem}.secnote{color:var(--muted);margin-bottom:18px;font-size:.9rem}.filters{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.fchip{font:inherit;color:var(--muted);cursor:pointer;background:#ffffff0a;border:1px solid #b8a7e047;border-radius:999px;padding:6px 14px;font-size:.84rem;transition:all .2s}.fchip .n{opacity:.6;margin-left:7px;font-size:.78rem}.fchip:hover{color:var(--silver);border-color:#f5e6b880}.fchip.on{color:var(--night-0);background:var(--moon);border-color:var(--moon);font-weight:700}.fchip.on .n{opacity:.75}.notes{gap:16px;display:grid}@media (width>=720px){.notes{grid-template-columns:1fr 1fr}}.note{background:#ffffff0a;border:1px solid #b8a7e033;border-radius:16px;text-decoration:none;transition:transform .25s,border-color .25s;display:block;overflow:hidden}.note:hover{border-color:#f5e6b873;transform:translateY(-3px)}.note img{object-fit:cover;object-position:center 42%;width:100%;height:132px;display:block}.note-body{padding:14px 16px}.note-meta{color:var(--accent);letter-spacing:.06em;font-size:.74rem}.note h3{color:var(--silver);margin:5px 0 6px;font-size:1rem;line-height:1.5}.note p{color:var(--muted);font-size:.84rem;line-height:1.7}.vids{gap:14px;display:grid}@media (width>=720px){.vids{grid-template-columns:1fr 1fr 1fr}}.vid{color:var(--silver);text-decoration:none}.vid img{border:1px solid #b8a7e033;border-radius:12px;width:100%;display:block}.vid span{color:var(--silver);margin-top:8px;font-size:.86rem;line-height:1.6;display:block}.soon{color:var(--muted);border:1px dashed #b8a7e059;border-radius:16px;padding:22px;font-size:.92rem}.soon b{color:var(--accent)}.ways{flex-wrap:wrap;gap:12px;display:flex}footer{text-align:center;color:var(--muted);border-top:1px solid #b8a7e01f;margin-top:40px;padding:48px 24px 72px;font-size:.85rem}footer a{color:var(--accent)}.about{color:var(--muted);font-size:.92rem}.about b{color:var(--silver)}.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}}