.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:24px 16px}.app-header{text-align:center;margin-bottom:24px}.app-header h1{margin:0 0 4px;font-size:28px;font-weight:700;color:#1f6feb}.subtitle{margin:0;color:#6b7280;font-size:14px}.app-main{width:100%;max-width:640px}.card{background:#fff;border-radius:12px;box-shadow:0 8px 32px #00000014;padding:32px 28px}.progress{font-size:12px;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px}.question-text{font-size:22px;font-weight:600;margin:0 0 24px;color:#1f2937}.options{display:flex;flex-direction:column;gap:10px}.option{padding:14px 18px;font-size:16px;text-align:left;background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:border-color .15s,background-color .15s}.option:hover{border-color:#1f6feb}.option.selected{border-color:#1f6feb;background:#eff6ff;font-weight:600}.status{margin-top:24px;padding:10px 12px;background:#f3f4f6;border-radius:6px;color:#6b7280;font-size:13px;text-align:center}.actions{display:flex;justify-content:space-between;gap:8px;margin-top:20px}.btn{padding:10px 18px;border-radius:6px;border:1px solid #d1d5db;background:#fff;cursor:pointer;font-size:14px;font-weight:500}.btn:hover{background:#f9fafb}.btn-primary{background:#1f6feb;color:#fff;border-color:#1f6feb}.btn-primary:hover{background:#1554c4}.btn-secondary{background:#fff;color:#374151}.results h2{margin:0 0 16px;font-size:22px}.results h3{margin:24px 0 8px;font-size:14px}.muted{color:#6b7280}.empty{color:#6b7280;font-style:italic}.study-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.study{padding:12px 16px;border-left:4px solid #1f6feb;background:#f9fafb;border-radius:4px}.study-name{font-weight:600;font-size:16px;color:#1f2937}.study-notes{font-size:13px;color:#6b7280;margin-top:4px}.study-pi{font-size:12px;color:#9ca3af;margin-top:4px}.study-list.muted li{padding:4px 8px;font-size:13px;color:#9ca3af}.answers{list-style:none;padding:0;margin:0;font-size:13px;color:#6b7280}.answers li{padding:2px 0}details{margin-top:20px;padding-top:16px;border-top:1px solid #e5e7eb}details summary{cursor:pointer;color:#6b7280;font-size:13px;-webkit-user-select:none;user-select:none}.app-footer{margin-top:32px;font-size:12px;color:#6b7280}.trail{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000a;padding:16px 20px;margin-top:20px}.trail h3{margin:0 0 8px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#6b7280}.trail ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.trail li{display:flex;justify-content:space-between;align-items:baseline;font-size:13px;padding:4px 0;border-bottom:1px dashed #f3f4f6}.trail li:last-child{border-bottom:none}.trail-q{color:#6b7280}.trail-a{color:#1f6feb;font-weight:600}.study-panel{margin-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:16px;background:#fff;border-radius:12px;box-shadow:0 4px 16px #0000000d;padding:20px 24px}.study-panel-col h3{margin:0 0 8px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#6b7280}.study-panel-col ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:6px}.study-panel-col li{font-size:13px;padding:3px 10px;background:#eff6ff;color:#1554c4;border-radius:12px;font-weight:500}.study-panel-col li.strike{background:#f3f4f6;color:#9ca3af;text-decoration:line-through;font-weight:400}.study-panel-col .empty{font-size:13px;color:#9ca3af;font-style:italic;margin:0}@media(max-width:600px){.study-panel{grid-template-columns:1fr}}:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;color:#1f2937;background:linear-gradient(to bottom,#f5f7fa,#c3cfe2) fixed}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}button{font-family:inherit}