:root{--bg: #f5f6f8;--card: #ffffff;--text: #131c2e;--muted: #5b6779;--line: #d8dde5;--primary: #14346e;--primary-text: #ffffff;--ok: #0a7d32;--ok-bg: #e7f6ec;--ng: #c62222;--ng-bg: #fdeaea;--accent: #f5b301;--accent-text: #3a2a00;--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-top: env(safe-area-inset-top, 0px)}@media (prefers-color-scheme: dark){:root{--bg: #0b1730;--card: #16264a;--text: #eef2f7;--muted: #9fadc2;--line: #2e4270;--primary: #4a7fd6;--primary-text: #071224;--ok: #4fd07a;--ok-bg: #143423;--ng: #ff7a7a;--ng-bg: #3d1a1a;--accent: #ffc94d;--accent-text: #3a2a00}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Hiragino Sans,Yu Gothic UI,Meiryo,system-ui,sans-serif;font-size:17px;line-height:1.65;-webkit-text-size-adjust:100%;overflow-x:hidden}#root{max-width:640px;margin:0 auto;min-height:100dvh}.page{padding:calc(10px + var(--safe-top)) 14px calc(90px + var(--safe-bottom))}.page h1{font-size:21px;margin:8px 0 12px}.page h2{font-size:18px;margin:16px 0 8px}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px;margin-bottom:12px}.card.notice{border-color:var(--accent)}.muted{color:var(--muted)}.small{font-size:13px}.appver{font-size:12.5px;text-align:center;margin-top:20px}.attribution{color:var(--muted);font-size:12.5px;word-break:break-all;margin-top:10px}.qmeta{color:var(--muted);font-size:14px;margin-bottom:6px;display:flex;gap:8px;flex-wrap:wrap;align-items:center}.badge{display:inline-block;font-size:12.5px;padding:1px 8px;border-radius:999px;background:var(--line);color:var(--text)}.prev-info{font-size:13.5px;color:var(--muted);margin-bottom:4px}button.fav{margin-left:auto;background:none;border:none;font-size:22px;cursor:pointer;color:var(--muted);min-width:44px;min-height:44px}button.fav.on{color:var(--accent)}.qtext{white-space:pre-wrap;margin:6px 0 10px}.qfigure{max-width:100%;border:1px solid var(--line);border-radius:8px;background:#fff;cursor:zoom-in;touch-action:pinch-zoom}.choices{display:flex;flex-direction:column;gap:10px;margin:12px 0}button.choice{display:flex;align-items:flex-start;gap:10px;width:100%;min-height:52px;padding:12px;font-size:17px;line-height:1.55;text-align:left;background:var(--card);color:var(--text);border:2px solid var(--line);border-radius:12px;cursor:pointer}button.choice .num{flex:0 0 auto;font-weight:700;color:var(--primary)}button.choice.selected{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,var(--card))}button.choice.correct{border-color:var(--ok);background:var(--ok-bg)}button.choice.wrong{border-color:var(--ng);background:var(--ng-bg)}button.choice:disabled{cursor:default;opacity:1}.bottombar{position:fixed;left:0;right:0;bottom:0;background:var(--card);border-top:1px solid var(--line);padding:10px 14px calc(10px + var(--safe-bottom));display:flex;gap:10px;max-width:640px;margin:0 auto;z-index:20}button.big{flex:1;min-height:52px;font-size:18px;font-weight:700;border:none;border-radius:12px;cursor:pointer;background:var(--primary);color:var(--primary-text)}button.big.secondary{background:var(--line);color:var(--text)}button.big.danger{background:var(--ng);color:#fff}button.big:disabled{opacity:.45;cursor:default}.result-banner{border-radius:12px;padding:12px;font-size:20px;font-weight:800;text-align:center;margin:10px 0}.result-banner.correct{background:var(--ok-bg);color:var(--ok)}.result-banner.wrong{background:var(--ng-bg);color:var(--ng)}.explain h3{font-size:16px;margin:14px 0 4px;color:var(--primary)}@media (prefers-color-scheme: dark){.explain h3{color:var(--accent)}}.explain p{margin:4px 0;white-space:pre-wrap}.menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}a.menu-item,.menu-item{display:block;text-decoration:none;background:var(--card);color:var(--text);border:1px solid var(--line);border-radius:14px;padding:14px 12px;min-height:56px}.menu-item.wide{margin-bottom:10px}.menu-item .t{font-weight:700;font-size:17px}.menu-item .d{color:var(--muted);font-size:13.5px;margin-top:2px}.menu-item.primary{background:var(--primary);border-color:var(--primary);color:var(--primary-text)}.menu-item.primary .d{color:color-mix(in srgb,var(--primary-text) 75%,transparent)}.menu-item.locked{opacity:.55}.stat-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:10px}.stat{flex:1 1 90px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px;text-align:center}.stat .v{font-size:22px;font-weight:800}.stat .l{font-size:13px;color:var(--muted)}.progressbar{height:8px;background:var(--line);border-radius:999px;overflow:hidden;margin:6px 0}.progressbar>div{height:100%;background:var(--accent)}.filter-row{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}button.chip{min-height:44px;padding:6px 14px;border-radius:999px;font-size:15px;border:1px solid var(--line);background:var(--card);color:var(--text);cursor:pointer}button.chip.active{background:var(--accent);color:var(--accent-text);border-color:var(--accent);font-weight:700}.list-item{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px;border-bottom:1px solid var(--line);text-decoration:none;color:var(--text)}.list-text{margin-top:2px}table.score{width:100%;border-collapse:collapse;font-size:15.5px}table.score th,table.score td{border:1px solid var(--line);padding:6px 8px;text-align:center}.topnav{display:flex;align-items:center;gap:8px;margin-bottom:6px}.topnav a{color:var(--primary);text-decoration:none;font-size:15px}@media (prefers-color-scheme: dark){.topnav a{color:var(--accent)}.card a,.page a{color:#8fb7f2}}input[type=file]{font-size:15px}select,input[type=number]{font-size:17px;min-height:44px;border-radius:8px;border:1px solid var(--line);background:var(--card);color:var(--text);padding:4px 8px}.tabbar{position:fixed;left:0;right:0;bottom:0;display:flex;background:var(--card);border-top:1px solid var(--line);padding:4px 0 calc(4px + var(--safe-bottom));max-width:640px;margin:0 auto;z-index:30}.tabbar .tab{flex:1;min-height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;text-decoration:none;color:var(--muted);font-size:11.5px}.tabbar .tab .icon{font-size:20px}.tabbar .tab.active{color:var(--primary);font-weight:700}@media (prefers-color-scheme: dark){.tabbar .tab.active{color:var(--accent)}}.image-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#000000d9;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px}.image-modal-body{overflow:auto;max-width:100%;max-height:85dvh;touch-action:pinch-zoom}.image-modal-body img{max-width:none;width:100%;background:#fff;border-radius:6px}.image-modal-close{margin-top:10px;min-height:48px;min-width:140px;border:none;border-radius:12px;font-size:17px;font-weight:700;background:var(--accent);color:var(--accent-text);cursor:pointer}.chapter-toggle{width:100%;text-align:left;background:none;border:none;font-size:17px;font-weight:700;color:var(--text);cursor:pointer;min-height:44px;padding:0}.page-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}