:root{--bg: #0f1729;--panel: #1b2a4a;--panel-2: #243a63;--ink: #eef3ff;--muted: #9fb2d6;--accent: #4f8cff;--accent-ink: #ffffff;--ok: #2fbf71;--ng: #ef5366;--line: #32466e;--radius: 14px;--tap: 50px;--maxw: 720px;--pad-x: 14px;--safe-b: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,system-ui,sans-serif;line-height:1.7;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}#app{max-width:var(--maxw);margin:0 auto;padding:calc(12px + env(safe-area-inset-top,0px)) calc(var(--pad-x) + env(safe-area-inset-right,0px)) calc(40px + var(--safe-b)) calc(var(--pad-x) + env(safe-area-inset-left,0px))}button,a.crumb,.tile,.choice,.iconchip{-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none;-webkit-user-select:none}button{font:inherit;color:inherit;cursor:pointer}header.site{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:10px 2px 16px;flex-wrap:wrap}header.site h1{font-size:clamp(1.15rem,5vw,1.3rem);margin:0}header.site .sub{color:var(--muted);font-size:.8rem}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px;margin-bottom:14px}h2.section{font-size:.95rem;margin:4px 0 12px;color:var(--muted);font-weight:600;letter-spacing:.02em}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.tile{background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:16px 14px;min-height:76px;text-align:left;display:flex;flex-direction:column;justify-content:center;transition:border-color .15s,transform .06s,background .15s}.tile:active{transform:scale(.97);background:#2b4574}.tile .t-title{font-weight:700;font-size:1rem}.tile .t-meta{color:var(--muted);font-size:.78rem;margin-top:4px}.tile .badge{margin-top:8px;align-self:flex-start}.tile.primary{background:linear-gradient(135deg,#2c5cc5,#4f8cff);border-color:#6ea0ff}.tile.primary .t-meta{color:#e6efff}@media (hover: hover){.tile:hover{border-color:var(--accent)}}.btn{background:var(--accent);border:none;border-radius:12px;padding:0 18px;min-height:var(--tap);font-weight:700;color:var(--accent-ink);display:inline-flex;align-items:center;justify-content:center;transition:transform .06s,filter .15s}.btn:active{transform:scale(.98);filter:brightness(.95)}.btn.ghost{background:transparent;border:1px solid var(--line);color:var(--muted)}.btn.block{display:flex;width:100%}.btn.lg{min-height:54px;font-size:1.05rem}.badge{display:inline-block;font-size:.72rem;padding:3px 9px;border-radius:999px;background:#14233f;border:1px solid var(--line);color:var(--muted)}.badge.geo{color:#ffd479;border-color:#5a4a1f;background:#2a230f}.quizbar{position:sticky;top:0;z-index:20;margin-left:calc(-1 * (var(--pad-x) + env(safe-area-inset-left,0px)));margin-right:calc(-1 * (var(--pad-x) + env(safe-area-inset-right,0px)));margin-bottom:14px;padding:calc(10px + env(safe-area-inset-top,0px)) var(--pad-x) 10px;background:#0f1729d1;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.quizbar-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.qcount{font-weight:700;font-size:.9rem}.quizbar-row .badge{margin-left:auto}.iconchip{width:38px;height:38px;flex:none;border-radius:10px;background:var(--panel-2);border:1px solid var(--line);color:var(--ink);font-size:1.15rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;transition:transform .06s,background .15s}.iconchip:active{transform:scale(.94);background:#2b4574}.progress{height:7px;background:#14233f;border-radius:999px;overflow:hidden}.progress>i{display:block;height:100%;background:linear-gradient(90deg,#4f8cff,#6ea0ff);transition:width .25s}.qmeta-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.qmeta{color:var(--muted);font-size:.76rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qmeta-row .badge{flex:none}.qbody{font-size:clamp(1.08rem,4.4vw,1.2rem);font-weight:600;margin:2px 0 16px}.choices{display:grid;gap:10px}.choice{display:flex;gap:12px;align-items:center;min-height:56px;background:var(--panel-2);border:1.5px solid var(--line);border-radius:12px;padding:12px 14px;text-align:left;width:100%;transition:border-color .12s,background .12s,transform .06s}.choice:active:not(:disabled){transform:scale(.99);border-color:var(--accent);background:#2b4574}@media (hover: hover){.choice:hover:not(:disabled){border-color:var(--accent)}}.choice .key{font-weight:800;color:var(--muted);flex:none;width:28px;height:28px;border-radius:8px;background:#14233f;display:inline-flex;align-items:center;justify-content:center;font-size:.9rem}.choice .ctext{flex:1}.choice.correct{border-color:var(--ok);background:#11321f}.choice.correct .key{background:var(--ok);color:#06210f}.choice.wrong{border-color:var(--ng);background:#361319}.choice.wrong .key{background:var(--ng);color:#2a0a0e}.choice:disabled{cursor:default}.feedback{margin-top:14px;font-weight:700;display:flex;align-items:center;gap:8px}.feedback.ok{color:var(--ok)}.feedback.ng{color:var(--ng)}.fb-icon{width:26px;height:26px;flex:none;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:.85rem}.feedback.ok .fb-icon{background:var(--ok);color:#06210f}.feedback.ng .fb-icon{background:var(--ng);color:#2a0a0e}.action-spacer{height:calc(78px + var(--safe-b))}.actionbar{position:fixed;left:0;right:0;bottom:0;z-index:30;padding:10px calc(var(--pad-x) + env(safe-area-inset-right,0px)) calc(10px + var(--safe-b)) calc(var(--pad-x) + env(safe-area-inset-left,0px));background:linear-gradient(to top,var(--bg) 62%,rgba(15,23,41,0));display:flex;justify-content:center}.actionbar .btn{width:100%;max-width:calc(var(--maxw) - 2 * var(--pad-x))}.actionbar.col{flex-direction:column;align-items:center;gap:10px}.action-spacer.tall{height:calc(150px + var(--safe-b))}.modal-overlay{position:fixed;inset:0;z-index:100;background:#060b16a8;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);display:flex;align-items:flex-end;justify-content:center}.modal-panel{width:100%;max-width:var(--maxw);max-height:86vh;overflow-y:auto;background:var(--panel);border:1px solid var(--line);border-radius:16px 16px 0 0;padding:16px calc(var(--pad-x) + env(safe-area-inset-right,0px)) calc(20px + var(--safe-b)) calc(var(--pad-x) + env(safe-area-inset-left,0px));animation:modal-up .18s ease-out}@keyframes modal-up{0%{transform:translateY(18px);opacity:.5}to{transform:none;opacity:1}}.modal-head{position:sticky;top:-16px;display:flex;align-items:center;justify-content:space-between;gap:8px;margin:-4px 0 12px;padding:8px 0;background:var(--panel)}.modal-title{font-weight:700;font-size:1.05rem}.modal-close{font-size:1.35rem;width:44px;height:44px}.modal-sub{color:var(--muted);font-size:.8rem;margin:0 0 10px}.kw-chips{display:flex;flex-wrap:wrap;gap:8px}.kw-chip{background:var(--panel-2);border:1px solid var(--line);border-radius:999px;padding:9px 14px;min-height:44px;font-size:.9rem;color:var(--ink);transition:border-color .12s,background .12s,transform .06s}.kw-chip:active{transform:scale(.95);background:#2b4574;border-color:var(--accent)}@media (hover: hover){.kw-chip:hover{border-color:var(--accent)}}.score{font-size:clamp(2.2rem,12vw,2.6rem);font-weight:800;text-align:center}.score small{font-size:1rem;color:var(--muted);font-weight:600}.fieldrow{display:flex;justify-content:space-between;padding:10px 2px;border-bottom:1px solid var(--line)}.fieldrow:last-child{border-bottom:none}button.fieldrow.tappable{width:100%;background:transparent;border:none;border-bottom:1px solid var(--line);border-radius:0;text-align:left;min-height:52px;color:inherit;font:inherit;padding:11px 4px;transition:background .12s}button.fieldrow.tappable:active{background:var(--panel-2)}@media (hover: hover){button.fieldrow.tappable:hover{background:var(--panel-2)}}.fieldrow .go{color:var(--accent);font-size:.8rem}p.hint{font-size:.78rem;margin:-4px 0 8px}.history-item{display:flex;flex-direction:column;gap:8px;padding:12px 0;border-bottom:1px solid var(--line);font-size:.9rem}.hi-main{display:flex;justify-content:space-between;align-items:center;gap:8px}.hi-score{flex:none;font-variant-numeric:tabular-nums}.history-item .when{color:var(--muted);font-size:.78rem}.btn.sm{min-height:40px;padding:0 14px;font-size:.85rem}.retry-wrong{align-self:stretch;border-color:var(--accent);color:#cfe0ff}.retry-wrong:active{background:#1c2f55}.muted{color:var(--muted)}.row-actions{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}.row-actions .btn{flex:1;min-width:130px}a.crumb{color:var(--muted);text-decoration:none;font-size:.9rem;display:inline-flex;align-items:center;min-height:40px}a.crumb:active{color:var(--ink)}@media (hover: hover){a.crumb:hover{color:var(--ink)}}footer.note{color:var(--muted);font-size:.72rem;text-align:center;margin-top:24px;line-height:1.6}.explain{margin-top:12px;padding:10px 12px;background:#14233f;border-left:3px solid var(--accent);border-radius:8px;font-size:.9rem;line-height:1.65;color:#dbe6ff}.explain-label{display:inline-block;font-size:.7rem;font-weight:700;color:var(--accent);margin-right:8px;vertical-align:1px}.qmeta-right{display:flex;align-items:center;gap:8px;flex:none}.bm{background:transparent;border:none;color:var(--muted);font-size:1.25rem;line-height:1;width:34px;height:34px;border-radius:8px}.bm.on{color:#ffd479}.bm:active{transform:scale(.9)}.summary .sum-stats,.sum-stats{display:flex;gap:8px}.stat{flex:1;text-align:center;background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:10px 6px}.stat-num{font-size:1.3rem;font-weight:800;line-height:1.2}.stat-lbl{font-size:.7rem;color:var(--muted);margin-top:2px}.reco{margin-top:12px}.menu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.menu-tile{display:flex;align-items:center;gap:10px;background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:12px;text-align:left;min-height:60px;transition:border-color .15s,transform .06s,background .15s}.menu-tile:active{transform:scale(.97);background:#2b4574}@media (hover: hover){.menu-tile:hover{border-color:var(--accent)}}.mt-icon{font-size:1.5rem;flex:none}.mt-body{display:flex;flex-direction:column;min-width:0}.mt-title{font-weight:700;font-size:.95rem}.mt-sub{font-size:.72rem;color:var(--muted)}.badge-banner{margin-top:14px;padding:12px;border-radius:12px;background:linear-gradient(135deg,#3a2f0c,#5a4a1f);border:1px solid #7a651f}.bb-title{font-weight:800;color:#ffd479;margin-bottom:6px}.bb-list{display:flex;flex-wrap:wrap;gap:6px}.bb-item{background:#2a230f;border:1px solid #7a651f;color:#ffe6a8;border-radius:999px;padding:3px 10px;font-size:.8rem}.target-row{display:flex;align-items:center;gap:12px}.target-range{flex:1;accent-color:var(--accent);height:28px}.target-val{font-weight:800;font-size:1.1rem;min-width:3.2em;text-align:right}.heat-row{display:flex;align-items:center;gap:10px;width:100%;background:transparent;border:none;border-bottom:1px solid var(--line);padding:10px 2px;text-align:left;color:inherit}.heat-row:last-child{border-bottom:none}.heat-row:active{background:var(--panel-2)}.heat-label{flex:none;width:6.5em;font-size:.9rem}.heat-bar{flex:1;height:14px;background:#14233f;border-radius:999px;overflow:hidden}.heat-bar.empty{background:repeating-linear-gradient(45deg,#14233f,#14233f 6px,#1b2a4a 6px 12px)}.heat-fill{height:100%;border-radius:999px;transition:width .3s}.heat-pct{flex:none;width:3em;text-align:right;font-size:.82rem;color:var(--muted);font-variant-numeric:tabular-nums}.spark{display:flex;align-items:flex-end;gap:5px;height:90px;padding-top:6px}.spark-bar{flex:1;min-width:6px;background:linear-gradient(180deg,#6ea0ff,#2c5cc5);border-radius:4px 4px 0 0}.badge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.badge-chip{background:#14233f;border:1px solid var(--line);border-radius:10px;padding:8px 10px;font-size:.82rem;color:var(--muted)}.badge-chip.got{background:#2a230f;border-color:#5a4a1f;color:#ffe6a8}.privacy-note{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px;margin-bottom:14px;font-size:.82rem;color:var(--muted)}.privacy-note>summary{cursor:pointer;font-weight:700;color:var(--ink);list-style:none;-webkit-tap-highlight-color:transparent;user-select:none}.privacy-note>summary::-webkit-details-marker{display:none}.privacy-note>summary:after{content:" ▾";color:var(--muted);font-weight:400}.privacy-note[open]>summary:after{content:" ▴"}.privacy-note p{margin:10px 0 0;line-height:1.65}.privacy-note b{color:#dbe6ff}.privacy-note .warn{color:#ffd479}.statements{display:grid;gap:8px;margin:2px 0 16px}.stmt{display:flex;align-items:flex-start;gap:10px;background:#14233f;border:1px solid var(--line);border-radius:10px;padding:10px 12px}.stmt-label{flex:none;font-weight:800;color:var(--accent);width:1.4em}.stmt-text{flex:1;line-height:1.55;font-size:.92rem}.stmt-mark{flex:none;width:34px;height:34px;border-radius:8px;background:var(--panel-2);border:1px solid var(--line);color:var(--muted);font-size:1rem;font-weight:800}.stmt-mark.o{color:#06210f;background:var(--ok);border-color:var(--ok)}.stmt-mark.x{color:#2a0a0e;background:var(--ng);border-color:var(--ng)}.timer-pill{margin-left:auto;font-variant-numeric:tabular-nums;font-weight:700;font-size:.85rem;background:#14233f;border:1px solid var(--line);border-radius:999px;padding:3px 10px;color:var(--muted)}.timer-pill.low{color:#fff;background:var(--ng);border-color:var(--ng)}.conf-row{display:flex;align-items:center;gap:8px;margin-bottom:12px;flex-wrap:wrap}.conf-q{font-size:.82rem;color:var(--muted)}.conf-chip{background:var(--panel-2);border:1px solid var(--line);border-radius:999px;padding:6px 14px;min-height:36px;font-size:.85rem;color:var(--ink)}.conf-chip.on{border-color:var(--accent);background:#1c2f55;color:#cfe0ff}.conf-hint{font-size:.7rem;color:var(--muted)}.choice.eliminated .ctext{text-decoration:line-through;opacity:.5}.choice.selected{border-color:var(--accent);background:#1c2f55}.review-item{padding:12px 0;border-bottom:1px solid var(--line)}.review-item:last-child{border-bottom:none}.ri-head{display:flex;gap:8px;font-weight:600}.ri-mark{flex:none;font-weight:800}.ri-mark.ok{color:var(--ok)}.ri-mark.ng{color:var(--ng)}.ri-ans{font-size:.82rem;margin:4px 0 0 22px}.review-item .explain{margin:8px 0 0 22px}.fc-wrap{padding:0;overflow:hidden}.flashcard{min-height:220px;padding:22px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:12px;cursor:pointer;-webkit-tap-highlight-color:transparent;user-select:none}.flashcard.front{background:linear-gradient(135deg,#2c5cc5,#4f8cff)}.fc-kw{font-weight:800}.fc-kw.big{font-size:1.6rem}.fc-hint{font-size:.8rem}.fc-ans{font-size:1.15rem;font-weight:700;color:var(--ok)}.fc-exp{font-size:.88rem;line-height:1.6;color:#dbe6ff}.glossary-search{width:100%;background:var(--panel-2);border:1px solid var(--line);border-radius:10px;padding:12px 14px;color:var(--ink);font:inherit;font-size:16px;margin:8px 0 12px}.glossary-list{display:flex;flex-direction:column}.glossary-item{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;background:transparent;border:none;border-bottom:1px solid var(--line);padding:12px 4px;min-height:48px;text-align:left;color:inherit}.glossary-item:active{background:var(--panel-2)}.gi-kw{font-weight:600}.dist-row{display:flex;align-items:center;gap:10px;padding:7px 0}.dist-label{flex:none;width:6.5em;font-size:.88rem}.dist-bar{flex:1;height:16px;background:#14233f;border-radius:999px;overflow:hidden}.dist-fill{height:100%;border-radius:999px;transition:width .3s}.dist-val{flex:none;width:6.2em;text-align:right;font-size:.8rem;color:var(--muted);font-variant-numeric:tabular-nums}.legend{display:flex;flex-wrap:wrap;gap:8px 14px;margin-bottom:12px}.legend-item{display:inline-flex;align-items:center;gap:5px;font-size:.78rem;color:var(--muted)}.legend-dot{width:12px;height:12px;border-radius:3px;flex:none}.year-row{display:flex;align-items:center;gap:8px;padding:6px 0}.year-label{flex:none;width:5.5em;font-size:.82rem}.stack{flex:1;display:flex;height:22px;border-radius:6px;overflow:hidden;background:#14233f}.stack-seg{display:flex;align-items:center;justify-content:center;font-size:.68rem;font-weight:700;color:#0000008c;min-width:0}.year-total{flex:none;width:3em;text-align:right;font-size:.78rem;color:var(--muted)}.trend-notes{margin:0;padding-left:1.2em;font-size:.86rem;line-height:1.7}.trend-notes li{margin-bottom:6px}.sample-block{border-top:1px solid var(--line);padding:14px 0}.sample-block:first-of-type{border-top:none}.sample-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}.sample-year{font-weight:700}.sample-kw{font-size:.78rem;color:var(--muted)}.sample-refresh{margin-left:auto;font-size:1.05rem}.sample-body{font-weight:600;line-height:1.6;margin-bottom:10px}.sample-choices{display:grid;gap:6px}.sample-choice{display:flex;align-items:center;gap:10px;background:var(--panel-2);border:1px solid var(--line);border-radius:10px;padding:9px 12px;font-size:.9rem}.sample-choice .key{flex:none;width:24px;height:24px;border-radius:6px;background:#14233f;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:.82rem;color:var(--muted)}.sample-choice .ctext{flex:1}.sample-choice.correct{border-color:var(--ok);background:#11321f}.sample-choice.correct .key{background:var(--ok);color:#06210f}.sample-ans{flex:none;font-size:.72rem;font-weight:700;color:var(--ok)}.sample-block .explain{margin-top:10px}@media (min-width: 600px){#app{--pad-x: 20px}.grid{grid-template-columns:repeat(auto-fill,minmax(165px,1fr))}.modal-overlay{align-items:center}.modal-panel{border-radius:16px;max-height:80vh}}