*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Be Vietnam Pro,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.border{border-width:1px}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.outline{outline-style:solid}.drop-shadow{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.sepia{--tw-sepia: sepia(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}:root{--sky: #4FC3F7;--sun: #FFD600;--mint: #43E97B;--coral: #FF6B6B;--purple: #7C4DFF;--bg: #0D1B3E;--card: #1A2F5A;--card2: #1E3566;--text: #EEF4FF;--muted: #8BA4CC;--gold: #FFD600;--ok: #43E97B;--bad: #FF6B6B;--warn: #FF9A3C}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Nunito,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden;-webkit-tap-highlight-color:transparent}#root{position:relative;z-index:1}.stars{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse at 20% 30%,rgba(76,195,247,.07),transparent 60%),radial-gradient(ellipse at 80% 70%,rgba(124,77,255,.07),transparent 60%)}.stars:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(1.5px 1.5px at 8% 15%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 28% 8%,rgba(255,255,255,.35),transparent),radial-gradient(2px 2px at 52% 28%,rgba(255,255,255,.45),transparent),radial-gradient(1px 1px at 68% 12%,rgba(255,255,255,.3),transparent),radial-gradient(1.5px 1.5px at 83% 35%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 38% 55%,rgba(255,255,255,.3),transparent),radial-gradient(2px 2px at 12% 72%,rgba(255,255,255,.4),transparent),radial-gradient(1.5px 1.5px at 88% 78%,rgba(255,255,255,.45),transparent),radial-gradient(1px 1px at 58% 88%,rgba(255,255,255,.3),transparent),radial-gradient(1.5px 1.5px at 22% 92%,rgba(255,255,255,.35),transparent)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.screen-enter{animation:fadeIn .3s ease}.top-bar{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:#112250e6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(79,195,247,.12);position:sticky;top:0;z-index:100}.logo{font-family:"Baloo 2",cursive;font-size:1.4rem;font-weight:800;background:linear-gradient(135deg,var(--sky),var(--mint));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.logo-hero{-webkit-text-fill-color:var(--sun)}.top-stats{display:flex;gap:8px}.stat-pill{display:flex;align-items:center;gap:4px;background:#ffffff12;border:1px solid rgba(255,255,255,.1);padding:4px 10px;border-radius:20px;font-size:.78rem;font-weight:700}.hero-sec{text-align:center;padding:28px 18px 14px}.av-wrap{position:relative;display:inline-block;margin-bottom:12px}.av{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#c850c0,#ffcc70);display:flex;align-items:center;justify-content:center;font-size:2.4rem;box-shadow:0 0 0 4px #c850c04d,0 0 28px #c850c033;animation:glow 2.8s ease-in-out infinite}@keyframes glow{0%,to{box-shadow:0 0 0 4px #c850c04d,0 0 24px #c850c02e}50%{box-shadow:0 0 0 7px #c850c080,0 0 40px #c850c052}}.lv-badge{position:absolute;bottom:-2px;right:-2px;background:var(--sun);color:#111;font-size:.6rem;font-weight:800;padding:2px 6px;border-radius:10px;border:2px solid var(--bg)}.h-name{font-family:"Baloo 2",cursive;font-size:1.55rem;font-weight:800;margin-bottom:3px}.h-tag{color:var(--muted);font-size:.8rem;margin-bottom:14px}.xp-wrap{max-width:260px;margin:0 auto 18px}.xp-lbl{display:flex;justify-content:space-between;font-size:.68rem;color:var(--muted);margin-bottom:4px}.xp-bar{height:8px;background:#ffffff14;border-radius:8px;overflow:hidden}.xp-fill{height:100%;background:linear-gradient(90deg,#c850c0,#ffcc70);border-radius:8px;transition:width .8s cubic-bezier(.4,0,.2,1)}.qs-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0 14px 14px}.qs{background:var(--card);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:10px;text-align:center}.qs-n{font-family:"Baloo 2",cursive;font-size:1.35rem;font-weight:800;line-height:1.1}.qs-l{font-size:.6rem;color:var(--muted);margin-top:2px}.c-sky{color:var(--sky)}.c-sun{color:var(--sun)}.c-mint{color:var(--mint)}.sec-title{font-size:.72rem;font-weight:700;padding:0 16px 10px;color:var(--muted);text-transform:uppercase;letter-spacing:1.2px}.sub-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:0 14px 14px}.sub-card{background:var(--card);border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:15px 13px;cursor:pointer;transition:transform .18s,box-shadow .18s;position:relative;overflow:hidden}.sub-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:14px 14px 0 0}.sub-card:active{transform:translateY(-2px);box-shadow:0 8px 26px #00000052}.sub-card.mcq:before{background:linear-gradient(90deg,#ff9a3c,#ff6b6b)}.sub-card.math:before{background:linear-gradient(90deg,#7c4dff,#4fc3f7)}.sub-card.viet:before{background:linear-gradient(90deg,#ff6b6b,#ffd600)}.sub-card.eng:before{background:linear-gradient(90deg,#43e97b,#4fc3f7)}.sub-icon{font-size:1.9rem;margin-bottom:7px}.sub-name{font-family:"Baloo 2",cursive;font-size:.88rem;font-weight:700;margin-bottom:2px}.sub-tag-row{display:flex;align-items:center;gap:5px;margin-bottom:6px}.sub-lang{font-size:.58rem;font-weight:800;padding:2px 6px;border-radius:6px}.lang-en{background:#4fc3f733;color:var(--sky)}.lang-vi{background:#ffd6002e;color:var(--sun)}.sub-prog{height:4px;background:#ffffff14;border-radius:4px;overflow:hidden}.sub-prog-fill{height:100%;border-radius:4px}.mcq .sub-prog-fill{background:linear-gradient(90deg,#ff9a3c,#ff6b6b)}.math .sub-prog-fill{background:linear-gradient(90deg,#7c4dff,#4fc3f7)}.viet .sub-prog-fill{background:linear-gradient(90deg,#ff6b6b,#ffd600)}.eng .sub-prog-fill{background:linear-gradient(90deg,#43e97b,#4fc3f7)}.act-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 14px 16px}.act-card{border-radius:13px;padding:13px;cursor:pointer;transition:transform .18s;display:flex;align-items:center;gap:11px;border:1px solid rgba(255,255,255,.06)}.act-card:active{transform:scale(1.02)}.act-card.daily{background:linear-gradient(135deg,#c850c033,#ffcc7029);border-color:#c850c047}.act-card.exam{background:linear-gradient(135deg,#ff6b6b29,#ff9a3c29);border-color:#ff6b6b42}.act-card.weak{background:linear-gradient(135deg,#7c4dff2e,#4fc3f729);border-color:#7c4dff42}.act-card.nb{background:linear-gradient(135deg,#43e97b29,#4fc3f729);border-color:#43e97b42}.ac-ic{font-size:1.7rem;flex-shrink:0}.ac-t{font-family:"Baloo 2",cursive;font-size:.86rem;font-weight:700;line-height:1.2}.ac-s{font-size:.63rem;color:var(--muted);margin-top:3px}.bnav{position:fixed;bottom:0;left:0;right:0;background:#112250f5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid rgba(255,255,255,.07);display:flex;padding:7px 0 max(7px,env(safe-area-inset-bottom));z-index:200}.ni{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:.6rem;color:var(--muted);cursor:pointer;padding:3px 0;transition:color .2s}.ni.active{color:var(--sky)}.ni-ic{font-size:1.3rem}.qhdr{display:flex;align-items:center;gap:10px;padding:13px 16px 8px}.bk-btn{background:#ffffff14;border:none;border-radius:9px;color:var(--text);font-size:1rem;width:33px;height:33px;cursor:pointer;display:flex;align-items:center;justify-content:center}.qmeta{flex:1}.qsubj{font-family:"Baloo 2",cursive;font-size:.96rem;font-weight:700}.qcount{font-size:.7rem;color:var(--muted)}.qtimer{font-family:"Baloo 2",cursive;font-size:.96rem;font-weight:800;background:#43e97b1f;border:1px solid rgba(67,233,123,.25);color:var(--mint);padding:4px 10px;border-radius:9px;letter-spacing:.5px}.qtimer.warn{color:var(--warn);background:#ff9a3c24;border-color:#ff9a3c47}.qtimer.danger{color:var(--bad);background:#ff6b6b24;border-color:#ff6b6b47;animation:blink .8s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.45}}.prog-strip{height:5px;background:#ffffff12;margin:0 16px 14px;border-radius:5px;overflow:hidden}.prog-fill{height:100%;background:linear-gradient(90deg,var(--purple),var(--sky));border-radius:5px;transition:width .4s ease}.q-card{margin:0 13px 11px;background:var(--card);border:1px solid rgba(255,255,255,.07);border-radius:17px;padding:18px 15px 15px}.q-meta{display:flex;align-items:center;gap:7px;margin-bottom:9px;flex-wrap:wrap}.q-year{font-size:.6rem;color:var(--muted);font-weight:600}.q-diff{font-size:.57rem;font-weight:800;padding:2px 6px;border-radius:6px}.d-easy{background:#43e97b33;color:var(--mint)}.d-med{background:#ffd6002e;color:var(--sun)}.d-hard{background:#ff6b6b33;color:var(--bad)}.q-type{font-size:.63rem;font-weight:700;text-transform:uppercase;letter-spacing:1.3px;margin-bottom:8px}.q-type.mcq{color:#ffa726}.q-type.math{color:#a07af5}.q-type.viet{color:#ff8a65}.q-type.eng{color:#66bb6a}.q-text{font-size:.93rem;line-height:1.65;font-weight:600;margin-bottom:3px}.q-hint{font-size:.73rem;color:var(--muted);margin-top:7px;line-height:1.5}.opts{display:flex;flex-direction:column;gap:8px;padding:0 13px 11px}.opt{background:var(--card2);border:1.5px solid rgba(255,255,255,.07);border-radius:12px;padding:12px 14px;display:flex;align-items:center;gap:10px;cursor:pointer;transition:transform .14s,border-color .14s,background .14s;text-align:left;width:100%}.opt:active:not(.dis){border-color:#4fc3f761;background:#4fc3f714;transform:translate(3px)}.opt.ok{border-color:var(--ok)!important;background:#43e97b1c!important}.opt.bad{border-color:var(--bad)!important;background:#ff6b6b1c!important}.opt.dis{cursor:default}.opt-l{width:26px;height:26px;border-radius:7px;background:#ffffff14;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.77rem;flex-shrink:0}.opt.ok .opt-l{background:var(--ok);color:#0d1b3e}.opt.bad .opt-l{background:var(--bad);color:#fff}.opt-t{font-size:.84rem;font-weight:600;flex:1;line-height:1.4}.fb{margin:0 13px 10px;border-radius:12px;padding:12px 14px;align-items:flex-start;gap:9px;animation:su .25s ease}@keyframes su{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.fb.fb-ok{background:#43e97b1a;border:1px solid rgba(67,233,123,.28)}.fb.fb-bad{background:#ff6b6b1a;border:1px solid rgba(255,107,107,.28)}.fb-ic{font-size:1.25rem;flex-shrink:0;margin-top:1px}.fb-t{font-weight:800;font-size:.84rem;margin-bottom:2px}.fb-d{font-size:.74rem;color:var(--muted);line-height:1.5}.nx-wrap{padding:0 13px 88px}.nx-btn{width:100%;background:linear-gradient(135deg,var(--purple),var(--sky));color:#fff;font-family:"Baloo 2",cursive;font-size:.98rem;font-weight:700;border:none;border-radius:12px;padding:13px;cursor:pointer;box-shadow:0 4px 16px #4fc3f733}.ex-banner{background:linear-gradient(135deg,#ff6b6b29,#ff9a3c29);border:1px solid rgba(255,107,107,.22);border-radius:13px;padding:11px 15px;margin:0 13px 13px;display:flex;align-items:center;gap:10px}.ex-b-ic{font-size:1.5rem}.ex-b-t{font-family:"Baloo 2",cursive;font-size:.9rem;font-weight:700}.ex-b-s{font-size:.7rem;color:var(--muted)}.res-wrap{padding:28px 15px 15px;text-align:center}.res-em{font-size:3.8rem;margin-bottom:11px;animation:bi .5s cubic-bezier(.36,.07,.19,.97)}@keyframes bi{0%{transform:scale(.3);opacity:0}55%{transform:scale(1.12)}78%{transform:scale(.93)}to{transform:scale(1);opacity:1}}.res-t{font-family:"Baloo 2",cursive;font-size:1.65rem;font-weight:800;margin-bottom:4px}.res-s{color:var(--muted);font-size:.84rem;margin-bottom:18px}.res-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}.rs{background:var(--card);border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:12px 8px}.rs-n{font-family:"Baloo 2",cursive;font-size:1.65rem;font-weight:800;line-height:1}.rs-n.g{color:var(--ok)}.rs-n.r{color:var(--bad)}.rs-n.y{color:var(--gold)}.rs-l{font-size:.63rem;color:var(--muted);margin-top:3px}.ana{background:var(--card);border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:13px;text-align:left;margin-bottom:13px}.ana-t{font-family:"Baloo 2",cursive;font-size:.78rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:10px}.ana-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.ana-l{font-size:.76rem;flex:1;font-weight:600}.ana-bar{flex:2;height:7px;background:#ffffff12;border-radius:7px;overflow:hidden}.ana-fill{height:100%;border-radius:7px;transition:width 1s ease}.ana-p{font-size:.72rem;font-weight:700;min-width:30px;text-align:right}.rev-toggle{background:#4fc3f714;color:var(--sky);font-size:.8rem;font-weight:700;border:1px solid rgba(79,195,247,.2);border-radius:11px;padding:10px 14px;cursor:pointer;width:100%;margin-bottom:12px}.rev-item{background:var(--card);border-radius:12px;padding:12px 13px;margin-bottom:8px;border-left:3px solid transparent}.rev-item.rc{border-left-color:var(--ok)}.rev-item.rw{border-left-color:var(--bad)}.ri-n{font-size:.6rem;color:var(--muted);font-weight:700;margin-bottom:4px}.ri-q{font-size:.8rem;font-weight:700;line-height:1.5;margin-bottom:7px}.ri-a{font-size:.74rem;padding:5px 9px;border-radius:7px;font-weight:600;margin-bottom:3px}.ri-a.yr{background:#43e97b24;color:var(--ok)}.ri-a.yw{background:#ff6b6b24;color:var(--bad)}.ri-a.ca{background:#4fc3f71a;color:var(--sky)}.ri-ex{font-size:.72rem;color:var(--muted);margin-top:6px;padding:6px 9px;background:#ffffff0a;border-radius:7px;line-height:1.55}.res-btns{display:flex;flex-direction:column;gap:8px;margin-bottom:80px}.btn-pri{background:linear-gradient(135deg,var(--purple),var(--sky));color:#fff;font-family:"Baloo 2",cursive;font-size:.96rem;font-weight:700;border:none;border-radius:12px;padding:13px;cursor:pointer}.btn-sec{background:#ffffff0f;color:var(--text);font-size:.84rem;font-weight:700;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px;cursor:pointer;font-family:Nunito,sans-serif}.topic-list{display:flex;flex-direction:column;gap:9px;padding:0 13px 88px}.t-row{background:var(--card);border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:13px 15px;display:flex;align-items:center;gap:11px;cursor:pointer;transition:transform .15s,border-color .15s}.t-row:active{transform:translate(4px);border-color:#4fc3f742}.t-ic{font-size:1.85rem}.t-info{flex:1}.t-name{font-weight:700;font-size:.9rem;margin-bottom:2px}.t-cnt{font-size:.68rem;color:var(--muted)}.weak-wrap{padding:14px 13px 88px}.wk-hdr{background:linear-gradient(135deg,#7c4dff33,#4fc3f729);border:1px solid rgba(124,77,255,.26);border-radius:15px;padding:14px;margin-bottom:16px;display:flex;align-items:center;gap:12px}.wk-h-ic{font-size:2.2rem}.wk-h-t{font-family:"Baloo 2",cursive;font-size:1rem;font-weight:800;margin-bottom:2px}.wk-h-s{font-size:.72rem;color:var(--muted)}.wk-btn{background:linear-gradient(135deg,var(--purple),var(--sky));color:#fff;font-family:"Baloo 2",cursive;font-size:.78rem;font-weight:700;border:none;border-radius:9px;padding:7px 13px;cursor:pointer}.wk-empty{text-align:center;padding:36px 20px;color:var(--muted);font-size:.86rem;line-height:1.7}.wk-item{background:var(--card);border:1px solid rgba(255,107,107,.18);border-left:3px solid var(--bad);border-radius:12px;padding:12px 14px;margin-bottom:8px}.wi-n{font-size:.6rem;color:var(--muted);font-weight:700;margin-bottom:4px}.wi-q{font-size:.82rem;font-weight:700;line-height:1.5;margin-bottom:6px}.wi-row{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.wi-a{font-size:.7rem;padding:3px 8px;border-radius:6px}.wi-w{background:#ff6b6b24;color:var(--bad)}.wi-c{background:#43e97b24;color:var(--ok)}.wi-cnt{font-size:.64rem;color:var(--muted);margin-left:auto}.nb-wrap{padding:14px 13px 88px}.nb-tabs{display:flex;gap:5px;margin-bottom:14px;flex-wrap:wrap}.ntab{flex:1;min-width:70px;padding:8px 4px;border-radius:9px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:var(--muted);font-size:.68rem;font-weight:700;cursor:pointer;text-align:center;transition:all .2s}.ntab.on{background:#4fc3f724;border-color:#4fc3f752;color:var(--sky)}.nb-cat-title{font-family:"Baloo 2",cursive;font-size:.76rem;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin:16px 0 8px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.07)}.vocab-card{background:var(--card);border:1px solid rgba(255,255,255,.07);border-radius:13px;padding:13px 15px;margin-bottom:8px}.v-en{font-size:.98rem;font-weight:800;color:var(--sky);margin-bottom:3px}.v-vi{font-size:.82rem;font-weight:600;margin-bottom:4px}.v-ex{font-size:.72rem;color:var(--muted);line-height:1.5;font-style:italic}.formula-card{background:var(--card);border:1px solid rgba(124,77,255,.2);border-left:3px solid var(--purple);border-radius:12px;padding:12px 14px;margin-bottom:8px}.fm-t{font-size:.76rem;font-weight:800;color:#a07af5;margin-bottom:4px}.fm-b{font-size:.86rem;font-weight:700;font-family:monospace;background:#7c4dff1a;padding:6px 9px;border-radius:7px;margin-bottom:4px;line-height:1.4}.fm-n{font-size:.7rem;color:var(--muted);line-height:1.5}.gram-card{background:var(--card);border:1px solid rgba(67,233,123,.18);border-left:3px solid var(--ok);border-radius:12px;padding:12px 14px;margin-bottom:8px}.gm-t{font-size:.76rem;font-weight:800;color:var(--ok);margin-bottom:4px}.gm-b{font-size:.86rem;font-weight:700;font-family:monospace;background:#43e97b14;padding:6px 9px;border-radius:7px;margin-bottom:4px;line-height:1.4}.gm-n{font-size:.7rem;color:var(--muted);line-height:1.5}.viet-card{background:var(--card);border:1px solid rgba(255,214,0,.15);border-left:3px solid var(--sun);border-radius:12px;padding:12px 14px;margin-bottom:8px}.vt-t{font-size:.76rem;font-weight:800;color:var(--sun);margin-bottom:4px}.vt-b{font-size:.82rem;line-height:1.55;color:var(--text)}.essay-wrap{padding:14px 13px 88px}.essay-intro{background:linear-gradient(135deg,#ff6b6b29,#ffd60024);border:1px solid rgba(255,107,107,.22);border-radius:14px;padding:14px 16px;margin-bottom:16px}.essay-intro-t{font-family:"Baloo 2",cursive;font-size:1rem;font-weight:800;margin-bottom:5px}.essay-intro-s{font-size:.76rem;color:var(--muted);line-height:1.6}.essay-sec{margin-bottom:18px}.essay-sec-t{font-family:"Baloo 2",cursive;font-size:.88rem;font-weight:800;color:var(--sun);margin-bottom:10px;display:flex;align-items:center;gap:7px}.essay-q{background:var(--card);border:1px solid rgba(255,255,255,.07);border-radius:13px;padding:14px 15px;margin-bottom:9px}.eq-meta{display:flex;gap:7px;align-items:center;margin-bottom:7px;flex-wrap:wrap}.eq-year{font-size:.6rem;color:var(--muted);font-weight:600}.eq-diff{font-size:.57rem;font-weight:800;padding:2px 6px;border-radius:6px}.eq-text{font-size:.88rem;font-weight:700;line-height:1.65;margin-bottom:8px}.eq-hint{font-size:.72rem;color:var(--muted);line-height:1.5;margin-bottom:10px}.eq-toggle{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:7px 12px;font-size:.74rem;font-weight:700;color:var(--muted);cursor:pointer;width:100%}.eq-ans{margin-top:10px;padding:10px 12px;background:#43e97b14;border:1px solid rgba(67,233,123,.2);border-radius:9px;font-size:.76rem;line-height:1.6}.eq-ans strong{color:var(--ok)}.trophy-wrap{padding:14px 13px 88px}.prof-hero{background:linear-gradient(135deg,#c850c02e,#ffcc7026);border:1px solid rgba(200,80,192,.2);border-radius:17px;padding:20px;text-align:center;margin-bottom:16px}.prof-av{font-size:3.5rem;margin-bottom:8px}.prof-name{font-family:"Baloo 2",cursive;font-size:1.3rem;font-weight:800;margin-bottom:3px}.prof-rank{display:inline-flex;align-items:center;gap:4px;background:#ffd60024;border:1px solid rgba(255,214,0,.26);color:var(--gold);font-size:.72rem;font-weight:700;padding:3px 10px;border-radius:16px}.badges{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px}.bdg{background:var(--card);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:11px 5px;text-align:center}.bdg.lk{opacity:.3;filter:grayscale(1)}.bdg-ic{font-size:1.65rem;margin-bottom:3px}.bdg-n{font-size:.57rem;color:var(--muted);font-weight:600}.stats-g{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.st-card{background:var(--card);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:13px}.st-n{font-family:"Baloo 2",cursive;font-size:1.6rem;font-weight:800;color:var(--sky);line-height:1}.st-l{font-size:.68rem;color:var(--muted);margin-top:3px}.ach-titles{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.ach-item{display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid rgba(255,255,255,.07);border-radius:13px;padding:12px 14px}.ach-item.unlocked{border-color:#ffd6004d;background:linear-gradient(135deg,#ffd60014,#ff9a3c0f)}.ach-item.locked{opacity:.4;filter:grayscale(.8)}.ach-ic{font-size:1.8rem;flex-shrink:0}.ach-info{flex:1}.ach-name{font-family:"Baloo 2",cursive;font-size:.88rem;font-weight:800;margin-bottom:2px}.ach-desc{font-size:.7rem;color:var(--muted)}.ach-badge{font-size:.62rem;font-weight:800;padding:2px 8px;border-radius:8px;background:#ffd60033;color:var(--sun)}.ach-lock-badge{font-size:.62rem;font-weight:700;padding:2px 8px;border-radius:8px;background:#ffffff0f;color:var(--muted)}.leaderboard{background:var(--card);border:1px solid rgba(255,255,255,.07);border-radius:14px;overflow:hidden;margin-bottom:18px}.lb-row{display:flex;align-items:center;gap:10px;padding:11px 14px;border-bottom:1px solid rgba(255,255,255,.05)}.lb-row:last-child{border-bottom:none}.lb-row.me{background:linear-gradient(135deg,#c850c01f,#ffcc7014);border-left:3px solid #C850C0}.lb-rank{font-family:"Baloo 2",cursive;font-size:.9rem;font-weight:800;width:22px;text-align:center;flex-shrink:0}.lb-rank.gold{color:var(--sun)}.lb-rank.silver{color:silver}.lb-rank.bronze{color:#cd7f32}.lb-av{font-size:1.3rem;flex-shrink:0}.lb-name{font-size:.82rem;font-weight:700;flex:1}.lb-score{font-family:"Baloo 2",cursive;font-size:.88rem;font-weight:800;color:var(--sky)}.gap-report{background:var(--card);border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:14px;margin-bottom:18px}.gap-item{display:flex;align-items:center;gap:10px;margin-bottom:10px}.gap-item:last-child{margin-bottom:0}.gap-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.gap-dot.strong{background:var(--ok)}.gap-dot.mid{background:var(--warn)}.gap-dot.weak{background:var(--bad)}.gap-label{font-size:.78rem;font-weight:600;flex:1}.gap-pct{font-size:.74rem;font-weight:800}.gap-tag{font-size:.6rem;font-weight:700;padding:1px 7px;border-radius:6px;margin-left:6px}.gap-tag.strong{background:#43e97b26;color:var(--ok)}.gap-tag.mid{background:#ff9a3c26;color:var(--warn)}.gap-tag.weak{background:#ff6b6b26;color:var(--bad)}.parent-card{background:linear-gradient(135deg,#4fc3f71f,#43e97b14);border:1px solid rgba(79,195,247,.2);border-radius:14px;padding:14px 16px;display:flex;gap:12px;align-items:flex-start;margin-bottom:18px}.pc-icon{font-size:1.8rem;flex-shrink:0}.pc-title{font-family:"Baloo 2",cursive;font-size:.82rem;font-weight:800;color:var(--sky);margin-bottom:6px}.pc-content{font-size:.76rem;color:var(--text);line-height:1.6}.pc-q{background:#ffffff0f;border-radius:8px;padding:7px 10px;margin-top:6px;font-size:.74rem;color:var(--muted);line-height:1.55;font-style:italic}.game-hub-wrap{padding:14px 13px 88px;display:flex;flex-direction:column;gap:12px}.game-card{background:var(--card);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:18px 16px;cursor:pointer;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.game-card:active{transform:translateY(-3px);box-shadow:0 10px 32px #0006}.gc-glow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.gc-icon{font-size:2.4rem;margin-bottom:8px;position:relative}.gc-title{font-family:"Baloo 2",cursive;font-size:1.1rem;font-weight:800;margin-bottom:5px;position:relative}.gc-desc{font-size:.78rem;color:var(--muted);line-height:1.55;margin-bottom:10px;position:relative}.gc-tags{display:flex;gap:6px;margin-bottom:8px;position:relative}.gc-tag{font-size:.62rem;font-weight:700;padding:2px 8px;border-radius:8px;background:#4fc3f726;color:var(--sky)}.gc-hs{font-size:.68rem;color:var(--muted);font-weight:700;position:relative}.sm-score-row{display:flex;justify-content:space-between;align-items:center;background:var(--card);border:1px solid rgba(255,255,255,.07);border-radius:13px;padding:12px 16px;margin-bottom:14px}.sm-score-lbl{font-size:.7rem;color:var(--muted);font-weight:700}.sm-score-val{font-family:"Baloo 2",cursive;font-size:1.6rem;font-weight:800;color:var(--sun)}.sm-question{background:linear-gradient(135deg,#7c4dff33,#4fc3f729);border:1px solid rgba(124,77,255,.28);border-radius:18px;padding:28px 20px;text-align:center;margin-bottom:16px}.sm-q-text{font-family:"Baloo 2",cursive;font-size:2rem;font-weight:800;margin-bottom:4px}.sm-q-hint{font-size:.74rem;color:var(--muted)}.sm-opts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.sm-opt{background:var(--card2);border:2px solid rgba(255,255,255,.08);border-radius:14px;padding:16px;text-align:center;cursor:pointer;transition:all .15s;font-family:"Baloo 2",cursive;font-size:1.2rem;font-weight:800}.sm-opt:active{border-color:var(--sky);background:#4fc3f71a}.sm-opt.correct{border-color:var(--ok)!important;background:#43e97b2e!important;animation:pop .25s ease}.sm-opt.wrong{border-color:var(--bad)!important;background:#ff6b6b2e!important}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}.sm-feedback{text-align:center;font-family:"Baloo 2",cursive;font-size:1rem;font-weight:800;padding:8px;border-radius:10px;margin-bottom:12px;min-height:36px}.ns-card{background:var(--card);border:1px solid rgba(255,255,255,.07);border-radius:18px;padding:20px 16px;margin-bottom:14px}.ns-level{font-size:.66rem;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px}.ns-seq{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:center;margin-bottom:16px}.ns-num{width:48px;height:48px;border-radius:12px;background:#7c4dff2e;border:1.5px solid rgba(124,77,255,.3);display:flex;align-items:center;justify-content:center;font-family:"Baloo 2",cursive;font-size:1.1rem;font-weight:800;color:var(--purple)}.ns-blank{width:48px;height:48px;border-radius:12px;background:#ffd6001f;border:2px dashed rgba(255,214,0,.5);display:flex;align-items:center;justify-content:center;font-family:"Baloo 2",cursive;font-size:1.1rem;font-weight:800;color:var(--sun)}.ns-dots{color:var(--muted);font-size:1.2rem;font-weight:800}.ns-opts{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.ns-opt{background:var(--card2);border:2px solid rgba(255,255,255,.08);border-radius:13px;padding:14px;text-align:center;cursor:pointer;transition:all .15s;font-family:"Baloo 2",cursive;font-size:1.2rem;font-weight:800}.ns-opt:active{border-color:var(--purple);background:#7c4dff1f}.ns-opt.correct{border-color:var(--ok)!important;background:#43e97b2e!important}.ns-opt.wrong{border-color:var(--bad)!important;background:#ff6b6b2e!important}.ns-explain{background:#43e97b14;border:1px solid rgba(67,233,123,.2);border-radius:11px;padding:10px 13px;font-size:.76rem;color:var(--muted);line-height:1.55;margin-top:12px}.ws-card{background:var(--card);border:1px solid rgba(255,255,255,.07);border-radius:18px;padding:20px 16px;margin-bottom:14px}.ws-vi{font-size:.78rem;color:var(--muted);margin-bottom:6px}.ws-ex{font-size:.72rem;color:#4fc3f7cc;font-style:italic;margin-bottom:14px;line-height:1.5}.ws-letters{display:flex;flex-wrap:wrap;gap:7px;justify-content:center;margin-bottom:14px}.ws-letter{width:38px;height:38px;border-radius:9px;background:linear-gradient(135deg,#43e97b33,#4fc3f726);border:1.5px solid rgba(67,233,123,.3);display:flex;align-items:center;justify-content:center;font-family:"Baloo 2",cursive;font-size:1.1rem;font-weight:800;color:var(--mint);cursor:pointer;transition:all .15s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ws-letter:active{transform:translateY(-3px);box-shadow:0 4px 12px #43e97b4d}.ws-letter.used{opacity:.25;pointer-events:none}.ws-answer{min-height:50px;border:2px dashed rgba(255,255,255,.15);border-radius:12px;display:flex;gap:6px;align-items:center;justify-content:center;flex-wrap:wrap;padding:8px;margin-bottom:12px;background:#ffffff08}.ws-placed{width:34px;height:34px;border-radius:8px;background:#4fc3f733;border:1.5px solid rgba(79,195,247,.35);display:flex;align-items:center;justify-content:center;font-family:"Baloo 2",cursive;font-size:.98rem;font-weight:800;color:var(--sky);cursor:pointer;transition:all .15s}.ws-placed:active{background:#ff6b6b33;border-color:#ff6b6b59}.ws-btns{display:flex;gap:8px}.ws-check{flex:1;background:linear-gradient(135deg,var(--mint),var(--sky));color:#0d1b3e;font-family:"Baloo 2",cursive;font-size:.9rem;font-weight:800;border:none;border-radius:11px;padding:11px;cursor:pointer}.ws-clear{background:#ffffff12;color:var(--muted);font-size:.82rem;font-weight:700;border:1px solid rgba(255,255,255,.1);border-radius:11px;padding:11px 14px;cursor:pointer}.ws-result{text-align:center;padding:10px;border-radius:10px;font-weight:800;font-size:.9rem;margin-top:10px;min-height:40px}.ws-score-row{display:flex;justify-content:space-between;background:var(--card);border:1px solid rgba(255,255,255,.07);border-radius:13px;padding:12px 16px;margin-bottom:14px}.mm-score-row{display:flex;justify-content:space-between;align-items:center;background:var(--card);border:1px solid rgba(255,255,255,.07);border-radius:13px;padding:12px 16px;margin-bottom:14px}.mm-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}.mm-card{aspect-ratio:1;border-radius:12px;cursor:pointer;perspective:600px;position:relative}.mm-inner{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .35s ease}.mm-card.flipped .mm-inner,.mm-card.matched .mm-inner{transform:rotateY(180deg)}.mm-card.matched .mm-back{background:#43e97b33!important;border-color:var(--ok)!important}.mm-front,.mm-back{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;backface-visibility:hidden;display:flex;align-items:center;justify-content:center}.mm-front{background:linear-gradient(135deg,#7c4dff40,#4fc3f733);border:2px solid rgba(124,77,255,.3);font-size:1.4rem}.mm-back{background:var(--card2);border:2px solid rgba(255,255,255,.1);transform:rotateY(180deg);font-size:.72rem;font-weight:800;text-align:center;padding:4px;line-height:1.3}.mm-btn-row{display:flex;gap:8px}.mm-newgame{flex:1;background:linear-gradient(135deg,var(--purple),var(--sky));color:#fff;font-family:"Baloo 2",cursive;font-size:.9rem;font-weight:700;border:none;border-radius:11px;padding:12px;cursor:pointer}.game-over{text-align:center;padding:30px 16px 88px}.go-emoji{font-size:4rem;margin-bottom:12px;animation:bi .5s ease}.go-title{font-family:"Baloo 2",cursive;font-size:1.6rem;font-weight:800;margin-bottom:5px}.go-score{font-size:1rem;color:var(--muted);margin-bottom:6px}.go-hs{font-size:.82rem;color:var(--sun);font-weight:700;margin-bottom:22px}.go-btns{display:flex;flex-direction:column;gap:9px;max-width:280px;margin:0 auto}.coin-pop{position:fixed;top:64px;right:14px;background:#182c58f5;border:1px solid rgba(255,214,0,.38);border-radius:11px;padding:8px 13px;display:flex;align-items:center;gap:6px;z-index:9999;animation:cpop 2.4s forwards;pointer-events:none}@keyframes cpop{0%{opacity:0;transform:translate(26px)}15%{opacity:1;transform:none}78%{opacity:1}to{opacity:0;transform:translate(26px)}}.cp-t{font-weight:800;font-size:.86rem;color:var(--sun)}.lv-ov{position:fixed;top:0;right:0;bottom:0;left:0;background:#0d1b3eeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center}.lv-card{background:var(--card);border:2px solid var(--sun);border-radius:20px;padding:30px 22px;text-align:center;max-width:290px;width:90%;box-shadow:0 0 55px #ffd60038}.lv-ic{font-size:3.8rem;margin-bottom:6px}.lv-t{font-family:"Baloo 2",cursive;font-size:1.65rem;font-weight:800;background:linear-gradient(135deg,var(--sun),#FF9A3C);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:4px}.lv-s{color:var(--muted);font-size:.8rem;margin-bottom:18px;line-height:1.5}.lv-btn{background:linear-gradient(135deg,var(--sun),#FF9A3C);color:#111;font-family:"Baloo 2",cursive;font-size:.96rem;font-weight:800;border:none;border-radius:10px;padding:10px 26px;cursor:pointer}.modal-ov{position:fixed;top:0;right:0;bottom:0;left:0;background:#0d1b3ee0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9999;display:flex;align-items:center;justify-content:center}.modal-c{background:var(--card);border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:26px 20px;text-align:center;max-width:300px;width:90%}.modal-ic{font-size:2.8rem;margin-bottom:9px}.modal-t{font-family:"Baloo 2",cursive;font-size:1.25rem;font-weight:800;margin-bottom:5px}.modal-s{font-size:.8rem;color:var(--muted);line-height:1.6;margin-bottom:18px}.modal-btns{display:flex;flex-direction:column;gap:8px}.adaptive-modal{position:fixed;bottom:90px;left:50%;transform:translate(-50%);width:90%;max-width:360px;background:linear-gradient(135deg,#7c4dfff2,#4fc3f7f2);border-radius:18px;padding:16px 18px;z-index:9000;animation:slideUpIn .35s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px #7c4dff66}@keyframes slideUpIn{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.adp-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.adp-icon{font-size:1.8rem}.adp-title{font-family:"Baloo 2",cursive;font-size:.95rem;font-weight:800;color:#fff}.adp-body{font-size:.78rem;color:#ffffffe0;line-height:1.5;margin-bottom:12px}.adp-btns{display:flex;gap:8px}.adp-btn-nb{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;font-family:"Baloo 2",cursive;font-size:.8rem;font-weight:700;border-radius:9px;padding:8px 14px;cursor:pointer;flex:1}.adp-btn-cont{background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#ffffffb3;font-size:.78rem;font-weight:600;border-radius:9px;padding:8px 12px;cursor:pointer}.confetti-wrap{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9998;overflow:hidden}.confetti-p{position:absolute;width:8px;height:8px;border-radius:50%;animation:confettiFall linear forwards}@keyframes confettiFall{0%{transform:translateY(-10px) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.mission-banner{background:linear-gradient(135deg,#7c4dff2e,#4fc3f71f);border:1px solid rgba(124,77,255,.25);border-radius:12px;padding:10px 14px;margin:0 13px 12px;display:flex;align-items:center;gap:10px}.mb-icon{font-size:1.4rem}.mb-text{font-family:"Baloo 2",cursive;font-size:.82rem;font-weight:700;color:var(--purple)}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.login-box{width:100%;max-width:340px}.login-logo{text-align:center;margin-bottom:30px}.login-logo .av{margin:0 auto 12px;width:70px;height:70px;font-size:2rem}.login-logo h1{font-family:"Baloo 2",cursive;font-size:1.7rem;font-weight:800}.login-logo p{color:var(--muted);font-size:.8rem;margin-top:4px}.login-tabs{display:flex;background:var(--card);border-radius:12px;padding:4px;margin-bottom:20px;gap:4px}.login-tab{flex:1;padding:8px;border-radius:9px;font-weight:700;font-size:.84rem;cursor:pointer;text-align:center;transition:all .2s;color:var(--muted);border:none;background:transparent}.login-tab.on{background:var(--sky);color:var(--bg)}.login-field{width:100%;background:var(--card2);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:13px 15px;color:var(--text);font-size:.9rem;font-family:Nunito,sans-serif;outline:none;margin-bottom:10px}.login-field:focus{border-color:#4fc3f780}.login-field::-moz-placeholder{color:var(--muted)}.login-field::placeholder{color:var(--muted)}.login-err{color:var(--bad);font-size:.78rem;text-align:center;margin-bottom:8px}.login-btn{width:100%;background:linear-gradient(135deg,var(--purple),var(--sky));color:#fff;font-family:"Baloo 2",cursive;font-size:1rem;font-weight:700;border:none;border-radius:12px;padding:14px;cursor:pointer}.student-picker-ov{position:fixed;top:0;right:0;bottom:0;left:0;background:#0d1b3ee0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:500;display:flex;align-items:flex-end;justify-content:center;padding:16px}.student-picker{background:var(--card);border-radius:20px;padding:20px;width:100%;max-width:420px}.sp-title{font-family:"Baloo 2",cursive;font-size:1rem;font-weight:800;margin-bottom:14px}.sp-item{display:flex;align-items:center;gap:12px;background:var(--card2);border-radius:14px;padding:12px 14px;margin-bottom:8px;cursor:pointer;border:1.5px solid transparent;transition:all .15s}.sp-item.active{border-color:var(--sky);background:#4fc3f71a}.sp-av{font-size:1.8rem}.sp-info{flex:1}.sp-name{font-weight:700;font-size:.9rem}.sp-lv{font-size:.68rem;color:var(--muted);margin-top:1px}.sp-add{display:flex;gap:8px;margin-top:10px}.sp-input{flex:1;background:var(--card2);border:1px solid rgba(255,255,255,.1);border-radius:11px;padding:10px 13px;color:var(--text);font-size:.85rem;font-family:Nunito,sans-serif;outline:none}.sp-input::-moz-placeholder{color:var(--muted)}.sp-input::placeholder{color:var(--muted)}.sp-add-btn{background:linear-gradient(135deg,var(--purple),var(--sky));color:#fff;font-family:"Baloo 2",cursive;font-size:.8rem;font-weight:700;border:none;border-radius:11px;padding:10px 14px;cursor:pointer;white-space:nowrap}.spad{height:80px}@keyframes pet-bounce{0%,to{transform:translateY(0)}40%{transform:translateY(-14px) scale(1.08)}60%{transform:translateY(-6px)}}@keyframes pet-shake{0%,to{transform:rotate(0)}20%{transform:rotate(-8deg)}40%{transform:rotate(8deg)}60%{transform:rotate(-5deg)}80%{transform:rotate(5deg)}}@keyframes pet-celebrate{0%{transform:scale(1) rotate(0)}20%{transform:scale(1.25) rotate(-10deg)}40%{transform:scale(1.3) rotate(10deg)}60%{transform:scale(1.2) rotate(-6deg)}80%{transform:scale(1.1) rotate(4deg)}to{transform:scale(1) rotate(0)}}@keyframes pet-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes pet-levelup{0%{transform:scale(1);filter:brightness(1)}30%{transform:scale(1.4);filter:brightness(2) drop-shadow(0 0 12px gold)}60%{transform:scale(1.2);filter:brightness(1.5) drop-shadow(0 0 6px gold)}to{transform:scale(1);filter:brightness(1)}}@keyframes bubble-pop{0%{transform:scale(0) translateY(4px);opacity:0}60%{transform:scale(1.05) translateY(-2px);opacity:1}to{transform:scale(1) translateY(0);opacity:1}}@keyframes mood-float{0%,to{transform:translateY(0);opacity:.9}50%{transform:translateY(-5px);opacity:1}}.pet-anim-happy{animation:pet-bounce 2.4s ease-in-out infinite}.pet-anim-float{animation:pet-float 3s ease-in-out infinite}.pet-anim-sad{animation:pet-shake 2s ease-in-out infinite}.pet-anim-celebrate{animation:pet-celebrate .7s ease-in-out}.pet-anim-levelup{animation:pet-levelup 1s ease-in-out}.pet-bubble{position:absolute;top:-56px;left:50%;transform:translate(-50%);background:var(--card);border:1.5px solid rgba(79,195,247,.35);border-radius:14px;padding:6px 12px;font-size:.72rem;font-weight:700;color:var(--text);white-space:nowrap;z-index:10;animation:bubble-pop .35s ease-out;box-shadow:0 4px 12px #0000004d}.pet-bubble:after{content:"";position:absolute;bottom:-7px;left:50%;transform:translate(-50%);border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid rgba(79,195,247,.35)}.pet-mood-icon{position:absolute;top:-10px;right:-10px;font-size:1.3rem;animation:mood-float 2s ease-in-out infinite;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}.pet-levelup-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#ffd600f2,#ff9a3cf2);border-radius:20px;padding:24px 32px;text-align:center;z-index:1000;box-shadow:0 8px 32px #00000080;animation:bubble-pop .4s ease-out}.pet-fab{position:fixed;bottom:80px;right:18px;width:54px;height:54px;background:linear-gradient(135deg,#43e97b40,#4fc3f733);border:1.5px solid rgba(67,233,123,.4);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:100;box-shadow:0 4px 16px #00000059;transition:transform .15s}.pet-fab:active{transform:scale(.9)}.pet-fab-dot{position:absolute;bottom:3px;right:3px;width:10px;height:10px;border-radius:50%;border:2px solid var(--bg)}.par-section{background:var(--card);border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:14px 15px;margin-bottom:14px}.par-sec-title{font-family:"Baloo 2",cursive;font-size:.8rem;font-weight:800;color:var(--sky);margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.par-stat-card{background:var(--card2);border-radius:12px;padding:12px 10px;text-align:center;border:1px solid rgba(255,255,255,.06)}.passage-card{background:#4fc3f70f;border:1px solid rgba(79,195,247,.18);border-radius:14px;padding:14px 15px;margin:0 14px 10px}.passage-label{font-family:"Baloo 2",cursive;font-size:.7rem;font-weight:800;color:var(--sky);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.passage-text{font-size:.82rem;line-height:1.7;color:var(--text);white-space:pre-line}.act-card.parent{background:linear-gradient(135deg,#ff9a3c26,#ff6b6b1a);border:1px solid rgba(255,154,60,.25)}.qtimer{font-family:"Baloo 2",cursive;font-weight:800;font-size:.95rem;color:var(--sky);background:#4fc3f71f;border-radius:10px;padding:4px 10px}.qtimer.warn{color:var(--sun);background:#ffd6001f}.qtimer.danger{color:var(--bad);background:#ff6b6b26;animation:pulse .8s ease infinite}