:root{--bg: #f4f5f2;--surface: #ffffff;--border: #e3e4de;--border-strong: #d8dad3;--ink: #26262e;--ink-heading: #1e3553;--primary: #2d4a73;--accent: #d9452e;--accent-dark: #a33322;--accent-bg: #fcf1ee;--note-bg: #fffdf8;--muted: #7a7e76;font-family:Hiragino Kaku Gothic ProN,Noto Sans JP,Yu Gothic Medium,Meiryo,sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}html{min-height:100%;background:var(--bg);-webkit-text-size-adjust:100%}body{margin:0;min-width:320px;min-height:100%;background:var(--bg);overscroll-behavior-y:none}button,input{font:inherit}button{touch-action:manipulation}button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.page{min-height:100vh;display:flex;justify-content:center;background:var(--bg)}.shell{width:100%;max-width:600px;padding:calc(18px + env(safe-area-inset-top)) 16px calc(112px + env(safe-area-inset-bottom))}.app-header{padding:10px 2px 18px}.title-button{display:block;width:100%;padding:0;border:0;text-align:left;color:inherit;background:transparent;cursor:pointer}.app-title{display:block;margin-top:6px;color:var(--ink-heading);font-size:30px;font-weight:800}.app-title span{display:inline-block;margin-left:10px;transform:rotate(-5deg);color:var(--accent);font-size:18px;font-weight:700;border:2px solid var(--accent);border-radius:6px;padding:1px 7px}.app-header p,.muted{margin:6px 0 0;color:#6b6f68;font-size:13.5px;line-height:1.7}.eyebrow{color:var(--muted);font-size:12px;font-weight:800;letter-spacing:.14em}.section-label{margin:22px 2px 10px}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:18px;box-shadow:0 1px 2px #26262e0a}.stack{display:grid;gap:12px}.stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px}.stat-card{min-height:84px;padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.stat-card__label{color:var(--muted);font-size:12px;font-weight:700}.stat-card__value{margin-top:8px;color:var(--ink-heading);font-size:24px;font-weight:800}.callout{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px;border-left:5px solid var(--accent)}.callout--primary{border-left-color:var(--primary)}.callout__title{color:var(--ink-heading);font-weight:800}.callout p{margin:3px 0 0;color:#6b6f68;font-size:13px;line-height:1.55}.dashboard-panel{display:grid;gap:12px;margin-bottom:14px;border-left:5px solid var(--accent)}.dashboard-panel__header{display:flex;align-items:center;justify-content:space-between;gap:12px}.dashboard-panel h2{margin:4px 0 0;color:var(--ink-heading);font-size:18px}.dashboard-panel__header>span{color:var(--accent);font-size:28px;font-weight:800}.dashboard-panel p{margin:0;color:#6b6f68;font-size:13px;line-height:1.65}.button{min-height:44px;border:0;border-radius:12px;padding:12px 18px;font-weight:800;cursor:pointer}.button:disabled{cursor:not-allowed;opacity:.55}.button--primary{color:#fff;background:var(--primary)}.button--danger{color:#fff;background:var(--accent)}.button--ghost{color:var(--primary);background:transparent;border:1.5px solid var(--primary)}.button--small{min-height:38px;padding:8px 14px;font-size:13px}.button--full{width:100%}.button-grid,.chapter-list,.choice-list,.insight-list{display:grid;gap:10px}.chapter-button,.choice,.insight-row{width:100%;min-height:52px;border:1.5px solid var(--border-strong);border-radius:12px;background:var(--surface);color:var(--ink);text-align:left;cursor:pointer}.chapter-button{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px 14px}.insight-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px}.chapter-button:disabled{cursor:not-allowed;opacity:.55}.chapter-button strong,.chapter-button small,.insight-row strong,.insight-row small{display:block}.chapter-button small,.insight-row small{margin-top:2px;color:var(--muted);font-size:12.5px}.insight-row em{flex:0 0 auto;min-width:62px;border:1px solid var(--accent);border-radius:999px;padding:5px 8px;color:var(--accent-dark);background:var(--accent-bg);font-size:12px;font-style:normal;font-weight:800;text-align:center}.chapter-button>span:last-child{color:var(--primary);font-size:18px;font-weight:800}.quiz-header{position:sticky;top:env(safe-area-inset-top);z-index:4;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 2px 12px;background:var(--bg)}.quiz-title{color:var(--ink-heading);font-size:18px;font-weight:800}.quiz-title span{color:var(--muted);font-size:13px}.progress{height:6px;margin-bottom:16px;overflow:hidden;border-radius:999px;background:var(--border)}.progress__bar{height:100%;border-radius:999px;background:var(--primary);transition:width .3s}.question-card{position:relative;margin-bottom:14px}.question-card__chapter{margin-bottom:8px;color:var(--muted);font-size:12px;font-weight:700}.question-card__text{margin:0;font-size:16px;font-weight:600;line-height:1.8;overflow-wrap:anywhere}.question-card__mark{position:absolute;top:-14px;right:-6px;color:var(--accent)}.mark{width:64px;height:64px;transform:rotate(-6deg);animation:mark-draw .4s ease-out}.choice{display:flex;gap:8px;padding:13px 14px;font-size:15px;line-height:1.55;overflow-wrap:anywhere}.choice span{flex:0 0 22px;color:var(--primary);font-weight:800}.choice--correct{border:2px solid var(--accent);background:var(--accent-bg);font-weight:700}.choice--correct span{color:var(--accent)}.choice--wrong{border:2px solid #b8bcb4;background:#f0f1ed;color:var(--muted);text-decoration:line-through}.choice--muted{color:#9a9e96}.choice--selected{border:2px solid var(--primary);background:#eef3f8;font-weight:800}.explanation{margin-top:14px;border-left:5px solid var(--accent);background:var(--note-bg)}.explanation__title{color:var(--accent-dark)}.explanation p,.wrong-detail p{margin:8px 0 0;font-size:14.5px;line-height:1.85}.result{margin-bottom:14px;text-align:center}.result__rate{color:var(--primary);font-size:52px;font-weight:800;line-height:1.2}.result__rate--low{color:var(--accent)}.result__rate span{font-size:22px}.wrong-detail summary{cursor:pointer;font-size:14px;font-weight:700;line-height:1.7}.exam-screen{display:grid;gap:14px}.exam-header{position:sticky;top:env(safe-area-inset-top);z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0 12px;background:var(--bg)}.exam-timer{color:var(--ink-heading);font-size:30px;font-weight:800;line-height:1.1}.exam-timer--warn{color:var(--accent-dark)}.exam-timer--urgent{color:var(--accent);text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:5px}.exam-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;color:var(--muted);font-size:13px;font-weight:700}.exam-actions{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:8px}.exam-actions .button{padding-right:10px;padding-left:10px}.exam-navigator{padding:14px}.exam-navigator summary{cursor:pointer;color:var(--ink-heading);font-weight:800}.exam-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;margin-top:12px}.exam-grid__item{aspect-ratio:1;min-width:0;min-height:36px;border:1px solid var(--border-strong);border-radius:8px;color:var(--ink);background:var(--surface);font-size:12px;font-weight:800}.exam-grid__item.is-answered{color:#fff;background:var(--primary);border-color:var(--primary)}.exam-grid__item.is-flagged{border:2px solid var(--accent)}.exam-grid__item.is-current{outline:3px solid rgba(45,74,115,.25);outline-offset:1px}.analysis-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.analysis-grid div{padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--note-bg)}.analysis-grid span,.chapter-row span{display:block;color:var(--muted);font-size:12px;font-weight:700}.analysis-grid strong{display:block;margin-top:6px;color:var(--ink-heading);font-size:18px}.chapter-breakdown{display:grid;gap:12px}.chapter-row{display:grid;gap:6px}.chapter-row div:first-child{display:flex;justify-content:space-between;gap:10px}.chapter-row strong{color:var(--ink-heading);font-size:13px}.chapter-row__bar{height:8px;overflow:hidden;border-radius:999px;background:var(--border)}.chapter-row__bar span{display:block;height:100%;border-radius:999px;background:var(--primary)}.trend-panel{display:grid;gap:10px;margin-bottom:14px}.trend-row{display:grid;grid-template-columns:42px minmax(0,1fr) 42px 38px;align-items:center;gap:8px;color:var(--muted);font-size:12px;font-weight:700}.trend-row__bar{height:9px;overflow:hidden;border-radius:999px;background:var(--border)}.trend-row__bar span{display:block;min-width:0;height:100%;border-radius:999px;background:var(--primary)}.trend-row strong{color:var(--ink-heading);font-size:12px;text-align:right}.trend-row small{color:var(--muted);font-size:12px;text-align:right}.notice{margin:0;color:var(--primary);font-size:13px;font-weight:700}.glossary-search{display:grid;gap:12px;margin-bottom:14px}.glossary-search__label{color:var(--ink-heading);font-size:14px;font-weight:800}.glossary-search__input{width:100%;min-height:44px;border:1.5px solid var(--border-strong);border-radius:12px;padding:10px 12px;color:var(--ink);background:var(--surface);font-size:16px}.glossary-filters{display:flex;flex-wrap:wrap;gap:8px}.glossary-chip,.glossary-related__chip{min-height:38px;border:1px solid var(--border-strong);border-radius:999px;padding:8px 11px;color:var(--primary);background:var(--surface);font-size:12.5px;font-weight:800}.glossary-chip{display:inline-flex;align-items:center;gap:6px}.glossary-chip small{color:var(--muted);font-size:11px}.glossary-chip.is-active{color:#fff;background:var(--primary);border-color:var(--primary)}.glossary-chip.is-active small{color:#fffc}.glossary-detail{display:grid;gap:10px;margin-bottom:14px;border-left:5px solid var(--primary)}.glossary-detail__actions{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:8px}.glossary-detail__actions .button{padding-right:10px;padding-left:10px}.glossary-detail__chapter{color:var(--muted);font-size:12px;font-weight:700}.glossary-detail h2{margin:0;color:var(--ink-heading);font-size:22px;line-height:1.35}.glossary-detail p,.glossary-empty p{margin:0;font-size:14.5px;line-height:1.8}.glossary-related{display:grid;gap:8px;padding-top:4px}.glossary-related>div:last-child{display:flex;flex-wrap:wrap;gap:8px}.glossary-list{display:grid;gap:10px}.glossary-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:60px;border:1.5px solid var(--border-strong);border-radius:12px;padding:13px 14px;color:var(--ink);background:var(--surface);text-align:left}.glossary-row.is-selected{border-color:var(--primary);background:#eef3f8}.glossary-row strong,.glossary-row small{display:block}.glossary-row small{margin-top:3px;color:var(--muted);font-size:12px;line-height:1.55}.glossary-row em{flex:0 0 auto;color:var(--accent-dark);font-size:12px;font-style:normal;font-weight:800}.glossary-empty{display:grid;gap:6px}.glossary-empty strong{color:var(--ink-heading)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.tab-bar{position:fixed;right:0;bottom:0;left:0;z-index:10;display:grid;grid-template-columns:repeat(5,1fr);gap:6px;max-width:600px;margin:0 auto;padding:10px max(12px,env(safe-area-inset-left)) max(10px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-right));border-top:1px solid var(--border);background:#f4f5f2f5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tab-bar button{min-height:44px;border:0;border-radius:10px;color:var(--muted);background:transparent;font-size:12.5px;font-weight:800}.tab-bar button.is-active{color:#fff;background:var(--primary)}.pwa-notice{position:fixed;right:max(12px,env(safe-area-inset-right));bottom:calc(78px + env(safe-area-inset-bottom));left:max(12px,env(safe-area-inset-left));z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:576px;margin:0 auto;padding:12px;border:1px solid var(--border-strong);border-radius:12px;background:var(--surface);box-shadow:0 8px 24px #26262e24}.pwa-notice strong{color:var(--ink-heading);font-size:14px}.pwa-notice p{margin:3px 0 0;color:var(--muted);font-size:12.5px;line-height:1.45}@media(max-width:380px){.app-title{font-size:26px}.card{padding:16px}.exam-actions,.glossary-detail__actions{grid-template-columns:1fr}.exam-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.pwa-notice{align-items:stretch;flex-direction:column}}@keyframes mark-draw{0%{opacity:0;transform:scale(.6) rotate(-6deg)}to{opacity:1;transform:scale(1) rotate(-6deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}