.application-surface{--font-display:var(--ds-font-anuphan);--font-body:var(--ds-font-plex-thai);--font-thai:var(--ds-font-plex-thai);--bb-cream:#fafbf6;--bb-paper:#fff;--bb-line:#dce1d3;--bb-ink:#23291f;--bb-yellow:#f9d84a;--bb-focus-color:#597546;background:var(--bb-cream);min-height:100dvh;font-family:var(--ds-font-plex-thai), sans-serif;color:var(--bb-ink);font-size:17px;line-height:1.75}.application-surface :is(h1,h2,h3,h4,.font-headline,.font-display):not(:where(.lab,.lab *)){font-family:var(--ds-font-anuphan),sans-serif;letter-spacing:normal}.application-surface :is(h1,h2,h3):not(:where(.lab *,.play *)){line-height:1.4}.application-surface h1:not(:where(.lab *,.play *)){font-size:clamp(2rem,3.3vw,3rem);font-weight:700}.application-surface h2:not(:where(.lab *,.play *)){font-weight:700}.application-surface .surface-page{background:var(--bb-cream);background-image:none}.application-surface .blueprint-grid{background-image:none}.application-surface main{scroll-margin-top:100px}.application-surface:is([data-surface=study],[data-surface=work]):has([data-workspace-nav]){padding:80px 0 0 244px}.application-surface:is([data-surface=study],[data-surface=work]):has([data-workspace-nav]) main{min-height:calc(100dvh - 80px);padding-top:40px}.application-surface[data-surface=public] main{padding-top:64px}.application-surface[data-surface=public] .page-intro{padding-top:32px;padding-bottom:36px}.application-surface[data-surface=focus] [data-workspace-nav]{display:none}.application-surface[data-surface=focus] [data-workspace-topbar]{left:0}.application-surface:has([data-student-nav]){background:var(--lab-paper);padding:98px 0 0}.application-surface:has([data-student-nav]) main{min-height:calc(100dvh - 98px);padding-top:16px}.application-surface main.student-page{padding:16px clamp(20px,3.4vw,48px) 80px}.application-surface main.student-page>*{max-width:1240px;margin-inline:auto}.application-surface:has([data-student-nav]) .bb-mobile-nav{display:none!important}@media (min-width:768px) and (max-width:1023px){.application-surface main.student-page{padding:16px 28px 48px}}@media (max-width:767px){.application-surface:has([data-student-nav]){padding:calc(72px + env(safe-area-inset-top)) 0 calc(96px + env(safe-area-inset-bottom))}.application-surface:has([data-student-nav]) main{min-height:calc(100dvh - 72px);padding-top:12px}.application-surface main.student-page{padding:12px 16px 24px}.application-surface:has([data-student-nav]){--take-bar-bottom:calc(88px + env(safe-area-inset-bottom));--take-bar-safe:0px}.application-surface:has([data-student-nav]) main.student-page:has([aria-label=คำถาม]){padding-bottom:96px}.application-surface:has([data-student-nav]) main.student-page[data-wide]{margin-top:calc(-72px - env(safe-area-inset-top));padding:0 0 24px}}.application-surface main.student-page[data-wide]>*{max-width:none}@media (min-width:768px){.application-surface:has([data-student-nav]) main.student-page[data-wide]{margin-top:-98px;padding:0 0 80px}}.application-surface[data-surface=focus] [data-workspace-topbar]>button{display:inline-grid}.application-surface :focus-visible{outline:var(--bb-focus-width) solid var(--bb-focus-color);outline-offset:var(--bb-focus-offset)}dialog.application-surface::backdrop{background:0 0}.application-surface :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea){border-radius:12px;font-size:max(16px,1em)}.application-surface select{background-color:#fff;border-color:#c9d3bc;font-weight:500}.application-surface .text-xs{font-size:.8125rem;line-height:1.65}.application-surface .text-sm{line-height:1.75}.application-surface .data-table-wrap{border-color:var(--bb-line);border-radius:18px}.application-surface .data-table{font-size:15px}.application-surface .data-table th{text-transform:none;letter-spacing:normal;white-space:nowrap;background:#f2f4ec;padding:15px 20px;font-family:inherit;font-size:13px}.application-surface .data-table td{padding:18px 20px}.application-surface .data-table tbody tr:hover{background:#fafbf6}.application-surface details>summary{min-height:44px}.application-surface details[open]>summary{color:var(--bb-ink)}.page-intro{border-bottom:1px solid var(--bb-line);justify-content:space-between;align-items:center;gap:36px;padding-bottom:32px;display:flex}.page-intro__copy{max-width:760px}.page-intro__eyebrow{color:#526148;align-items:center;gap:10px;margin-bottom:14px;font-size:14px;font-weight:600;display:flex}.page-intro__eyebrow:before{content:"";background:#f9d84a;border-radius:4px;width:22px;height:8px}.page-intro h1{margin:0}.page-intro__description{color:#5c6656;max-width:660px;margin-top:16px;font-size:17px;line-height:1.9}.page-intro__art{background:#edf1e4;border-radius:50%;flex-shrink:0;place-items:center;width:180px;height:180px;display:grid}.practice-steps{color:#6b755f;flex-wrap:wrap;gap:28px;margin-top:24px;font-size:13px;display:flex}.practice-steps li{align-items:center;gap:9px;display:flex}.practice-steps span{border:1px solid #cdd6c1;border-radius:50%;place-items:center;width:27px;height:27px;font-size:12px;display:grid}.practice-steps [aria-current=step]{color:#384b2b;font-weight:600}.practice-steps [aria-current=step] span{background:#f9d84a;border-color:#0000}.application-surface .practice-summary{background:#edf2e5;border-color:#0000;align-self:start}.practice-summary__facts{border-top:1px solid #cbd6bf;grid-template-columns:1fr 1fr;gap:0 20px;margin-top:22px;display:grid}.practice-summary__facts>div{border-bottom:1px solid #cbd6bf;padding:14px 0;font-size:15px}.practice-summary__facts>div>p:first-child{color:#5e704e;font-size:13px}.application-surface .bb-card{border-color:#dce1d3;border-radius:20px;min-width:0;box-shadow:0 2px 3px #23291f03}.application-surface .bb-button{letter-spacing:normal}.application-surface .bb-chip{text-transform:none;letter-spacing:normal;border-color:#dce1d3;border-radius:8px;font-size:13px;font-weight:500;line-height:1.6}.application-footer{border-top:1px solid var(--bb-line);color:#5c6656;justify-content:space-between;align-items:center;gap:28px;max-width:1280px;margin:40px auto 0;padding:28px 32px 40px;font-size:13px;display:flex}.application-footer__brand{font-family:var(--ds-font-anuphan),sans-serif;color:#23291f;font-size:19px;font-weight:700}.application-footer nav{flex-wrap:wrap;gap:4px 22px;display:flex}.application-footer nav a{align-items:center;min-height:44px;display:inline-flex}.application-footer nav a:hover{color:#23291f;text-underline-offset:5px;text-decoration:underline}.application-surface[data-surface=public] .application-footer{margin-top:64px}.public-product__hero{grid-template-columns:1.08fr .92fr;align-items:center;gap:70px;padding:35px 0 65px;display:grid}.public-product__hero h1{letter-spacing:normal;font-size:clamp(34px,3.5vw,49px);line-height:1.45}.public-product__hero h1>span{color:#57713f}.public-product__lead{color:#5e6e50;max-width:560px;margin-top:22px;font-size:18px;line-height:1.95}.public-product__actions{flex-wrap:wrap;gap:13px;margin-top:30px;display:flex}.public-product__note{color:#667757;align-items:center;gap:8px;margin-top:20px;font-size:13px;display:flex}.diagnostic-preview{background:#e8eedc;border-radius:25px;padding:26px 30px;box-shadow:0 15px 0 -7px #dbe5cd}.diagnostic-preview figcaption{color:#536646;justify-content:space-between;gap:15px;font-size:12px;display:flex}.diagnostic-preview figcaption>span:last-child{background:#ffffff80;border-radius:5px;padding:2px 9px;font-size:11px}.diagnostic-preview__headline{color:#536748;border-bottom:1px solid #c8d4b8;align-items:center;gap:18px;margin:29px 0 26px;padding-bottom:23px;font-size:18px;line-height:1.65;display:flex}.diagnostic-preview__headline strong{font-family:var(--ds-font-anuphan),sans-serif;color:#2d4320;font-size:29px;font-weight:600}.diagnostic-preview__bars{gap:22px;display:grid}.diagnostic-preview__bars>div>div{color:#4b6040;justify-content:space-between;margin-bottom:9px;font-size:14px;display:flex}.diagnostic-preview__bars strong{font-variant-numeric:tabular-nums;font-weight:600}.diagnostic-preview__track{background:#cfdbbd;border-radius:20px;height:9px;display:block;overflow:hidden}.diagnostic-preview__track>span{background:#718653;border-radius:20px;height:100%;display:block}.diagnostic-preview__bars>div:last-child .diagnostic-preview__track>span{background:#d0a831}.diagnostic-preview__tip{color:#566b42;border-top:1px solid #c8d4b8;gap:13px;margin-top:29px;padding-top:23px;font-size:13px;line-height:1.85;display:flex}.diagnostic-preview__tip strong{font-weight:500}.public-how{border-top:1px solid #dce1d3;padding:40px 0 35px}.public-how h2{color:#293a20;font-size:30px}.public-how>ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:42px;margin-top:35px;display:grid}.public-how__number{font-family:var(--ds-font-anuphan),sans-serif;color:#5d704d;border-bottom:5px solid #f9d84a;padding-bottom:5px;font-size:24px;line-height:1.2;display:inline-flex}.public-how h3{color:#304425;margin-top:21px;font-size:21px;font-weight:600}.public-how li p{color:#617154;margin-top:14px;font-size:16px;line-height:1.95}.public-product__note-panel{color:#536446;border:1px solid #d8dfcd;border-radius:16px;align-items:flex-start;gap:18px;margin-top:35px;padding:26px 30px;display:flex}.public-product__note-panel h2{color:#455c33;font-size:19px}.public-product__note-panel p{max-width:900px;margin-top:8px;font-size:15px;line-height:1.9}.public-product__closing{color:#364329;background:#f8df68;border-radius:23px;justify-content:space-between;align-items:center;gap:30px;margin-top:50px;padding:38px 42px;display:flex}.public-product__closing h2{margin-top:5px;font-size:28px}.public-product__closing p{font-size:14px}.application-surface .public-product__closing .bb-button{color:#fff;background:#293b1f}.public-practice-discovery{color:#5d5373;background:#ece9f4;border-radius:24px;align-items:center;gap:55px;padding:28px 40px;display:flex}.public-practice-discovery h2{color:#473a5d;font-size:28px}.public-practice-discovery p:not(.page-intro__eyebrow){max-width:650px;margin:13px 0 22px;font-size:16px;line-height:1.85}@media (max-width:900px){.public-product__hero{gap:38px}.public-how>ol{gap:28px}.public-product__hero h1{font-size:35px}.public-product__lead{font-size:17px}}@media (max-width:767px){.public-product__hero{grid-template-columns:1fr;gap:35px;padding-top:10px}.diagnostic-preview{max-width:440px;padding:24px}.public-how>ol{grid-template-columns:1fr;gap:30px}.public-how li{grid-template-columns:40px 1fr;gap:8px 20px;display:grid}.public-how__number{grid-row:1/3;align-self:start}.public-how h3{margin:0;font-size:21px}.public-how li p{grid-column:2;margin:0}.public-product__note-panel{padding:24px 20px}.public-product__closing{flex-direction:column;align-items:start;padding:29px}.public-practice-discovery{flex-direction:column;align-items:start;gap:20px;padding:26px}.public-practice-discovery>img{width:125px}.public-practice-discovery h2{font-size:26px}}.book-shelf{grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 28px;display:grid}.book-shelf__book{flex-direction:column;align-items:start;min-width:0;display:flex}.book-shelf__cover{aspect-ratio:3/4;cursor:pointer;background:#eef0e6;border:0;border-radius:15px;width:100%;transition:transform .2s,box-shadow .2s;display:block;position:relative;overflow:hidden;box-shadow:0 10px 24px -17px #28331966}.book-shelf__cover:hover{transform:translateY(-4px);box-shadow:0 14px 30px -16px #28331977}.book-shelf__tagline{color:#574f28;background:#f9e79e;border-radius:5px;margin-top:23px;padding:3px 9px;font-size:12px;display:inline-block}.book-shelf__actions{flex-wrap:wrap;align-items:center;gap:15px;margin-top:auto;padding-top:25px;display:flex}.book-shelf__actions .bb-button{font-size:14px}.faculty-intro{color:#293b20;border-bottom:1px solid #dce1d3;padding:22px 0 45px}.application-surface .faculty-intro h1{font-size:clamp(38px,4.2vw,56px);font-weight:650;line-height:1.28}.faculty-intro h1 strong{letter-spacing:-.045em;color:#23291f;background:linear-gradient(#0000 77%,#f9d84a 77% 91%,#0000 91%);width:fit-content;font-size:clamp(60px,6.7vw,91px);font-weight:750;display:block}.faculty-intro__links{flex-wrap:wrap;gap:14px;padding-top:4px;display:flex}.faculty-intro__links a{color:#23291f;background:#f9d84a;border-radius:40px;justify-content:space-between;align-items:center;gap:22px;min-height:50px;padding:12px 22px;font-size:15px;font-weight:650;text-decoration:none;display:inline-flex}.faculty-intro__links a+a{background:#fff;border:1px solid #cdd5c5}.faculty-intro__links a:hover{transform:translateY(-2px);box-shadow:0 5px 15px #2633210d}.faculty-intro__portrait{width:100%;max-width:350px;margin:auto}.faculty-intro__portrait>div{aspect-ratio:4/4.4;background:#f5df86;border-radius:170px 170px 22px 22px;width:85%;margin:auto;position:relative;overflow:hidden}.faculty-intro__portrait figcaption{background:#fff;border:1px solid #e0e6d7;border-radius:15px;gap:3px;margin:-20px 0 0;padding:19px 24px;display:grid;position:relative;box-shadow:0 8px 28px #24351b0b}.faculty-intro__portrait strong{font-family:var(--ds-font-anuphan),sans-serif;font-size:27px;font-weight:700}.faculty-intro__portrait span{color:#35452c;font-size:16px}.faculty-intro__portrait small{color:#526347;margin-top:4px;font-size:12px}.faculty-team{scroll-margin-top:105px}.faculty-team>div>h3{border-bottom:2px solid #d4dcc8;padding-bottom:15px}.teacher-profile{background:#fff;border:1px solid #dce1d3;border-radius:22px;grid-template-columns:120px 1fr;align-items:center;gap:24px;padding:30px;display:grid}.teacher-profile__photo{aspect-ratio:4/5;background:#e8eedc;border-radius:70px 70px 16px 16px;align-self:start;position:relative;overflow:hidden}.teacher-profile__nickname{font-family:var(--ds-font-anuphan),sans-serif;color:#23291f;margin-bottom:8px;font-size:29px;font-weight:750;line-height:1.35}.teacher-profile__identity h4{font-family:var(--ds-font-anuphan),sans-serif;color:#2b3d20;font-size:20px;font-weight:650;line-height:1.6}.teacher-profile__highlight{color:#46512e;background:#fbf3d5;border-radius:8px;align-items:start;gap:7px;width:fit-content;margin-top:16px;padding:8px 11px;font-size:13px;line-height:1.85;display:flex}.teacher-profile__highlight svg{flex-shrink:0;margin-top:3px}.teacher-profile__education{border-top:1px solid #e3e8db;grid-column:1/-1;padding-top:23px}.teacher-profile__education>p{color:#35462b;margin-bottom:16px;font-size:14px;font-weight:700}.teacher-profile__education ul{gap:15px;display:grid}.teacher-profile__education li{color:#4e5c44;grid-template-columns:85px 1fr;gap:2px 13px;font-size:14px;line-height:1.85;display:grid}.teacher-profile__education strong{color:#334b24;font-weight:600}.teacher-profile__education small{color:#697760;grid-column:2;font-size:13px}.support-services{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 60px;display:grid}.support-services article{border-bottom:1px solid #dce1d3;padding-bottom:32px}.support-services__icon{color:#536a40;background:#e6edda;border-radius:50%;place-items:center;width:48px;height:48px;display:grid}.leaderboard-intro{padding:8px 0 0}.leaderboard-intro__note{color:#657557;margin-top:13px;font-size:13px}.leaderboard-intro__tools{border-bottom:1px solid #dce1d3;justify-content:space-between;align-items:center;gap:24px;margin-top:28px;display:flex}.leaderboard-intro__tools>a{color:#4e633d;align-items:center;gap:9px;min-height:44px;font-size:14px;display:flex}.practice-report-intro{border-bottom:1px solid #dce1d3;padding-bottom:35px}.application-surface .practice-report-intro__facts{box-shadow:none;background:#eaf0df;border:0}.weekly-brief-section{border-top:1px solid #dce1d3;padding-top:30px}.weekly-brief-section>header{align-items:center;gap:16px;margin-bottom:20px;display:flex}.weekly-brief-section>header>span{color:#4e562f;background:#f8e79d;border-radius:50%;place-items:center;min-width:38px;height:38px;font-size:14px;display:grid}.weekly-brief-section h2{color:#304721;font-size:24px;font-weight:600}.weekly-brief-section>div{line-height:1.9}@media (max-width:1023px){.book-shelf{grid-template-columns:repeat(2,minmax(0,1fr));gap:45px 30px}}@media (max-width:639px){.book-shelf{grid-template-columns:1fr;gap:45px}.book-shelf__cover{max-width:300px;margin:auto}.book-shelf__book{border-bottom:1px solid #dce1d3;padding-bottom:32px}.teacher-profile{grid-template-columns:90px 1fr;gap:20px;padding:23px}.teacher-profile__identity h4{font-size:21px}.teacher-profile__education li{grid-template-columns:75px 1fr;gap:3px 10px}.faculty-intro__art{max-width:310px}.support-services{grid-template-columns:1fr;gap:28px}.leaderboard-intro__tools{flex-direction:column;align-items:start;gap:8px}.leaderboard-intro__tools>a{padding-bottom:10px}.weekly-brief-section h2{font-size:21px}}@media (prefers-reduced-motion:reduce){.book-shelf__cover{transition:none}.book-shelf__cover:hover{transform:none}}.application-surface .report-overview__intro{background:#edf2e5;border-color:#0000}.report-overview__stats{border-top:1px solid #cfd9c1}.report-overview__stats>div+div{border-left:1px solid #cfd9c1;padding-left:18px}.application-surface .bg-surface-app-cream,.application-surface .bg-surface{background-color:#fafbf6}.application-surface .bg-surface-container-low{background-color:#f5f7ef}.application-surface .bg-surface-container{background-color:#edf1e5}.application-surface .bg-surface-precise{background-color:#fff}.application-surface .bg-primary-container{background-color:#f9d84a}.application-surface .bg-primary-container .text-on-surface-variant{color:#50543c}.application-surface .bg-primary-fixed{background-color:#fbf0ba}.application-surface .text-error{color:#a44639}.application-surface .border-outline-variant{border-color:#dce1d3}.application-surface .shadow-card,.application-surface .shadow-hard{box-shadow:0 2px 5px #28341b06}.application-surface[data-surface=work] table{font-size:15px}.application-surface[data-surface=work] table th{letter-spacing:normal;background-color:#f1f4e9;padding-block:16px;font-size:13px;font-weight:600}.application-surface[data-surface=work] table td{padding-block:16px}.application-surface[data-surface=work] main>h1+p{border-bottom:1px solid #dce1d3;padding-bottom:26px;font-size:16px;line-height:1.85}.application-surface[data-surface=work] main>details{background:#fff;border-radius:14px}.application-surface[data-surface=work] main>details>summary{padding:17px 22px;font-size:15px;font-weight:600}.admin-section-select{display:none}.section-index{border-block:1px solid #dce1d3;align-items:center;gap:25px;margin:28px 0;padding:13px 0;display:flex}.section-index>span{color:#526347;flex-shrink:0;font-size:12px}.section-index>div{scrollbar-width:thin;gap:25px;display:flex;overflow-x:auto}.section-index a{white-space:nowrap;color:#5e6f50;border-bottom:2px solid #0000;align-items:center;min-height:44px;font-size:14px;display:flex}.section-index a[aria-current],.section-index a:hover{color:#2f4920;border-bottom-color:#d8b536}.application-surface [id^=report-],.application-surface [id^=student-],.application-surface [id^=child-],.application-surface [id^=finance-]{scroll-margin-top:112px}.registry-status-filter button{box-shadow:none;border-radius:50px;padding:10px 18px;font-weight:500}.registry-status-filter button[aria-pressed=true]{border-color:#0000}.finance-layout{min-width:0}.finance-layout>*,.finance-layout input,.finance-layout select{min-width:0;max-width:100%}.application-surface .receipt-document{border-color:#dce1d3;border-radius:18px;box-shadow:0 2px 5px #28341b06}.application-surface .receipt-document h1{font-size:24px;line-height:1.5}.receipt-document strong,.receipt-document .receipt-total{white-space:nowrap}.action-disclosure{background:#fff;border:1px solid #dce1d3;border-radius:17px;overflow:hidden}.action-disclosure>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:18px;padding:20px 23px;list-style:none;display:flex}.action-disclosure>summary::-webkit-details-marker{display:none}.action-disclosure>summary h2{color:#334528;font-size:19px;font-weight:600}.action-disclosure>summary svg{color:#647a51;flex-shrink:0;transition:transform .18s}.action-disclosure[open]>summary{border-bottom:1px solid #dce1d3}.action-disclosure[open]>summary svg{transform:rotate(180deg)}.action-disclosure__content{padding:22px}@media (prefers-reduced-motion:reduce){.action-disclosure>summary svg{transition:none}}@media (max-width:767px){.admin-section-tabs{display:none}.admin-section-select{color:#526247;gap:9px;font-size:14px;display:grid}.admin-section-select select{color:#293b1d;background:#fff;border:1px solid #cdd6c1;border-radius:12px;min-height:50px;padding:12px}.section-index{gap:16px}.section-index>div{gap:22px}}.bb-tabs{scrollbar-width:thin;scrollbar-color:#cbd3c0 transparent;border-bottom:1px solid #dce1d3;gap:24px;max-width:100%;display:flex;overflow-x:auto}.bb-tabs>button{color:#67735c;white-space:nowrap;background:0 0;border:0;border-bottom:3px solid #0000;flex-shrink:0;align-items:center;gap:9px;min-height:57px;padding:8px 2px 13px;font-size:15px;font-weight:500;display:flex;position:relative}.bb-tabs>button:hover{color:#293b1d}.bb-tabs>button[aria-selected=true]{color:#283e19;border-bottom-color:#dfb52a;font-weight:600}.dashboard-welcome{grid-template-columns:1fr auto;gap:26px 40px;padding:5px 0 4px;display:grid}.dashboard-welcome__greeting h1{margin:0}.dashboard-welcome__note{color:#647257;margin-top:12px;font-size:17px;line-height:1.85}.dashboard-welcome__science{color:#514870;align-items:center;gap:10px;min-height:46px;margin-top:18px;font-size:14px;font-weight:500;display:inline-flex}.dashboard-welcome__science:hover{text-underline-offset:5px;text-decoration:underline}.dashboard-welcome__record{color:#445535;background:#eaf0e1;border-radius:19px;align-self:center;min-width:294px;padding:25px 30px 20px}.dashboard-welcome__record>p{font-size:14px;font-weight:500}.dashboard-welcome__record dl{gap:28px;margin-top:16px;display:flex}.dashboard-welcome__record dl>div+div{border-left:1px solid #c7d2bb;padding-left:28px}.dashboard-welcome__record dt{color:#637653;font-size:12px}.dashboard-welcome__record dd{font-family:var(--ds-font-anuphan),sans-serif;color:#334a22;font-size:38px;font-weight:700;line-height:1.5}.dashboard-welcome__record dd span{font-family:var(--ds-font-plex-thai),sans-serif;color:#667658;margin-left:9px;font-size:13px;font-weight:400}.dashboard-welcome__record small{color:#647357;margin-top:12px;font-size:11px;display:block}.dashboard-welcome__record :is(dt,dd span,small){color:#50653f;font-size:13px}.dashboard-welcome__teacher{color:#6a755f;grid-column:1/-1;align-items:start;gap:20px;font-size:13px;display:flex}.dashboard-welcome__teacher:empty{display:none}.dashboard-welcome__teacher a,.dashboard-welcome__teacher summary{cursor:pointer;align-items:center;gap:8px;min-height:44px;list-style:none;display:flex}.dashboard-welcome__teacher details>div{background:#f1f4e9;border:1px solid #dce1d3;border-radius:12px;max-width:360px;padding:16px}.dashboard-welcome__teacher button{text-underline-offset:5px;color:#445734;min-height:44px;font-weight:600;text-decoration:underline;display:block}.dashboard-welcome__teacher button:disabled{opacity:.5}.dashboard-welcome__teacher label{color:#445734;gap:6px;margin:12px 0 4px;font-weight:600;display:grid}.dashboard-welcome__teacher input{min-height:44px;font:inherit;color:#243c32;background:#fff;border:1px solid #cfd6c4;border-radius:10px;padding:0 12px;font-size:16px}.dashboard-welcome__teacher [role=alert]{color:#ac4325;margin-top:8px}@media (max-width:900px){.dashboard-welcome{grid-template-columns:1fr}.dashboard-welcome__record{width:100%;min-width:0;max-width:430px}.dashboard-welcome__record dl{justify-content:space-between}.dashboard-welcome__record dl>div+div{flex:1}.bb-tabs{gap:22px}}@media (min-width:1280px){.application-surface:is([data-surface=study],[data-surface=work]) main{padding-left:40px;padding-right:40px}}@media (max-width:1279px){.application-surface:is([data-surface=study],[data-surface=work]):has([data-workspace-nav]){padding:72px 0 0}.application-surface:is([data-surface=study],[data-surface=work]):has([data-workspace-nav]) main{padding-top:32px}}@media (max-width:767px){.application-surface{font-size:16px}.application-surface:is([data-surface=study],[data-surface=work]):has([data-workspace-nav]) main{padding-top:26px}.application-surface main{padding-left:16px;padding-right:16px}.application-surface main>.mx-auto{padding-left:0;padding-right:0}.application-surface .bb-card{border-radius:18px}.application-surface[data-surface=public] main{padding-top:40px}.page-intro{gap:20px;padding-bottom:26px}.page-intro__description{font-size:16px;line-height:1.85}.page-intro__art{display:none}.application-footer{flex-direction:column;align-items:flex-start;gap:18px;margin:24px 20px 0;padding:24px 0 100px}}@media (prefers-reduced-motion:no-preference){.application-surface main{animation:.28s ease-out both app-entrance}}@keyframes app-entrance{0%{opacity:.4}to{opacity:1}}@media print{.application-surface{background:#fff;padding:0!important}.application-footer{display:none}}.dashboard-welcome{grid-template-columns:1fr;gap:18px}.dashboard-welcome__record{background:0 0;border-radius:0;align-self:start;min-width:0;padding:0}.dashboard-welcome__record>p,.dashboard-welcome__record small{display:none}.dashboard-welcome__record dl{flex-wrap:wrap;gap:10px;margin-top:0}.dashboard-welcome__record dl>div,.dashboard-welcome__record dl>div+div{background:#fff;border:1px solid #23291f14;border-radius:20px;flex-direction:column-reverse;padding:10px 22px;display:flex}.dashboard-welcome__record dd{color:#23291f;font-size:26px;line-height:1.35}.dashboard-welcome__record :is(dt,dd span){color:#5f655a;font-size:13px}.dashboard-welcome__science{color:#23291f;background:#fff;border:1px solid #23291f14;border-radius:99px;width:fit-content;margin-top:6px;padding:0 22px}.dashboard-welcome__science:hover{background:#fff4cc;text-decoration:none}.dashboard-welcome__teacher{opacity:.85}.bb-tabs{background:#fff;border:1px solid #23291f14;border-radius:99px;gap:6px;width:fit-content;max-width:100%;padding:6px}.bb-tabs>button{color:#5f655a;border-bottom:0;border-radius:99px;min-height:46px;padding:0 20px;transition:background .2s,color .2s}.bb-tabs>button:hover{color:#23291f;background:#fafbf6}.bb-tabs>button[aria-selected=true]{color:#fff;background:#23291f;border-bottom-color:#0000}.leaderboard-intro__tools .bb-tabs{border:1px solid #23291f14}@media (min-width:901px){.dashboard-welcome{grid-template-columns:1fr auto;align-items:end}.dashboard-welcome__record{align-self:end}.dashboard-welcome__record dl{flex-wrap:nowrap}}.application-surface:has([data-focus-take]) :is([data-student-nav],[data-workspace-nav],.application-footer,.bb-mobile-nav){display:none!important}.application-surface:has([data-focus-take]){--take-bar-bottom:0px;--take-bar-safe:env(safe-area-inset-bottom);padding:0}.application-surface:has([data-focus-take]) main{min-height:100dvh;padding-top:104px}@media (max-width:767px){.application-surface:has([data-focus-take]) main{padding-top:88px}}
:root{--lab-paper:#fafbf6;--lab-paper-2:#f1f0e6;--lab-card:#fff;--lab-ink:#23291f;--lab-ink-2:#454b40;--lab-muted:#687064;--lab-line:#23291f1f;--lab-line-soft:#23291f0f;--lab-sun:#f9d84a;--lab-sun-deep:#e7b90c;--lab-sun-soft:#fff4cc;--lab-night:#0f140e;--lab-night-2:#151c14;--lab-kru:#17301f;--lab-kru-ink:#2f6b3a;--lab-focus:#2f6fdb;--lab-bio:#9cc7a4;--lab-bio-soft:#e3efe0;--lab-bio-strong:#4f9a52;--lab-chem:#b9b0ef;--lab-chem-soft:#e9e6fb;--lab-chem-strong:#6b5ce0;--lab-phys:#8fbfd6;--lab-phys-soft:#e1eef5;--lab-phys-strong:#3f8db8;--lab-earth:#f0b496;--lab-earth-soft:#fbe8de;--lab-earth-strong:#c56a3f;--lab-gen:#f9d84a;--lab-gen-soft:#fff4cc;--lab-gen-strong:#a07a00;--lab-ok:#3f9a52;--lab-ok-soft:#e3f3df;--lab-warn:#a86a00;--lab-warn-soft:#fff1c7;--lab-care:#b4532c;--lab-care-soft:#fbe1d8;--lab-error:#b3261e;--lab-error-soft:#fbdcd5;--lab-info:#2d6e93;--lab-info-soft:#e1eef5;--lab-display:var(--ds-font-anuphan), "Anuphan", "Noto Sans Thai", sans-serif;--lab-body:var(--ds-font-plex-thai), "IBM Plex Sans Thai", "Noto Sans Thai", sans-serif;--lab-r-chip:12px;--lab-r-card:24px;--lab-r-panel:32px;--lab-ring:0 0 0 1px var(--lab-line);--lab-lift:0 30px 60px -36px #23291f80;--lab-lift-sm:0 14px 28px -20px #23291f80;--lab-sun-shadow:inset 0 -3px 0 var(--lab-sun-deep), 0 14px 30px -14px #d9a800;--lab-ease:cubic-bezier(.2, .8, .2, 1);--lab-spring:cubic-bezier(.34, 1.4, .5, 1);--lab-wrap:min(1240px, 100% - 48px)}.lab{background:var(--lab-paper);color:var(--lab-ink);font-family:var(--lab-body);font-size:17px;line-height:1.65}:where(.lab) :where(h1,h2,h3,h4,p,ol,ul,figure,dl,dd){margin:0}:where(.lab) :where(ol,ul){padding:0;list-style:none}:where(.lab) :where(h1,h2,h3,h4){font-family:var(--lab-display);letter-spacing:0;font-weight:600}:where(.lab) :where(a){color:inherit;text-decoration:none}:where(.lab) :where(*){box-sizing:border-box}:where(.lab) :focus-visible{outline:3px solid var(--lab-focus);outline-offset:3px;border-radius:8px}:where(.lab) :where(img){max-width:100%}.lab-wrap{width:var(--lab-wrap);margin-inline:auto}@media (prefers-reduced-motion:reduce){.lab *,.lab :before,.lab :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.application-surface .lab main,.lab main{padding-top:0}.application-surface .lab main{padding-left:0;padding-right:0}.lab-skip{z-index:100;background:var(--lab-ink);font-family:var(--lab-body);border-radius:999px;padding:10px 16px;position:fixed;top:-60px;left:16px;color:#fff!important}.lab-skip:focus{top:12px}:root{--lab-on-sun:#23291f;--lab-on-ink:#fff;--bo-ok:#2f6b3a;--bo-ok-bg:#e3efe0;--bo-warn:#a2580f;--bo-warn-bg:#fbe8d6;--bo-bad:#b4432a;--bo-bad-bg:#f9e0d8;--bo-info:#2b6390;--bo-info-bg:#e1eef5;--bo-faint:#9aa093;--bo-on-ink-sun:#f9d84a;--bo-line-2:#23291f33;--bo-glass:#fafbf6e8;--bo-scrim:#23291f59;--bo-hover:#23291f0a;--bo-t-gen:#fff4cc;--bo-t-gen-ink:#8a6a00;--bo-t-bio:#e3efe0;--bo-t-bio-ink:#3d7a40;--bo-t-chem:#e9e6fb;--bo-t-chem-ink:#5a4cc4;--bo-t-phys:#e1eef5;--bo-t-phys-ink:#2f6f96;--bo-t-earth:#fbe8de;--bo-t-earth-ink:#b0623e}:root[data-bo-theme=dark],[data-bo-dark=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--lab-paper:#12160f;--lab-paper-2:#191e15;--lab-card:#1f251a;--lab-ink:#eef0e6;--lab-ink-2:#cfd3c6;--lab-muted:#a3a99a;--lab-line:#eef0e61a;--lab-line-soft:#eef0e60f;--lab-sun-soft:#3a3315;--lab-focus:#7aa8ff;--lab-on-ink:#12160f;--lab-ring:0 0 0 1px var(--lab-line);--lab-lift:0 30px 60px -30px #000c;--bo-ok:#7cc48a;--bo-ok-bg:#1d3122;--bo-warn:#e8a25e;--bo-warn-bg:#3a2715;--bo-bad:#ec8a70;--bo-bad-bg:#3e1f17;--bo-info:#7fb6df;--bo-info-bg:#172b3a;--bo-faint:#737a6b;--bo-line-2:#eef0e62e;--bo-glass:#12160fe6;--bo-on-ink-sun:#12160f;--bo-scrim:#00000080;--bo-hover:#eef0e60d;--bo-t-gen:#3a3315;--bo-t-gen-ink:#f3d566;--bo-t-bio:#1d3122;--bo-t-bio-ink:#8fd09a;--bo-t-chem:#28243f;--bo-t-chem-ink:#b5aaf5;--bo-t-phys:#172b3a;--bo-t-phys-ink:#8cc3e6;--bo-t-earth:#3a2419;--bo-t-earth-ink:#f0ad8a}@media (prefers-color-scheme:dark){:root[data-bo-theme=auto],[data-bo-dark=auto]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--lab-paper:#12160f;--lab-paper-2:#191e15;--lab-card:#1f251a;--lab-ink:#eef0e6;--lab-ink-2:#cfd3c6;--lab-muted:#a3a99a;--lab-line:#eef0e61a;--lab-line-soft:#eef0e60f;--lab-sun-soft:#3a3315;--lab-focus:#7aa8ff;--lab-on-ink:#12160f;--lab-ring:0 0 0 1px var(--lab-line);--lab-lift:0 30px 60px -30px #000c;--bo-ok:#7cc48a;--bo-ok-bg:#1d3122;--bo-warn:#e8a25e;--bo-warn-bg:#3a2715;--bo-bad:#ec8a70;--bo-bad-bg:#3e1f17;--bo-info:#7fb6df;--bo-info-bg:#172b3a;--bo-faint:#737a6b;--bo-line-2:#eef0e62e;--bo-glass:#12160fe6;--bo-on-ink-sun:#12160f;--bo-scrim:#00000080;--bo-hover:#eef0e60d;--bo-t-gen:#3a3315;--bo-t-gen-ink:#f3d566;--bo-t-bio:#1d3122;--bo-t-bio-ink:#8fd09a;--bo-t-chem:#28243f;--bo-t-chem-ink:#b5aaf5;--bo-t-phys:#172b3a;--bo-t-phys-ink:#8cc3e6;--bo-t-earth:#3a2419;--bo-t-earth-ink:#f0ad8a}}:root[data-bo-theme=dark] body{background:var(--lab-paper)}@media (prefers-color-scheme:dark){:root[data-bo-theme=auto] body{background:var(--lab-paper)}}
.play,.play-vars{--paper:var(--lab-paper);--paper-2:var(--lab-paper-2);--card:#fff;--ink:var(--lab-ink);--ink-2:var(--lab-ink-2);--muted:var(--lab-muted);--line:var(--lab-line);--line-soft:var(--lab-line-soft);--night:#0e130d;--night-2:#172016;--sun:var(--lab-sun);--sun-deep:var(--lab-sun-deep);--sun-soft:var(--lab-sun-soft);--gen:#f2c62e;--gen-soft:#fff4cc;--gen-ink:#8a6a00;--bio:#6fb47a;--bio-soft:#e3efe0;--bio-ink:#2f7a3a;--chem:#9d8cf0;--chem-soft:#ebe8fc;--chem-ink:#5546c4;--phys:#5aa6cf;--phys-soft:#e1eef5;--phys-ink:#2a6f96;--earth:#ea9a74;--earth-soft:#fbe8de;--earth-ink:#a8532c;--ok:var(--lab-ok);--ok-soft:var(--lab-ok-soft);--warn:var(--lab-warn);--warn-soft:var(--lab-warn-soft);--care:var(--lab-care);--care-soft:var(--lab-care-soft);--error:var(--lab-error);--error-soft:var(--lab-error-soft);--display:var(--lab-display);--body:var(--lab-body);--h1:clamp(46px, 6.4vw, 98px);--h2:clamp(34px, 4.4vw, 62px);--h3:clamp(21px, 1.7vw, 26px);--lead:clamp(17px, 1.25vw, 19px);--wrap:min(1240px, 100% - 48px);--wide:min(1360px, 100% - 48px);--section:clamp(96px, 10vw, 160px);--r-sm:12px;--r-md:18px;--r-lg:26px;--r-xl:34px;--ring:0 0 0 1px var(--line);--sh-1:0 1px 2px #23291f10, 0 6px 16px -10px #23291f40;--sh-2:0 1px 2px #23291f0d, 0 18px 40px -24px #23291f66, 0 0 0 1px #23291f0f;--sh-3:0 2px 6px #23291f0d, 0 40px 80px -40px #23291f80, 0 0 0 1px #23291f0f;--edge:4px;--edge-pressed:2px;--ease:cubic-bezier(.2, .8, .2, 1);--out:cubic-bezier(.19, 1, .22, 1);--spring:cubic-bezier(.34, 1.4, .5, 1)}.play{--font-thai:var(--body);background:var(--paper);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;font-size:17px;line-height:1.65}@media (max-width:760px){.play,.play-vars{--wrap:calc(100% - 32px);--wide:calc(100% - 32px)}}:where(.play) :where(h1,h2,h3,h4,p,ol,ul,figure,dl,dd,blockquote){margin:0}:where(.play) :where(ol,ul){padding:0;list-style:none}:where(.play) :where(h1,h2,h3,h4){font-family:var(--display);letter-spacing:0;text-wrap:balance;font-weight:600}:where(.play) :where(a){color:inherit;text-decoration:none}:where(.play) :where(button){font:inherit;color:inherit}:where(.play) :where(*){box-sizing:border-box}:where(.play) :where(img,svg,canvas){display:block}:where(.play) :focus-visible{outline:3px solid var(--lab-focus);outline-offset:3px}.play .nowrap{white-space:nowrap}html[data-pro-motion] .play [data-reveal]{opacity:0;transform:translateY(26px)}html[data-pro-motion] .play [data-reveal][data-in]{opacity:1;transition:opacity .9s var(--out), transform 1.1s var(--out);transition-delay:calc(var(--i,0) * 80ms);transform:none}html:has([data-quest-pill])[data-hero-onscreen] [data-dock]{display:none!important}:is(html:has([data-quest-pill]):has([data-dock=greeter]) :is([data-dock=install],[data-dock=guide])[data-state=mini],html:has([data-quest-pill]):has([data-dock=install]) [data-dock=guide][data-state=mini]){display:none}@media (max-width:760px){html:not([data-hero-onscreen]):has([data-dock][data-state=open]:not([hidden])) [data-quest-pill]{display:none}html:has([data-quest-pill][data-open]) [data-dock]{display:none!important}}@media (max-width:879px){html[data-sp-stage] [data-dock],html[data-sp-stage] [data-quest-pill]{display:none!important}}
[data-mgmt] :is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not([data-plain]),select:not([data-plain]),textarea){min-height:46px;color:var(--lab-ink);font-family:var(--lab-body);font-size:15px;transition:box-shadow .2s;box-shadow:inset 0 0 0 1.5px var(--lab-line)!important;background:#fff!important;border:0!important;border-radius:14px!important}[data-mgmt] textarea{line-height:1.6;padding-top:10px!important}[data-mgmt] :is(input,select,textarea):not([data-plain]):hover:not(:disabled){box-shadow:inset 0 0 0 1.5px #23291f55!important}[data-mgmt] :is(input,select,textarea):not([data-plain]):focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--lab-ink), 0 0 0 4px #f9d84a66!important}[data-mgmt] :is(input,select,textarea):disabled{color:var(--lab-muted);background:var(--lab-paper)!important}[data-mgmt] :is(input[type=checkbox],input[type=radio]){width:20px;height:20px;accent-color:var(--lab-ink)}[data-mgmt] label>span:first-child{color:var(--lab-ink-2);font-size:13.5px;font-weight:700}[data-mgmt] fieldset{border:0;margin:0;padding:0}[data-mgmt] legend{font:700 16px/1.4 var(--lab-display)}[data-mgmt] [role=status],[data-mgmt] [role=alert]{border-radius:14px}[data-mgmt] button[data-attend]{min-width:56px;border-radius:12px!important}[data-mgmt] button[data-attend][aria-pressed=true][data-attend=present]{background:var(--lab-ok)!important;border-color:var(--lab-ok)!important;color:#fff!important}[data-mgmt] button[data-attend][aria-pressed=true][data-attend=absent]{background:var(--lab-care)!important;border-color:var(--lab-care)!important;color:#fff!important}[data-mgmt] button[data-attend][aria-pressed=true][data-attend=late]{background:var(--lab-sun)!important;border-color:var(--lab-sun-deep)!important;color:var(--lab-ink)!important}[data-mgmt] button[data-attend][aria-pressed=true][data-attend=excused]{background:var(--lab-info)!important;border-color:var(--lab-info)!important;color:#fff!important}[data-mgmt] button[data-attend][aria-pressed=true][data-attend=makeup]{background:var(--lab-chem-strong)!important;border-color:var(--lab-chem-strong)!important;color:#fff!important}