@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800&display=swap";:root{--bg: #0f172a;--surface: #1e293b;--surface-light: #334155;--primary: #3b82f6;--text: #f8fafc;--text-muted: #94a3b8;--border: #475569;--error: #ef4444;--success: #22c55e;--game-accent: #3b82f6}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.5}h1,h2,h3,.section-label,.feed-title,.question-title,.empty-state-title,.category-card-label,.result-title,.settings-header h2{font-family:Nunito,system-ui,sans-serif}#root{min-height:100vh}.app-shell{max-width:720px;margin:0 auto;padding:1.25rem 1.25rem 2.5rem}@media(min-width:768px){.app-shell{max-width:960px;padding:2rem}}h1{font-size:1.75rem;margin:0 0 .5rem}@media(min-width:768px){h1{font-size:2.25rem}}.subtitle{color:var(--text-muted);margin:0 0 1.75rem}.section-label{font-size:1.1rem;font-weight:600;margin:0 0 .75rem}.chips{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1.75rem}.chip{border:1px solid var(--border);background:var(--surface);color:var(--text-muted);border-radius:999px;padding:.55rem 1rem;font-size:.9rem;cursor:pointer}.chip.selected{background:linear-gradient(135deg,var(--chip-accent, var(--primary)),color-mix(in srgb,var(--chip-accent, var(--primary)) 65%,#0f172a));border-color:transparent;color:var(--text);font-weight:600;box-shadow:0 2px 12px color-mix(in srgb,var(--chip-accent, var(--primary)) 35%,transparent)}.btn{display:block;width:100%;border:none;border-radius:12px;padding:.9rem 1rem;font-size:1rem;font-weight:600;font-family:Nunito,system-ui,sans-serif;cursor:pointer;color:var(--text)}.btn-primary,.btn:not(.btn-secondary):not(:disabled){background:linear-gradient(135deg,var(--section-accent, var(--primary)),var(--section-accent-end, #1d4ed8));box-shadow:0 4px 14px color-mix(in srgb,var(--section-accent, var(--primary)) 30%,transparent)}.btn:disabled{opacity:.5;cursor:not-allowed;background:var(--surface-light);box-shadow:none}.screen{position:relative;isolation:isolate}.screen:before{content:"";position:fixed;top:-12%;right:-25%;width:min(420px,90vw);height:45vh;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--section-accent, var(--primary)) 22%,transparent),transparent 68%);pointer-events:none;z-index:0}.screen:after{content:"";position:fixed;bottom:-8%;left:-20%;width:min(360px,80vw);height:38vh;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--section-accent-end, var(--primary)) 12%,transparent),transparent 70%);pointer-events:none;z-index:0}.screen>*{position:relative;z-index:1}.screen-news:before{background:radial-gradient(ellipse at center,color-mix(in srgb,#f59e0b 24%,transparent),transparent 68%)}.screen-learn:before,.screen-info:before{background:radial-gradient(ellipse at center,color-mix(in srgb,#14b8a6 22%,transparent),transparent 68%)}.screen-game:before{background:radial-gradient(ellipse at center,color-mix(in srgb,var(--game-accent, #3b82f6) 20%,transparent),transparent 68%)}.screen .lang-toggle:hover:not(:disabled),.screen .home-btn:hover{border-color:var(--section-accent, var(--primary));color:var(--section-accent, var(--primary))}.screen .game-top-bar{border-bottom-color:color-mix(in srgb,var(--section-accent, var(--border)) 35%,var(--border))}.btn-secondary{background:transparent;border:1px solid var(--border);margin-top:.75rem}.game-top-bar{display:flex;align-items:center;justify-content:space-between;gap:.65rem;margin-bottom:1rem;padding-bottom:.65rem;border-bottom:1px solid var(--border)}.game-top-bar-start{display:flex;align-items:center;gap:.65rem;min-width:0}.lang-toggle{flex-shrink:0;display:flex;align-items:center;justify-content:center;min-width:2.75rem;height:2.25rem;padding:0 .65rem;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:.72rem;font-weight:600;cursor:pointer}.lang-toggle:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.lang-toggle:disabled{opacity:.55;cursor:not-allowed}.lang-status{margin:-.35rem 0 .75rem;font-size:.78rem;color:var(--text-muted);text-align:right}.home-btn{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);flex-shrink:0;text-decoration:none}.home-btn:hover{border-color:var(--primary);color:var(--primary)}.game-crumb{font-size:.8rem;color:var(--text-muted);line-height:1.2}.game-crumb-sep{margin:0 .2rem;opacity:.7}.question-title{font-size:1.35rem;margin:0 0 1.25rem;line-height:1.35}.centered{text-align:center;padding:3rem 1rem}.error{color:var(--error);margin-bottom:1rem}.options{display:flex;flex-direction:column;gap:.65rem}.option{display:flex;align-items:center;gap:.75rem;width:100%;text-align:left;border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:.85rem 1rem;color:var(--text);cursor:pointer;font-size:.95rem}.option.selected{border-color:var(--primary);background:#1e3a5f}.option.correct{border-color:var(--success);background:#14532d}.option.wrong{border-color:var(--error);background:#7f1d1d}.option-label{width:2rem;height:2rem;border-radius:8px;background:var(--surface-light);display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.feedback{margin-top:1.25rem;padding:1rem;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.result-card{text-align:center;padding:2rem 1rem;border:1px solid var(--border);border-radius:16px;background:var(--surface)}.result-score{font-size:3rem;font-weight:800;margin:.5rem 0}.article{white-space:pre-wrap;line-height:1.65}.lan-banner{background:#1e3a5f;border:1px solid var(--primary);border-radius:10px;padding:.75rem 1rem;font-size:.85rem;margin-bottom:1.25rem;word-break:break-all}.feed-viewer{position:relative;min-height:calc(100dvh - 7rem);touch-action:pan-y}.feed-card{display:flex;flex-direction:column;min-height:calc(100dvh - 9rem);padding:.25rem 0 3.5rem;transition:transform .28s cubic-bezier(.22,1,.36,1),opacity .28s ease;will-change:transform,opacity}.feed-card-exit{transform:translateY(-110%);opacity:0}.feed-card-enter{animation:feedSlideIn .32s cubic-bezier(.22,1,.36,1) forwards}@keyframes feedSlideIn{0%{transform:translateY(70%);opacity:0}to{transform:translateY(0);opacity:1}}.feed-image{width:100%;max-height:220px;object-fit:cover;border-radius:12px;margin-bottom:1rem;border:1px solid var(--border)}.feed-title{font-size:1.45rem;margin:0 0 1rem;line-height:1.3}.feed-source{margin:.65rem 0 0;font-size:.8rem}.feed-source a{color:var(--primary);text-decoration:none}.feed-body{flex:1;margin:0;font-size:1.05rem;line-height:1.65;color:var(--text)}.feed-footer{margin-top:auto;padding-top:1.25rem;border-top:1px solid var(--border)}.feed-footer p{margin:0;font-size:.95rem;color:var(--text-muted);line-height:1.5}.feed-meta{font-size:.82rem;letter-spacing:.01em;color:var(--text-muted)}.feed-swipe-hint{position:fixed;left:50%;bottom:1.25rem;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.15rem;font-size:.78rem;color:var(--text-muted);pointer-events:none;animation:feedHintPulse 2s ease-in-out infinite}.feed-swipe-hint-active{color:var(--primary)}.feed-chevron{font-size:1.1rem;line-height:1}@keyframes feedHintPulse{0%,to{opacity:.55;transform:translate(-50%) translateY(0)}50%{opacity:1;transform:translate(-50%) translateY(-4px)}}.feed-end{text-align:center;padding:1.5rem 1rem 3rem;font-size:.85rem;color:var(--text-muted)}.home-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.home-header h1{margin:0}.settings-btn{width:2.5rem;height:2.5rem;border-radius:999px;border:1px solid var(--border);background:var(--surface);font-size:1.1rem;cursor:pointer;transition:transform .15s ease,border-color .15s}.settings-btn:hover{transform:scale(1.05);border-color:var(--primary)}.progress-strip{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:1.25rem}.progress-pill{font-size:.75rem;font-weight:600;padding:.35rem .65rem;border-radius:999px;background:var(--surface);border:1px solid var(--border);color:var(--text)}.progress-streak{border-color:#f59e0b;background:#422006}.progress-muted{color:var(--text-muted);font-weight:500}.category-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem;margin-bottom:1.5rem}.category-card{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.85rem .4rem;border-radius:14px;border:2px solid var(--border);background:var(--surface);cursor:pointer;transition:transform .18s ease,border-color .18s,box-shadow .18s}.category-card:hover{transform:translateY(-2px)}.category-card-selected{border-color:transparent;box-shadow:0 0 0 2px var(--card-accent, var(--primary)),0 8px 24px color-mix(in srgb,var(--card-accent, var(--primary)) 28%,transparent);background:linear-gradient(160deg,color-mix(in srgb,var(--card-accent, var(--primary)) 18%,var(--surface)),var(--surface))}.category-card-icon{font-size:1.75rem;line-height:1}.category-card-label{font-size:.85rem;font-weight:700}.category-card-hook{font-size:.65rem;color:var(--text-muted);text-align:center}.chip{transition:transform .15s ease,background .15s,border-color .15s}.chip:active:not(:disabled){transform:scale(.97)}.chip-emoji{margin-right:.25rem}.btn-continue.btn-ready{animation:btnReadyPulse 2s ease-in-out infinite}@keyframes btnReadyPulse{0%,to{box-shadow:0 0 color-mix(in srgb,var(--section-accent, var(--primary)) 45%,transparent)}50%{box-shadow:0 0 0 8px color-mix(in srgb,var(--section-accent, var(--primary)) 0%,transparent)}}.settings-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));overflow-y:auto;-webkit-overflow-scrolling:touch}.settings-panel{width:100%;max-width:400px;max-height:min(85dvh,calc(100dvh - 2rem));overflow-y:auto;flex-shrink:0;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.25rem;animation:settingsSlide .25s ease;margin:auto}@keyframes settingsSlide{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.settings-header h2{margin:0;font-size:1.15rem}.settings-close{border:none;background:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer;line-height:1}.settings-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;min-height:3rem;padding:.75rem 0;border-bottom:1px solid var(--border);cursor:pointer}.settings-row span{flex:1;font-weight:600}.settings-row input[type=checkbox]{width:1.35rem;height:1.35rem;flex-shrink:0;accent-color:var(--primary);cursor:pointer}.settings-hint{font-size:.8rem;color:var(--text-muted);margin:.75rem 0 0}.topic-emoji{font-size:1rem}.feed-title-emoji{margin-right:.15rem}.feed-progress{font-size:.78rem;color:var(--text-muted);margin:0 0 .75rem;text-align:right}.lesson-slide{display:flex;flex-direction:column;gap:.65rem}.slide-type-chip{display:inline-block;align-self:flex-start;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:.3rem .65rem;border-radius:999px;background:color-mix(in srgb,var(--section-accent, var(--primary)) 22%,var(--surface));border:1px solid color-mix(in srgb,var(--section-accent, var(--primary)) 45%,var(--border));color:var(--text);margin:0}.lesson-slide-title{margin-bottom:.25rem}.lesson-meta{font-size:.8rem;color:var(--text-muted);margin:-.35rem 0 .5rem}.lesson-bullets{margin:.5rem 0 0;padding-left:1.25rem;display:flex;flex-direction:column;gap:.65rem}.lesson-bullets li{line-height:1.45;color:var(--text)}.lesson-bullets li::marker{color:var(--section-accent, var(--primary))}.compare-columns{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin-top:.5rem}.compare-col{padding:.85rem;border-radius:12px;border:1px solid var(--border);background:var(--surface);font-size:.9rem;line-height:1.4}.compare-col-b{border-color:color-mix(in srgb,var(--section-accent, var(--primary)) 40%,var(--border));background:color-mix(in srgb,var(--section-accent, var(--primary)) 10%,var(--surface))}.compare-label{font-size:.7rem;font-weight:800;color:var(--section-accent, var(--primary));margin:0 0 .35rem;text-transform:uppercase}.mermaid-wrap{margin:.5rem 0;padding:.75rem;border-radius:12px;background:var(--surface);border:1px solid var(--border);overflow-x:auto}.mermaid-wrap svg{max-width:100%;height:auto}.diagram-loading{height:160px;margin:.5rem 0}.diagram-fallback{padding:1rem;border-radius:12px;border:1px dashed var(--border);background:var(--surface)}.diagram-fallback-title{font-weight:700;margin:0 0 .5rem;color:var(--text-muted)}.diagram-fallback-hint{margin:0;font-size:.85rem;color:var(--text-muted)}.term-pills{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.term-pill{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;border:1px solid var(--border);background:var(--surface-light);color:var(--text);border-radius:999px;padding:.4rem .75rem;font-size:.82rem;cursor:pointer;text-align:left;max-width:100%}.term-pill-open{border-radius:12px;border-color:var(--section-accent, var(--primary))}.term-pill-label{font-weight:700;color:var(--section-accent, var(--primary))}.term-pill-def{font-size:.8rem;color:var(--text-muted);line-height:1.35}.lesson-quiz{margin-top:.5rem}.lesson-quiz-prompt{font-weight:600;margin:0 0 .75rem}.lesson-quiz-options{display:flex;flex-direction:column;gap:.5rem}.lesson-quiz-opt{text-align:left;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:10px;padding:.75rem .85rem;font-size:.9rem;cursor:pointer}.lesson-quiz-opt:disabled{cursor:default}.lesson-quiz-opt-correct{border-color:var(--success);background:color-mix(in srgb,var(--success) 18%,var(--surface))}.lesson-quiz-opt-wrong{border-color:var(--error);background:color-mix(in srgb,var(--error) 15%,var(--surface))}.lesson-quiz-expl{margin:.75rem 0 0;font-size:.88rem;color:var(--text-muted)}.lesson-recap{margin-top:.5rem}.chip-add{border-style:dashed;color:var(--section-accent, var(--primary));font-weight:700}.chip-add:hover{border-color:var(--section-accent, var(--primary));background:color-mix(in srgb,var(--section-accent, var(--primary)) 12%,var(--surface))}.learn-topic-modal{max-width:420px}.learn-topic-hint-top{margin:0 0 1rem;line-height:1.45}.learn-topic-row{display:flex;gap:.5rem;margin-bottom:.5rem}.learn-topic-modal .btn{margin-top:.75rem}.learn-topic-field{width:100%;border:1px solid var(--border);border-radius:12px;padding:.75rem .85rem;font-size:.95rem;background:var(--surface);color:var(--text)}.learn-topic-field:focus{outline:none;border-color:var(--section-accent, var(--primary))}.learn-topic-preview,.learn-topic-hint{font-size:.78rem;color:var(--text-muted);margin:.25rem 0 0}.learn-topic-error{font-size:.82rem;color:var(--error);margin:.35rem 0 0}.game-screen .option.selected{border-color:var(--game-accent);background:color-mix(in srgb,var(--game-accent) 18%,var(--surface))}.game-screen .option-label{background:color-mix(in srgb,var(--game-accent) 35%,var(--surface-light))}.game-screen .btn:not(.btn-secondary){background:linear-gradient(135deg,var(--game-accent),color-mix(in srgb,var(--game-accent) 70%,#1e3a8a))}.option{transition:transform .12s ease,border-color .15s,background .15s}.option:active:not(:disabled){transform:scale(.98)}.option-shake{animation:optionShake .45s ease}@keyframes optionShake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.quiz-pulse .option.correct{animation:correctPulse .5s ease}@keyframes correctPulse{0%{box-shadow:0 0 #22c55e99}70%{box-shadow:0 0 0 12px #22c55e00}to{box-shadow:none}}.question-enter{animation:questionEnter .35s cubic-bezier(.22,1,.36,1)}@keyframes questionEnter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.feedback-enter{animation:questionEnter .3s ease}.feedback-ok strong{color:var(--success)}.feedback-nope strong{color:#fbbf24}.result-card{position:relative;overflow:hidden}.result-emoji{font-size:2.5rem;margin:0 0 .5rem}.result-label{color:var(--text-muted);text-transform:uppercase;font-weight:600;font-size:.85rem;margin:0}.result-title{font-size:1.25rem;font-weight:700;margin:.75rem 0 .35rem}.result-subtitle{color:var(--text-muted);margin:0;font-size:.95rem}.score-ring{--ring-pct: 0%;width:7rem;height:7rem;margin:1rem auto;border-radius:50%;background:conic-gradient(var(--success) calc(var(--ring-pct) * 1),var(--surface-light) 0);display:flex;align-items:center;justify-content:center;animation:ringPop .5s cubic-bezier(.22,1,.36,1)}.score-ring-inner{width:5.5rem;height:5.5rem;border-radius:50%;background:var(--surface);display:flex;align-items:center;justify-content:center;font-size:1.35rem;font-weight:800}@keyframes ringPop{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.result-tier-perfect .result-title{color:#fde047}.confetti-wrap{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.confetti-piece{position:absolute;top:-8px;left:var(--x);width:8px;height:12px;background:var(--c);opacity:.9;animation:confettiFall 1.4s ease-out forwards;animation-delay:var(--delay);transform:rotate(var(--rot))}@keyframes confettiFall{to{transform:translateY(280px) rotate(calc(var(--rot) + 180deg));opacity:0}}.skeleton-block,.skeleton-line{border-radius:10px;background:linear-gradient(90deg,var(--surface) 0%,var(--surface-light) 42%,var(--surface) 84%);background-size:220% 100%;animation:skeletonShimmer 1.15s ease-in-out infinite}@keyframes skeletonShimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.skeleton-feed{padding:.5rem 0 2rem}.skeleton-feed-image{width:100%;height:200px;border-radius:12px;margin-bottom:1.25rem}.skeleton-feed-title{height:1.75rem;width:88%;margin-bottom:1rem}.skeleton-feed-line{height:.95rem;width:100%;margin-bottom:.65rem}.skeleton-feed-line.short{width:62%}.skeleton-feed-footer{height:3.5rem;margin-top:1.5rem;border-radius:12px}.skeleton-game{padding:.5rem 0}.skeleton-question{height:1.5rem;width:92%;margin-bottom:1.5rem}.skeleton-options{display:flex;flex-direction:column;gap:.65rem;margin-bottom:1.5rem}.skeleton-option{height:3.25rem;border-radius:12px}.skeleton-btn{height:3rem;border-radius:12px}.skeleton-home .skeleton-title{height:2rem;width:55%;margin-bottom:1.25rem}.skeleton-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem;margin-bottom:1.5rem}.skeleton-card-tile{height:5.5rem;border-radius:14px}.skeleton-label{height:1.1rem;width:40%;margin-bottom:.75rem}.skeleton-chips{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1.75rem}.skeleton-chip{height:2.25rem;width:7rem;border-radius:999px}.skeleton-hint-bar{display:block;height:.65rem;width:5rem;margin:0 auto .35rem;border-radius:6px}.skeleton-hint-bar.short{width:3.5rem}.feed-hint-skeleton{display:flex;flex-direction:column;align-items:center}.empty-state{text-align:center;padding:2.5rem 1rem 3rem}.empty-state-title{font-size:1.25rem;font-weight:800;margin:0 0 .5rem}.empty-state-hint{color:var(--text-muted);font-size:.95rem;margin:0;max-width:18rem;margin-inline:auto;line-height:1.45}.empty-state .error,.empty-state-hint:first-line{color:var(--text-muted)}.mascot{position:relative;width:5.5rem;height:5.5rem;margin:0 auto 1.25rem}.mascot-orb{width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--section-accent, var(--primary)) 35%,var(--surface)),var(--surface));border:2px solid color-mix(in srgb,var(--section-accent, var(--border)) 40%,var(--border));box-shadow:0 8px 28px color-mix(in srgb,var(--section-accent, var(--primary)) 25%,transparent);animation:mascotBob 2.5s ease-in-out infinite}.mascot-face{font-size:2.5rem;line-height:1}.mascot-spark{position:absolute;font-size:.85rem;color:var(--section-accent, var(--primary));opacity:.85;animation:mascotSpark 2s ease-in-out infinite}.mascot-spark-a{top:.15rem;right:.1rem}.mascot-spark-b{bottom:.5rem;left:0;animation-delay:.6s}@keyframes mascotBob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes mascotSpark{0%,to{opacity:.35;transform:scale(.85)}50%{opacity:1;transform:scale(1.1)}}html.reduce-motion *,html.reduce-motion *:before,html.reduce-motion *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html.reduce-motion .feed-swipe-hint,html.reduce-motion .btn-continue.btn-ready,html.reduce-motion .mascot-orb,html.reduce-motion .mascot-spark,html.reduce-motion .skeleton-block,html.reduce-motion .skeleton-line{animation:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.feed-swipe-hint,.btn-continue.btn-ready{animation:none}}