:root{--bg:#f5f5f0;--card:#fff;--text:#1a1a1a;--text-muted:#666;--accent:#1a6b3a;--accent-light:#e8f5ed;--danger:#c0392b;--danger-light:#fdecea;--correct:#1a6b3a;--wrong:#c0392b;--border:#ddd;--shadow:0 2px 8px #00000014;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Yu Gothic,sans-serif;font-size:16px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background:var(--bg);min-height:100dvh;padding-top:env(safe-area-inset-top)}#root{max-width:680px;padding:0 max(16px, env(safe-area-inset-left)) max(40px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-right));margin:0 auto}.app{min-height:100dvh}.home-screen{padding:32px 0 24px}.app-title{color:var(--accent);margin-bottom:6px;font-size:2rem;font-weight:700;line-height:1.2}.app-sub{color:var(--text-muted);margin-bottom:28px;font-size:.85rem}.mode-section{flex-direction:column;gap:10px;margin-bottom:24px;display:flex}.filter-section{margin-bottom:20px}.filter-section h3{color:var(--text-muted);margin-bottom:8px;font-size:.9rem;font-weight:600}.btn-group{flex-wrap:wrap;gap:8px;display:flex}.mode-btn{cursor:pointer;border:none;border-radius:10px;padding:12px 16px;font-size:1rem;font-weight:600;transition:opacity .15s,transform .1s}.mode-btn:active{transform:scale(.98)}.mode-btn.primary{background:var(--accent);color:#fff}.mode-btn.danger{background:var(--danger);color:#fff}.mode-btn.danger:disabled{opacity:.4;cursor:default}.mode-btn.small{background:var(--card);border:1px solid var(--border);color:var(--text);min-height:44px;padding:8px 14px;font-size:.85rem}.mode-btn.stats{background:var(--card);border:1px solid var(--border);width:100%;margin-top:8px}.quiz-card{background:var(--card);box-shadow:var(--shadow);border-radius:16px;margin-top:20px;padding:20px}.quiz-meta{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:14px;display:flex}.badge{background:var(--accent-light);color:var(--accent);border-radius:20px;padding:3px 8px;font-size:.72rem;font-weight:600}.badge.secondary{color:#3b4fd4;background:#eef2ff}.badge.tag{color:#8b6914;background:#fef9e7}.progress-label{color:var(--text-muted);margin-left:auto;font-size:.8rem}.question-text{margin-bottom:12px;font-size:.97rem;font-weight:500;line-height:1.65}.question-figure{border:1px solid var(--border);border-radius:8px;width:100%;max-width:100%;margin-bottom:16px;display:block}.choices{flex-direction:column;gap:8px;margin-bottom:16px;list-style:none;display:flex}.choice{border:1.5px solid var(--border);cursor:pointer;border-radius:10px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:.9rem;line-height:1.5;transition:background .12s,border-color .12s;display:flex}.choice:hover:not(.correct):not(.wrong){background:#f9f9f7;border-color:#bbb}.choice.correct{background:var(--accent-light);border-color:var(--correct);color:var(--correct);font-weight:600}.choice.wrong{background:var(--danger-light);border-color:var(--wrong);color:var(--wrong)}.choice-num{min-width:22px;color:var(--text-muted);font-size:.8rem;font-weight:700}.choice.correct .choice-num,.choice.wrong .choice-num{color:inherit}.result-banner{text-align:center;border-radius:8px;margin-bottom:14px;padding:10px;font-size:1.1rem;font-weight:700}.result-banner.ok{background:var(--accent-light);color:var(--correct)}.result-banner.ng{background:var(--danger-light);color:var(--wrong)}.result-banner.unknown{color:#888;background:#f0f0f0}.choice.selected-unknown{background:#f9f9f0;border-color:#bbb}.explanation{border-left:3px solid var(--accent);background:#f9f9f7;border-radius:0 8px 8px 0;margin-bottom:16px;padding:12px 14px;font-size:.88rem;line-height:1.65}.explanation strong{color:var(--accent);margin-bottom:6px;font-size:.8rem;display:block}.memo-section{margin-bottom:16px}.memo-section textarea{border:1px solid var(--border);resize:vertical;border-radius:8px;width:100%;margin-bottom:6px;padding:8px 10px;font-family:inherit;font-size:16px}.memo-text{color:var(--text-muted);white-space:pre-wrap;margin-top:6px;font-size:.85rem}.btn-small{border:1px solid var(--border);background:var(--card);cursor:pointer;border-radius:6px;min-height:44px;margin-right:6px;padding:5px 12px;font-size:.82rem}.btn-small.secondary{color:var(--text-muted)}.btn-next{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:10px;width:100%;padding:14px;font-size:1rem;font-weight:700;transition:opacity .15s}.btn-next:disabled{opacity:.4;cursor:default}.btn-next.secondary{background:var(--card);color:var(--text);border:1px solid var(--border);margin-top:10px}.result-screen{padding:24px 0}.result-screen h2{margin-bottom:20px;font-size:1.5rem}.score-circle{background:var(--accent-light);border:3px solid var(--accent);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:120px;height:120px;margin:0 auto 24px;display:flex}.score-num{color:var(--accent);font-size:2rem;font-weight:800}.score-sub{color:var(--text-muted);font-size:.75rem}.result-table{border-collapse:collapse;width:100%;margin-bottom:20px;font-size:.85rem}.result-table th{text-align:left;border-bottom:2px solid var(--border);color:var(--text-muted);padding:8px}.result-table td{border-bottom:1px solid var(--border);padding:8px}.result-table .row-ok td{color:var(--correct)}.result-table .row-ng td{color:var(--wrong)}.q-preview{text-overflow:ellipsis;white-space:nowrap;max-width:200px;color:var(--text);overflow:hidden}.result-actions{flex-direction:column;gap:10px;display:flex}.stats-screen{padding:24px 0}.stats-screen h2{margin-bottom:16px;font-size:1.4rem}.stats-table{border-collapse:collapse;width:100%;margin-bottom:20px;font-size:.85rem}.stats-table th{text-align:left;border-bottom:2px solid var(--border);color:var(--text-muted);padding:8px;font-size:.78rem}.stats-table td{border-bottom:1px solid var(--border);padding:8px}.bar-bg{background:var(--border);border-radius:4px;min-width:80px;height:8px}.bar-fill{background:var(--accent);border-radius:4px;height:8px;transition:width .3s}