@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Noto+Sans+JP:wght@400;500;700;900&display=swap";:root{--primary-color:#075985;--primary-light:#0ea5e9;--secondary-color:#14b8a6;--accent-color:#f59e0b;--bg-gradient-start:#f0fdfa;--bg-gradient-end:#e0f2fe;--text-main:#0f172a;--text-muted:#64748b;--text-light:#fff;--success-color:#10b981;--error-color:#ef4444;--glass-bg:#ffffffb3;--glass-border:#fff6;--glass-shadow:0 8px 32px 0 #1f268712}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg, var(--bg-gradient-start) 0%, var(--bg-gradient-end) 100%);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;min-height:100vh;font-family:Noto Sans JP,Inter,sans-serif;line-height:1.6}button{cursor:pointer;border:none;outline:none;font-family:inherit;transition:all .2s}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:20px}.title-gradient{background:linear-gradient(to right, var(--primary-color), var(--secondary-color));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.app-container{flex-direction:column;max-width:800px;min-height:100vh;margin:0 auto;padding:40px 20px;display:flex}@media (width<=600px){.app-container{padding:20px 10px}}.fade-in{animation:.4s forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.home-container{text-align:center;margin-top:auto;margin-bottom:auto;padding:60px 40px}.home-title{margin-bottom:10px;font-size:2.5rem;font-weight:900}.home-subtitle{color:var(--text-muted);margin-bottom:40px;font-size:1.1rem}.start-btn{background:linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);color:#fff;border-radius:30px;padding:16px 48px;font-size:1.2rem;font-weight:700;box-shadow:0 4px 15px #0ea5e966}.start-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0ea5e999}.start-btn:active{transform:translateY(1px)}.quiz-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.progress-pill{background:var(--glass-bg);color:var(--primary-color);box-shadow:var(--glass-shadow);border-radius:20px;padding:6px 16px;font-weight:600}.subject-tag{color:var(--secondary-color);font-size:.9rem;font-weight:600}.question-card{margin-bottom:30px;padding:40px}.question-meta{gap:12px;margin-bottom:16px;display:flex}.year-badge{background:var(--accent-color);color:#fff;border-radius:12px;padding:4px 12px;font-size:.8rem;font-weight:700}.question-text{color:var(--text-main);margin-bottom:30px;font-size:1.3rem;font-weight:700;line-height:1.8}.options-grid{flex-direction:column;gap:12px;display:flex}.option-btn{color:var(--text-main);text-align:left;background:#fffc;border:2px solid #0000;border-radius:12px;align-items:center;padding:16px 24px;font-size:1.05rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 8px #0000000a}.option-btn:hover:not(:disabled){border-color:var(--primary-light);background:#fff;transform:translate(4px)}.option-btn.selected{border-color:var(--primary-color);background:#fff}.option-btn.correct{border-color:var(--success-color);color:#065f46;background:#d1fae5}.option-btn.incorrect{border-color:var(--error-color);color:#991b1b;background:#fee2e2}.option-btn:disabled{cursor:default;opacity:.8}.option-number{width:28px;height:28px;color:var(--text-muted);background:#f1f5f9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-right:16px;font-size:.85rem;font-weight:700;display:inline-flex}.option-btn.correct .option-number{background:var(--success-color);color:#fff}.option-btn.incorrect .option-number{background:var(--error-color);color:#fff}.feedback-section{border-radius:16px;margin-top:24px;padding:24px;animation:.3s slideUp}.feedback-section.correct-area{background:#10b9811a;border:1px solid #10b9814d}.feedback-section.incorrect-area{background:#ef44441a;border:1px solid #ef44444d}.feedback-header{align-items:center;gap:12px;margin-bottom:12px;font-size:1.2rem;font-weight:700;display:flex}.correct-text{color:var(--success-color)}.incorrect-text{color:var(--error-color)}.explanation-text{color:var(--text-main);margin-bottom:20px;line-height:1.7}.next-btn{background:var(--primary-color);color:#fff;border-radius:12px;width:100%;padding:16px;font-size:1.1rem;font-weight:700;box-shadow:0 4px 12px #0759854d}.next-btn:hover{background:#0369a1;transform:translateY(-2px)}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.result-container{text-align:center;margin-top:auto;margin-bottom:auto;padding:60px 40px}.score-circle{background:linear-gradient(135deg, var(--bg-gradient-start), white);border:8px solid var(--secondary-color);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:180px;height:180px;margin:0 auto 30px;display:flex;box-shadow:0 10px 25px #14b8a633}.score-num{color:var(--primary-color);font-size:3rem;font-weight:900;line-height:1}.score-total{color:var(--text-muted);margin-top:4px;font-size:1.2rem;font-weight:700}.result-msg{color:var(--text-main);margin-bottom:40px;font-size:1.5rem;font-weight:700}.restart-btn{background:var(--primary-color);color:#fff;border-radius:30px;align-items:center;gap:10px;padding:16px 40px;font-size:1.1rem;font-weight:700;display:inline-flex}.restart-btn:hover{transform:translateY(-2px);box-shadow:0 6px 15px #07598566}