:root{--primary:#1e293b;--primary-light:#334155;--accent:#3b82f6;--bg-body:#f8fafc;--bg-card:#fff;--text-main:#0f172a;--text-muted:#64748b;--success:#10b981;--error:#ef4444;--border:#e2e8f0;--radius:12px}#g-kentei-app{max-width:720px;margin:40px auto;font-family:'Inter','Noto Sans JP',system-ui,-apple-system,sans-serif;color:var(--text-main);line-height:1.6;-webkit-font-smoothing:antialiased}.gk-card{background:var(--bg-card);border-radius:var(--radius);padding:32px;box-shadow:0 10px 15px -3px rgba(0,0,0,.05) , 0 4px 6px -2px rgba(0,0,0,.03);border:1px solid var(--border);animation:fadeIn .4s ease-out}@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}.progress-container{width:100%;height:8px;background:var(--border);border-radius:999px;margin-bottom:20px;overflow:hidden}.progress-bar{height:100%;background:var(--accent);width:0%;transition:width .3s ease}.start-header{text-align:center;margin-bottom:32px}.start-header h1{font-size:1.75rem;font-weight:800;color:var(--primary);margin-bottom:8px;letter-spacing:-.025em}.start-header p{color:var(--text-muted);font-size:.95rem}.filter-group{margin-bottom:24px}.filter-label{display:block;font-size:.85rem;font-weight:700;color:var(--text-muted);margin-bottom:8px;text-transform:uppercase}.range-item{width:100%;padding:12px;border:2px solid var(--border);border-radius:var(--radius);background:var(--bg-card);font-size:1rem;color:var(--primary);cursor:pointer;transition:all .2s ease}.range-item:hover,.range-item:focus{border-color:var(--accent);outline:none;background:#eff6ff}.quiz-meta{display:flex;gap:8px;margin-bottom:20px;align-items:center}.badge{font-size:.75rem;font-weight:700;padding:4px 12px;border-radius:9999px;letter-spacing:.025em}.badge-blue{background:#dbeafe;color:#1e40af}.badge-gray{background:#f1f5f9;color:#475569}.question-text{font-size:1.25rem;font-weight:700;line-height:1.6;margin-bottom:28px;color:var(--primary)}.options-list{display:grid;gap:12px}.option-btn{width:100%;text-align:left;padding:18px 20px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);cursor:pointer;font-size:1rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:flex-start;color:var(--primary)}.option-btn:hover{background:#f8fafc;border-color:var(--text-muted);transform:translateX(4px)}.opt-num{min-width:24px;font-weight:800;color:var(--text-muted);margin-right:12px}.option-btn.correct{background:#ecfdf5!important;border-color:var(--success)!important;color:#065f46!important;box-shadow:0 0 0 1px var(--success)}.option-btn.wrong{background:#fef2f2!important;border-color:var(--error)!important;color:#991b1b!important}.feedback-box{margin-top:24px;padding:24px;background:#f8fafc;border-radius:var(--radius);border-left:5px solid var(--primary);animation:slideUp .3s ease-out}@keyframes slideUp {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}.feedback-box h3{font-size:1.1rem;font-weight:800;margin-bottom:12px;color:var(--primary)}.feedback-box p{font-size:.95rem;line-height:1.7;color:var(--primary-light)}.btn-primary{width:100%;padding:18px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius);font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .2s;margin-top:24px}.btn-primary:hover{background:var(--primary-light);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.score-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:24px 0}.stat-card{background:#f8fafc;padding:16px;border-radius:var(--radius);text-align:center}.stat-value{display:block;font-size:1.5rem;font-weight:800;color:var(--primary)}.stat-label{font-size:.75rem;color:var(--text-muted)}.category-breakdown{text-align:left;margin-top:24px}.category-score-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border);font-size:.9rem}.start-disclaimer{margin-top:48px;padding-top:32px;border-top:1px solid var(--border);text-align:left}.disclaimer-section{margin-bottom:24px}.start-disclaimer h4{font-size:.85rem;font-weight:800;color:var(--primary);margin-bottom:12px}.start-disclaimer p{font-size:.75rem;color:var(--text-muted);line-height:1.6;margin-bottom:8px}.difficulty-guide{background:#f8fafc;padding:16px;border-radius:8px}.difficulty-guide ul{list-style:none;padding:0;margin:0}.difficulty-guide li{font-size:.75rem;color:var(--primary-light);margin-bottom:12px;line-height:1.5}.difficulty-guide li strong{color:var(--primary);display:block;margin-bottom:2px}.difficulty-guide li small{color:var(--text-muted);display:block;margin-top:2px;font-style:italic}@media (max-width:640px){#g-kentei-app{margin:20px 15px}.gk-card{padding:24px 20px}.start-header h1{font-size:1.5rem}.question-text{font-size:1.15rem}.score-stats{grid-template-columns:1fr}}