/* ===== Accounts / practice / Gyandoot / Gyani (app module) ===== */
.opt:has(input:checked) { border-color: var(--purple); background: var(--t-lav); }
.opt.right:has(input:checked), .opt.right { border-color: var(--green); background: #E3F7EC; }
.opt.wrong:has(input:checked) { border-color: #C62828; background: #FDECEC; }
.opt:has(input:focus-visible) { outline: 3px solid var(--purple); outline-offset: 2px; }
.q-card[hidden] { display: none; }
.quiz-page .q-card + .q-card { margin-top: 16px; }
.chip.dark { background: var(--purple); color: #fff; }
.tabs form { margin: 0; }
.tabs .chip { min-height: 42px; }
.tutor-card { display: flex; gap: 16px; align-items: flex-start; }
.tutor-card img, .tutor-ph { width: 72px; height: 72px; border-radius: 18px; object-fit: cover; flex: none; background: var(--t-lav); display: flex; align-items: center; justify-content: center; font: 800 26px var(--display); color: var(--purple-ink); }
.verified { display: inline-flex; align-items: center; gap: 4px; padding: 3px 10px; border-radius: 999px; background: var(--t-mint); color: #1E6B57; font-size: 12px; font-weight: 800; }
.doubt-img { max-width: 100%; border-radius: 16px; margin-top: 10px; }
.chat-wrap { max-width: 860px; margin: 0 auto; }
.bubble.ai .prose { font-size: 16px; }
.bubble.ai .prose p:last-child { margin-bottom: 0; }
.bubble.err { align-self: center; background: #FDE7E5; color: #8C1D18; }
.typing { display: inline-flex; gap: 4px; }
.typing i { width: 7px; height: 7px; border-radius: 50%; background: var(--muted-2); animation: gpPulse 1s infinite; }
.typing i:nth-child(2) { animation-delay: .2s; } .typing i:nth-child(3) { animation-delay: .4s; }
.stars { display: flex; gap: 6px; flex-wrap: wrap; }
.stars label { min-width: 44px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; border-radius: 12px; border: 2px solid var(--line-2); font-weight: 800; cursor: pointer; }
.stars label:has(input:checked) { background: var(--yellow); border-color: #FF8C9D; }
.stars input { position: absolute; opacity: 0; }
.checkout-sum { display: grid; gap: 8px; }
.checkout-sum div { display: flex; justify-content: space-between; }
