.start-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.button-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.timer-chip{display:inline-flex;align-items:center;gap:6px;margin:0 0 12px;padding:7px 12px;border-radius:999px;background:#fff7dc;color:#805c13;font-weight:900;font-variant-numeric:tabular-nums}.result,.history{overflow:auto}.history{text-align:left}.history-header{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:22px}.history-header h1{margin-bottom:0}.history-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:14px}.history-card{min-width:0;padding:18px;border:1px solid #e0e6ff;border-radius:18px;background:linear-gradient(145deg,#fff,#f6f7ff);box-shadow:0 8px 24px rgba(76,71,169,.08);overflow-wrap:anywhere}.history-card.correct{border-left:5px solid #38a66e}.history-card.incorrect{border-left:5px solid #e48b55}.history-card h2{font-size:1rem;line-height:1.45;margin:8px 0}.history-meta{display:flex;justify-content:space-between;gap:8px;color:#69728b;font-size:.8rem}.history-answer{margin:8px 0;color:#596481}.empty-state{text-align:center;padding:clamp(36px,10vh,80px) 20px}.result-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.answer-details{margin:18px 0;text-align:left}.answer-details summary{margin-bottom:14px;color:#514aa8;font-weight:900;cursor:pointer}.answer-time{color:#6b62d5;font-weight:800}@media(max-width:700px){.start-actions,.result-actions{flex-direction:column}.button-link{width:100%}.history-header{align-items:stretch;flex-direction:column}.history,.result{padding:18px 14px}.quiz{overflow:auto}.quiz-layout{height:auto;min-height:100%;grid-template-columns:1fr}.question-pane{border-right:0;border-bottom:1px solid #dfe4f7}.question-pane,.answer-pane{padding:18px 14px}.history-meta{align-items:flex-start;flex-direction:column}.timer-chip{margin-top:4px}.question-pane h1{font-size:clamp(1.25rem,6vw,1.7rem)}}@media(max-width:380px){.history-card{padding:14px}.panel{border-radius:16px}.question-pane,.answer-pane{padding:14px 10px}}

/* Candy-orbit visual language: original CSS shapes shared by every journey stage. */
:root{--ink:#252153;--grape:#6938d3;--hot:#ff4f87;--sun:#ffc83d;--aqua:#20c9b5;--sky:#56b8ff}.panel{border:3px solid rgba(105,56,211,.16);box-shadow:0 18px 0 rgba(73,45,150,.08),0 28px 70px rgba(70,42,140,.18)}.eyebrow{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:999px;background:#fff0a8;color:#612bbd;text-transform:uppercase}.eyebrow::before{content:"";width:9px;height:9px;border-radius:3px;background:var(--hot);transform:rotate(45deg)}
.sky-dot{width:18px;height:18px;border:5px solid var(--sun);border-radius:6px;transform:rotate(45deg)}.sky .dot-one{left:5%;top:24%}.sky .dot-two{right:13%;bottom:14%;width:12px;height:12px;border-color:var(--hot);animation-delay:-1.7s}.sky-planet{position:fixed;right:4%;top:17%;width:64px;height:64px;border-radius:48% 52% 45% 55%;background:linear-gradient(145deg,var(--hot),#9c47e8);box-shadow:inset -9px -7px 0 rgba(74,31,139,.18);animation:float 4.2s ease-in-out infinite}.sky-planet::after{content:"";position:absolute;left:-15px;top:24px;width:90px;height:18px;border:7px solid var(--sun);border-top-color:transparent;border-radius:50%;transform:rotate(-13deg)}.sky-comet{position:fixed;left:7%;bottom:12%;width:28px;height:28px;border-radius:50%;background:var(--aqua);box-shadow:-14px 9px 0 -4px #8cebdc,-28px 18px 0 -8px #d0fff7;animation:float 3.4s ease-in-out infinite}
.planet-pal{position:relative;width:142px;height:118px;margin:0 auto 4px}.planet-body{position:absolute;left:33px;top:18px;width:78px;height:78px;border-radius:46% 54% 50% 47%;background:linear-gradient(145deg,#ff718f,var(--hot));border:5px solid var(--ink);box-shadow:inset -12px -9px 0 #dc3673}.planet-body::after{content:"";position:absolute;left:25px;top:47px;width:25px;height:11px;border-bottom:5px solid var(--ink);border-radius:50%}.planet-body i,.planet-body b{position:absolute;top:25px;width:9px;height:13px;background:var(--ink);border-radius:50%}.planet-body i{left:19px}.planet-body b{right:19px}.planet-ring{position:absolute;z-index:2;left:15px;top:45px;width:112px;height:36px;border:9px solid var(--sun);border-top-color:transparent;border-radius:50%;transform:rotate(-10deg)}.planet-moon{position:absolute;right:4px;top:4px;width:25px;height:25px;border:4px solid var(--ink);border-radius:50%;background:var(--aqua);animation:float 2.4s ease-in-out infinite}
.buddy-banner{display:flex;align-items:center;gap:10px;margin-bottom:10px;color:var(--grape);font-weight:900}.buddy-face{position:relative;width:42px;height:34px;border:4px solid var(--ink);border-radius:48% 52% 45% 55%;background:var(--sun);box-shadow:5px 5px 0 #f1a820}.buddy-face::after{content:"";position:absolute;left:12px;bottom:4px;width:13px;height:6px;border-bottom:3px solid var(--ink);border-radius:50%}.buddy-face i,.buddy-face b{position:absolute;top:9px;width:5px;height:6px;border-radius:50%;background:var(--ink)}.buddy-face i{left:9px}.buddy-face b{right:9px}.choice-status{min-height:24px;margin:2px 0 10px;color:#645f82;font-weight:800}.choice.is-selected span{transform:translateX(5px);border-color:var(--hot);background:#fff0f6;box-shadow:0 5px 0 rgba(255,79,135,.18)}.choice.is-selected b{background:var(--hot);color:#fff}.feedback.correct{border:3px solid #24a970;background:linear-gradient(135deg,#d9ffec,#fff)}.feedback.incorrect{border:3px solid #e19325;background:linear-gradient(135deg,#fff1bd,#fff)}.next-action{background:linear-gradient(135deg,var(--hot),var(--grape))}
.finish-badge{position:relative;width:124px;height:124px;margin:0 auto 8px;display:grid;place-items:center}.finish-burst{position:absolute;inset:6px;background:repeating-conic-gradient(var(--sun) 0 10deg,transparent 10deg 22deg);border-radius:50%;animation:spin 12s linear infinite}.finish-core{z-index:1;display:grid;place-items:center;width:78px;height:78px;border:5px solid var(--ink);border-radius:45% 55% 50% 46%;background:var(--aqua);color:var(--ink);font-size:1.35rem;font-weight:1000;transform:rotate(-5deg);box-shadow:8px 8px 0 rgba(37,33,83,.18)}.finish-badge.is-gold .finish-core{background:var(--sun)}
.history-title{display:flex;align-items:center;gap:14px}.trail-mark{position:relative;width:54px;height:54px;flex:0 0 auto;border:4px solid var(--ink);border-radius:18px 24px 18px 25px;background:var(--aqua);transform:rotate(-4deg);box-shadow:6px 6px 0 #c7f7ef}.trail-mark::after{content:"";position:absolute;left:12px;top:22px;width:25px;height:7px;border-radius:99px;background:var(--ink);transform:rotate(-20deg)}.trail-mark i,.trail-mark b{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--hot)}.trail-mark i{left:8px;top:9px}.trail-mark b{right:7px;bottom:7px}.history-card{border-width:2px;border-color:rgba(105,56,211,.2);box-shadow:7px 7px 0 rgba(105,56,211,.08)}.history-card.correct{border-left:7px solid var(--aqua)}.history-card.incorrect{border-left:7px solid var(--hot)}
@keyframes spin{to{transform:rotate(1turn)}}
@media(max-width:700px){.planet-pal{transform:scale(.82);margin-top:-10px;margin-bottom:-12px}.buddy-banner{font-size:.85rem}.sky-planet{right:-25px;opacity:.55}.history-title{align-items:flex-start}.trail-mark{width:46px;height:46px}.choice-status{font-size:.82rem}}
@media(prefers-reduced-motion:reduce){.finish-burst,.planet-moon,.sky-planet,.sky-comet{animation:none!important}.choice.is-selected span{transform:none}}
.account-bar{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-bottom:12px;color:#514aa8}.account-bar button{padding:8px 14px}.login-note,.save-status{padding:10px 14px;border-radius:12px;background:#fff5cf;color:#745313;font-weight:800}.auth-box{margin:22px auto 0;padding:20px;max-width:720px;border:2px solid rgba(105,56,211,.2);border-radius:18px;background:#faf8ff;text-align:left}.auth-box h2,.auth-box h3{margin-top:0}.auth-hint{color:#69728b}.auth-forms{display:grid;grid-template-columns:1fr 1fr;gap:18px}.auth-forms form{display:grid;gap:10px}.auth-forms label{display:grid;gap:5px;font-weight:800}.auth-forms input{width:100%;padding:11px 12px;border:2px solid #d8d4ee;border-radius:10px;font:inherit}.auth-forms input:focus{outline:3px solid rgba(86,184,255,.3);border-color:#6938d3}.auth-status{min-height:24px;color:#b53459;font-weight:900}.history>.account-bar{margin-bottom:18px}@media(max-width:700px){.auth-forms{grid-template-columns:1fr}.account-bar{align-items:stretch;flex-direction:column}.account-bar button{width:100%}}