:root{--primary:#4a90d9;--primary-light:#ebf2fa;--accent:#e8913a;--success:#4caf50;--danger:#e53935;--text:#333;--text-light:#666;--bg:#fafafa;--card-bg:#fff;--border:#e0e0e0;--shadow:0 2px 8px #00000014;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only;color:var(--text);background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Hiragino Kaku Gothic ProN,Meiryo,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{margin:0}.app{max-width:640px;margin:0 auto;padding:0 16px 32px}.header-back-bar{padding:12px 0 0}.header-back{color:var(--text-light);letter-spacing:.1em;font-size:11px;text-decoration:none;transition:color .2s;display:inline-block}.header-back:hover{color:var(--primary)}.app-header{text-align:center;border-bottom:2px solid var(--primary);margin-bottom:20px;padding:20px 0 12px;position:relative;overflow:hidden}.app-header:after{content:"";opacity:.1;pointer-events:none;background-image:url(/papillon-icon.png);background-repeat:no-repeat;background-size:contain;width:80px;height:80px;position:absolute;top:8px;right:4px}.app-header h1{color:var(--primary);cursor:pointer;z-index:1;justify-content:center;align-items:center;gap:8px;margin:0;font-size:24px;display:flex;position:relative}.app-icon{border-radius:50%;width:36px;height:36px}.app-subtitle{color:var(--text-light);z-index:1;font-size:13px;position:relative}.loading{text-align:center;color:var(--text-light);padding:60px 0}.stats-row{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px;display:grid}.stat-card{background:var(--card-bg);border:1px solid var(--border);text-align:center;box-shadow:var(--shadow);border-radius:12px;padding:16px 8px}.stat-card.accent{background:var(--primary);color:#fff;border-color:var(--primary)}.stat-card.accent .stat-label{color:#ffffffd9}.stat-value{font-size:28px;font-weight:700}.stat-label{color:var(--text-light);margin-top:4px;font-size:12px}.section{margin-bottom:24px}.section h2{color:var(--text);margin-bottom:12px;font-size:18px}.category-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.category-card{background:var(--card-bg);border:1px solid var(--border);cursor:pointer;box-shadow:var(--shadow);border-radius:10px;padding:14px;transition:border-color .2s,box-shadow .2s}.category-card:hover{border-color:var(--primary);box-shadow:0 2px 12px #4a90d926}.category-name{margin-bottom:8px;font-size:15px;font-weight:600}.category-stats{color:var(--text-light);margin-top:6px;font-size:12px}.progress-bar{background:var(--border);border-radius:3px;height:6px;overflow:hidden}.progress-fill{background:var(--primary);border-radius:3px;height:100%;transition:width .3s}.calendar{flex-wrap:wrap;gap:3px;display:flex}.calendar-cell{background:var(--success);border-radius:2px;width:14px;height:14px}.quiz-header{align-items:center;gap:12px;margin-bottom:20px;display:flex}.btn-back{color:var(--primary);cursor:pointer;background:0 0;border:none;padding:4px 0;font-size:14px}.quiz-tag{background:var(--primary-light);color:var(--primary);border-radius:12px;padding:4px 10px;font-size:13px;font-weight:600}.quiz-progress{color:var(--text-light);margin-left:auto;font-size:13px}.quiz-question{background:var(--card-bg);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:10px;margin-bottom:20px;padding:16px;font-size:16px;font-weight:600;line-height:1.6}.quiz-options{flex-direction:column;gap:10px;display:flex}.quiz-option{background:var(--card-bg);border:2px solid var(--border);cursor:pointer;text-align:left;border-radius:10px;align-items:flex-start;gap:10px;padding:14px;font-size:14px;transition:border-color .2s;display:flex}.quiz-option:hover:not(:disabled){border-color:var(--primary)}.quiz-option:disabled{cursor:default}.quiz-option.correct{border-color:var(--success);background:#e8f5e9}.quiz-option.wrong{border-color:var(--danger);background:#ffebee}.option-label{color:var(--primary);flex-shrink:0;width:20px;font-weight:700}.option-text{flex:1;line-height:1.5}.quiz-feedback{border:1px solid var(--border);border-radius:10px;margin-top:16px;padding:16px}.quiz-feedback.correct{border-color:var(--success);background:#e8f5e9}.quiz-feedback.wrong{border-color:var(--danger);background:#ffebee}.feedback-header{margin-bottom:8px;font-size:16px;font-weight:700}.feedback-explanation{margin-bottom:12px;font-size:14px;line-height:1.6}.quiz-result{text-align:center;padding:40px 0}.quiz-result h2{margin-bottom:16px;font-size:20px}.result-score{font-size:20px}.result-big{color:var(--primary);font-size:64px;font-weight:700}.result-total{color:var(--text-light)}.result-rate{color:var(--primary);margin:8px 0;font-size:24px;font-weight:600}.result-message{margin-bottom:24px;font-size:18px}.quiz-empty{text-align:center;color:var(--text-light);padding:60px 0}.btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:600;display:inline-block}.btn:hover{opacity:.9}.btn-secondary{background:#6b7280}.btn-row{justify-content:center;gap:12px;display:flex}.past-exam-grid{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.past-exam-card{background:var(--card-bg);border:1px solid var(--border);text-align:center;cursor:pointer;box-shadow:var(--shadow);border-radius:10px;padding:12px 6px;transition:border-color .2s,box-shadow .2s}.past-exam-card:hover{border-color:var(--accent);box-shadow:0 2px 12px #e8913a33}.past-exam-year{color:var(--text);font-size:16px;font-weight:700}.past-exam-label{color:var(--text-light);margin:2px 0;font-size:11px}.past-exam-count{color:var(--primary);font-size:11px;font-weight:600}.exam-progress-bar{background:var(--card-bg);border:1px solid var(--border);border-radius:8px;flex-wrap:wrap;gap:3px;margin-bottom:16px;padding:10px;display:flex}.exam-dot{background:var(--border);cursor:pointer;border-radius:50%;width:10px;height:10px;transition:background .2s}.exam-dot.current{background:var(--primary);box-shadow:0 0 0 2px #4a90d94d}.exam-dot.correct{background:var(--success)}.exam-dot.wrong{background:var(--danger)}.question-number{color:var(--primary);background:var(--primary-light);border-radius:4px;margin-bottom:4px;margin-right:8px;padding:2px 8px;font-size:13px;font-weight:700;display:inline-block}.result-pass{margin:8px 0 16px;font-size:20px;font-weight:700}.result-pass.pass{color:var(--success)}.result-pass.fail{color:var(--danger)}.result-breakdown{text-align:left;max-width:280px;margin:0 auto 24px}.breakdown-row{border-bottom:1px solid var(--border);justify-content:space-between;padding:6px 0;font-size:14px;display:flex}.breakdown-label{color:var(--text)}.breakdown-score{color:var(--primary);font-weight:600}@media (width<=480px){.past-exam-grid{grid-template-columns:repeat(3,1fr)}}