@font-face{font-family:Lexend Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/lexend-vietnamese-wght-normal-RvljkFvg.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Lexend Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/lexend-latin-ext-wght-normal-B6JQhE1e.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Lexend Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/lexend-latin-wght-normal-ci0D1wrL.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink:#0d2b2a;--ink-soft:#4a6462;--mist:#eaf7f2;--paper:#fff;--border:#0d2b2a24;--accent:#2f6bff;--accent-edge:#1846c7;--accent-tint:#e6eeff;--lagoon:#12b89f;--lagoon-edge:#0a8a76;--lagoon-tint:#d6f5ee;--sun:#ffc233;--sun-edge:#d99a00;--sun-tint:#fff1c9;--radius-key:18px;--radius-panel:28px;--key-shadow:0 5px 0 #0d2b2a21;--focus:0 0 0 3px var(--paper), 0 0 0 6px var(--accent);--font:"Lexend Variable", system-ui, "Segoe UI", sans-serif;font:400 18px/1.5 var(--font);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--ink);background:var(--mist);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}@media (width<=720px){:root{font-size:16px}}*,:before,:after{box-sizing:border-box}body{background:radial-gradient(60rem 40rem at 8% -10%, #4cc2ff57, transparent 60%), radial-gradient(50rem 36rem at 100% 0%, #8cb6ff66, transparent 60%), radial-gradient(46rem 32rem at 60% 105%, #2dd4bf4d, transparent 60%), var(--mist);background-attachment:fixed;min-height:100svh;margin:0}#root{min-height:100svh}h1,h2,h3{color:var(--ink);letter-spacing:-.02em;margin:0;font-weight:800;line-height:1.1}h1{margin-bottom:.4em;font-size:clamp(2rem,5vw,3.25rem)}h2{margin-bottom:.4em;font-size:clamp(1.25rem,3vw,1.75rem)}p{margin:0 0 .75em}a{color:var(--accent-edge);text-underline-offset:3px;font-weight:600}:focus-visible{box-shadow:var(--focus);outline:none}button{font:inherit;color:var(--ink);background:var(--paper);border:2px solid var(--border);cursor:pointer;border-radius:999px;padding:.55em 1.1em;font-weight:600;transition:transform 80ms,background-color .15s}button:hover:not(:disabled){background:var(--accent-tint)}button:active:not(:disabled){transform:translateY(2px)}button:disabled{opacity:.45;cursor:not-allowed}input,select,textarea{font:inherit;color:var(--ink);background:var(--paper);border:2px solid var(--border);border-radius:14px;max-width:100%;padding:.5em .8em}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-tint);outline:none}label{font-weight:600}table{border-collapse:collapse}th{color:var(--ink-soft);font-weight:700}th,td{text-align:left;padding:.6em .8em}.kid-shell,.admin-shell{flex-direction:column;min-height:100svh;display:flex}.kid-shell-header,.admin-shell-header{z-index:10;-webkit-backdrop-filter:blur(14px)saturate(1.4);backdrop-filter:blur(14px)saturate(1.4);background:#ffffffb8;border:1px solid #ffffffe6;border-radius:999px;justify-content:space-between;align-items:center;gap:12px;width:min(960px,100% - 24px);margin:12px auto 0;padding:8px 12px 8px 18px;display:flex;position:sticky;top:12px;box-shadow:0 8px 30px -12px #0d2b2a40}.kid-shell-brand,.admin-shell-brand{letter-spacing:-.01em;align-items:center;gap:10px;font-weight:800;display:flex}.brand-mark{flex:none;width:34px;height:34px}.kid-shell-user,.admin-shell-user{align-items:center;gap:10px;min-width:0;font-weight:600;display:flex}.kid-shell-user button,.admin-shell-user button{padding:.35em .9em;font-size:.8rem}.kid-shell-avatar{background:var(--accent-tint);border-radius:50%;place-items:center;width:36px;height:36px;font-size:1.3rem;display:grid}.kid-shell-main,.admin-shell-main{flex:1;width:min(960px,100%);margin:0 auto;padding:32px 20px 72px}.admin-shell-main{width:min(1100px,100%)}.admin-shell h1{font-size:1.9rem}.admin-shell-main section,.admin-shell-main form{border:1px solid var(--border);border-radius:var(--radius-key);background:#ffffffb3;padding:16px 20px}.admin-shell-main form{border:1px solid var(--border)!important}.admin-shell-main form section{background:0 0;border:0;padding:0}.admin-shell-main .admin-summary button:hover,.admin-shell button[type=submit]{color:#fff;background:var(--accent);border-color:var(--accent)}.admin-shell button[type=submit]:hover:not(:disabled){background:var(--accent-edge)}.admin-shell-user span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.auth-card{border-radius:var(--radius-panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);text-align:center;background:#ffffffc7;border:1px solid #fff;width:min(460px,100% - 32px);margin:12svh auto 0;padding:32px 28px;box-shadow:0 30px 60px -30px #0d2b2a59}.auth-card form{text-align:left;gap:14px;display:grid}.auth-card form input{width:100%}.auth-card button[type=submit]{color:#fff;background:var(--accent);border-color:var(--accent);box-shadow:0 5px 0 var(--accent-edge);padding:.8em}.auth-card h1{font-size:2.2rem}.landing{text-align:center;place-items:center;min-height:100svh;padding:24px;display:grid}.landing-actions{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:24px;display:flex}.landing .brand-mark{width:84px;height:84px;margin-bottom:8px}.form-error,.auth-card [role=alert]{background:var(--sun-tint);border-radius:14px;padding:.6em 1em;font-weight:600}.pin-field{justify-content:center;gap:14px;margin:20px 0;display:flex;position:relative}.pin-field input{opacity:0;width:100%;font-size:16px;position:absolute;inset:0}.pin-dot{background:var(--paper);border:3px solid var(--border);border-radius:16px;place-items:center;width:56px;height:64px;transition:border-color .15s;display:grid}.pin-dot.filled:after{content:"";background:var(--accent);border-radius:50%;width:18px;height:18px;animation:.18s ease-out pop}.pin-dot.active{border-color:var(--accent)}.hero{align-items:center;gap:20px;margin-bottom:28px;display:flex}.hero-avatar{aspect-ratio:1;background:var(--paper);width:clamp(72px,14vw,104px);box-shadow:0 0 0 6px var(--accent-tint), 0 14px 30px -12px #2f6bff80;border-radius:50%;flex:none;place-items:center;font-size:clamp(2.4rem,8vw,3.6rem);display:grid}.hero h1{margin:0}.hero p{color:var(--ink-soft);margin:4px 0 0;font-weight:500}.portals{grid-template-columns:1.5fr 1fr;gap:18px;display:grid}.portal{border-radius:var(--radius-panel);flex-direction:column;justify-content:flex-end;gap:4px;min-height:200px;padding:24px;text-decoration:none;transition:transform .15s;display:flex;position:relative;overflow:hidden}.portal:hover{transform:translateY(-3px)}.portal:active{transform:translateY(2px)}.portal-emoji{filter:drop-shadow(0 12px 14px #0d2b2a40);font-size:clamp(4.5rem,12vw,6.5rem);line-height:1;position:absolute;top:14px;right:22px}.portal-title{letter-spacing:-.02em;font-size:clamp(1.7rem,4vw,2.3rem);font-weight:800}.portal small{opacity:.85;font-size:.9rem;font-weight:500}.portal-practice{color:#fff;background:var(--accent);box-shadow:0 8px 0 var(--accent-edge)}.portal-tests{color:var(--ink);background:var(--sun);box-shadow:0 8px 0 var(--sun-edge)}.portal-gifts{min-height:0;color:var(--ink-soft);border:2px dashed var(--border);background:#ffffff8c;flex-direction:row;grid-column:1/-1;justify-content:flex-start;align-items:center;gap:14px;padding:16px 22px}.portal-gifts:hover{transform:none}.portal-gifts .portal-title{font-size:1.2rem}.picker-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px;margin:20px 0 28px;display:grid}.picker-tile{--hue:260;text-align:left;min-height:132px;color:var(--ink);background:hsl(var(--hue) 95% 94%);border:2px solid hsl(var(--hue) 70% 82%);border-radius:var(--radius-key);box-shadow:0 6px 0 hsl(var(--hue) 60% 76%);flex-direction:column;align-items:flex-start;gap:10px;padding:16px 18px;font-size:1.15rem;font-weight:700;line-height:1.2;display:flex}.picker-tile:hover:not(:disabled){background:hsl(var(--hue) 100% 91%)}.picker-tile:active:not(:disabled){box-shadow:0 2px 0 hsl(var(--hue) 60% 76%);transform:translateY(4px)}.picker-tile-emoji{background:var(--paper);border-radius:16px;place-items:center;width:52px;height:52px;font-size:1.9rem;display:grid}.picker-tile small{color:var(--ink-soft);font-size:.8rem;font-weight:500}.tier-stars{letter-spacing:.15em;color:hsl(var(--hue) 75% 45%);margin-top:auto;font-size:1.05rem}.tier-stars .off{color:hsl(var(--hue) 40% 82%)}.crumb{color:var(--ink-soft);align-items:center;gap:8px;margin-bottom:6px;font-weight:600;display:inline-flex}.back-link{margin-top:4px;font-weight:600;display:inline-block}.trail{align-items:center;margin:4px 0 26px;display:flex}.trail-line{background:#0d2b2a1f;border-radius:3px;flex:1;min-width:3px;height:6px}.trail-line.done{background:var(--accent)}.stone{color:#fff;background:#0d2b2a1f;border-radius:50%;flex:none;place-items:center;width:26px;height:26px;font-size:.8rem;font-weight:800;display:grid}.stone.small{width:16px;height:16px;font-size:0}.stone.done{background:var(--accent)}.stone.right{background:var(--lagoon)}.stone.miss{background:var(--sun);color:var(--ink)}.stone.todo{color:var(--ink-soft)}.stone.now{color:var(--accent-edge);background:var(--paper);border:4px solid var(--accent);animation:1.8s ease-out infinite pulse;box-shadow:0 0 #2f6bff73}.trail-end{flex:none;margin-left:8px;font-size:1.5rem;line-height:1}.q-card{border-radius:var(--radius-panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffc7;border:1px solid #fff;padding:clamp(18px,4vw,32px);box-shadow:0 30px 60px -32px #0d2b2a66}.q-progress{color:var(--ink-soft);align-items:center;gap:12px;margin-bottom:4px;font-size:.9rem;font-weight:600;display:flex}.test-clock{font-variant-numeric:tabular-nums;color:var(--ink);background:var(--sun-tint);border-radius:999px;margin-left:auto;padding:.2em .8em;font-weight:700}.q-prompt{letter-spacing:-.01em;margin:0 0 20px;font-size:clamp(1.5rem,4.5vw,2.1rem);font-weight:700;line-height:1.25}.q-image{border-radius:var(--radius-key);max-width:100%}.q-hint{color:var(--ink-soft);margin:0 0 10px;font-size:.9rem;font-weight:500}.q-choices{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin:0 0 20px;display:grid}.q-tray{flex-wrap:wrap;gap:12px;margin:0 0 16px;display:flex}.q-choice,.q-chip,.q-tick{font-variant-numeric:tabular-nums;min-height:60px;color:var(--ink);background:var(--paper);border:2px solid var(--border);border-radius:var(--radius-key);box-shadow:var(--key-shadow);padding:12px 20px;font-size:1.4rem;font-weight:700}.q-choice:hover:not(:disabled),.q-chip:hover:not(:disabled),.q-tick:hover:not(:disabled){background:var(--accent-tint)}.q-choice:active:not(:disabled),.q-chip:active:not(:disabled),.q-tick:active:not(:disabled){transform:translateY(4px);box-shadow:0 1px #0d2b2a21}.q-choice.selected,.q-chip.selected,.q-tick.selected{background:var(--accent-tint);border-color:var(--accent);box-shadow:0 5px #2f6bff73}.q-fill{font-variant-numeric:tabular-nums;text-align:center;border-radius:var(--radius-key);width:min(9em,100%);margin:0 0 20px;padding:.4em .6em;font-size:2rem;font-weight:700;display:block}.q-zones{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin:0 0 20px;display:grid}.q-zone{border-radius:var(--radius-key);background:#e6eeff80;border:3px dashed #2f6bff59;min-height:120px;padding:12px 14px;font-weight:700;transition:background-color .15s}.q-zone .q-tray{margin:10px 0 0}.q-zone.targetable{cursor:pointer;background:var(--accent-tint);border-color:var(--accent)}.q-match{flex-wrap:wrap;gap:16px 40px;margin:0 0 20px;display:flex}.q-match-col{flex-direction:column;flex:200px;gap:12px;display:flex}.q-numline{grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:16px 0;margin:20px 0 24px;display:grid}.q-tick{min-width:0;min-height:0;box-shadow:none;background:0 0;border-color:#0000;border-radius:0 0 14px 14px;flex-direction:column;align-items:center;padding:5px 4px 8px;font-size:1.1rem;display:flex;position:relative}.q-tick:before{content:"";background:var(--ink);height:5px;position:absolute;inset:0 0 auto}.q-tick-mark{background:var(--ink);border-radius:2px;width:4px;height:16px}.q-tick.selected{box-shadow:none;background:var(--accent);color:#fff}.q-tick.selected .q-tick-mark{background:#fff}.check-button{color:#fff;background:var(--accent);width:100%;box-shadow:0 6px 0 var(--accent-edge);border:0;border-radius:999px;padding:.7em 1.6em;font-size:1.35rem;font-weight:800}.check-button:hover:not(:disabled){background:#2559e6}.check-button:active:not(:disabled){box-shadow:0 1px 0 var(--accent-edge);transform:translateY(5px)}.check-button:disabled{opacity:1;color:#0d2b2a66;background:#0d2b2a14;box-shadow:0 6px #0d2b2a14}@media (width>=640px){.q-card .check-button{width:auto;min-width:240px}}.q-feedback{border-radius:var(--radius-key);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;margin-top:22px;padding:16px 20px;font-size:1.15rem;font-weight:600;animation:.25s ease-out rise;display:flex;position:sticky;bottom:14px;box-shadow:0 16px 30px -14px #0d2b2a73}.q-feedback p{flex:240px;margin:0}.q-feedback.right{background:var(--lagoon-tint);border:2px solid var(--lagoon)}.q-feedback.wrong{background:var(--sun-tint);border:2px solid var(--sun)}.q-feedback .check-button{width:auto;min-width:160px;margin:0}.q-feedback.right .check-button{background:var(--lagoon);box-shadow:0 6px 0 var(--lagoon-edge)}.q-feedback.wrong .check-button{color:var(--ink);background:var(--sun);box-shadow:0 6px 0 var(--sun-edge)}.q-summary{text-align:center;border-radius:var(--radius-panel);background:#ffffffc7;border:1px solid #fff;padding:clamp(24px,5vw,44px);box-shadow:0 30px 60px -32px #0d2b2a66}.q-big{margin:0 0 8px;font-size:clamp(1.4rem,4vw,2rem);font-weight:700}.star-row{justify-content:center;gap:8px;margin:8px 0 16px;font-size:clamp(3rem,12vw,4.5rem);line-height:1;display:flex}.star-row span{filter:drop-shadow(0 8px 8px #d99a0059);animation:.5s cubic-bezier(.3,1.6,.5,1) both star-pop}.star-row span:nth-child(2){animation-delay:.15s}.star-row span:nth-child(3){animation-delay:.3s}.star-row .off{filter:grayscale()opacity(.25)}.xp-pill{background:var(--sun-tint);border-radius:999px;margin-bottom:20px;padding:.35em 1.1em;font-size:1.3rem;font-weight:800;display:inline-block}.test-review{text-align:left;margin:24px 0;padding:0;list-style:none}.test-review li{border-radius:14px;margin:8px 0;padding:10px 16px;font-weight:500}.test-review li.right{background:var(--lagoon-tint)}.test-review li.wrong{background:var(--sun-tint)}.test-list{margin:8px 0 24px;padding:0;list-style:none}.test-list li{background:#ffffffb3;border-radius:14px;align-items:center;gap:12px;margin-bottom:8px;padding:10px 16px;font-weight:600;display:flex}.test-list time{color:var(--ink-soft);margin-left:auto;font-weight:500}@keyframes pulse{0%{box-shadow:0 0 #2f6bff73}70%,to{box-shadow:0 0 0 12px #2f6bff00}}@keyframes rise{0%{opacity:0;transform:translateY(16px)}}@keyframes pop{0%{transform:scale(0)}}@keyframes star-pop{0%{opacity:0;transform:scale(.2)rotate(-25deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media (width<=640px){.portals{grid-template-columns:1fr}.portal{min-height:150px}.kid-shell-user button{display:none}}.landing .check-button{width:auto;text-decoration:none}