:root{--space-dark: #05070a;--nebula-purple: #6a11cb;--nebula-blue: #2575fc;--accent: #4facfe;--glass: rgba(255, 255, 255, .08)}.app-container{min-height:100vh;background:radial-gradient(circle at top right,#1a2a6c,#b21f1f,#fdbb2d);background:var(--space-dark);background-image:radial-gradient(white,rgba(255,255,255,.2) 2px,transparent 40px),radial-gradient(white,rgba(255,255,255,.15) 1px,transparent 30px),radial-gradient(white,rgba(255,255,255,.1) 2px,transparent 40px);background-size:550px 550px,350px 350px,250px 250px;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;font-family:Inter,system-ui,sans-serif}.cloud-status{position:fixed;top:20px;background:#0009;padding:8px 16px;border-radius:30px;display:flex;align-items:center;gap:10px;font-size:13px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:100}.divider{width:1px;height:12px;background:#fff3}.glass-card{background:var(--glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);border-radius:32px;padding:40px;width:100%;max-width:480px;box-shadow:0 25px 50px -12px #00000080}.visual-header{margin-bottom:20px;display:flex;justify-content:center}.solar-svg{width:180px;filter:drop-shadow(0 0 20px rgba(255,140,0,.4))}h1{font-size:32px;font-weight:800;margin-bottom:8px;text-align:center;background:linear-gradient(to bottom,#fff,#aaa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.subtitle{color:#fff9;text-align:center;margin-bottom:30px}.action-stack{display:flex;flex-direction:column;gap:14px}button{border:none;cursor:pointer;transition:all .2s;font-weight:600}.btn-main{background:linear-gradient(135deg,var(--nebula-blue),var(--nebula-purple));color:#fff;padding:16px;border-radius:16px;font-size:18px;box-shadow:0 10px 20px #2575fc4d}.btn-ai{background:#ffffff1a;color:#fff;padding:14px;border-radius:16px;border:1px solid rgba(255,255,255,.1)}.btn-outline{background:transparent;color:#fffc;padding:12px}.quiz-progress{margin-bottom:30px}.progress-text{font-size:14px;color:var(--accent);margin-bottom:8px;font-weight:700}.progress-track{height:6px;background:#ffffff1a;border-radius:10px;overflow:hidden}.progress-thumb{height:100%;background:var(--accent);box-shadow:0 0 10px var(--accent)}.question-title{font-size:22px;line-height:1.5;margin-bottom:30px;min-height:66px}.options-list{display:flex;flex-direction:column;gap:12px}.opt-item{background:#ffffff0d;padding:18px;border-radius:16px;color:#fff;display:flex;align-items:center;text-align:left;font-size:16px}.opt-idx{background:var(--accent);color:var(--space-dark);width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-right:15px;font-weight:800;flex-shrink:0}.hint-tag{margin-top:30px;padding:12px;background:#ffc1071a;border-radius:12px;color:#ffc107;font-size:13px;display:flex;align-items:center;gap:8px}.final-score{margin:30px 0}.big-num{font-size:80px;font-weight:900;color:var(--accent)}.total-num{font-size:24px;color:#ffffff4d}.review-panel{display:flex;flex-direction:column;max-height:80vh}.panel-header{display:flex;align-items:center;margin-bottom:20px}.back-icon{background:none;color:#fff;margin-right:10px}.review-scroll{overflow-y:auto;padding-right:10px}.review-card{background:#ffffff0d;padding:20px;border-radius:16px;margin-bottom:12px;border-left:4px solid #ff4b2b}.q-text{font-weight:600;margin-bottom:10px}.a-badge{font-size:13px;color:#4caf50;font-weight:700}.spinning{animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.floating-trophy{color:gold;filter:drop-shadow(0 0 20px rgba(255,215,0,.5));animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}