html:root .midnight-learning .my-learning-page{--accent:#bbd8ff;--accent-soft:#dceaff;--accent-rgb:187, 216, 255;--accent-foreground:#08182c;--text-main:#f4f7fc;--text-soft:#d4e1f3;--text-muted:#acc0db;--surface:#0d1b2e;--surface-strong:#152941;--surface-muted:#172b44;--surface-muted-rgb:23, 43, 68;--border-soft:#344f70;--ml-playlist-card-bg:#12253c;--ml-playlist-card-hover:#1b3552;--ml-playlist-card-active:#203e61;--ml-playlist-card-border:#3c5e84;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;min-height:0;color:var(--text-main);font-family:var(--font-thai,"Academy Thai Inactive"), Inter, "Midnight Thai", system-ui, sans-serif;background:0 0}.midnight-learning .ml-shell{gap:24px;width:100%;min-height:0;margin:0;padding:0}.midnight-learning .ml-topline{flex-wrap:wrap;align-items:center;gap:20px}.midnight-learning .ml-course-title{color:#f4f7fc;overflow-wrap:anywhere;margin:8px 0 0;font-size:clamp(26px,3vw,40px);font-weight:600;line-height:1.25}.midnight-learning .ml-eyebrow{color:#acc0db;font-weight:500}.midnight-learning .ml-learning-grid{gap:24px}.midnight-learning .my-learning-page :is(.ml-lesson-detail,.ml-playlist,.ml-comments){border:1px solid #344f70;border-radius:24px}.midnight-learning .ml-video-shell{background:#020810;border:1px solid #344f70}.midnight-learning .ml-course-actions{width:min(460px,100%)}.midnight-learning .ml-switcher-button{border:1px solid #42658d;border-radius:16px;min-height:50px;font-weight:600}html:root .midnight-learning .ml-discord-button{color:#fff;background:#334b95;border:1px solid #6078c7;border-radius:16px;min-height:50px;font-weight:600}html:root .midnight-learning .ml-discord-button:hover{background:#405cae}.midnight-learning .ml-course-menu{border:1px solid #42658d;max-height:320px;overflow-y:auto;box-shadow:0 16px 36px #0007}.midnight-learning .ml-course-menu button{min-height:56px}.midnight-learning .ml-course-meta dd{white-space:normal;overflow-wrap:anywhere;font-weight:600}.midnight-learning .ml-course-meta dt{font-weight:500}.midnight-learning .ml-lesson-detail h2{font-weight:600;line-height:1.4}.midnight-learning .ml-lesson-kicker span{font-weight:500}.midnight-learning .ml-lesson-category-toggle{background:#142a44;min-height:48px}.midnight-learning .ml-lesson-category-toggle span{white-space:normal;text-transform:none;font-weight:600;line-height:1.5}.midnight-learning .ml-lesson-copy strong{white-space:normal;font-weight:600;line-height:1.5}.midnight-learning .ml-lesson-item.is-active{box-shadow:inset 3px 0 #b4d5ff}.midnight-learning .ml-comment-form textarea{font-size:16px}.midnight-learning .ml-comment-form textarea::placeholder{color:#acc0db}.midnight-learning :is(.ml-comment-actions button,.ml-comment-dialog-close,.ml-comment-text-button){min-width:44px;min-height:44px}.midnight-learning .ml-comment-dialog{background:#0d1b2e;border:1px solid #42658d}.midnight-learning .ml-play-button{color:#0b1b30;background:#c8dfff;font-weight:600}.midnight-learning .my-learning-page :is(button,a,textarea,select):focus-visible{outline-offset:3px;outline:3px solid #b4d5ff}@media (max-width:767px){.midnight-learning .ml-topline{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}.midnight-learning .my-learning-page .ml-course-actions{grid-template-columns:minmax(0,1fr);justify-self:stretch;width:100%}.midnight-learning .ml-switcher-button span{white-space:normal;text-align:left}.midnight-learning .ml-switcher-button{padding-block:12px}.midnight-learning .ml-learning-grid{grid-template-columns:minmax(0,1fr);gap:20px}.midnight-learning .ml-lesson-detail{padding:18px}.midnight-learning .ml-course-meta{grid-template-columns:minmax(0,1fr)}.midnight-learning .ml-course-menu{width:100%}.midnight-learning .ml-lesson-detail h2{font-size:23px}.midnight-learning .ml-video-shell:not(:fullscreen):not(.is-pseudo-fullscreen) .ml-play-button{white-space:nowrap;min-height:44px;padding-inline:18px;font-size:14px;top:26%}}
.course-signature-dialog{color:#252b36;background:#fff;border:1px solid #8793a4;border-radius:14px;width:min(520px,100vw - 24px);max-width:none;max-height:calc(100dvh - 24px);margin:auto;padding:28px;font-family:inherit;position:fixed;inset:0;overflow:auto}.course-signature-dialog::backdrop{background:#060e1dc7}.course-signature-head{color:#606977;justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.course-signature-head button{min-width:44px;min-height:44px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.course-signature-dialog h2{--type-h2-size:24px;margin:12px 0;font-size:24px;line-height:1.4}.course-signature-dialog p{--type-body-size:14px;overflow-wrap:anywhere;margin:8px 0;font-size:14px;line-height:1.8}.course-signature-steps{border-block:1px solid #dce1e8;flex-wrap:wrap;gap:10px 20px;margin:12px 0;padding:16px 0;list-style:none;display:flex}.course-signature-steps li{align-items:center;gap:7px;font-size:13px;display:flex}.course-signature-steps strong{color:#29364d;background:#edf0f5;border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.course-signature-dialog label{margin:18px 0 8px;font-size:14px;font-weight:600;display:block}.course-signature-dialog input{color:#252b36;width:100%;min-height:48px;font:inherit;background:#fff;border:1px solid #8793a4;border-radius:8px;padding:10px 12px;font-size:16px}.course-signature-dialog input::placeholder,.course-signature-hint,.course-signature-expiry,.course-signature-dialog small{color:#606977}.course-signature-dialog small{margin-top:16px;font-size:12px;line-height:1.8;display:block}.course-signature-error{color:#87491c}.course-signature-submit{color:#fff;width:100%;min-height:48px;font:inherit;cursor:pointer;background:#29364d;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;margin-top:18px;padding:12px;font-weight:600;display:flex}.course-signature-dialog button:disabled{opacity:.55;cursor:wait}.course-signature-dialog :focus-visible{outline-offset:3px;outline:2px solid #8a6829}.course-signature-spin{animation:1s linear infinite course-signature-spin}@keyframes course-signature-spin{to{transform:rotate(360deg)}}:root[data-theme=dark] .course-signature-dialog{color:#e7eaf0;background:#20242d}:root[data-theme=dark] .course-signature-head,:root[data-theme=dark] .course-signature-hint,:root[data-theme=dark] .course-signature-expiry,:root[data-theme=dark] .course-signature-dialog small{color:#b2bbc9}:root[data-theme=dark] .course-signature-dialog input{color:#e7eaf0;background:#272c37}:root[data-theme=dark] .course-signature-dialog input::placeholder{color:#b2bbc9}:root[data-theme=dark] .course-signature-error{color:#e9c984}@media (max-width:640px){.course-signature-dialog{padding:20px}}@media (prefers-reduced-motion:reduce){.course-signature-spin{animation:none}}