:root{font-family:system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color:#213547;background-color:#f5f5f5}*{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh;display:flex;justify-content:center;padding:2rem 1rem}#root{width:640px;max-width:100%}.app{width:100%}.app-header{margin-bottom:1.5rem}.app-header h1{font-size:1.6rem;margin:0;color:#1a365d}.app-header h1 span{font-size:.95rem;font-weight:400;color:#718096;margin-left:.5rem;font-style:italic}.app-footer{margin-top:3rem;padding-top:1rem;text-align:center;font-size:.8rem;color:#a0aec0}.app-footer a{color:#718096}.footer-sep{margin:0 .4rem}.gh-icon{width:14px;height:14px;vertical-align:-2px}.flashcard{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #00000014}.flashcard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.progress{font-size:.85rem;color:#718096}.live-score{color:#3182ce;font-weight:600}.home-btn{padding:.35rem .9rem;background:#e2e8f0;color:#4a5568;border:none;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:background .15s}.home-btn:hover{background:#cbd5e0}.question{font-size:1.2rem;font-weight:600;margin-bottom:1.5rem;color:#2d3748}.choices{display:flex;flex-direction:column;gap:.6rem}.choice{display:flex;align-items:center;gap:.75rem;width:100%;padding:.85rem 1rem;border:2px solid #e2e8f0;border-radius:8px;background:#fff;font-size:1rem;color:#2d3748;cursor:pointer;text-align:left;transition:border-color .15s,background-color .15s}.choice:hover:not(:disabled){border-color:#90cdf4;background:#ebf8ff}.choice:disabled{cursor:default}.choice.correct{border-color:#48bb78;background:#f0fff4}.choice.wrong{border-color:#fc8181;background:#fff5f5}.choice-letter{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#edf2f7;font-weight:600;font-size:.85rem;color:#4a5568;flex-shrink:0}.choice.correct .choice-letter{background:#c6f6d5;color:#276749}.choice.wrong .choice-letter{background:#fed7d7;color:#9b2c2c}.explanation{margin-top:1.25rem;padding:1rem 1.25rem;border-radius:8px;font-size:.95rem;line-height:1.6}.explanation.correct{background:#f0fff4;border-left:4px solid #48bb78}.explanation.wrong{background:#fff5f5;border-left:4px solid #fc8181}.result-label{font-weight:700;margin-bottom:.3rem}.explanation.correct .result-label{color:#276749}.explanation.wrong .result-label{color:#9b2c2c}.explanation p{color:#4a5568}.next-btn{display:block;margin:1.5rem auto 0;padding:.7rem 2rem;background:#3182ce;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:background .15s}.next-btn:hover{background:#2b6cb0}.results{background:#fff;border-radius:12px;padding:2.5rem 2rem;box-shadow:0 2px 8px #00000014;text-align:center}.results h2{font-size:1.4rem;color:#2d3748;margin-bottom:1rem}.score{font-size:2.5rem;font-weight:700;color:#3182ce}.percentage{font-size:1.2rem;color:#718096;margin-bottom:1rem}.score-message{font-size:1.1rem;color:#4a5568;margin-bottom:1.5rem}.results-actions{display:flex;gap:.75rem;justify-content:center}.next-btn.secondary{background:#e2e8f0;color:#4a5568}.next-btn.secondary:hover{background:#cbd5e0}.study-picker{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #00000014}.study-picker-title{font-size:1.2rem;font-weight:600;margin-bottom:1.5rem;color:#2d3748}.study-picker-list{display:flex;flex-direction:column;gap:.6rem}.study-picker-btn{display:flex;align-items:center;gap:.75rem;width:100%;padding:.85rem 1rem;border:2px solid #e2e8f0;border-radius:8px;background:#fff;font-size:1rem;color:#2d3748;cursor:pointer;text-align:left;text-decoration:none;transition:border-color .15s,background-color .15s}.study-picker-btn:hover{border-color:#90cdf4;background:#ebf8ff}.study-picker-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#edf2f7;font-size:.85rem;flex-shrink:0}.home-subtitle{color:#718096;margin-bottom:1.5rem}.mode-cards{display:flex;flex-direction:column;gap:1rem}.mode-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:1.5rem;text-align:left;cursor:pointer;text-decoration:none;color:inherit;transition:border-color .15s,box-shadow .15s}.mode-card:hover{border-color:#90cdf4;box-shadow:0 2px 8px #00000014}.mode-card-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem}.mode-icon{font-size:1.8rem}.mode-card h2{font-size:1.15rem;color:#2d3748}.mode-card p{font-size:.9rem;color:#718096;line-height:1.5}.radar-chart-section{margin-bottom:1.5rem;background:#fff;border-radius:12px;padding:1.25rem 1.5rem;box-shadow:0 2px 8px #00000014}.radar-chart-header{display:flex;align-items:center;margin-bottom:.75rem}.radar-chart-header:before{content:"";flex:1}.radar-chart-header .stats-header-end{flex:1;display:flex;justify-content:flex-end}.radar-chart-header h3{font-size:1rem;color:#2d3748;margin:0}.radar-chart-wrap{display:flex;justify-content:center}.radar-chart-svg{width:100%;max-width:360px;height:auto}.radar-legend-inline{display:flex;justify-content:center;gap:1rem;margin-top:.25rem;font-size:.75rem;color:#718096}.radar-legend-swatch{display:inline-flex;align-items:center;gap:.3rem}.radar-swatch-box{display:inline-block;width:10px;height:10px;border-radius:2px}.radar-tooltip-area{min-height:1.8rem;text-align:center;margin-top:.5rem}.radar-tooltip{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;color:#2d3748;margin:0}.radar-tooltip-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.radar-tooltip-detail{color:#718096}.radar-tooltip-hint{color:#a0aec0;font-size:.8rem}.stats-tabs{display:flex;background:#f0f2f5;border-radius:8px;padding:3px}.stats-tab{flex:1;padding:.35rem 1rem;background:none;border:none;border-radius:6px;color:#718096;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s}.stats-tab.active{background:#fff;color:#2d3748;box-shadow:0 1px 3px #00000014}.stats-tab:not(.active):hover{color:#4a5568}.test-stats{padding:.5rem 0}.test-stats-empty{text-align:center;color:#a0aec0;font-size:.9rem;padding:2rem 0;margin:0}.test-stats-summary{display:flex;justify-content:space-around;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #e2e8f0}.test-stat-box{display:flex;flex-direction:column;align-items:center;gap:.15rem}.test-stat-value{font-size:1.3rem;font-weight:700;color:#2d3748}.test-stat-label{font-size:.7rem;color:#a0aec0;text-transform:uppercase;letter-spacing:.03em}.test-stats-color-key{display:flex;flex-wrap:wrap;gap:.3rem .75rem;margin-top:.75rem;font-size:.75rem;color:#4a5568}.test-stats-key-item{display:flex;align-items:center;gap:.3rem}.test-stats-key-swatch{display:inline-block;width:10px;height:10px;border-radius:2px;flex-shrink:0}.test-session-list{display:flex;flex-direction:column;gap:.4rem;max-height:200px;overflow-y:auto}.test-session-row{display:flex;flex-direction:column;padding:.4rem .5rem;border-radius:6px;background:#f7fafc;font-size:.85rem}.test-session-row-inner{display:flex;align-items:center;justify-content:space-between}.test-session-cat-bar{display:flex;height:4px;border-radius:2px;overflow:hidden;margin-top:.3rem}.test-session-cat-seg{display:block}.test-session-date{color:#718096;flex:1}.test-session-score{color:#4a5568;font-weight:500;margin-right:.75rem}.test-session-duration{color:#a0aec0;font-size:.78rem;margin-right:.75rem}.test-session-pct{font-weight:700;min-width:3rem;text-align:right}.test-session-incomplete{color:#a0aec0;font-weight:500;font-size:.78rem}.test-session-row.incomplete{opacity:.7}.reset-stats-btn{padding:.25rem;background:none;color:#a0aec0;border:1px solid #e2e8f0;border-radius:6px;font-size:1rem;line-height:1;cursor:pointer;transition:color .15s,border-color .15s}.reset-stats-btn:hover{color:#4a5568;border-color:#cbd5e0}.overflow-menu{position:relative}.overflow-menu-dropdown{position:absolute;right:0;top:calc(100% + 4px);background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #0000001a;min-width:140px;z-index:10;padding:4px}.overflow-menu-dropdown button{display:block;width:100%;padding:.45rem .75rem;background:none;border:none;border-radius:5px;font-size:.85rem;color:#4a5568;text-align:left;cursor:pointer}.overflow-menu-dropdown button:hover{background:#f7fafc}.overflow-menu-dropdown .overflow-menu-danger{color:#e53e3e}.overflow-menu-dropdown .overflow-menu-danger:hover{background:#fff5f5}