:root{--bg:#0a0e16;--bg2:#0e1424;--card:#121a2c;--card2:#172034;--line:#243356;--line-soft:#1b2742;--text:#e9eefb;--muted:#9aa7cc;--faint:#6b7aa3;--acc:#7c8cff;--acc2:#53e0ff;--lv-b:#3ddc97;--lv-i:#53a8ff;--lv-a:#c07cff;--warn:#ffb454;--radius:14px;font-family:Segoe UI,Hiragino Kaku Gothic ProN,Noto Sans JP,Yu Gothic UI,Meiryo,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(1200px 600px at 85% -10%, #7c8cff24, transparent 60%), radial-gradient(900px 500px at -10% 20%, #53e0ff14, transparent 55%), var(--bg);color:var(--text);min-height:100vh;margin:0;line-height:1.75}a{color:var(--acc2);text-decoration:none}a:hover{text-decoration:underline}code,.mono{font-family:Cascadia Code,JetBrains Mono,Consolas,monospace;font-size:.92em}.container{max-width:1120px;margin:0 auto;padding:0 22px}.nav{z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line-soft);background:#0a0e16c7;position:sticky;top:0}.nav-inner{align-items:center;gap:26px;max-width:1120px;margin:0 auto;padding:12px 22px;display:flex}.brand{letter-spacing:.02em;color:var(--text);align-items:center;gap:9px;font-size:1.15rem;font-weight:800;display:flex}.brand:hover{text-decoration:none}.brand .logo{background:linear-gradient(135deg, var(--acc), var(--acc2));color:#0a0e16;border-radius:9px;justify-content:center;align-items:center;width:30px;height:30px;font-size:.8rem;font-weight:900;display:inline-flex}.nav-links{gap:18px;margin-left:auto;display:flex}.nav-links a{color:var(--muted);font-size:.95rem;font-weight:600}.nav-links a:hover,.nav-links a.active{color:var(--text);text-decoration:none}.nav-progress{color:var(--faint);border:1px solid var(--line);border-radius:999px;padding:3px 12px;font-size:.8rem}.footer{border-top:1px solid var(--line-soft);color:var(--faint);margin-top:80px;padding:34px 0 46px;font-size:.86rem}.hero{padding:74px 0 40px}.hero .kicker{color:var(--acc2);letter-spacing:.14em;text-transform:uppercase;font-size:.8rem;font-weight:700}.hero h1{margin:12px 0 14px;font-size:clamp(1.9rem,4.6vw,3.1rem);font-weight:800;line-height:1.25}.hero h1 .grad{background:linear-gradient(92deg, var(--acc), var(--acc2));color:#0000;-webkit-background-clip:text;background-clip:text}.hero p.lead{color:var(--muted);max-width:720px;font-size:1.06rem}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:26px;display:flex}.btn{border:1px solid var(--line);color:var(--text);background:var(--card);cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:.95rem;font-weight:700;transition:transform .12s,border-color .12s;display:inline-flex}.btn:hover{border-color:var(--acc);text-decoration:none;transform:translateY(-1px)}.btn.primary{background:linear-gradient(135deg, var(--acc), #5f6ef0);color:#fff;border:none}.btn.ghost{background:0 0}.btn.small{padding:6px 14px;font-size:.85rem}.stat-row{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:34px 0 8px;display:grid}.stat{background:var(--card);border:1px solid var(--line-soft);border-radius:var(--radius);padding:16px 18px}.stat .v{letter-spacing:-.01em;font-size:1.45rem;font-weight:800}.stat .v span{color:var(--muted);font-size:.85rem;font-weight:600}.stat .k{color:var(--faint);margin-top:2px;font-size:.8rem}.section-title{align-items:baseline;gap:12px;margin:54px 0 6px;font-size:1.4rem;font-weight:800;display:flex}.section-title .en{color:var(--faint);letter-spacing:.1em;text-transform:uppercase;font-size:.8rem;font-weight:600}.section-desc{color:var(--muted);max-width:760px;margin:0 0 20px}.unit-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;display:grid}.unit-card{background:var(--card);border:1px solid var(--line-soft);border-radius:var(--radius);color:var(--text);padding:18px 20px;transition:transform .13s,border-color .13s,background .13s;display:block;position:relative}.unit-card:hover{border-color:var(--acc);background:var(--card2);text-decoration:none;transform:translateY(-2px)}.unit-card .top{align-items:center;gap:8px;margin-bottom:9px;display:flex}.unit-card .num{color:var(--faint);font-variant-numeric:tabular-nums;font-size:.8rem;font-weight:700}.unit-card h3{margin:0 0 6px;font-size:1.05rem;line-height:1.45}.unit-card p{color:var(--muted);margin:0;font-size:.87rem;line-height:1.6}.unit-card .meta{color:var(--faint);align-items:center;gap:10px;margin-top:12px;font-size:.78rem;display:flex}.unit-card .done-mark{color:var(--lv-b);margin-left:auto;font-weight:800}.badge{letter-spacing:.04em;white-space:nowrap;border-radius:999px;padding:2px 10px;font-size:.72rem;font-weight:800}.badge.b{color:#06281b;background:var(--lv-b)}.badge.i{color:#06203f;background:var(--lv-i)}.badge.a{color:#2b0a45;background:var(--lv-a)}.badge.outline{border:1px solid var(--line);color:var(--muted);background:0 0}.unit-head{padding:46px 0 10px}.unit-head .crumbs{color:var(--faint);margin-bottom:14px;font-size:.84rem}.unit-head h1{margin:10px 0 8px;font-size:clamp(1.5rem,3.4vw,2.2rem);line-height:1.35}.unit-head .sub{color:var(--muted);max-width:780px;font-size:1.02rem}.unit-head .head-meta{flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px;display:flex}.keypoints{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(135deg,#7c8cff1a,#53e0ff0d);margin:26px 0;padding:18px 22px}.keypoints .t{color:var(--acc2);margin-bottom:8px;font-size:.9rem;font-weight:800}.keypoints ul{margin:0;padding-left:20px}.keypoints li{margin:4px 0;font-size:.93rem}.unit-body h2{border-bottom:1px solid var(--line-soft);margin:42px 0 12px;padding-bottom:8px;font-size:1.28rem}.unit-body h3{color:#cdd8f5;margin:26px 0 8px;font-size:1.05rem}.unit-body p{margin:12px 0}.unit-body ul,.unit-body ol{margin:10px 0;padding-left:22px}.unit-body li{margin:5px 0}.unit-body strong{color:#fff}.inline-code{border:1px solid var(--line-soft);background:#7c8cff24;border-radius:6px;padding:1px 6px;font-size:.88em}.math{border:1px solid var(--line-soft);color:#cfe3ff;background:#0b1120;border-radius:10px;margin:16px 0;padding:14px 18px;font-family:Cambria Math,Times New Roman,serif;font-size:1.02rem;display:block;overflow-x:auto}.callout{border:1px solid var(--line);background:var(--card);border-left-width:4px;border-radius:12px;margin:18px 0;padding:14px 18px;font-size:.94rem}.callout .ct{letter-spacing:.06em;margin-bottom:4px;font-size:.82rem;font-weight:800}.callout.info{border-left-color:var(--acc2)}.callout.info .ct{color:var(--acc2)}.callout.warn{border-left-color:var(--warn)}.callout.warn .ct{color:var(--warn)}.callout.paper{border-left-color:var(--lv-a)}.callout.paper .ct{color:var(--lv-a)}.spec-table{border-collapse:collapse;width:100%;margin:18px 0;font-size:.9rem}.spec-table th,.spec-table td{border:1px solid var(--line-soft);text-align:left;padding:8px 12px}.spec-table th{background:var(--card2);color:#cdd8f5;font-weight:700}.spec-table td.num{font-variant-numeric:tabular-nums;font-family:Cascadia Code,Consolas,monospace;font-size:.85rem}.spec-table tr.hl td{background:#7c8cff14}pre.code{border:1px solid var(--line-soft);background:#0b1120;border-radius:10px;padding:14px 18px;font-size:.86rem;line-height:1.6;overflow-x:auto}.figcap{color:var(--faint);text-align:center;margin:8px 0 0;font-size:.82rem}.widget{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);margin:26px 0;padding:20px 22px}.widget .w-title{align-items:center;gap:8px;font-size:.95rem;font-weight:800;display:flex}.widget .w-title .dot{background:linear-gradient(135deg, var(--acc), var(--acc2));border-radius:50%;width:8px;height:8px}.widget .w-desc{color:var(--muted);margin:4px 0 14px;font-size:.85rem}.widget label{color:var(--muted);margin:10px 0 2px;font-size:.82rem;display:block}.widget input[type=range]{width:100%;accent-color:var(--acc)}.widget .readout{font-variant-numeric:tabular-nums;color:var(--acc2);font-family:Cascadia Code,Consolas,monospace;font-size:.85rem}.widget .row{flex-wrap:wrap;gap:18px;display:flex}.widget .row>div{flex:1;min-width:200px}.widget .toggle{cursor:pointer;border:1px solid var(--line);color:var(--muted);background:0 0;border-radius:999px;align-items:center;gap:8px;padding:5px 14px;font-size:.84rem;font-weight:700;display:inline-flex}.widget .toggle.on{color:#06281b;background:var(--lv-b);border-color:var(--lv-b)}.quiz{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);margin:34px 0;padding:22px}.quiz h3{margin:0 0 4px;font-size:1.05rem}.quiz .q-desc{color:var(--faint);margin-bottom:18px;font-size:.84rem}.quiz .q{margin-bottom:20px}.quiz .q-text{margin-bottom:8px;font-size:.95rem;font-weight:700}.quiz .choices{gap:8px;display:grid}.quiz .choice{text-align:left;border:1px solid var(--line);background:var(--bg2);color:var(--text);cursor:pointer;appearance:none;border-radius:10px;padding:10px 14px;font-size:.9rem;transition:border-color .1s}.quiz .choice:hover:not(:disabled){border-color:var(--acc)}.quiz .choice:focus{outline:none}.quiz .choice:focus-visible:not(:disabled){border-color:var(--acc2);box-shadow:0 0 0 2px #53e0ff40}.quiz .choice.correct{border-color:var(--lv-b);background:#3ddc971a}.quiz .choice.wrong{background:#ff6b6b14;border-color:#ff6b6b}.quiz .choice:disabled{cursor:default;opacity:.9}.quiz .explain{color:var(--muted);margin-top:8px;padding-left:4px;font-size:.86rem}.quiz .score{color:var(--acc2);font-weight:800}.unit-nav{flex-wrap:wrap;justify-content:space-between;gap:12px;margin:40px 0 10px;display:flex}.progress-track{background:var(--card2);border-radius:999px;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--acc), var(--acc2));border-radius:999px;height:100%;transition:width .4s}.paper-list{gap:10px;margin:16px 0;display:grid}.paper-item{background:var(--card);border:1px solid var(--line-soft);border-radius:12px;align-items:baseline;gap:14px;padding:14px 18px;display:flex}.paper-item .id{color:var(--acc2);white-space:nowrap;font-family:Cascadia Code,Consolas,monospace;font-size:.82rem}.paper-item .ti{font-weight:700}.paper-item .ro{color:var(--faint);font-size:.84rem}.glossary-grid{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:12px;display:grid}.g-term{background:var(--card);border:1px solid var(--line-soft);border-radius:12px;padding:14px 18px}.g-term .gt{font-weight:800}.g-term .gt .en{color:var(--faint);margin-left:8px;font-size:.82rem;font-weight:600}.g-term .gd{color:var(--muted);margin-top:4px;font-size:.88rem}.g-term .gu{margin-top:8px;font-size:.78rem}.filter-row{flex-wrap:wrap;gap:8px;margin:18px 0 22px;display:flex}.arch-legend{color:var(--muted);flex-wrap:wrap;gap:16px;margin-top:10px;font-size:.8rem;display:flex}.arch-legend .li{align-items:center;gap:6px;display:flex}.arch-legend .sw{border-radius:4px;width:14px;height:14px;display:inline-block}@media (width<=640px){.nav-inner{gap:14px}.nav-progress{display:none}.hero{padding:48px 0 28px}}