.rank-zone{margin-top:24px;background:linear-gradient(135deg,#fff,#fff9e7);border:1px solid #f1df9b;border-radius:16px;padding:22px}.rank-zone-head{display:flex;justify-content:space-between;gap:20px;margin-bottom:18px}.rank-zone-kicker{color:#a86c00;background:#fff1bd;border-radius:999px;padding:5px 9px;font-size:9px;font-weight:800}.rank-zone-head h2{margin:10px 0 5px;color:#16294a}.rank-zone-head p{margin:0;color:#838d9c;font-size:10px}.rank-zone-timer{display:flex;gap:8px;align-items:center;background:#fff;border:1px solid #f0e4bb;border-radius:11px;padding:9px 12px;height:max-content}.rank-zone-timer div{display:flex;flex-direction:column}.rank-zone-timer small{color:#9a927c;font-size:8px}.rank-zone-timer strong{color:#d0692d;font-size:11px}.rank-zone-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:16px}.rank-board,.rank-challenge{background:#fff;border:1px solid #eee9d9;border-radius:13px;padding:17px}.rank-challenge{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center}.rank-challenge-art{position:relative;width:96px;height:96px;border-radius:16px;overflow:hidden}.rank-challenge-art>img:first-child{width:100%;height:100%;object-fit:cover}.rank-belearn-logo{position:absolute;left:5px;bottom:5px;width:52px;background:#fff;border-radius:5px;padding:2px}.rank-board h3,.rank-challenge h3{margin:0;color:#24344d;font-size:13px}.rank-challenge p{margin:5px 0 9px;color:#8b94a1;font-size:9px}.rank-tags{display:flex;flex-wrap:wrap;gap:6px}.rank-tags span{background:#f5f6f8;border-radius:999px;padding:5px 8px;font-size:8px}.rank-join{grid-column:1/-1;border:0;border-radius:9px;background:#e60012;color:#fff;padding:11px;font-size:10px;font-weight:800}.rank-board-title{display:flex;justify-content:space-between;margin-bottom:7px}.rank-board-title span{font-size:8px;color:#9a7a10}.rank-row{display:grid;grid-template-columns:25px 28px 1fr auto;gap:8px;align-items:center;border-top:1px solid #f1f2f3;padding:7px 0}.rank-number{font-weight:900;text-align:center;color:#8d96a3}.rank-avatar{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#e9f3ff;color:#2878e8}.rank-name{display:flex;flex-direction:column}.rank-name strong{font-size:10px}.rank-name small{font-size:8px;color:#a0a7b2}.rank-score{color:#0b9a56;font-size:10px;font-weight:800}.rank-row.current{background:#fff8df;border-radius:8px}.rank-board{max-height:390px;overflow:auto}@media(max-width:850px){.rank-zone-grid{grid-template-columns:1fr}}@media(max-width:520px){.rank-zone{padding:16px}.rank-zone-head{display:block}.rank-zone-timer{margin-top:12px;width:max-content}.rank-challenge{grid-template-columns:1fr;text-align:center}.rank-challenge-art{margin:auto}.rank-tags{justify-content:center}}:root{--sd-green:#075b3e;--sd-red:#ed2430;--sd-yellow:#ffc82e;--sd-blue:#355ad8;--sd-ink:#172721;--sd-muted:#6d7c76;--sd-line:#dfe8e3;--sd-bg:#f5f8f6}.sd-shell{min-height:100vh;background:var(--sd-bg);color:var(--sd-ink);display:grid;grid-template-columns:238px 1fr;font-family:var(--font-noto-sans-thai),sans-serif}.sd-sidebar{position:sticky;top:0;height:100vh;background:#fff;border-right:1px solid var(--sd-line);padding:24px 16px 18px;display:flex;flex-direction:column;z-index:20}.sd-logo{width:170px;height:70px;object-fit:contain;margin:0 auto 25px}.sd-nav-label{margin:0 10px 8px;color:#93a09b;font-size:11px;font-weight:800;letter-spacing:.08em}.sd-sidebar nav{display:grid;gap:6px}.sd-logout,.sd-sidebar nav button{border:0;background:transparent;border-radius:13px;padding:12px 14px;text-align:left;display:flex;gap:12px;align-items:center;color:#52615b;font:inherit;font-weight:700;cursor:pointer}.sd-sidebar nav button span{width:24px;text-align:center;font-size:18px}.sd-sidebar nav button.active,.sd-sidebar nav button:hover{background:#fff0ef;color:#c31521}.sd-sidebar nav button.active{box-shadow:inset 3px 0 var(--sd-red)}.sd-help{margin-top:auto;border:1px solid #f5d36b;background:#fff9df;border-radius:16px;padding:16px;display:grid;gap:6px;text-align:center}.sd-help b{font-size:14px}.sd-help small{font-size:11px;color:var(--sd-muted)}.sd-help button{background:var(--sd-green);color:#fff;border:0;border-radius:9px;padding:8px;font-weight:800;cursor:pointer}.sd-logout{margin-top:10px}.sd-main{min-width:0}.sd-topbar{height:76px;background:#fff;border-top:4px solid;border-image:linear-gradient(90deg,var(--sd-red) 0 25%,var(--sd-yellow) 25% 50%,var(--sd-blue) 50% 75%,#15984a 75%) 1;border-bottom:1px solid var(--sd-line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,4vw,54px);position:sticky;top:0;z-index:12}.sd-topbar>div{display:grid}.sd-topbar>div small{font-size:9px;letter-spacing:.16em;color:var(--sd-green);font-weight:900}.sd-topbar>div strong{font-size:18px}.sd-profile-mini{border:0;background:transparent;display:flex;align-items:center;gap:10px;cursor:pointer}.sd-profile-mini>span{display:grid;text-align:left}.sd-profile-mini small{color:var(--sd-muted)}.sd-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 0 0 2px #dfe8e3}.sd-avatar.large{width:118px;height:118px;font-size:40px}.sd-avatar-fallback{display:grid;place-items:center;background:var(--sd-green);color:#fff;font-weight:900}.sd-menu{display:none}.sd-content{width:min(1180px,calc(100% - 48px));margin:0 auto;padding:42px 0 80px}.sd-notice{position:sticky;top:88px;z-index:10;background:#143d31;color:#fff;padding:12px 16px;border-radius:12px;display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;box-shadow:0 10px 35px #16372c25}.sd-notice button{border:0;background:transparent;color:#fff;font-size:22px}.sd-hero{background:linear-gradient(120deg,#edf9f3 0 60%,#fff5cf);border:1px solid #dce9e1;border-radius:24px;padding:28px 34px;display:flex;align-items:center;justify-content:space-between;gap:24px;overflow:hidden;position:relative}.sd-hero:after{content:"✦";position:absolute;right:31%;font-size:100px;color:#fff8;transform:rotate(12deg)}.sd-pill{display:inline-block;background:#fff;color:var(--sd-green);border:1px solid #b9d9ca;border-radius:99px;padding:5px 12px;font-size:12px;font-weight:800}.sd-hero h1,.sd-page-title h1{font-size:clamp(28px,4vw,42px);line-height:1.1;margin:10px 0 6px;letter-spacing:-.03em}.sd-hero p,.sd-page-title p{color:var(--sd-muted);margin:0}.sd-level{z-index:1;background:#fff;border-radius:18px;padding:18px 22px;min-width:180px;display:grid;box-shadow:0 12px 32px #1c4c3820}.sd-level span{color:#b77800;font-weight:900;font-size:12px}.sd-level b{font-size:28px;color:var(--sd-green)}.sd-level small{color:var(--sd-muted)}.sd-content>.daily-vocabulary-gate{margin:18px 0}.sd-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0 34px}.sd-stat{background:#fff;border:1px solid var(--sd-line);border-radius:17px;padding:18px;display:flex;align-items:center;gap:13px}.sd-stat>span{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;font-weight:900;font-size:19px}.sd-stat>div{display:grid}.sd-stat b{font-size:22px}.sd-stat small{color:var(--sd-muted)}.sd-stat.red>span{background:#ffe9ea;color:var(--sd-red)}.sd-stat.green>span{background:#e5f5ed;color:var(--sd-green)}.sd-stat.blue>span{background:#e9edff;color:var(--sd-blue)}.sd-stat.yellow>span{background:#fff4cc;color:#a87100}.sd-panel-head,.sd-section-title{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:14px}.sd-page-title>span,.sd-panel-head span,.sd-section-title span{color:var(--sd-green);font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.sd-panel-head h2,.sd-section-title h2{margin:3px 0 0;font-size:24px}.sd-panel-head button,.sd-section-title button{border:0;background:transparent;color:var(--sd-red);font-weight:800;cursor:pointer}.sd-lesson-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.sd-lesson-grid.wide{grid-template-columns:repeat(3,1fr);margin-bottom:28px}.sd-lesson-card{background:#fff;border:1px solid var(--sd-line);border-top:4px solid var(--sd-red);border-radius:18px;padding:18px;min-height:245px;display:flex;flex-direction:column}.sd-lesson-card.yellow{border-top-color:var(--sd-yellow)}.sd-lesson-card.blue{border-top-color:var(--sd-blue)}.sd-lesson-card.green{border-top-color:#15984a}.sd-course-icon,.sd-lesson-icon{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:#fff0ef;color:var(--sd-red);font-weight:900}.sd-course-icon.yellow,.sd-lesson-card.yellow .sd-lesson-icon{background:#fff4cc;color:#966600}.sd-course-icon.blue,.sd-lesson-card.blue .sd-lesson-icon{background:#edf0ff;color:var(--sd-blue)}.sd-course-icon.green,.sd-lesson-card.green .sd-lesson-icon{background:#e5f5ed;color:var(--sd-green)}.sd-subject{font-size:12px;color:var(--sd-muted);margin-top:14px}.sd-lesson-card h3{font-size:17px;line-height:1.35;margin:3px 0 4px}.sd-lesson-card p{color:var(--sd-muted);font-size:12px;margin:0}.sd-progress{height:6px;background:#edf1ef;border-radius:99px;margin:auto 0 12px;overflow:hidden}.sd-progress span{display:block;height:100%;background:var(--sd-green);border-radius:inherit}.sd-lesson-card>button{border:0;border-radius:10px;background:#f3f7f5;color:var(--sd-green);padding:11px 13px;display:flex;justify-content:space-between;font-weight:900;cursor:pointer}.sd-empty{grid-column:1/-1;min-height:150px;border:1px dashed #cbd8d1;border-radius:18px;display:grid;place-items:center;align-content:center;color:var(--sd-muted);text-align:center;padding:24px}.sd-empty>span{font-size:28px;color:var(--sd-yellow)}.sd-empty p{margin:5px 0}.sd-home-lower{display:grid;grid-template-columns:1.25fr .75fr;gap:18px;margin-top:28px}.sd-panel{background:#fff;border:1px solid var(--sd-line);border-radius:20px;padding:20px}.sd-course-row{display:grid;grid-template-columns:48px 1fr auto;gap:13px;align-items:center;padding:13px 0;border-top:1px solid #edf1ef}.sd-course-row>div:nth-child(2){display:grid;min-width:0}.sd-course-row small{color:var(--sd-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sd-course-row>strong{color:var(--sd-green)}.sd-mini-progress{height:5px;background:#edf1ef;border-radius:99px;margin-top:7px}.sd-mini-progress i{display:block;height:100%;background:var(--sd-green);border-radius:inherit}.sd-rank-row{display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:center;padding:11px;border-top:1px solid #edf1ef}.sd-rank-row.me{background:#ecf8f2;border-radius:10px}.sd-rank-row>span{display:grid}.sd-rank-row small{color:var(--sd-muted)}.sd-rank-row>strong{color:var(--sd-green)}.sd-page-title{margin:4px 0 26px}.sd-tabs{display:flex;gap:7px;background:#e9efec;width:max-content;padding:5px;border-radius:14px;margin-bottom:20px}.sd-tabs button{border:0;background:transparent;border-radius:10px;padding:10px 16px;font:inherit;font-weight:800;color:var(--sd-muted);cursor:pointer}.sd-tabs button.active{background:#fff;color:var(--sd-green);box-shadow:0 3px 12px #1b392a14}.sd-tabs b{background:#dce6e1;border-radius:99px;padding:1px 7px;margin-left:5px}.sd-game-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.sd-game-card{background:#fff;border:1px solid var(--sd-line);border-radius:22px;padding:22px;display:grid;gap:10px}.sd-game-art{height:130px;border-radius:16px;background:linear-gradient(135deg,#153d31,#087c55);color:#fff;display:grid;place-items:center;font-size:50px;position:relative}.sd-game-art span{position:absolute;top:12px;right:12px;background:#ffce38;color:#6b4800;padding:5px 9px;border-radius:99px;font-size:10px;font-weight:900}.sd-game-card>span{color:#b17800;font-size:12px;font-weight:800}.sd-game-card h2,.sd-game-card p{margin:0}.sd-game-card p{color:var(--sd-muted)}.sd-game-card>div:nth-last-child(2){display:flex;justify-content:space-between}.sd-game-card button,.sd-save{border:0;border-radius:12px;padding:13px 16px;background:var(--sd-green);color:#fff;font:inherit;font-weight:900;cursor:pointer}.sd-game-card button:disabled,.sd-save:disabled{opacity:.55;cursor:not-allowed}.sd-game-result{background:#fff5cc;border:1px solid #efd16b;border-radius:15px;padding:15px 18px;display:flex;gap:20px;align-items:center;margin-bottom:18px}.sd-game-result span{color:#936700}.sd-game-result strong{margin-left:auto;color:var(--sd-green)}.sd-xp-guide{background:#fff;border:1px solid var(--sd-line);border-radius:20px;margin-top:24px;padding:22px}.sd-xp-guide h2{margin:0 0 12px}.sd-xp-guide>div{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.sd-xp-guide p{margin:0;background:#f6f8f7;padding:13px;border-radius:12px;display:grid}.sd-xp-guide span{color:var(--sd-muted);font-size:13px}.sd-ranking{background:#fff;border:1px solid var(--sd-line);border-radius:20px;overflow:hidden}.sd-ranking>div{display:grid;grid-template-columns:100px 1fr 160px 130px;align-items:center;padding:15px 22px;border-bottom:1px solid #edf1ef}.sd-ranking-head{background:#eff5f2;color:var(--sd-muted);font-size:12px;font-weight:800}.sd-ranking>div.me{background:#eaf8f1}.sd-ranking>div>span:nth-child(2){display:grid}.sd-ranking small{color:var(--sd-green)}.sd-privacy-note{font-size:12px;color:var(--sd-muted);text-align:center}.sd-profile-page{background:#fff;border:1px solid var(--sd-line);border-radius:22px;padding:30px;display:grid;grid-template-columns:230px 1fr;gap:40px}.sd-profile-photo{display:flex;flex-direction:column;align-items:center;gap:12px;border-right:1px solid var(--sd-line);padding-right:38px}.sd-upload{position:relative;background:#eef5f1;color:var(--sd-green);padding:9px 15px;border-radius:10px;font-weight:800;cursor:pointer}.sd-upload input{position:absolute;inset:0;opacity:0;cursor:pointer}.sd-profile-photo small{color:var(--sd-muted);text-align:center}.sd-profile-page form{display:grid;gap:18px}.sd-profile-page label{display:grid;gap:6px;font-weight:800}.sd-profile-page input{border:1px solid #cad7d0;border-radius:11px;padding:12px 14px;font:inherit}.sd-readonly{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.sd-readonly p{display:grid;background:#f4f7f5;border-radius:12px;padding:12px;margin:0}.sd-readonly span{color:var(--sd-muted);font-size:12px}.sd-form-message{color:var(--sd-green);font-weight:800;margin:0}.sd-save{justify-self:start;min-width:190px}.sd-modal,.sd-overlay{position:fixed;inset:0;background:#0d211b99;z-index:40}.sd-overlay{display:none;border:0}.sd-modal{display:grid;place-items:center;padding:24px}.sd-modal>section{background:#fff;border-radius:22px;padding:28px;width:min(760px,100%);max-height:90vh;overflow:auto;position:relative}.sd-modal-close{position:absolute;right:15px;top:12px;border:0;background:#eef2f0;width:36px;height:36px;border-radius:50%;font-size:24px}.sd-modal h2{margin:12px 0 0}.sd-modal>section>p{margin:4px 0 20px;color:var(--sd-muted)}.sd-questions{display:grid;gap:18px}.sd-questions fieldset{border:1px solid var(--sd-line);border-radius:15px;padding:15px;display:grid;gap:8px}.sd-questions legend{font-weight:800;padding:0 5px}.sd-questions label{border:1px solid #d6dfda;border-radius:9px;padding:10px;cursor:pointer}.sd-questions label.selected{border-color:var(--sd-green);background:#eaf8f1}.sd-questions input{margin-right:9px}.sd-modal .sd-save{margin-top:20px}.sd-menu{border:0;background:transparent;font-size:22px}.sd-content .vocab-gate{margin:18px 0}@media(max-width:980px){.sd-shell{grid-template-columns:1fr}.sd-sidebar{position:fixed;left:-260px;width:238px;transition:left .2s}.sd-sidebar.open{left:0}.sd-menu,.sd-overlay{display:block}.sd-topbar{padding:0 18px}.sd-content{width:min(100% - 28px,760px);padding-top:24px}.sd-lesson-grid,.sd-lesson-grid.wide,.sd-stats{grid-template-columns:repeat(2,1fr)}.sd-home-lower{grid-template-columns:1fr}.sd-profile-mini>span{display:none}}@media(max-width:640px){.sd-content{width:calc(100% - 22px)}.sd-topbar{height:66px}.sd-hero{padding:22px;align-items:flex-start;flex-direction:column}.sd-level{width:100%}.sd-stats{grid-template-columns:1fr 1fr;gap:9px}.sd-stat{padding:12px;gap:9px}.sd-stat>span{width:38px;height:38px}.sd-stat b{font-size:18px}.sd-game-grid,.sd-lesson-grid,.sd-lesson-grid.wide{grid-template-columns:1fr}.sd-course-row{grid-template-columns:44px 1fr}.sd-course-row>strong{grid-column:2}.sd-xp-guide>div{grid-template-columns:1fr}.sd-ranking{overflow-x:auto}.sd-ranking>div{min-width:650px;grid-template-columns:80px 1fr 130px 110px}.sd-profile-page{grid-template-columns:1fr;padding:20px}.sd-profile-photo{border-right:0;border-bottom:1px solid var(--sd-line);padding:0 0 24px}.sd-readonly{grid-template-columns:1fr}.sd-topbar>div{display:none}.sd-game-result{align-items:flex-start;flex-direction:column;gap:3px}.sd-game-result strong{margin-left:0}.sd-modal{padding:10px}.sd-modal>section{padding:22px 16px}.sd-page-title h1{font-size:30px}}.sd-meditation-player{text-align:center}.sd-meditation-player>p{color:#66746d;line-height:1.6}.sd-meditation-clock{margin:28px 0;border-radius:22px;background:linear-gradient(145deg,#eefaf4,#fff8da);padding:34px 18px;color:#087a42;font-size:clamp(48px,10vw,86px);font-weight:950;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:.04em}.sd-meditation-player>small{display:block;margin-top:14px;color:#6d7872}.sd-quiz-player{width:min(620px,100%)!important}.sd-quiz-progress{display:flex;align-items:center;justify-content:space-between;margin:24px 0 14px}.sd-quiz-progress span{color:var(--sd-muted);font-weight:850}.sd-quiz-progress b{display:grid;place-items:center;min-width:96px;border-radius:999px;background:#eaf8f1;color:var(--sd-green);padding:9px 14px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sd-quiz-progress b.urgent{background:#ffe9eb;color:#c51f2d}.sd-quiz-player>h2{font-size:clamp(30px,7vw,54px);text-align:center;margin:34px 0 8px}.sd-quiz-player>p{text-align:center;color:var(--sd-muted)}.sd-quiz-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:26px}.sd-quiz-choices button{min-height:74px;border:2px solid #dbe3de;border-radius:15px;background:#fff;color:#173e31;display:flex;align-items:center;gap:14px;padding:14px 18px;text-align:left}.sd-quiz-choices button:hover:not(:disabled){border-color:var(--sd-green);background:#eefaf4}.sd-quiz-choices span{width:34px;height:34px;border-radius:10px;background:#eef2f0;display:grid;place-items:center;font-weight:900}.sd-quiz-choices strong{font-size:23px}.sd-ranking-boards{display:grid;gap:24px}.sd-ranking-wrap{background:#fff;border:1px solid var(--sd-line);border-radius:22px;overflow:hidden}.sd-ranking-title{padding:22px 24px 18px}.sd-ranking-title>span{color:var(--sd-green);font-size:12px;font-weight:900}.sd-ranking-title h2{margin:6px 0 4px}.sd-ranking-title p{margin:0;color:var(--sd-muted)}.sd-ranking-wrap .sd-ranking{border:0;border-top:1px solid var(--sd-line);border-radius:0}.sd-ranking-loading{color:var(--sd-green);font-weight:800}.sd-ranking .sd-empty{grid-column:1/-1}@media(max-width:640px){.sd-quiz-choices{grid-template-columns:1fr}.sd-ranking-title{padding:18px}.sd-quiz-player>h2{margin-top:24px}}.sd-ranked-game-launch{display:grid;grid-template-columns:1fr auto;gap:5px 20px;align-items:center;margin:0 0 24px;padding:24px;border-radius:22px;background:linear-gradient(135deg,#073f31,#087c55);color:#fff;text-decoration:none;box-shadow:0 14px 30px #0a49352a}.sd-ranked-game-launch>span{grid-column:1/-1;color:#ffdc6b;font-size:12px;font-weight:900;letter-spacing:.08em}.sd-ranked-game-launch h2,.sd-ranked-game-launch p,.sd-ranked-game-launch small{margin:0}.sd-ranked-game-launch h2{font-size:30px}.sd-ranked-game-launch p,.sd-ranked-game-launch small{color:#e8f5ee}.sd-ranked-game-launch>strong{grid-column:2;grid-row:2/5;align-self:center;background:#fff;color:#075b3e;padding:12px 16px;border-radius:12px}.sd-ranked-game-launch:focus-visible{outline:3px solid #ffc82e;outline-offset:3px}.sd-profile-locked input{background:#f2f5f3;color:#42534c;cursor:not-allowed}.sd-profile-locked small{color:var(--sd-muted);font-size:12px;font-weight:500}@media(max-width:640px){.sd-ranked-game-launch{grid-template-columns:1fr;padding:18px}.sd-ranked-game-launch>strong{grid-column:1;grid-row:auto;justify-self:start;margin-top:8px}}.sd-shell button,.sd-upload{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.sd-rank-row span,.sd-ranking strong{overflow-wrap:anywhere}@media (max-width:980px){.sd-sidebar{z-index:41}}