@font-face{font-family:Mali;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/mali-thai-400-normal-BO7A3bLZ.woff2) format("woff2"),url(/assets/mali-thai-400-normal-CX9VrjTn.woff) format("woff");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Mali;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/mali-vietnamese-400-normal-DUKxzXaz.woff2) format("woff2"),url(/assets/mali-vietnamese-400-normal-gFDLvsOK.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Mali;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/mali-latin-ext-400-normal-iCG1ALuJ.woff2) format("woff2"),url(/assets/mali-latin-ext-400-normal-DUVdJQO4.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Mali;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/mali-latin-400-normal-Cuc6Ykl8.woff2) format("woff2"),url(/assets/mali-latin-400-normal-ByPcZ8Gx.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Mali;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/mali-thai-600-normal-DlTx3OsB.woff2) format("woff2"),url(/assets/mali-thai-600-normal-DPgXT6rZ.woff) format("woff");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Mali;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/mali-vietnamese-600-normal-DFlJr66u.woff2) format("woff2"),url(/assets/mali-vietnamese-600-normal-CtTMUU7T.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Mali;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/mali-latin-ext-600-normal-BTvIfiCp.woff2) format("woff2"),url(/assets/mali-latin-ext-600-normal-DAQcLVmD.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Mali;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/mali-latin-600-normal-B9TiUNpT.woff2) format("woff2"),url(/assets/mali-latin-600-normal-CycpQCwU.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Mali;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/mali-thai-700-normal-DjdebB47.woff2) format("woff2"),url(/assets/mali-thai-700-normal-HU8A-eti.woff) format("woff");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Mali;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/mali-vietnamese-700-normal-cyBa8w1S.woff2) format("woff2"),url(/assets/mali-vietnamese-700-normal-BxAmfcK6.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Mali;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/mali-latin-ext-700-normal-Bxl-P7gA.woff2) format("woff2"),url(/assets/mali-latin-ext-700-normal-CjT8jNpY.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Mali;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/mali-latin-700-normal-UA1FHiAM.woff2) format("woff2"),url(/assets/mali-latin-700-normal-DHEtm6Un.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink: #2b2d42;--muted: #6b7280;--bg: #eaf6ff;--card: #ffffff;--primary: #4361ee;--primary-dark: #2f45b8;--accent: #ff9f1c;--ok: #2a9d58;--ok-bg: #e3f9ea;--no: #d7263d;--no-bg: #ffe8ea;--star: #ffc300;--radius: 20px;--shadow: 0 6px 0 rgba(43, 45, 66, .12);font-family:Mali,Leelawadee UI,Thonburi,system-ui,sans-serif;color:var(--ink)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);font-size:17px;line-height:1.6;min-height:100vh}h1,h2,h3,p{margin:0}h1{font-size:1.7rem;line-height:1.3}h1 small{display:block;font-size:1rem;font-weight:400;color:var(--muted)}h2{font-size:1.2rem}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.en{font-weight:600;letter-spacing:.01em}.th,.muted{color:var(--muted);font-size:.95rem}.app{min-height:100vh}.center-screen{min-height:70vh;display:grid;place-content:center;justify-items:center;gap:16px;text-align:center;padding:24px;font-size:1.2rem}main{max-width:980px;margin:0 auto;padding:16px 16px 64px;display:grid;gap:18px}main.narrow,main.lesson,main.play,main.result{max-width:720px}main>.btn-small{justify-self:start}.btn{border:0;border-radius:999px;padding:10px 22px;font-weight:700;background:#fff;box-shadow:0 4px #2b2d422e;transition:transform .08s,box-shadow .08s}.btn:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #2b2d422e}.btn:disabled{opacity:.5}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 5px 0 var(--primary-dark)}.btn-secondary{background:var(--accent);color:#3a2500;box-shadow:0 5px #c97800}.btn-ghost{background:#ffffffd9;color:var(--primary-dark)}.btn-big{font-size:1.15rem;padding:14px 28px;width:100%}.btn-small{padding:6px 14px;font-size:.9rem}.icon-btn,.avatar-btn{border:0;width:42px;height:42px;border-radius:50%;background:#fff;font-size:1.2rem;box-shadow:0 3px #2b2d4226;flex:none}.avatar-btn{font-size:1.5rem;background:#fff3c4}.chip{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:999px;background:#fff;font-weight:700;white-space:nowrap;font-size:.95rem}.chip-score{background:#fff3c4;color:#7a5200}.chip-star{background:#fff;color:#7a5200}.chip-combo{background:#ffe0d1;color:#b33a00;animation:pop .35s}.card{background:var(--card);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);display:grid;gap:12px}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 16px;background:#ffffffeb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 2px 10px #2b2d4214}.brand{border:0;background:none;font-weight:700;font-size:1.25rem;color:var(--primary);padding:4px}.topbar-right{display:flex;align-items:center;gap:8px}@media(max-width:520px){.brand{font-size:0}.brand-icon{font-size:1.6rem}}.mascot{flex:none;filter:drop-shadow(0 4px 0 rgba(43,45,66,.12))}.mascot-happy,.mascot-think{animation:bob 2.6s ease-in-out infinite}.mascot-cheer{animation:jump .6s ease-in-out 3}.mascot-sad{animation:shake .5s}.m-line{fill:none;stroke:#3a2a1a;stroke-width:3;stroke-linecap:round}.m-line.thin{stroke-width:1.8;opacity:.6}.speech-row{display:flex;align-items:center;gap:10px}.bubble{position:relative;flex:1;background:#fff;border-radius:18px;padding:12px 16px;box-shadow:var(--shadow)}.bubble:before{content:"";position:absolute;left:-9px;top:50%;margin-top:-9px;border:9px solid transparent;border-left:0;border-right-color:#fff}.progress-track{height:10px;border-radius:99px;background:#e3e8f4;margin-top:8px;overflow:hidden}.progress-track div{height:100%;background:linear-gradient(90deg,#52b788,#95d5b2);border-radius:99px}.login-screen{min-height:100vh;display:grid;place-items:center;padding:16px;background:linear-gradient(180deg,#8ecdf7,#c8ecff 55%,#fff3c4);position:relative;overflow:hidden}.login-sky span{position:absolute;font-size:3rem;opacity:.85;animation:bob 4s ease-in-out infinite}.login-sky span:nth-child(1){top:6%;left:8%}.login-sky span:nth-child(2){bottom:8%;left:6%;animation-delay:.6s}.login-sky span:nth-child(3){top:12%;right:8%;animation-delay:1.2s}.login-sky span:nth-child(4){bottom:10%;right:6%;animation-delay:1.8s}.login-sky span:nth-child(5){top:45%;left:3%;font-size:2rem;animation-delay:2.4s}.login-card{position:relative;width:100%;max-width:440px;background:#fff;border-radius:28px;padding:24px;box-shadow:0 10px #2b2d421f;display:grid;gap:14px;justify-items:center;text-align:center}.login-card h1{color:var(--primary);font-size:2.1rem}.login-card form{width:100%;display:grid;gap:12px;text-align:left}.login-card label{display:grid;gap:4px;font-weight:600}.login-card input{border:3px solid #d7def0;border-radius:14px;padding:10px 14px 8px;line-height:2;min-height:58px;font-size:1.1rem;width:100%}.login-card input::placeholder{line-height:2;overflow:visible}.login-card input[type=password]::placeholder{font-family:system-ui,sans-serif;letter-spacing:4px}.login-card input:focus{border-color:var(--primary);outline:none}.tabs{display:flex;width:100%;background:#eef1fb;border-radius:999px;padding:4px}.tabs button{flex:1;border:0;background:none;border-radius:999px;padding:8px;font-weight:700;color:var(--muted)}.tabs button.on{background:#fff;color:var(--primary);box-shadow:0 2px 6px #2b2d421f}.avatar-pick{border:0;padding:0;margin:0;display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.avatar-pick legend{font-weight:600;padding:0;margin-bottom:4px}.avatar-pick button{border:3px solid transparent;border-radius:14px;background:#f3f5fc;font-size:1.6rem;padding:4px 0}.avatar-pick button.on{border-color:var(--accent);background:#fff3c4;transform:scale(1.08)}.form-error{color:var(--no);font-weight:600;background:var(--no-bg);padding:8px 12px;border-radius:12px}.courses{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.course{border:0;background:#fffffff0;border-radius:var(--radius);padding:14px;display:flex;align-items:center;gap:12px;text-align:left;color:var(--ink);box-shadow:0 5px #2b2d4224;transition:transform .1s}.course:hover:not(:disabled){transform:translateY(-2px)}.course:active:not(:disabled){transform:translateY(3px);box-shadow:0 2px #2b2d4224}.course.soon{opacity:.7;box-shadow:none}.course-body{flex:1;min-width:0;display:grid;gap:2px}.course-body b{font-size:1.15rem;line-height:1.3}.course-body small{color:var(--muted);font-size:.9rem}.course-desc{font-size:.92rem}.course-meta{font-size:.85rem;color:var(--muted)}.course .progress-track{display:block}.course .progress-track span{display:block;height:100%;background:linear-gradient(90deg,#52b788,#95d5b2);border-radius:99px}.course-soon{justify-self:start;background:#eef1fb;color:var(--muted);margin-top:4px}.course-go{font-size:1.3rem;color:var(--primary);flex:none}.map-nav{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.map-nav h1{font-size:1.4rem}.world{border-radius:28px;padding:18px;display:grid;gap:16px;color:var(--ink)}.world-present{background:linear-gradient(160deg,#a8e6ff,#d7fbe0 70%,#fff1b8)}.world-past{background:linear-gradient(160deg,#f6d9a8,#f3c4a0 60%,#dcc0f0)}.world-future{background:linear-gradient(160deg,#2b2d6e,#5a3d9a 60%,#c2578f)}.world-final{background:linear-gradient(160deg,#ffd166,#ff9f6e 60%,#ef6f9c)}.world-future .world-head{color:#fff}.world-future .world-head small{color:#d8d4ff}.world-head{display:flex;align-items:center;gap:12px}.world-head>div{flex:1;min-width:0}.world-head small{display:inline-block}@media(max-width:520px){.world-head{flex-wrap:wrap}.world-head>div{flex-basis:60%}.world-emoji{font-size:2.2rem}}.world-head h2{font-size:1.5rem}.world-head small{font-size:.95rem;font-weight:400;color:#4b5563;margin-left:6px}.world-emoji{font-size:3rem;animation:bob 3s ease-in-out infinite}.units{display:grid;gap:14px}.unit{background:#ffffffeb;border-radius:var(--radius);padding:14px;display:grid;gap:12px;box-shadow:var(--shadow)}.unit.boss{border:3px dashed var(--accent)}.unit.locked{opacity:.6}.unit-head{display:flex;align-items:center;gap:10px}.unit-head>div{flex:1;min-width:0}.unit-head h3{font-size:1.15rem;line-height:1.3}.unit-head p{color:var(--muted);font-size:.9rem}.unit-icon{font-size:2rem;width:52px;height:52px;display:grid;place-items:center;background:#eef1fb;border-radius:16px;flex:none}.levels{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.level{border:3px solid #e3e8f4;background:#fff;border-radius:18px;padding:10px 8px;display:grid;justify-items:center;gap:2px;text-align:center;transition:transform .1s}.level:hover:not(:disabled){transform:translateY(-3px);border-color:var(--primary)}.level.done{border-color:#95d5b2;background:#f3fcf6}.level.locked{background:#f1f2f6;color:#9aa0ae}.level.current{border-color:var(--accent);animation:pulse 1.4s ease-in-out infinite}.level-node{font-size:1.7rem}.level-title{font-weight:700;line-height:1.3}.level-meta{font-size:.8rem;color:var(--muted)}.stars{letter-spacing:2px;color:#d5d9e4;line-height:1}.stars .on{color:var(--star);text-shadow:0 2px 0 #c98f00}.video-card video{width:100%;aspect-ratio:16 / 9;border-radius:14px;background:#000;display:block}.formula-card{background:#fff8e1}.formula{font-size:1.35rem;font-weight:700;color:#a34700;text-align:center}code{font-family:inherit;font-weight:700;color:var(--primary-dark);background:#eef1fb;padding:2px 8px;border-radius:8px}.forms,.compare{display:grid;gap:12px}.form-row,.compare-row{display:grid;gap:4px;justify-items:start;padding-bottom:12px;border-bottom:2px dashed #e3e8f4}.form-row:last-child,.compare-row:last-child{border:0;padding-bottom:0}.compare-row h3{font-size:1.05rem;color:var(--primary-dark)}.tag{background:var(--primary);color:#fff;border-radius:999px;padding:0 12px;font-size:.85rem;font-weight:700}.uses{margin:0;padding-left:22px;display:grid;gap:10px}.signals{display:flex;flex-wrap:wrap;gap:8px}.signal{border:0;background:#e3f9ea;color:#17633a;border-radius:999px;padding:4px 14px;font-weight:600}.tips-card{background:#fff0f3}.tips-card ul{margin:0;padding-left:22px;display:grid;gap:6px}.speak-btn{border:0;background:#eef1fb;border-radius:50%;width:34px;height:34px;font-size:1rem;vertical-align:middle}.speak-btn:hover{background:#d7def0}.lesson-actions{position:sticky;bottom:12px}main.play,main.result{min-height:100vh;align-content:start;max-width:none}main.play>*,main.result>*{width:100%;max-width:720px;margin-inline:auto}.play.world-future,.result.world-future{background:linear-gradient(180deg,#2b2d6e,#5a3d9a)}.play.world-past,.result.world-past{background:linear-gradient(180deg,#f6d9a8,#f1e4d0)}.play.world-present,.result.world-present{background:linear-gradient(180deg,#a8e6ff,#e6fbef)}.play.world-final,.result.world-final{background:linear-gradient(180deg,#ffd166,#ffe9d6)}.world-future>.play-title{color:#fff}.play-top{display:flex;align-items:center;gap:8px}.play-progress{flex:1;height:16px;border-radius:99px;background:#ffffffb3;overflow:hidden}.play-progress div{height:100%;background:linear-gradient(90deg,#52b788,#b7e4c7);border-radius:99px;transition:width .4s}.play-title{font-size:.95rem;font-weight:600;text-align:center}.question{animation:slide-in .3s}.q-text{font-size:1.3rem;font-weight:600;white-space:pre-line;line-height:1.9}.q-hint{color:var(--muted)}.q-hint b{color:var(--primary-dark);background:#eef1fb;padding:2px 10px;border-radius:999px}.q-wrong{background:var(--no-bg);border-radius:14px;padding:8px 14px}.q-words{background:#eef1fb;border-radius:14px;padding:8px 14px}.blank,.sentence{border:0;border-bottom:4px solid var(--primary);background:#eef1fb;border-radius:10px 10px 0 0;font-weight:700;color:var(--primary-dark)}.blank{width:9.5em;max-width:100%;padding:2px 8px;margin:0 4px;text-align:center}.sentence{width:100%;padding:10px 12px;font-size:1.15rem;resize:none;display:block;margin-top:4px}.sentence-label{font-size:.95rem;color:var(--muted)}.blank:focus,.sentence:focus{outline:none;background:#fff8e1;border-color:var(--accent)}.blank.right,.sentence.right{border-color:var(--ok);background:var(--ok-bg);color:#17633a}.blank.wrong,.sentence.wrong{border-color:var(--no);background:var(--no-bg);color:#9d1c2c}.choices{display:grid;gap:10px}@media(min-width:560px){.choices{grid-template-columns:1fr 1fr}}.choice{display:flex;align-items:center;gap:10px;text-align:left;border:3px solid #d7def0;background:#fff;border-radius:16px;padding:12px 14px;font-weight:600;font-size:1.1rem;box-shadow:0 4px #d7def0}.choice:hover:not(:disabled){border-color:var(--primary)}.choice-key{width:30px;height:30px;border-radius:50%;background:#eef1fb;display:grid;place-items:center;font-size:.9rem;flex:none}.choice.right{border-color:var(--ok);background:var(--ok-bg);box-shadow:0 4px #95d5b2}.choice.wrong{border-color:var(--no);background:var(--no-bg);box-shadow:0 4px #f3a6b0;animation:shake .4s}.choice.dim{opacity:.55}.feedback{border-radius:var(--radius);padding:18px;display:grid;gap:8px;animation:slide-in .3s;box-shadow:var(--shadow)}.feedback.ok{background:var(--ok-bg);border:3px solid #95d5b2}.feedback.no{background:var(--no-bg);border:3px solid #f3a6b0}.feedback h2{display:flex;align-items:center;gap:10px}.feedback.ok h2{color:#17633a}.feedback.no h2{color:#9d1c2c}.points{background:var(--star);color:#5c3d00;border-radius:999px;padding:0 12px;animation:pop .4s}.full{font-size:1.1rem}.explain{background:#ffffffbf;border-radius:12px;padding:8px 12px}.result-card{justify-items:center;text-align:center}.big-stars{min-height:70px}.big-stars .on{animation:pop .45s;display:inline-block}.result-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;width:100%}.result-stats div{flex:1;min-width:110px;background:#f3f5fc;border-radius:16px;padding:10px;display:grid}.result-stats b{font-size:1.4rem}.result-stats span{font-size:.85rem;color:var(--muted)}.bonus{font-weight:700;color:#a34700}.result-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;width:100%}.new-badges{display:grid;gap:8px;justify-items:center;width:100%}.review ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}.review li{display:grid;gap:6px;padding-bottom:12px;border-bottom:2px dashed #e3e8f4}.review li:last-child{border:0;padding-bottom:0}.review .explain{background:#f3f5fc}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:5}.confetti i{position:absolute;top:-20px;width:10px;height:16px;border-radius:3px;background:var(--star);animation:fall 2.6s linear forwards}.confetti i:nth-child(3n){background:#ef476f}.confetti i:nth-child(3n+1){background:#4cc9f0}.confetti i:nth-child(4n){background:#52b788;width:8px;height:8px;border-radius:50%}.badges{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.badge{display:grid;justify-items:center;text-align:center;gap:2px;padding:12px 8px;border-radius:16px;background:#f1f2f6;color:#9aa0ae}.badge.earned{background:#fff8e1;color:var(--ink);border:2px solid var(--star)}.badge-icon{font-size:2rem}.badge small{font-size:.8rem;line-height:1.3}.leaderboard{list-style:none;margin:0;padding:10px;gap:6px}.leaderboard li{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:14px}.leaderboard li.me{background:#fff3c4;font-weight:700}.rank{width:34px;text-align:center;font-weight:700;font-size:1.2rem}.lb-avatar{font-size:1.6rem}.lb-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-stars{color:var(--muted);font-size:.9rem;white-space:nowrap}.lb-score{font-size:1.15rem}.profile-card{justify-items:center;text-align:center}.profile-avatar{font-size:4rem;width:110px;height:110px;display:grid;place-items:center;background:#fff3c4;border-radius:50%}.rank-name{font-weight:700;color:var(--primary);font-size:1.15rem}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes jump{0%,to{transform:translateY(0)}50%{transform:translateY(-14px) rotate(-4deg)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@keyframes pop{0%{transform:scale(.3)}70%{transform:scale(1.25)}to{transform:scale(1)}}@keyframes pulse{0%,to{box-shadow:0 0 #ff9f1c99}50%{box-shadow:0 0 0 10px #ff9f1c00}}@keyframes slide-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes fall{to{transform:translateY(110vh) rotate(540deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.admin-main{max-width:1100px;margin:0 auto;padding:16px;display:grid;gap:16px}.admin h2{font-size:1.2rem}.admin .brand{cursor:default}.admin a.btn{text-decoration:none}.admin-tabs{max-width:520px}.admin-back{justify-self:start}.admin-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.admin-bar>b:first-child,.admin-bar>h2{flex:1;min-width:160px}.admin-bar input,.admin-bar select{border:2px solid #d7def0;border-radius:12px;padding:6px 10px;font:inherit;background:#fff}.admin-name{font-size:1.4rem}.admin-actions{display:flex;gap:8px;flex-wrap:wrap}.admin-danger{color:var(--no)}.admin-note{background:#eef1fb;border-radius:12px;padding:8px 12px;font-weight:600}.admin-scroll{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;font-size:.95rem}.admin-table th{text-align:left;color:var(--muted);font-weight:600;white-space:nowrap}.admin-table th,.admin-table td{padding:8px 10px;border-bottom:1px solid #e3e8f4;vertical-align:top}.admin-table tr.clickable{cursor:pointer}.admin-table tr.clickable:hover{background:#f5f7fd}.admin-table small{display:block;color:var(--muted);font-size:.82rem;white-space:nowrap}.admin-table .link{border:0;background:none;padding:0;font:inherit;font-weight:700;color:var(--primary-dark);cursor:pointer;white-space:nowrap}.admin-flag{background:var(--no-bg);color:var(--no);margin-left:8px;font-size:.8rem}.admin-rate b{font-size:1.1rem;color:var(--no)}.admin-q{white-space:pre-line;min-width:240px}.admin-answer{display:grid;gap:2px;margin-top:6px;padding:8px 10px;background:var(--ok-bg);border-radius:10px}.admin-units{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}.admin-unit{display:grid;gap:6px;align-content:start}.admin-level{display:grid;grid-template-columns:1fr auto;gap:0 8px;padding:6px 10px;border-radius:10px;background:#f3f5fc;font-size:.88rem;color:var(--muted)}.admin-level>span:last-child{grid-column:1 / -1;font-size:.8rem}.admin-level.done{background:var(--ok-bg);color:var(--ink)}.admin-stars{color:#e09f00;letter-spacing:1px}.admin-bars{display:grid;gap:6px}.admin-barrow{display:grid;grid-template-columns:minmax(120px,230px) 1fr 44px 90px;align-items:center;gap:10px;font-size:.92rem}.admin-barrow small{color:var(--muted);white-space:nowrap}.admin-bartrack{height:12px;border-radius:99px;background:#e3e8f4;overflow:hidden}.admin-bartrack div{height:100%;background:#ef6f7f;border-radius:99px}@media(max-width:560px){.admin-barrow{grid-template-columns:1fr 44px}.admin-bartrack{grid-column:1 / -1;grid-row:2}.admin-barrow small{display:none}}
