:root{--bg:#f4f5f7;--surface:#ffffff;--surface2:#eef0f4;--text:#1c1c1e;--text2:#6e6e73;--accent:#3465d9;--accent-soft:#e8eefb;--correct:#1e8e4c;--correct-soft:#e5f5ec;--wrong:#d23c3c;--wrong-soft:#fbeaea;--border:#dcdfe5}@media (prefers-color-scheme:dark){:root{--bg:#101114;--surface:#1b1d22;--surface2:#24262d;--text:#f2f2f4;--text2:#9a9aa2;--accent:#6f96ea;--accent-soft:#1e2a44;--correct:#4cc07d;--correct-soft:#16321f;--wrong:#e5706b;--wrong-soft:#3a1c1c;--border:#33363e}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Noto Sans JP,sans-serif;line-height:1.75}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:780px;margin:0 auto;padding:0 16px}.site-header{background:var(--surface);border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;z-index:10}.site-header .inner{max-width:780px;margin:0 auto;padding:10px 16px;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.brand{font-weight:800;font-size:18px;color:var(--text)}.brand:hover{text-decoration:none}.site-footer,.tagline{font-size:12px;color:var(--text2)}.site-footer{margin-top:48px;padding:24px 16px 40px;border-top:1px solid var(--border);text-align:center}main{padding-top:20px}h1{font-size:22px;line-height:1.45;margin:8px 0 12px}h2{font-size:17px;margin:24px 0 10px}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px;margin:12px 0}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:10px;gap:10px}.exam-tile{display:block;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px;color:var(--text);font-weight:700}.exam-tile:hover{text-decoration:none;border-color:var(--accent)}.exam-tile .sub{display:block;font-weight:500;margin-top:3px}.breadcrumbs,.exam-tile .sub{font-size:12px;color:var(--text2)}.breadcrumbs{margin-bottom:8px}.breadcrumbs a{color:var(--text2)}.qtext{white-space:pre-wrap;font-size:16.5px}.qimg{margin:10px 0}.options{list-style:none;margin:14px 0;padding:0;display:flex;flex-direction:column;gap:8px}.option{display:flex;gap:10px;align-items:flex-start;width:100%;text-align:left;background:var(--surface2);border:1.5px solid var(--border);border-radius:12px;padding:10px 12px;font:inherit;color:var(--text);cursor:pointer}.option .lbl{flex:none;width:26px;height:26px;border-radius:8px;background:var(--surface);border:1px solid var(--border);display:grid;place-items:center;font-size:13px;font-weight:700;color:var(--text2)}.option.sel{border-color:var(--accent);background:var(--accent-soft)}.option.sel .lbl{background:var(--accent);border-color:var(--accent);color:#fff}.option.ok{background:var(--correct-soft)}.option.ok,.option.ok .lbl{border-color:var(--correct)}.option.ok .lbl{background:var(--correct);color:#fff}.option.ng{border-color:var(--wrong);background:var(--wrong-soft)}.option.ng .lbl{background:var(--wrong);border-color:var(--wrong);color:#fff}.option img{max-width:160px;border-radius:8px}.option:disabled{cursor:default;opacity:1}.btn{display:inline-block;border:none;border-radius:12px;background:var(--accent);color:#fff;font:inherit;font-weight:700;padding:10px 18px;cursor:pointer}.btn:disabled{opacity:.45;cursor:default}.btn.secondary{background:var(--surface2);color:var(--text);border:1px solid var(--border)}.btn.small{padding:6px 12px;font-size:13px;border-radius:10px}.btnrow{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0;align-items:center}.verdict{font-weight:800;font-size:18px;margin:10px 0 4px}.verdict.ok{color:var(--correct)}.verdict.ng{color:var(--wrong)}.note{color:var(--text2);font-size:13px}details.explanation{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:4px 16px;margin:14px 0}details.explanation summary{cursor:pointer;font-weight:700;padding:10px 0;color:var(--accent)}.explanation-body{border-top:1px solid var(--border);padding-top:8px}.explanation-body h2{font-size:15px}.explanation-body img{max-width:100%}.explanation-body table{border-collapse:collapse;max-width:100%;display:block;overflow-x:auto}.explanation-body td,.explanation-body th{border:1px solid var(--border);padding:4px 8px;font-size:14px}.qlist{list-style:none;padding:0;margin:10px 0;display:flex;flex-direction:column;gap:6px}.qlist a{display:block;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:10px 12px;color:var(--text);font-size:14px}.qlist a:hover{border-color:var(--accent);text-decoration:none}.qlist .num{font-weight:700;color:var(--accent);margin-right:8px}.pager{display:flex;justify-content:space-between;gap:8px;margin:18px 0}.taglist{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.tag{font-size:12px;background:var(--surface2);border:1px solid var(--border);border-radius:999px;padding:3px 10px;color:var(--text2)}input[type=text],select,textarea{width:100%;font:inherit;color:var(--text);background:var(--surface2);border:1px solid var(--border);border-radius:10px;padding:9px 11px}textarea{min-height:90px;resize:vertical}label.field{display:block;margin:10px 0 4px;font-size:13px;font-weight:700;color:var(--text2)}.statgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));grid-gap:8px;gap:8px}.stat{background:var(--surface2);border-radius:10px;padding:10px;text-align:center}.stat .v{font-size:20px;font-weight:800}.stat .k{font-size:11px;color:var(--text2)}.flashcard{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:28px 18px;min-height:160px;display:grid;place-items:center;text-align:center;font-size:17px;white-space:pre-wrap;cursor:pointer}.home-hero{text-align:center;padding:34px 0 26px}.home-heroicon{width:92px;height:92px;border-radius:22px;box-shadow:0 14px 34px rgba(0,0,0,.18)}.home-h1{font-size:clamp(24px,5.4vw,34px);line-height:1.4;margin:18px 0 10px;font-weight:800}.home-lead{color:var(--text2);max-width:560px;margin:0 auto 20px;font-size:15px}.home-cta{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:22px}.home-btn{display:inline-block;font-weight:800;padding:13px 22px;border-radius:14px;font-size:15.5px}.home-btn:hover{text-decoration:none;opacity:.92}.home-btn.primary{background:var(--accent);color:#fff}.home-btn.dark{background:#111;color:#fff;border:1px solid rgba(255,255,255,.35)}.home-stats{display:flex;gap:26px;justify-content:center}.home-stats div{display:flex;flex-direction:column}.home-stats strong{font-size:22px}.home-stats span{font-size:11.5px;color:var(--text2)}.home-h2{text-align:center;font-size:clamp(18px,4vw,23px);font-weight:800;margin:34px 0 16px}.home-fgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));grid-gap:12px;gap:12px}.home-fcard{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:16px}.home-fcard p{color:var(--text2);font-size:13.5px;margin:6px 0 0}.home-ficon{font-size:24px;display:block;margin-bottom:6px}.home-appband{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:20px;margin:34px 0 10px}html{scroll-behavior:smooth}.site-header{backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);background:color-mix(in srgb,var(--surface) 82%,transparent)}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.home-hero>*{animation:rise .55s cubic-bezier(.2,.7,.2,1) both}.home-hero>:nth-child(2){animation-delay:.06s}.home-hero>:nth-child(3){animation-delay:.12s}.home-hero>:nth-child(4){animation-delay:.18s}.home-hero>:nth-child(5){animation-delay:.24s}.card,.exam-tile,.home-fcard,.qlist a{transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.exam-tile:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.08)}.qlist a:hover{transform:translateX(2px)}.btn,.home-btn{transition:transform .14s ease,opacity .14s ease,box-shadow .14s ease}.btn:hover,.home-btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(0,0,0,.14)}.btn:active,.home-btn:active{transform:scale(.98)}.option{transition:transform .12s ease,border-color .12s ease,background .12s ease}.option:hover:not(:disabled){border-color:var(--accent);transform:translateY(-1px)}.home-heroicon{transition:transform .3s cubic-bezier(.2,.7,.2,1)}.home-heroicon:hover{transform:scale(1.04) rotate(-2deg)}details.explanation summary{transition:color .15s ease}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.home-hero>*{animation:none}*{transition:none!important}}.home-hero.grad{background:linear-gradient(140deg,#16244a,#24478f 55%,#3465d9);color:#fff;border-radius:24px;padding:44px 22px 36px;margin-top:14px;box-shadow:0 24px 60px rgba(24,52,120,.28)}.home-hero.grad .home-lead{color:rgba(255,255,255,.85)}.home-hero.grad .home-stats span{color:rgba(255,255,255,.66)}.home-btn.onhero{background:#fff;color:#24478f}.home-stats strong{letter-spacing:.02em}.home-appsec{text-align:center;margin-top:30px}.home-appsub{color:var(--text2);max-width:540px;margin:-4px auto 20px;font-size:14.5px}.home-shotrow{display:flex;gap:14px;overflow-x:auto;padding:6px 4px 20px;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}.home-shot{height:400px;border-radius:20px;border:1px solid var(--border);scroll-snap-align:center;box-shadow:0 12px 30px rgba(0,0,0,.14);transition:transform .18s ease}.home-shot:hover{transform:translateY(-4px) scale(1.01)}.home-ctacenter{margin:6px 0 8px}.home-badge{display:inline-flex;flex-direction:column;align-items:flex-start;background:#000;color:#fff;border:1px solid rgba(255,255,255,.4);border-radius:14px;padding:9px 24px 11px;text-decoration:none;transition:transform .14s ease,box-shadow .14s ease}.home-badge:hover{transform:translateY(-1px) scale(1.02);text-decoration:none;box-shadow:0 10px 26px rgba(0,0,0,.25)}.home-badge-small{font-size:11px;opacity:.85;letter-spacing:.04em}.home-badge-big{font-size:19px;font-weight:800;letter-spacing:.02em}.home-stats{gap:18px}.home-stats strong{font-size:19px;white-space:nowrap}.home-stats span{white-space:nowrap}@media (max-width:480px){.tagline{display:none}.grid{grid-template-columns:repeat(2,1fr)}.exam-tile{padding:12px 10px;font-size:13.5px}.exam-tile .sub{font-size:10px}.home-stats{gap:12px}.home-stats strong{font-size:16px}.home-stats span{font-size:10px}.home-shot{height:340px}}.tr-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:10px;gap:10px;margin:12px 0}.tr-card{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:3px}.tr-card.up{border-left-color:var(--correct)}.tr-card.down{border-left-color:var(--wrong)}.tr-dir{font-size:11.5px;font-weight:800;letter-spacing:.03em}.tr-card.up .tr-dir{color:var(--correct)}.tr-card.down .tr-dir{color:var(--wrong)}.tr-nums{font-size:12.5px;color:var(--text2)}.tr-nums em{font-style:normal;opacity:.8}.tr-bars{display:flex;flex-direction:column;gap:7px;margin:12px 0}.tr-barrow{display:grid;grid-template-columns:minmax(84px,150px) 1fr auto;grid-gap:10px;gap:10px;align-items:center}.tr-barlabel{font-size:13px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tr-bartrack{height:14px;border-radius:7px;background:var(--surface2);overflow:hidden}.tr-barfill{display:block;height:100%;border-radius:7px;background:linear-gradient(90deg,var(--accent),#7b9ff0);min-width:6px}.tr-barvalue{font-size:12.5px;color:var(--text2);white-space:nowrap}.tr-barvalue em{font-style:normal;opacity:.8}.tr-tablewrap{overflow-x:auto;margin:12px 0;border:1px solid var(--border);border-radius:12px}.tr-table{border-collapse:collapse;width:100%;font-size:13px;background:var(--surface)}.tr-table td,.tr-table th{padding:7px 10px;border-bottom:1px solid var(--border);text-align:center;white-space:nowrap}.tr-table thead th{background:var(--surface2);font-size:12px;top:0}.tr-table tbody th,.tr-table thead th{position:-webkit-sticky;position:sticky}.tr-table tbody th{text-align:left;left:0;background:var(--surface);font-size:12.5px;max-width:180px;overflow:hidden;text-overflow:ellipsis}.tr-table td.zero{color:var(--text2);opacity:.5}.tr-table td.sum{font-weight:800}.tr-themes{list-style:none;padding:0;margin:12px 0;display:flex;flex-direction:column;gap:6px;counter-reset:theme}.tr-themes li{counter-increment:theme;display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:9px 12px}.tr-themes li:before{content:counter(theme);flex:none;width:24px;height:24px;border-radius:8px;background:var(--accent-soft);color:var(--accent);font-weight:800;font-size:12px;display:grid;place-items:center}.tr-themename{flex:1 1;font-size:13.5px;font-weight:700}.tr-themename em{display:block;font-style:normal;font-size:11px;color:var(--text2);font-weight:500}.tr-themecount{font-size:13px;font-weight:800;color:var(--accent)}.tr-ranking{list-style:none;padding:0;margin:12px 0;display:flex;flex-direction:column;gap:10px;counter-reset:rank}.tr-ranking li{counter-increment:rank;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px 16px;position:relative}.tr-ranking li:before{content:counter(rank);position:absolute;top:-8px;left:-8px;width:28px;height:28px;border-radius:10px;background:linear-gradient(135deg,var(--accent),#7b9ff0);color:#fff;font-weight:800;font-size:13px;display:grid;place-items:center;box-shadow:0 4px 10px rgba(0,0,0,.18)}.tr-rankhead{display:flex;justify-content:space-between;gap:10px;align-items:baseline;flex-wrap:wrap}.tr-rankhead strong{font-size:15.5px}.tr-rankhead span{font-size:12.5px;color:var(--accent);font-weight:700}.tr-ranking p{margin:6px 0 0;font-size:13.5px;color:var(--text2)}.qimg{max-width:100%;max-height:340px;margin:12px auto;border-radius:10px;border:1px solid var(--border)}.optimg,.qimg{display:block;width:auto;height:auto;object-fit:contain;background:#fff;cursor:zoom-in}.optimg{max-width:200px;max-height:120px;border-radius:8px;border:1px solid var(--border);margin-top:6px}.zoom-overlay{position:fixed;inset:0;z-index:120;background:rgba(0,0,0,.88);display:grid;place-items:center;padding:14px;cursor:zoom-out;animation:rise .18s ease both}.zoom-overlay img{max-width:96vw;max-height:92vh;width:auto;height:auto;border-radius:8px;background:#fff}.zoom-close{position:absolute;top:12px;right:18px;color:#fff;font-size:30px;line-height:1;opacity:.8}.guide-figure{margin:18px 0 26px;text-align:center}.guide-shot{max-width:min(380px,100%);border-radius:14px;border:1px solid var(--border);box-shadow:0 6px 24px rgba(0,0,0,.12)}.guide-shot.wide{max-width:min(520px,100%)}.guide-figure figcaption{font-size:12.5px;color:var(--text2);margin-top:8px;max-width:560px;margin-left:auto;margin-right:auto}.guide-sample{background:var(--surface2);border:1px solid var(--border);border-radius:10px;padding:12px 16px;font-size:13.5px;line-height:1.9;overflow-x:auto}