:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif}html,body{height:100%;margin:0;overflow-x:hidden}#root{min-height:100%}:root{--bg:#f8fafc;--bg-card:#fff;--text:#1e293b;--text-muted:#64748b;--text-soft:#94a3b8;--accent:#0f766e;--accent-light:#14b8a6;--accent-bg:#ccfbf1;--ok:#059669;--ok-bg:#d1fae5;--bad:#dc2626;--bad-bg:#fee2e2;--border:#e2e8f0;--shadow-sm:0 1px 2px #0f172a0d;--shadow:0 4px 6px -1px #0f172a12, 0 2px 4px -2px #0f172a0d;--shadow-lg:0 10px 15px -3px #0f172a14, 0 4px 6px -4px #0f172a0d;--shadow-xl:0 22px 40px -24px #0f172a47;--radius:12px;--radius-lg:16px;--radius-xl:24px;--duration-fast:.14s;--duration-medium:.22s;--duration-slow:.36s;--ease-smooth:cubic-bezier(.22, 1, .36, 1);--focus-ring:0 0 0 3px #14b8a62e}.pageTransition{animation:pageFadeIn var(--duration-medium) var(--ease-smooth);transform-origin:top;will-change:transform, opacity}.pageTransition .stack>*{animation:sectionRise var(--duration-medium) var(--ease-smooth) both}.pageTransition .stack>:nth-child(2){animation-delay:40ms}.pageTransition .stack>:nth-child(3){animation-delay:80ms}.pageTransition .stack>:nth-child(4){animation-delay:.12s}.topBar{z-index:20;border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);min-width:0;transition:background-color var(--duration-medium) var(--ease-smooth), box-shadow var(--duration-medium) var(--ease-smooth), border-color var(--duration-medium) var(--ease-smooth);background:#ffffffb8;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:sticky;top:0}.topBar.compact{box-shadow:var(--shadow);background:#ffffffd6}.brand{cursor:pointer;-webkit-user-select:none;user-select:none;min-width:0;transition:transform var(--duration-fast) var(--ease-smooth);flex:auto;align-items:center;gap:14px;display:flex}.brandMark{border-radius:var(--radius);color:#fff;background:linear-gradient(135deg, var(--accent) 0%, var(--accent-light) 100%);width:44px;height:44px;box-shadow:var(--shadow);transition:transform var(--duration-fast) var(--ease-smooth), box-shadow var(--duration-fast) var(--ease-smooth);justify-content:center;align-items:center;font-size:18px;font-weight:800;display:flex}.funControls{flex:none;gap:8px;display:flex}.funToggle{border:1px solid var(--border);background:var(--bg);color:var(--text-muted);cursor:pointer;transition:transform var(--duration-fast) var(--ease-smooth), border-color var(--duration-fast) var(--ease-smooth), background-color var(--duration-fast) var(--ease-smooth), color var(--duration-fast) var(--ease-smooth);border-radius:999px;align-items:center;gap:6px;padding:8px 10px;font-size:.78rem;font-weight:700;display:inline-flex}.funToggle.active{border-color:var(--accent-light);background:var(--accent-bg);color:var(--accent)}.langSwitcher button{border:1px solid var(--border);background:var(--bg);color:var(--text-muted);cursor:pointer;transition:transform var(--duration-fast) var(--ease-smooth), border-color var(--duration-fast) var(--ease-smooth), background-color var(--duration-fast) var(--ease-smooth), color var(--duration-fast) var(--ease-smooth), box-shadow var(--duration-fast) var(--ease-smooth);border-radius:8px;padding:6px 12px;font-size:.8rem;font-weight:600}.navBtn{border:1px solid var(--border);background:var(--bg);color:var(--text);transition:transform var(--duration-fast) var(--ease-smooth), border-color var(--duration-fast) var(--ease-smooth), background-color var(--duration-fast) var(--ease-smooth), color var(--duration-fast) var(--ease-smooth), box-shadow var(--duration-fast) var(--ease-smooth);border-radius:999px;padding:10px 16px;font-size:.875rem;font-weight:600;position:relative;overflow:hidden}.navActiveBg{border-radius:inherit;background:linear-gradient(135deg,#14b8a638 0%,#0f766e14 100%);position:absolute;inset:0}.navBtnLabel{z-index:1;position:relative}.navBtn:hover{background:var(--border);transform:translateY(-1px)}.heroCard{border-radius:var(--radius-xl);border:1px solid var(--border);box-shadow:var(--shadow);background:linear-gradient(135deg,#0f766e1f 0%,#14b8a60d 52%,#8b5cf614 100%) 0 0/180% 180%;min-width:0;animation:14s ease-in-out infinite heroGradientDrift;position:relative;overflow:hidden}.heroGlow{pointer-events:none;filter:blur(10px);background:radial-gradient(circle at 20% 20%,#14b8a647,#0000 34%),radial-gradient(circle at 82% 18%,#3b82f629,#0000 28%),radial-gradient(circle at 52% 82%,#8b5cf61f,#0000 32%);position:absolute;inset:0}.welcomeIntro{animation-duration:var(--duration-slow)}.welcomeIntroInner{align-items:center;gap:20px;display:grid}.welcomeMedia,.welcomeContent{min-width:0}.welcomeImage{border-radius:var(--radius-lg);width:100%;max-width:100%;box-shadow:var(--shadow-lg);object-fit:cover;border:1px solid #ffffff59;display:block}.welcomeBullets{gap:10px;margin-top:18px;display:grid}.welcomeBullet{color:var(--text);background:#ffffffa6;border:1px solid #e2e8f0e6;border-radius:14px;align-items:center;gap:10px;padding:10px 12px;font-weight:600;display:flex}.welcomeBullet:before{content:"✓";background:var(--accent-bg);width:24px;height:24px;color:var(--accent);border-radius:999px;flex:none;justify-content:center;align-items:center;font-size:.82rem;font-weight:800;display:inline-flex}.welcomeNote{color:var(--text-muted);margin:18px 0 0;line-height:1.6}.welcomeActions{flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}.panel{border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-sm);min-width:0;transition:transform var(--duration-medium) var(--ease-smooth), box-shadow var(--duration-medium) var(--ease-smooth), border-color var(--duration-medium) var(--ease-smooth);padding:20px}.search{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-card);color:var(--text);transition:border-color var(--duration-fast) var(--ease-smooth), box-shadow var(--duration-fast) var(--ease-smooth), background-color var(--duration-fast) var(--ease-smooth);outline:none;flex:1;padding:12px 16px;font-size:1rem}.btnPrimary,.btnSecondary{border-radius:var(--radius);transition:transform var(--duration-fast) var(--ease-smooth), border-color var(--duration-fast) var(--ease-smooth), background-color var(--duration-fast) var(--ease-smooth), color var(--duration-fast) var(--ease-smooth), box-shadow var(--duration-fast) var(--ease-smooth), filter var(--duration-fast) var(--ease-smooth);cursor:pointer;padding:12px 20px;font-size:.9rem;font-weight:600}.btnPrimary:hover:not(:disabled){filter:brightness(1.05);box-shadow:var(--shadow);transform:translateY(-1px)}.btnSecondary:hover:not(:disabled){background:var(--bg);transform:translateY(-1px)}.btnPrimary:active:not(:disabled),.btnSecondary:active:not(:disabled),.navBtn:active,.langSwitcher button:active,.brand:active{transform:scale(.98)}.brand:hover .brandMark{box-shadow:var(--shadow-lg);transform:scale(1.04)rotate(-2deg)}.btnPrimary:focus-visible,.btnSecondary:focus-visible,.navBtn:focus-visible,.langSwitcher button:focus-visible,.search:focus-visible,.brand:focus-visible,.outlineTopic:focus-visible,.topicCard:focus-visible,.choice:focus-visible,.examIndexBtn:focus-visible,.bottomBtn:focus-visible{box-shadow:var(--focus-ring);outline:none}.toastViewport{right:16px;bottom:calc(88px + env(safe-area-inset-bottom));z-index:40;pointer-events:none;justify-content:flex-end;display:flex;position:fixed}.toast{color:#fff;min-width:min(360px,100vw - 32px);max-width:min(420px,100vw - 32px);box-shadow:var(--shadow-lg);animation:toastIn var(--duration-medium) var(--ease-smooth);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172aeb;border-radius:14px;align-items:center;gap:10px;padding:14px 16px;display:inline-flex;position:relative;overflow:hidden}.toast.info{background:#0f766eeb}.toast.success{background:#059669f0}.toast.warning{background:#b45309f0}.toastIcon{background:#ffffff29;border-radius:999px;flex:none;justify-content:center;align-items:center;width:26px;height:26px;font-weight:800;display:inline-flex}.toastMessage{z-index:1;position:relative}.toastBody{z-index:1;flex:auto;gap:2px;display:grid;position:relative}.toastTitle{letter-spacing:.02em;text-transform:uppercase;opacity:.8;font-size:.76rem;font-weight:800}.toastBadge{z-index:1;background:#ffffff24;border-radius:999px;align-items:center;padding:6px 10px;font-size:.72rem;font-weight:800;display:inline-flex;position:relative}.toastProgress{transform-origin:0;background:#ffffffa6;height:3px;position:absolute;bottom:0;left:0;right:0}.skeletonBlock,.skeletonCard,.skeletonInset,.skeletonLine,.skeletonInput,.skeletonBar{position:relative;overflow:hidden}.skeletonBlock:after,.skeletonCard:after,.skeletonInset:after,.skeletonLine:after,.skeletonInput:after,.skeletonBar:after{content:"";background:linear-gradient(115deg,#0000 30%,#ffffffc7 50%,#0000 70%);animation:1.4s infinite skeletonShimmer;position:absolute;inset:0;transform:translate(-100%)}.skeletonLine,.skeletonInput,.skeletonBar,.skeletonCard{background:linear-gradient(#e8eef5 0%,#f0f5f9 100%)}.skeletonLine{border-radius:999px;height:14px;margin-top:10px}.skeletonLine.short{width:30%}.skeletonLine.medium{width:56%}.skeletonLine.title{width:72%;height:28px;margin-top:14px}.skeletonLine.tiny{width:24%}.skeletonInput{border-radius:var(--radius);height:48px}.skeletonBar{border-radius:999px;height:10px;margin-top:14px}.skeletonGrid{gap:12px;margin-top:16px;display:grid}.skeletonCard{border-radius:var(--radius-lg);min-height:96px}.skeletonInset{min-height:108px}@keyframes pageFadeIn{0%{opacity:0}to{opacity:1}}@keyframes sectionRise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes toastIn{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes skeletonShimmer{to{transform:translate(100%)}}@keyframes heroGradientDrift{0%,to{background-position:0%}50%{background-position:100%}}.heroCardInteractive{perspective:1000px}.emptyState{justify-items:start;gap:8px;padding:8px 0 4px;display:grid}.emptyStateIcon{background:var(--accent-bg);width:42px;height:42px;color:var(--accent);box-shadow:var(--shadow-sm);border-radius:14px;justify-content:center;align-items:center;font-weight:800;display:inline-flex}.emptyStateTitle{color:var(--text);font-size:.96rem;font-weight:700}.heroRewardRow,.quizRewardRow{flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;display:flex}.streakBadge{color:var(--accent);background:#14b8a614;border:1px solid #14b8a638;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;display:inline-flex}.streakBadge.hot{color:#b45309;background:linear-gradient(135deg,#fbbf242e 0%,#f59e0b14 100%);border-color:#f59e0b57}.streakBadgeValue{font-size:.96rem;font-weight:900}.streakBadgeLabel{text-transform:uppercase;letter-spacing:.03em;font-size:.76rem;font-weight:700}.milestoneChip{color:var(--text);background:#0f766e14;border:1px solid #0f766e29;border-radius:999px;align-items:center;padding:8px 12px;font-size:.78rem;font-weight:700;display:inline-flex}.milestoneChip.done{color:var(--ok);background:#0596691f;border-color:#05966940}.milestoneTrack{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.milestoneTrackItem{color:var(--text-muted);background:#0f172a0d;border-radius:999px;align-items:center;padding:5px 9px;font-size:.72rem;font-weight:700;display:inline-flex}.quizScoreSummary{justify-content:space-between;align-items:center;gap:20px;display:flex}.scoreRingWrap{flex:none;width:120px;height:120px;position:relative}.scoreRing{width:120px;height:120px;transform:rotate(-90deg)}.scoreRingTrack,.scoreRingValue{fill:none;stroke-width:10px;stroke-linecap:round}.scoreRingTrack{stroke:#94a3b838}.scoreRingValue{stroke:var(--accent)}.scoreRingCenter{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.scoreRingValueText{color:var(--text);font-size:1.35rem;font-weight:800}.feedbackTitleRow{align-items:center;gap:10px;display:flex}.feedbackPremium{box-shadow:var(--shadow-sm)}.feedbackIcon{background:#ffffff8c;border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;font-weight:800;display:inline-flex}.celebrationViewport{z-index:45;pointer-events:none;justify-content:center;padding:0 16px;display:flex;position:fixed;inset:92px 0 auto}.celebrationBurst{min-width:min(360px,100vw - 32px);max-width:min(420px,100vw - 32px);box-shadow:var(--shadow-xl);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffeb;border:1px solid #14b8a633;border-radius:20px;padding:16px 18px;position:relative}.celebrationBurst.combo{border-color:#f59e0b42}.celebrationBurst.complete{border-color:#05966942}.celebrationCore{z-index:1;align-items:center;gap:12px;display:flex;position:relative}.celebrationIcon{background:var(--accent-bg);width:38px;height:38px;color:var(--accent);border-radius:14px;justify-content:center;align-items:center;font-weight:900;display:inline-flex}.celebrationText{min-width:0}.celebrationTitle{color:var(--text);font-size:.96rem;font-weight:800}.celebrationLabel{color:var(--text-muted);margin-top:2px;font-size:.82rem;font-weight:600}.celebrationParticles{width:0;height:0;position:absolute;inset:50% auto auto 50%}.celebrationParticle{background:linear-gradient(135deg,#14b8a6 0%,#8b5cf6 100%);border-radius:999px;width:8px;height:8px;position:absolute;box-shadow:0 0 0 3px #14b8a61f}@media (width>=860px){.welcomeIntroInner{grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr)}}@media (width<=640px){.welcomeActions .btnPrimary,.welcomeActions .btnSecondary{width:100%}.quizScoreSummary{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.interactiveCard{transform-style:preserve-3d;transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));position:relative}.cardShine{border-radius:inherit;pointer-events:none;background:radial-gradient(circle at var(--mx,50%) var(--my,50%), #ffffff57, transparent 36%);opacity:0;transition:opacity var(--duration-medium) var(--ease-smooth);position:absolute;inset:0}.topicCard{text-align:left;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-card);cursor:pointer;transition:transform var(--duration-medium) var(--ease-smooth), box-shadow var(--duration-medium) var(--ease-smooth), border-color var(--duration-medium) var(--ease-smooth), background-color var(--duration-medium) var(--ease-smooth);box-shadow:var(--shadow-sm);min-width:0;max-width:100%;padding:16px}.topicCard:hover .cardShine{opacity:1}.topicCard:active{transform:scale(.985)}.topicCard.done .badge.ok{animation:badgePulse .42s var(--ease-smooth)}.chip{background:var(--bg);border:1px solid var(--border);color:var(--text-muted);transition:transform var(--duration-fast) var(--ease-smooth), border-color var(--duration-fast) var(--ease-smooth), background-color var(--duration-fast) var(--ease-smooth);border-radius:999px;padding:6px 10px;font-size:.75rem;font-weight:500}.outlineSummaryBtn{cursor:pointer;width:100%;color:var(--text);transition:background-color var(--duration-fast) var(--ease-smooth), transform var(--duration-fast) var(--ease-smooth);background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;padding:16px;font-weight:700;list-style:none;display:flex}.outlineSummaryBtn:hover{background:var(--bg);transform:translate(2px)}.outlineSummaryMain{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.outlineChevron{color:var(--text-soft);flex:none;font-size:1.1rem}.outlineTopic{border:1px solid var(--border);background:var(--bg-card);color:var(--text);cursor:pointer;transition:transform var(--duration-fast) var(--ease-smooth), border-color var(--duration-fast) var(--ease-smooth), color var(--duration-fast) var(--ease-smooth), background-color var(--duration-fast) var(--ease-smooth), box-shadow var(--duration-fast) var(--ease-smooth);border-radius:999px;padding:8px 14px;font-size:.8rem;font-weight:600}.outlineTopic:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-bg);transform:translateY(-1px)}.outlineTopic:active{transform:scale(.98)}.itemCard{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg);transition:transform var(--duration-medium) var(--ease-smooth), box-shadow var(--duration-medium) var(--ease-smooth), border-color var(--duration-medium) var(--ease-smooth);padding:16px}.itemCard:hover{border-color:var(--accent-light);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.itemCard.open{box-shadow:var(--shadow);border-color:#14b8a647}.itemToggle{text-align:left;cursor:pointer;background:0 0;border:0;width:100%;margin:0;padding:0}.itemHeaderMain{min-width:0}.itemHeaderAside{flex:none;align-items:center;gap:10px;display:flex}.itemPreview{margin:6px 0 0}.itemBody{overflow:hidden}.itemChevron{color:var(--text-soft);font-size:1rem}.acronym{background:var(--accent-bg);color:var(--accent);font:inherit;cursor:pointer;touch-action:manipulation;transition:transform var(--duration-fast) var(--ease-smooth), background-color var(--duration-fast) var(--ease-smooth), color var(--duration-fast) var(--ease-smooth), box-shadow var(--duration-fast) var(--ease-smooth);border:0;border-radius:6px;padding:2px 6px;font-weight:700;line-height:1.3}.acronymPopover{z-index:8;background:var(--text);color:#fff;width:max-content;max-width:min(280px,100vw - 48px);box-shadow:var(--shadow-lg);animation:acronymPopoverIn var(--duration-fast) var(--ease-smooth);transform-origin:bottom;border-radius:10px;padding:10px 12px;font-size:.82rem;font-weight:500;line-height:1.4;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}.topicHeroPanel{position:relative;overflow:hidden}.doneActionBtn{position:relative;overflow:visible}.doneActionLabel{z-index:1;position:relative}.doneCheck{background:#fff3;border-radius:999px;justify-content:center;align-items:center;width:22px;height:22px;margin-left:10px;font-weight:800;display:inline-flex}.doneBurst{pointer-events:none;width:0;height:0;position:absolute;inset:50% auto auto 50%}.doneParticle{background:#14b8a6d9;border-radius:999px;width:8px;height:8px;position:absolute;box-shadow:0 0 0 3px #14b8a624}@media (width<=640px){.acronymPopover{left:0;transform:none}.acronymPopover:after{left:18px;transform:none}}@keyframes badgePulse{0%{transform:scale(.92)}65%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes acronymPopoverIn{0%{opacity:0;transform:translate(-50%)translateY(4px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.quizStage{min-height:320px}.progress{background:var(--border);border-radius:999px;height:8px;overflow:hidden}.bar{background:linear-gradient(90deg, var(--accent) 0%, var(--accent-light) 100%);height:100%;transition:width var(--duration-slow) var(--ease-smooth);border-radius:999px}.choice{text-align:left;border-radius:var(--radius);border:2px solid var(--border);background:var(--bg-card);color:var(--text);cursor:pointer;transition:transform var(--duration-fast) var(--ease-smooth), border-color var(--duration-fast) var(--ease-smooth), background-color var(--duration-fast) var(--ease-smooth), box-shadow var(--duration-fast) var(--ease-smooth);padding:14px 18px;font-size:.95rem;font-weight:500}.choice:hover:not(:disabled){border-color:var(--accent-light);background:var(--accent-bg);transform:translateY(-1px)}.choice.selected{border-color:var(--accent);background:var(--accent-bg);box-shadow:0 10px 20px -18px #0f766ea6}.choice.answerPulse{animation:answerPulse .36s var(--ease-smooth)}.choice.correct{border-color:var(--ok);background:var(--ok-bg);box-shadow:0 12px 24px -20px #059669cc}.choice.wrong{border-color:var(--bad);background:var(--bad-bg);box-shadow:0 12px 24px -20px #dc2626bf}.choice.answerShake{animation:.32s ease-out answerShake}.choice:active:not(:disabled){transform:scale(.99)}.feedback{border-radius:var(--radius);border:1px solid var(--border);animation:feedbackReveal var(--duration-medium) var(--ease-smooth);margin-top:16px;padding:16px}.quizHubCard{min-width:0;max-width:100%;transition:transform var(--duration-medium) var(--ease-smooth), box-shadow var(--duration-medium) var(--ease-smooth), border-color var(--duration-medium) var(--ease-smooth);flex-direction:column;gap:12px;display:flex}.quizHubCard:hover{box-shadow:var(--shadow);border-color:var(--accent-light);transform:translateY(-2px)}.examTimer.warn{color:#b45309;background:#fbbf2424;border-color:#f59e0b}.examTimer.danger{border-color:var(--bad);color:#c2410c;background:linear-gradient(135deg,#fee2e2f2 0%,#ffedd5f2 100%);animation:1.1s ease-in-out infinite timerPulse}.examTimer.critical{border-color:var(--bad);color:var(--bad);background:linear-gradient(135deg,#fee2e2fa 0%,#fca5a552 100%);animation:.7s ease-in-out infinite timerPulse;box-shadow:0 0 #dc26262e}.examIndexBtn{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg);color:var(--text);transition:transform var(--duration-fast) var(--ease-smooth), border-color var(--duration-fast) var(--ease-smooth), background-color var(--duration-fast) var(--ease-smooth), color var(--duration-fast) var(--ease-smooth), box-shadow var(--duration-fast) var(--ease-smooth);padding:12px 8px;font-weight:700;position:relative;overflow:hidden}.examIndexFill{height:0%;transition:height var(--duration-medium) var(--ease-smooth);background:linear-gradient(#14b8a614 0%,#14b8a638 100%);position:absolute;inset:auto 0 0}.examIndexLabel{z-index:1;position:relative}.examIndexBtn:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.examIndexBtn:active{transform:scale(.98)}.examIndexBtn.answered .examIndexFill{height:100%}.quizScorePanel,.examResultPanel{box-shadow:var(--shadow-xl)}.examSubmitting{pointer-events:none;position:relative}.examSubmitting:after{content:"";border-radius:inherit;background:linear-gradient(90deg,#0000,#ffffff5c,#0000);animation:.7s linear infinite submitSweep;position:absolute;inset:0}.miniQ{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg);transition:transform var(--duration-medium) var(--ease-smooth), border-color var(--duration-medium) var(--ease-smooth), box-shadow var(--duration-medium) var(--ease-smooth);padding:14px}.miniQ:hover{border-color:var(--accent-light);box-shadow:var(--shadow-sm);transform:translateY(-2px)}@keyframes feedbackReveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes answerPulse{0%{transform:scale(.98)}65%{transform:scale(1.015)}to{transform:scale(1)}}@keyframes answerShake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@keyframes timerPulse{0%,to{box-shadow:0 0 #dc26261f}50%{box-shadow:0 0 0 8px #dc262612}}@keyframes submitSweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}.bottomBar{--bottom-gap:10px;z-index:20;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:var(--bg-card);border-top:1px solid var(--border);grid-template-columns:repeat(3,1fr);gap:10px;display:grid;position:fixed;bottom:0;left:0;right:0;overflow:hidden;box-shadow:0 -4px 12px #0f172a0d}.bottomActivePill{width:calc((100% - 32px - (var(--bottom-gap) * 2)) / 3);height:calc(100% - 20px - env(safe-area-inset-bottom));border-radius:var(--radius-lg);pointer-events:none;background:linear-gradient(135deg,#14b8a629 0%,#0f766e14 100%);position:absolute;top:10px;left:16px}.bottomBtn{z-index:1;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;transition:transform var(--duration-fast) var(--ease-smooth), border-color var(--duration-fast) var(--ease-smooth), background-color var(--duration-fast) var(--ease-smooth), color var(--duration-fast) var(--ease-smooth), box-shadow var(--duration-fast) var(--ease-smooth);flex-direction:column;align-items:center;gap:2px;padding:10px 8px;font-size:.8rem;font-weight:600;display:flex;position:relative}.bottomBtn:hover{background:var(--border);transform:translateY(-1px)}.bottomBtn.active{border-color:var(--accent-light);color:var(--accent);background:0 0}.bottomBtn:active{transform:scale(.98)}.bottomLabel{color:var(--text-muted);transition:opacity var(--duration-medium) var(--ease-smooth);font-size:.66rem;line-height:1.1}@media (width>=860px){.topNav{display:flex}.bottomBar{display:none}.main{padding-bottom:32px}.grid{grid-template-columns:repeat(2,1fr)}.homeFocusGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.quizHubList{grid-template-columns:repeat(2,1fr)}.heroStats{grid-template-columns:1.2fr .8fr}.toastViewport{bottom:20px}.skeletonGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=480px){.topBar{gap:10px;padding:12px 14px}.brand{gap:10px}.brandMark{width:38px;height:38px;font-size:16px}.brandTitle{font-size:.98rem}.brandSub{font-size:.7rem}.topBarRight{gap:8px}.langSwitcher button{min-width:0;padding:6px 9px;font-size:.75rem}.main{padding-left:14px;padding-right:14px}.searchRow{flex-wrap:wrap;align-items:stretch}.searchRow .btnSecondary,.searchRow .btnPrimary{width:100%}.bottomBar{--bottom-gap:8px;padding:8px 12px calc(8px + env(safe-area-inset-bottom));gap:8px}.bottomActivePill{width:calc((100% - 24px - (var(--bottom-gap) * 2)) / 3);height:calc(100% - 16px - env(safe-area-inset-bottom));top:8px;left:12px}}:root{--bg:#f8fafc;--bg-card:#fff;--text:#1e293b;--text-muted:#64748b;--text-soft:#94a3b8;--accent:#0f766e;--accent-light:#14b8a6;--accent-bg:#ccfbf1;--ok:#059669;--ok-bg:#d1fae5;--bad:#dc2626;--bad-bg:#fee2e2;--border:#e2e8f0;--shadow-sm:0 1px 2px #0f172a0d;--shadow:0 4px 6px -1px #0f172a12, 0 2px 4px -2px #0f172a0d;--shadow-lg:0 10px 15px -3px #0f172a14, 0 4px 6px -4px #0f172a0d;--radius:12px;--radius-lg:16px;--radius-xl:24px}*{box-sizing:border-box}.appShell{background:var(--bg);grid-template-rows:auto 1fr auto;width:100%;max-width:100%;min-height:100dvh;display:grid;overflow-x:clip}.main{width:100%;min-width:0;max-width:720px;margin:0 auto;padding:24px 20px 116px}.stack{flex-direction:column;gap:20px;min-width:0;display:flex}.topBar{z-index:20;background:var(--bg-card);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;min-width:0;padding:16px 20px;display:flex;position:sticky;top:0}.brand{cursor:pointer;-webkit-user-select:none;user-select:none;flex:auto;align-items:center;gap:14px;min-width:0;display:flex}.brandText{min-width:0}.brandMark{border-radius:var(--radius);color:#fff;background:linear-gradient(135deg, var(--accent) 0%, var(--accent-light) 100%);width:44px;height:44px;box-shadow:var(--shadow);justify-content:center;align-items:center;font-size:18px;font-weight:800;display:flex}.brandTitle{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:1.1rem;font-weight:700;line-height:1.2;overflow:hidden}.brandSub{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;font-weight:500;overflow:hidden}.topBarRight{flex-wrap:wrap;flex:none;justify-content:flex-end;align-items:center;gap:16px;min-width:0;display:flex}.langSwitcher{flex:none;gap:4px;display:flex}.langSwitcher button{border:1px solid var(--border);background:var(--bg);color:var(--text-muted);cursor:pointer;border-radius:8px;padding:6px 12px;font-size:.8rem;font-weight:600;transition:all .2s}.topBar,.main,.bottomBar{width:100%;max-width:100%}.langSwitcher button:hover,.langSwitcher button.active{background:var(--accent-bg);border-color:var(--accent-light);color:var(--accent)}.topNav{gap:8px;display:none}.navBtn{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:999px;padding:10px 16px;font-size:.875rem;font-weight:600;transition:all .2s}.navBtn:hover{background:var(--border)}.navBtn.active{background:var(--accent-bg);border-color:var(--accent-light);color:var(--accent)}.heroCard{border-radius:var(--radius-xl);border:1px solid var(--border);box-shadow:var(--shadow);background:linear-gradient(135deg,#0f766e14 0%,#14b8a60a 100%);min-width:0;position:relative;overflow:hidden}.heroCard.small .heroTitle{font-size:1.5rem}.heroGlow{pointer-events:none;position:absolute;inset:0}.heroInner{min-width:0;padding:24px;position:relative}.heroKicker{background:var(--accent-bg);color:var(--accent);letter-spacing:.02em;border-radius:999px;padding:6px 12px;font-size:.75rem;font-weight:600;display:inline-block}.heroTitle{color:var(--text);letter-spacing:-.02em;overflow-wrap:anywhere;margin:12px 0 8px;font-size:1.75rem;font-weight:800;line-height:1.2}.heroSubtitle{color:var(--text-muted);overflow-wrap:anywhere;margin:0;font-size:.95rem;line-height:1.5}.heroStats{gap:16px;min-width:0;margin-top:20px;display:grid}.stat{border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border);min-width:0;padding:16px}.statTop{justify-content:space-between;align-items:center;gap:12px;min-width:0;margin-bottom:10px;display:flex}.statTop>*{min-width:0}.statPct{color:var(--accent);font-size:1.5rem;font-weight:800}.muted{color:var(--text-muted);font-size:.875rem}.muted.small{color:var(--text-soft);font-size:.75rem}.lead{color:var(--text-muted);font-size:1rem;line-height:1.6}.panel{border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-sm);min-width:0;padding:20px}.sectionHead{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.sectionHead h2{margin:0}.sectionSubTitle{color:var(--text);margin:0 0 12px;font-size:1rem;font-weight:700}.pill{background:var(--bg);border:1px solid var(--border);color:var(--text-muted);border-radius:999px;align-items:center;padding:6px 12px;font-size:.75rem;font-weight:600;display:inline-flex}.pill.accent{background:var(--accent-bg);border-color:var(--accent-light);color:var(--accent)}.searchRow{align-items:center;gap:12px;min-width:0;display:flex}.searchRow>*{min-width:0}.search{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-card);color:var(--text);outline:none;flex:1;padding:12px 16px;font-size:1rem;transition:border-color .2s,box-shadow .2s}.search::placeholder{color:var(--text-soft)}.search:focus{border-color:var(--accent);box-shadow:0 0 0 3px #0f766e26}.btnPrimary,.btnSecondary{border-radius:var(--radius);cursor:pointer;padding:12px 20px;font-size:.9rem;font-weight:600;transition:all .2s}.btnPrimary{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-light) 100%);color:#fff;box-shadow:var(--shadow-sm);border:none}.btnPrimary:hover:not(:disabled){filter:brightness(1.05);box-shadow:var(--shadow)}.btnPrimary.ghost{background:var(--accent-bg);color:var(--accent)}.btnSecondary{border:1px solid var(--border);background:var(--bg-card);color:var(--text)}.btnSecondary:hover:not(:disabled){background:var(--bg)}.btnSecondary:disabled,.btnPrimary:disabled{opacity:.5;cursor:not-allowed}.installBtn{white-space:nowrap}.grid{gap:12px;display:grid}.homeFocusGrid{gap:20px;display:grid}.homeFocusCol{min-width:0}.homeFocusList{gap:12px;display:grid}.topicCard{text-align:left;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-card);cursor:pointer;box-shadow:var(--shadow-sm);min-width:0;max-width:100%;padding:16px;transition:all .2s}.topicCard:hover{border-color:var(--accent-light);box-shadow:var(--shadow);transform:translateY(-2px)}.topicCard.done{border-color:var(--ok);background:linear-gradient(to bottom, var(--ok-bg) 0%, var(--bg-card) 100%)}.topicTop{justify-content:space-between;align-items:flex-start;gap:12px;min-width:0;display:flex}.topicTop>*{min-width:0}.topicTitle{color:var(--text);overflow-wrap:anywhere;font-size:1rem;font-weight:700;line-height:1.3}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{background:var(--bg);border:1px solid var(--border);color:var(--text-muted);border-radius:999px;padding:6px 10px;font-size:.75rem;font-weight:500}.topicBottom{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.badge{background:var(--bg);border:1px solid var(--border);color:var(--text-muted);border-radius:999px;padding:6px 10px;font-size:.75rem;font-weight:600}.badge.ok{background:var(--ok-bg);border-color:var(--ok);color:var(--ok)}.outline{flex-direction:column;gap:12px;display:flex}.outlineBlock{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-card);box-shadow:var(--shadow-sm);overflow:hidden}.outlineBlock>summary{cursor:pointer;color:var(--text);justify-content:space-between;align-items:center;gap:12px;padding:16px;font-weight:700;list-style:none;transition:background .2s;display:flex}.outlineBlock>summary:hover{background:var(--bg)}.outlineBlock>summary::-webkit-details-marker{display:none}.outlineTitle{letter-spacing:-.01em;font-weight:700}.outlineInner{border-top:1px solid var(--border);background:var(--bg);padding:16px}.outlineRow{border-bottom:1px solid var(--border);flex-direction:column;gap:12px;padding:12px 0;display:flex}.outlineRow:last-child{border-bottom:none}.outlineLeft{align-items:center;gap:12px;margin-bottom:4px;display:flex}.outlineName{color:var(--text);font-weight:600}.outlineTopics{flex-wrap:wrap;gap:8px;display:flex}.outlineTopic{border:1px solid var(--border);background:var(--bg-card);color:var(--text);cursor:pointer;border-radius:999px;padding:8px 14px;font-size:.8rem;font-weight:600;transition:all .2s}.outlineTopic:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-bg)}.topicHeader{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.crumbs{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.pageTitle{color:var(--text);letter-spacing:-.02em;margin:0 0 12px;font-size:1.75rem;font-weight:800;line-height:1.2}.actionsRow{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}.itemList{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.itemCard{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg);padding:16px}.itemHeader{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.itemTitle{color:var(--text);font-size:.95rem;font-weight:700}.acronymWrap{vertical-align:baseline;align-items:center;display:inline-flex;position:relative}.acronym{background:var(--accent-bg);color:var(--accent);font:inherit;cursor:pointer;touch-action:manipulation;border:0;border-radius:6px;padding:2px 6px;font-weight:700;line-height:1.3}.acronymWrap.open .acronym,.acronym:focus-visible{outline:none;box-shadow:0 0 0 2px #14b8a638}.acronymPopover{z-index:8;background:var(--text);color:#fff;width:max-content;max-width:min(280px,100vw - 48px);box-shadow:var(--shadow-lg);border-radius:10px;padding:10px 12px;font-size:.82rem;font-weight:500;line-height:1.4;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}.acronymPopover:after{content:"";border:6px solid #0000;border-top-color:var(--text);position:absolute;top:100%;left:50%;transform:translate(-50%)}@media (width<=640px){.acronymPopover{left:0;transform:none}.acronymPopover:after{left:18px;transform:none}}.quizTop{margin-bottom:16px}.quizMeta{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.progress{background:var(--border);border-radius:999px;height:8px;margin-top:12px;overflow:hidden}.progress.big{height:10px}.bar{background:linear-gradient(90deg, var(--accent) 0%, var(--accent-light) 100%);border-radius:999px;height:100%;transition:width .3s}.quizQ{color:var(--text);margin:0 0 16px;font-size:1.1rem;font-weight:700;line-height:1.4}.choices{flex-direction:column;gap:10px;display:flex}.choice{text-align:left;border-radius:var(--radius);border:2px solid var(--border);background:var(--bg-card);color:var(--text);cursor:pointer;padding:14px 18px;font-size:.95rem;font-weight:500;transition:all .2s}.choice:hover:not(:disabled){border-color:var(--accent-light);background:var(--accent-bg)}.choice.selected{border-color:var(--accent);background:var(--accent-bg)}.choice.correct{border-color:var(--ok);background:var(--ok-bg)}.choice.wrong{border-color:var(--bad);background:var(--bad-bg)}.feedback{border-radius:var(--radius);border:1px solid var(--border);margin-top:16px;padding:16px}.feedback.ok{background:var(--ok-bg);border-color:var(--ok)}.feedback.no{background:var(--bad-bg);border-color:var(--bad)}.feedbackTitle{margin-bottom:6px;font-size:.95rem;font-weight:700}.quizHubList{gap:12px;display:grid}.quizHubCard{flex-direction:column;gap:12px;min-width:0;max-width:100%;display:flex}.examTimer{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:999px;padding:10px 14px;font-size:.95rem;font-weight:800}.examTimer.danger{border-color:var(--bad);background:var(--bad-bg);color:var(--bad)}.examGrid{grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:10px;display:grid}.examIndexBtn{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg);color:var(--text);padding:12px 8px;font-weight:700}.examIndexBtn.active{border-color:var(--accent);background:var(--accent-bg);color:var(--accent)}.examIndexBtn.answered{border-color:var(--accent-light)}.examIndexBtn.correct{border-color:var(--ok);background:var(--ok-bg);color:var(--ok)}.examIndexBtn.wrong{border-color:var(--bad);background:var(--bad-bg);color:var(--bad)}.quizActions{grid-template-columns:1fr 1fr;gap:12px;margin-top:20px;display:grid}.miniQuiz{flex-direction:column;gap:12px;margin-top:16px;display:flex}.miniQ{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg);padding:14px}.miniQTitle{color:var(--text);margin-bottom:8px;font-size:.9rem;font-weight:700}.error{border-radius:var(--radius);background:var(--bad-bg);border:1px solid var(--bad);color:var(--bad);padding:14px;font-size:.9rem}.bottomBar{z-index:20;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:var(--bg-card);border-top:1px solid var(--border);grid-template-columns:repeat(3,1fr);gap:10px;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 12px #0f172a0d}.bottomBtn{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;flex-direction:column;align-items:center;gap:2px;padding:10px 8px;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.bottomBtn:hover{background:var(--border)}.bottomBtn.active{background:var(--accent-bg);border-color:var(--accent-light);color:var(--accent)}.bottomIcon{font-size:1.1rem}.bottomLabel{color:var(--text-muted);font-size:.66rem;line-height:1.1}@media (width>=860px){.topNav{display:flex}.bottomBar{display:none}.main{padding-bottom:32px}.grid{grid-template-columns:repeat(2,1fr)}.homeFocusGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.quizHubList{grid-template-columns:repeat(2,1fr)}.heroStats{grid-template-columns:1.2fr .8fr}}@media (width<=480px){.topBar{gap:10px;padding:12px 14px}.brand{gap:10px}.brandMark{width:38px;height:38px;font-size:16px}.brandTitle{font-size:.98rem}.brandSub{font-size:.7rem}.topBarRight{gap:8px}.langSwitcher button{min-width:0;padding:6px 9px;font-size:.75rem}.main{padding-left:14px;padding-right:14px}.searchRow{flex-wrap:wrap;align-items:stretch}.searchRow .btnSecondary,.searchRow .btnPrimary{width:100%}.bottomBar{padding:8px 12px calc(8px + env(safe-area-inset-bottom));gap:8px}}