@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Noto+Sans+JP:wght@300;400;500;700&display=swap";html{font-size:75%}:root{--bg-color: #282a36;--bg-gradient: radial-gradient(circle at top right, #343746, #282a36);--card-bg: rgba(68, 71, 90, .4);--card-border: rgba(98, 114, 164, .3);--glass-blur: blur(12px);--primary-color: #bd93f9;--secondary-color: #ff79c6;--accent-gradient: linear-gradient(135deg, #bd93f9, #ff79c6);--text-primary: #f8f8f2;--text-secondary: #8be9fd;--text-muted: #6272a4;--success: #50fa7b;--error: #ff5555;--warning: #f1fa8c;--font-main: "Inter", "Noto Sans JP", sans-serif;--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-main);background-color:var(--bg-color);background-image:var(--bg-gradient);color:var(--text-primary);min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glass-card{background:var(--card-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--card-border);border-radius:16px;box-shadow:0 8px 32px #0000005e}.glass-card:hover{border-color:#fff3;transition:var(--transition-smooth)}h1,h2,h3,h4,h5,h6{font-weight:700;letter-spacing:-.025em}.gradient-text{background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.btn-premium{padding:.75rem 1.5rem;border-radius:12px;border:none;font-weight:600;cursor:pointer;transition:var(--transition-smooth);background:var(--accent-gradient);color:#fff;text-align:center;text-decoration:none;display:inline-block}.btn-large{padding:1.2rem;font-size:1.1rem}.btn-premium:hover{opacity:.9;box-shadow:0 0 20px #6d28d966}.btn-premium:active{transform:scale(.98)}.page-container{padding:2rem;max-width:1000px;margin:0 auto}.view-container{padding:2rem;max-width:800px;margin:0 auto}.setup-container{padding:2rem;max-width:600px;margin:0 auto}.card-inner{padding:3rem}.result-container{padding:4rem 2rem;max-width:800px;margin:0 auto;text-align:center}.result-card-inner{padding:4rem 3rem;margin-bottom:3rem}.title-large{font-size:5rem;margin-bottom:.5rem;letter-spacing:-.05em}.title-medium{font-size:4.5rem;margin-bottom:.5rem}.score-display{font-size:6rem;font-weight:800;line-height:1;margin-bottom:1rem}.score-total{font-size:2rem;color:var(--text-muted);font-weight:400}.feedback-icon-container svg{width:80px;height:80px;margin-bottom:1.5rem}.feedback-title{font-size:2.5rem;margin-bottom:1rem}.books-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:2rem}@media(max-width:768px){.page-container,.view-container,.setup-container{padding:1rem}.card-inner{padding:1.5rem}.result-container{padding:2rem 1rem}.result-card-inner{padding:2rem 1rem;margin-bottom:2rem}.title-large{font-size:3rem}.title-medium{font-size:2.5rem}.score-display{font-size:4rem}.score-total{font-size:1.2rem}.feedback-icon-container svg{width:60px;height:60px;margin-bottom:1rem}.feedback-title{font-size:1.8rem}.books-grid{grid-template-columns:1fr;gap:1rem}}.login-container{height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-color);padding:1rem}.login-card{width:100%;max-width:450px}.login-header{text-align:center;margin-bottom:3rem}.text-secondary{color:var(--text-secondary)}.text-success{color:var(--success)}.text-error{color:var(--error)}.text-primary{color:var(--text-primary)}.login-form{display:grid;gap:1.5rem}.input-group{display:grid;gap:.5rem}.input-label{font-size:.9rem;color:var(--text-muted)}.input-wrapper{position:relative}.input-icon{position:absolute;left:1rem;top:1rem;color:var(--text-muted)}.text-input{width:100%;background:#ffffff0d;border:1px solid var(--card-border);padding:1rem 1rem 1rem 3rem;border-radius:12px;color:#fff}.error-text{color:var(--error);font-size:.9rem;text-align:center}.submit-btn{padding:1.2rem;margin-top:1rem;font-weight:700;width:100%}.btn-text{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.9rem}.btn-outline{padding:1rem 2rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;background:transparent;color:var(--text-primary);border:1px solid var(--card-border);border-radius:12px;transition:var(--transition-smooth)}.btn-outline:hover{background:#ffffff1a;color:#fff}.result-subtitle{color:var(--text-secondary);font-size:1.2rem;margin-bottom:4rem;text-align:center}.result-score-label{font-size:1.5rem;color:var(--text-secondary);margin-bottom:1rem}.result-accuracy{font-size:1.2rem;font-weight:600}.progress-bar-bg{margin-top:3rem;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.progress-bar-fill{height:100%;background:var(--accent-gradient);transition:width 1s ease-out;width:var(--progress-width, 0%)}.hidden-input{display:none}.result-actions{display:flex;gap:1.5rem;justify-content:center;margin-top:5rem}.flex-center-gap{display:flex;align-items:center;justify-content:center;gap:.5rem}.list-nav{display:flex;justify-content:flex-end;padding-top:1rem}.nav-user-info{display:flex;align-items:center;gap:1.5rem}.nav-user-name{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary)}.fw-500{font-size:.95rem;font-weight:500}.btn-outline-small{background:none;border:1px solid var(--card-border);color:var(--text-secondary);padding:.5rem 1rem;border-radius:12px;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-size:.9rem}.small-btn{padding:.6rem 1.5rem;font-size:.9rem}.list-header{margin-bottom:5rem;text-align:center}.list-subtitle{color:var(--text-secondary);font-size:1.4rem;font-weight:300}.loading-container{text-align:center;padding:4rem}.loading-text{font-size:1.5rem;font-weight:600;animation:pulse 2s infinite}.book-card{display:flex;flex-direction:column;justify-content:space-between}.book-title{font-size:1.8rem;margin-bottom:1rem}.book-desc{color:var(--text-secondary);font-size:1.1rem;margin-bottom:2.5rem;line-height:1.6}.flex-self-start{align-self:flex-start}.list-footer{margin-top:8rem;padding-bottom:4rem;text-align:center;color:var(--text-muted);font-size:.9rem}.feedback-explanation-box{margin:2rem 0;padding:2rem;background:#ffffff08;border-radius:16px;text-align:left}.feedback-subtitle{color:var(--text-muted);margin-bottom:1rem;text-transform:uppercase;font-size:.8rem;letter-spacing:.1em}.feedback-text{font-size:1.1rem;line-height:1.6;margin-bottom:1.5rem}.feedback-answers-grid{display:grid;gap:.5rem}.fb-correct-option{font-weight:600}.quiz-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.quiz-progress-text{color:var(--text-muted);font-weight:500}.flex-col{display:flex;flex-direction:column}.question-title{margin-bottom:1.5rem;font-size:1.4rem;line-height:1.5}.options-grid{display:grid;gap:1rem;flex:1}.option-box{padding:.8rem 1rem;border-radius:12px;background:#ffffff08;border:1px solid var(--card-border);cursor:pointer;transition:var(--transition-smooth);display:flex;align-items:center;gap:.8rem}.option-box.selected{background:#6d28d933;border-color:var(--primary-color)}.option-icon{width:18px;height:18px;flex-shrink:0;border:2px solid var(--text-muted);display:flex;align-items:center;justify-content:center;font-size:10px}.option-icon.active{background:var(--primary-color);border-color:var(--primary-color)}.option-icon.rounded{border-radius:50%}.option-text{font-size:.95rem}.check-btn{width:100%;margin-top:3rem}.setup-title{font-size:2rem;margin-bottom:2rem;text-align:center}.setup-section{margin-bottom:2rem}.setup-label{display:block;color:var(--text-muted);margin-bottom:1rem;font-size:.9rem}.scope-options-grid{display:grid;gap:1rem}.scope-option{display:flex;align-items:center;gap:1rem;cursor:pointer}.custom-radio{accent-color:var(--primary-color);width:1.2rem;height:1.2rem}.mb-6{margin-bottom:3rem}.count-options-wrapper{display:flex;gap:1rem;flex-wrap:wrap}.count-option-box{flex:1;padding:1rem;text-align:center;border-radius:8px;border:1px solid var(--card-border);background:transparent;cursor:pointer}.count-option-box.selected{border-color:var(--primary-color);background:#6d28d933}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:3rem}.stat-card{background:#ffffff08;padding:1.5rem;border-radius:12px;text-align:center;border:1px solid var(--card-border)}.stat-value{font-size:2.5rem;font-weight:800;display:block}.stat-label{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.attempts-container{margin-top:4rem}.section-title{font-size:1.2rem;margin-bottom:1.5rem;color:var(--text-secondary);font-weight:600;display:flex;align-items:center;justify-content:flex-start;gap:.5rem}.attempts-list{display:grid;gap:.8rem}.attempt-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#ffffff05;border-radius:10px;border:1px solid var(--card-border);transition:var(--transition-smooth)}.attempt-item.clickable{cursor:pointer}.attempt-item.clickable:hover{background:#ffffff14;border-color:var(--secondary-color);transform:translate(4px)}.result-detail-list{text-align:left;max-width:800px;margin:0 auto}.result-item{transition:var(--transition-smooth);overflow:hidden;border:1px solid var(--card-border)}.result-item.expanded{background:#44475a99;border-color:var(--primary-color)}.result-item-header{padding:1rem 1.5rem;display:flex;align-items:center;cursor:pointer;justify-content:flex-start}.result-item-text{font-weight:500;font-size:.95rem;color:var(--text-primary);flex:1;text-align:left}.status-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.expand-trigger{flex-shrink:0}.result-item-content{padding:1.5rem;border-top:1px solid rgba(255,255,255,.05)}.full-question{font-size:1.1rem;font-weight:600;line-height:1.5;color:var(--text-secondary)}.result-options-list{display:grid;gap:.75rem}.result-opt-preview{padding:.75rem 1rem;border-radius:8px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);font-size:.95rem;display:flex;justify-content:space-between;align-items:center}.result-opt-preview.correct-choice{border-color:var(--success);background:#50fa7b1a;color:var(--success)}.result-opt-preview.wrong-choice{border-color:var(--error);background:#ff55551a;color:var(--error)}.result-opt-preview.missed-choice{border-color:var(--warning);background:#f1fa8c0d;border-style:dashed}.user-badge{font-size:.75rem;padding:.15rem .5rem;border-radius:6px;background:#ffffff1a}.explanation-box{background:#bd93f91a;border:1px solid rgba(189,147,249,.2)}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.animate-fade-in{animation:fadeIn .3s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.mr-md{margin-right:1.25rem}.ml-sm{margin-left:.5rem}.ml-auto{margin-left:auto}.mt-md{margin-top:1.5rem}.mb-md{margin-bottom:1.5rem}.mb-sm{margin-bottom:1rem}.p-md{padding:1.5rem}.rounded-md{border-radius:12px}.pb-xl{padding-bottom:5rem}