:root{
  --bg:#020a18;--panel:#061a38cc;--line:#2dd7ff;--line2:#6a65ff;--text:#f4fbff;--muted:#a9c9dd;
  --blue:#26d3ff;--yellow:#ffd65a;--red:#ff5c72;--shadow:0 0 36px #22bfff28;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:
radial-gradient(circle at 76% 8%,#0b3569 0,transparent 28%),radial-gradient(circle at 10% 34%,#101d58 0,transparent 24%),linear-gradient(180deg,#020817,#04152e 46%,#020814);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;min-height:100vh;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 49.8%,#1fbfff0b 50%,transparent 50.2%);z-index:0}
.stars{position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.65}.stars:before,.stars:after{content:"";position:absolute;inset:0;background-image:radial-gradient(#fff 1px,transparent 1.2px);background-size:44px 44px}.stars-b:before{background-size:83px 83px;transform:translate(17px,29px);opacity:.55}.stars-b:after{background-size:137px 137px;transform:translate(51px,12px);opacity:.4}
main{position:relative;z-index:1}.shell{width:min(1120px,calc(100% - 32px));margin:auto}.hero{padding:64px 0 32px}.eyebrow{font-size:12px;letter-spacing:.24em;color:#83e9ff;font-weight:800;margin-bottom:14px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:center}.pill{display:inline-flex;border:1px solid #34d9ff;background:#06294d;padding:8px 13px;border-radius:999px;color:#8aeeff;font-weight:800;font-size:12px;letter-spacing:.12em;box-shadow:0 0 22px #26d3ff30 inset}.hero h1{font-size:clamp(48px,7vw,86px);line-height:.98;margin:17px 0 20px;letter-spacing:-.05em;text-shadow:0 0 25px #34d9ff60}.hero h1 span{background:linear-gradient(180deg,#fff 8%,#9ceeff 58%,#45a5ff 100%);-webkit-background-clip:text;color:transparent}.lead{font-size:clamp(22px,3vw,34px);font-weight:800;margin:0 0 18px}.sub{max-width:660px;color:var(--muted);font-size:16px;line-height:1.8}.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 14px}.btn{appearance:none;border:1px solid #3dd8ff;background:#061b37;color:#fff;text-decoration:none;font:inherit;font-weight:800;padding:14px 20px;border-radius:11px;cursor:pointer;transition:.2s;box-shadow:0 0 20px #1fc8ff22}.btn:hover{transform:translateY(-2px);box-shadow:0 0 28px #27cfff4c}.btn.primary{background:linear-gradient(135deg,#0780d8,#00bce7);border-color:#72efff}.btn.ghost{background:#07162bbb}.meta-row{display:flex;gap:18px;flex-wrap:wrap;color:#82a9c2;font-size:12px;letter-spacing:.06em}.orbital-card{position:relative;padding:10px;border:1px solid #44dcff;border-radius:22px;background:linear-gradient(180deg,#0b284b,#031127);box-shadow:0 0 50px #19c9ff28,0 0 0 1px #6d65ff44 inset;overflow:hidden}.orbital-card:before{content:"";position:absolute;inset:-2px;border-radius:22px;background:linear-gradient(90deg,transparent,#4ce6ff,transparent);height:2px;animation:sweep 4s linear infinite}.orbital-card img{width:100%;display:block;border-radius:14px}.scanline{position:absolute;left:0;right:0;height:55px;top:-70px;background:linear-gradient(180deg,transparent,#53e4ff14,transparent);animation:scan 5s linear infinite}@keyframes scan{to{transform:translateY(850px)}}@keyframes sweep{to{transform:translateX(100%)}}
.legend-section,.content-section,.share-section{padding:42px 0}.legend-section h2,.section-head h2,.share-card h2{font-size:clamp(28px,4vw,44px);margin:0 0 20px}.legend-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.info-card{border:1px solid #1a9ec5;background:#041934d9;border-radius:15px;padding:20px;display:flex;flex-direction:column;gap:8px;min-height:120px;box-shadow:var(--shadow)}.info-card b{font-size:18px}.info-card span{color:var(--muted);line-height:1.6;font-size:14px}.info-card.official{border-color:var(--blue)}.info-card.official b{color:#66e7ff}.info-card.previous{border-color:var(--yellow)}.info-card.previous b{color:var(--yellow)}.info-card.check{border-color:var(--red)}.info-card.check b{color:#ff8a9b}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px}.status{font-size:11px;letter-spacing:.18em;color:#83e9ff;border:1px solid #27cfff;padding:9px 12px;border-radius:8px;background:#041b34}.toc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.toc{border:1px solid #188db8;background:linear-gradient(180deg,#071d3a,#06142b);border-radius:12px;padding:14px;display:flex;gap:12px;align-items:center;min-height:66px;box-shadow:0 0 18px #26bfff15}.toc i{font-style:normal;color:#8becff;font-weight:900;font-size:12px;border:1px solid #2fd4ff;padding:6px 7px;border-radius:7px;background:#052849}.toc span{font-weight:700;font-size:14px}
.share-card{border:1px solid #39d7ff;border-radius:20px;padding:28px;background:linear-gradient(135deg,#061a38e8,#07122ee8);box-shadow:0 0 60px #1ccaff22;position:relative;overflow:hidden}.share-card:after{content:"";position:absolute;width:320px;height:320px;border:1px solid #30d8ff26;border-radius:50%;right:-130px;top:-160px;box-shadow:0 0 70px #27cfff20 inset}.share-card p{color:var(--muted);line-height:1.7}.share-actions{display:flex;gap:12px;flex-wrap:wrap;position:relative;z-index:1}.copy-status{margin-top:12px;color:#73f0b3;font-size:14px;min-height:1.2em}.qr-panel{margin-top:22px;padding:18px;background:#fff;border-radius:14px;width:min(290px,100%);color:#10213a;text-align:center}.qr-panel img{width:220px;max-width:100%;display:block;margin:0 auto 10px}.qr-panel p{color:#15304f;margin:5px 0}.qr-panel small{color:#5d6e82}.footer{padding:28px 0 54px;border-top:1px solid #14456a;display:flex;justify-content:space-between;gap:20px;color:#6c9bb8;font-size:11px;letter-spacing:.08em}.mobile-only{display:none}
@media(max-width:820px){.hero{padding-top:34px}.hero-grid{grid-template-columns:1fr}.orbital-card{order:-1}.hero h1{font-size:52px}.legend-grid,.toc-grid{grid-template-columns:1fr}.section-head{align-items:start;flex-direction:column}.footer{flex-direction:column}.mobile-only{display:block}.shell{width:min(100% - 22px,760px)}}
@media(max-width:480px){.hero h1{font-size:43px}.lead{font-size:22px}.btn{width:100%;text-align:center}.meta-row{gap:9px 14px}.orbital-card{border-radius:16px}.share-card{padding:22px 16px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}