:root{--bg-main: #1e1e1e;--bg-soft: #2a2a2a;--text-main: #f5f5f5;--text-muted: #bdbdbd;--border-main: #444;--hover-soft: #3a3a3a}[data-theme=light]{--bg-main: #f4f4f4;--bg-soft: #ffffff;--text-main: #111;--text-muted: #555;--border-main: #ddd;--hover-soft: #e6e6e6}*{box-sizing:border-box}#root{width:1000px}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background:radial-gradient(circle at top,var(--bg-soft),var(--bg-main));color:var(--text-main);min-height:100vh;display:flex;align-items:center;justify-content:center}button{width:100%;padding:.75rem;border-radius:12px;background:var(--bg-soft);color:var(--text-main);font-size:1rem;cursor:pointer;border:1px solid var(--border-main)}button:hover{background:var(--hover-soft)}.app{background:var(--bg-main);padding:2.5rem 3rem 3rem;border-radius:20px;max-width:680px;box-shadow:0 30px 80px #000000a6;margin:auto}.header{margin-bottom:2.5rem}.header-left{display:flex;flex-direction:column;gap:.5rem}.header-title{margin:0;font-size:1.9rem;font-weight:700}.header-subtitle{font-size:.95rem;color:var(--text-muted)}.header-icons{display:flex;align-items:center;gap:.6rem;margin-top:.25rem}.difficulty-badge{min-width:72px;height:38px;padding:0 .6rem;border-radius:10px;font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;border:1px solid #4caf50;color:#4caf50;background:#4caf5026}.icon-btn,.icon-indicator{min-width:38px;height:38px;padding:0 .6rem;border-radius:999px;border:1px solid var(--border-main);display:flex;align-items:center;justify-content:center;font-size:1.05rem;color:var(--text-muted);background:var(--bg-soft)}.icon-indicator{opacity:.6}.icon-indicator.active{opacity:1;color:#4caf50;border-color:#4caf50}.icon-btn{cursor:pointer}.icon-btn:hover{background:var(--hover-soft)}.last-result-btn{background:#4caf5026;border-color:#4caf50;color:#4caf50;font-size:.85rem;font-weight:600}.last-result-btn:hover{background:#4caf5040}.footer{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--border-main);display:flex;justify-content:space-between;font-size:.85rem;color:var(--text-muted)}.footer a{color:var(--text-muted);text-decoration:none}.footer a:hover{color:#4caf50}.difficulty-options{display:flex;gap:.5rem}.difficulty-btn{flex:1;height:42px;border-radius:999px;border:1px solid var(--border-main);background:var(--bg-soft);color:var(--text-muted);font-weight:700;transition:background .15s ease,color .15s ease,border-color .15s ease}.difficulty-btn:hover{background:var(--hover-soft)}.difficulty-btn.active{background:#4caf50;color:#000;border-color:#4caf50}.result-links{display:flex;justify-content:center;gap:1.2rem;margin-top:.5rem}.result-links button{background:none;border:none;color:var(--text-muted);font-size:.9rem}.quiz-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.1rem;margin-bottom:2rem}.quiz-card{padding:1.25rem 1.5rem;border-radius:16px;background:var(--bg-soft);border:1px solid #3a3a3a;font-weight:600;transition:transform .15s ease,box-shadow .15s ease}.quiz-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000059}.quiz-card.active{background:#4caf50;color:#000;border-color:#4caf50}.quiz-card.taylor{background:linear-gradient(135deg,#f7c6d0,#e6a1b2);color:#3a0f1f;border:1px solid #d88aa0}.quiz-card.taylor.active{background:linear-gradient(135deg,#d94f7a,#b8325a);color:#fff;border-color:#b8325a}.question{display:flex;flex-direction:column;gap:.75rem}.question h2{font-size:1.25rem}.timer{align-self:flex-end;font-size:.9rem;color:var(--text-muted)}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:999}.modal{background:var(--bg-main);max-width:380px;width:100%;border-radius:18px;padding:1.75rem;box-shadow:0 30px 80px #00000080}.overlay-panel{margin-top:1rem;padding:1rem;border-radius:16px;background:var(--bg-soft);border:1px solid var(--border-main);max-height:260px;overflow-y:auto}.result-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:.75rem;margin:1rem 0}.summary-item{background:var(--bg-soft);border:1px solid var(--border-main);border-radius:14px;padding:.75rem;text-align:center}.summary-item span{font-size:1.1rem;color:var(--text-muted);margin-right:.5rem;margin-bottom:1rem}.summary-item strong{font-size:1.25rem}.result-actions.horizontal{display:flex;gap:.75rem}.setting-row{margin-bottom:1.2rem}.setting-row span{display:block;margin-bottom:.4rem;color:var(--text-muted)}.toggle{width:100%;padding:.75rem;border-radius:12px;border:1px solid var(--border-main);background:var(--bg-soft);color:var(--text-main)}.setting-row input[type=range]{width:100%}