*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:#f0f2f5;flex-direction:column;align-items:center;min-height:100dvh;font-family:Hiragino Sans,Yu Gothic UI,Meiryo,sans-serif;display:flex}.quiz-page{background:#fff;flex-direction:column;width:100%;max-width:480px;min-height:100dvh;display:flex}.site-link{color:#3b82f6;border-bottom:1px solid #e5e7eb;padding:14px 20px;font-size:1rem;font-weight:700;text-decoration:none;display:block}.site-link:hover{text-decoration:underline}#app{flex-direction:column;flex:1;width:100%;display:flex}.screen{flex-direction:column;flex:1;gap:18px;padding:24px 20px 32px;display:flex}.start-screen{justify-content:center;align-items:center}.start-inner{flex-direction:column;align-items:center;gap:24px;width:100%;display:flex}.app-title{text-align:center;color:#1a1a1a;letter-spacing:.04em;font-size:2.4rem;font-weight:900;line-height:1.25}.app-subtitle{color:#555;margin-top:.3rem;font-size:1.1rem;font-weight:700;display:block}.app-desc{text-align:center;color:#555;font-size:.95rem;line-height:1.7}.progress-area{align-items:center;gap:12px;display:flex}.progress-label{color:#666;white-space:nowrap;min-width:3.2em;font-size:.85rem;font-weight:600}.progress-bar{background:#e5e7eb;border-radius:3px;flex:1;height:6px;overflow:hidden}.progress-fill{background:#3b82f6;border-radius:3px;height:100%;transition:width .25s}.word-card{text-align:center;background:#f8f9fa;border-radius:16px;padding:36px 20px 28px}.word{color:#1a1a1a;letter-spacing:.12em;font-size:3.8rem;font-weight:900;line-height:1}.question-text{color:#666;letter-spacing:.02em;margin-top:16px;font-size:.9rem}.choices{flex-direction:column;gap:10px;display:flex}.btn{cursor:pointer;text-align:center;-webkit-tap-highlight-color:transparent;border:2px solid #0000;border-radius:10px;width:100%;padding:14px 20px;font-family:inherit;font-size:1rem;transition:background .15s,border-color .15s,opacity .1s}.btn:active:not(:disabled){opacity:.75}.btn-primary{color:#fff;background:#3b82f6;border-color:#3b82f6;font-size:1.05rem;font-weight:700}.btn-primary:hover{background:#2563eb;border-color:#2563eb}.btn-choice{color:#1a1a1a;text-align:left;background:#f1f5f9;font-weight:500}.btn-choice:hover:not(:disabled){background:#e2e8f0}.btn-choice:disabled{cursor:default}.btn-choice.correct{color:#15803d;background:#dcfce7;border-color:#22c55e;font-weight:700}.btn-choice.wrong{color:#b91c1c;background:#fee2e2;border-color:#ef4444}.badge{text-align:center;letter-spacing:.05em;border-radius:10px;padding:10px;font-size:1rem;font-weight:700}.badge-correct{color:#15803d;background:#dcfce7}.badge-wrong{color:#b91c1c;background:#fee2e2}.explanation{color:#374151;background:#f8f9fa;border-radius:10px;padding:14px 16px;font-size:.88rem;line-height:1.7}.result-screen{text-align:center;justify-content:center;align-items:center;gap:20px}.result-title{color:#374151;letter-spacing:.05em;font-size:1.3rem;font-weight:700}.score-display{align-items:baseline;gap:4px;display:flex}.score-num{color:#3b82f6;font-size:5.5rem;font-weight:900;line-height:1}.score-denom{color:#9ca3af;font-size:1.6rem;font-weight:600}.accuracy{color:#6b7280;margin-top:-4px;font-size:1rem}.accuracy strong{color:#1a1a1a;font-size:1.1rem}.weak-section{background:#f8f9fa;border-radius:14px;width:100%;padding:18px 16px}.weak-label{color:#9ca3af;letter-spacing:.06em;margin-bottom:12px;font-size:.8rem;font-weight:600}.weak-tags{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.weak-tag{color:#b91c1c;background:#fee2e2;border-radius:20px;padding:6px 16px;font-size:.9rem;font-weight:600}.weak-none{color:#15803d;font-size:.95rem;font-weight:600}.btn-secondary{color:#3b82f6;background:#fff;border-color:#3b82f6;font-size:1.05rem;font-weight:700}.btn-secondary:hover{background:#eff6ff}.result-screen .btn-primary,.result-screen .btn-secondary,.start-screen .btn-primary{width:80%;padding:16px;font-size:1.05rem}.guide-section{width:100%}.guide-summary{cursor:pointer;color:#9ca3af;letter-spacing:.06em;text-align:center;-webkit-user-select:none;user-select:none;padding:6px 0;font-size:.8rem;font-weight:600;text-decoration:underline;transition:color .15s}.guide-summary:hover{color:#6b7280}.guide-list{flex-direction:column;gap:5px;margin-top:8px;padding:0;list-style:none;display:flex}.guide-item{background:#f8f9fa;border-radius:8px;justify-content:space-between;align-items:center;padding:7px 12px;font-size:.85rem;display:flex}.guide-cat{color:#374151;font-weight:600}.guide-example{color:#6b7280}.note-section{border-top:1px solid #e5e7eb;margin-top:24px;padding-top:12px}.note-summary{color:#9ca3af;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.75rem;list-style:none}.note-summary::-webkit-details-marker{display:none}.note-summary:before{content:"▶ ";font-size:.65rem}details[open] .note-summary:before{content:"▼ "}.note-body{color:#9ca3af;margin:8px 0 0;font-size:.75rem;line-height:1.7}.category-selector{width:100%}.category-label{color:#9ca3af;letter-spacing:.06em;text-align:center;margin-bottom:10px;font-size:.8rem;font-weight:600}.category-buttons{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.btn-cat{color:#374151;cursor:pointer;-webkit-tap-highlight-color:transparent;white-space:nowrap;background:#fff;border:2px solid #d1d5db;border-radius:20px;padding:7px 14px;font-family:inherit;font-size:.85rem;transition:background .15s,border-color .15s,color .15s}.btn-cat:hover{color:#3b82f6;border-color:#3b82f6}.btn-cat.active{color:#fff;background:#3b82f6;border-color:#3b82f6;font-weight:700}.btn-cat:active{opacity:.75}.timer-display{font-variant-numeric:tabular-nums;color:#6b7280;white-space:nowrap;text-align:right;min-width:3em;font-size:.85rem}.time-info{color:#6b7280;margin-top:-4px;font-size:.95rem}.time-info strong{color:#1a1a1a}.history-section{background:#f8f9fa;border-radius:14px;width:100%;padding:18px 16px}.history-label{color:#9ca3af;letter-spacing:.06em;margin-bottom:10px;font-size:.8rem;font-weight:600}.history-row{color:#374151;justify-content:space-between;align-items:center;padding:5px 0;font-size:.88rem;display:flex}.history-row+.history-row{border-top:1px solid #e5e7eb}.history-empty{color:#9ca3af;text-align:center;padding:6px 0;font-size:.88rem}.history-summary{color:#9ca3af;letter-spacing:.06em;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.8rem;font-weight:600;list-style:none}.history-summary::-webkit-details-marker{display:none}.history-summary:before{content:"▶ ";font-size:.65rem}details.history-section[open]>.history-summary:before{content:"▼ "}details.history-section[open]>.history-summary{margin-bottom:10px}.review-section{width:100%}.review-label{color:#9ca3af;letter-spacing:.06em;text-align:center;margin-bottom:10px;font-size:.8rem;font-weight:600}.review-list{flex-direction:column;gap:6px;list-style:none;display:flex}.review-item{text-align:left;border-radius:8px;padding:8px 10px;font-size:.82rem;line-height:1.5}.review-item.correct{color:#15803d;background:#dcfce7}.review-item.wrong{color:#b91c1c;background:#fee2e2}