html[data-skin=sketch]{--sk-ink:#2d2b33;--sk-paper:#fbf8f1;--sk-rule:#33405f0d;background-image:repeating-linear-gradient(0deg, transparent 0 31px, var(--sk-rule) 31px 32px);background-repeat:repeat}html[data-skin=sketch][data-mantine-color-scheme=light]{--mantine-color-body:var(--sk-paper)}html[data-skin=sketch][data-mantine-color-scheme=dark]{--sk-ink:#0f0e0c;--sk-paper:#2a2723;--sk-rule:#e6e0d409}html[data-skin=sketch]{--sk-font-body:var(--font-playpen), var(--font-be-vietnam), -apple-system, "Segoe UI", Roboto, sans-serif;--sk-font-hand:var(--font-shantell), var(--font-be-vietnam), -apple-system, "Segoe UI", Roboto, sans-serif;--mantine-font-family:var(--sk-font-body);--mantine-font-family-headings:var(--sk-font-hand)}html[data-skin=sketch] :is(.mantine-Title-root,.mantine-Badge-root,.paper-tag,.mantine-Tabs-tab,.mantine-SegmentedControl-label,.link-row__title,.room-plate,b,strong),html[data-skin=sketch] .mantine-Text-root:is([style*="font-weight: 6"],[style*="font-weight: 7"],[style*="font-weight: 8"],[style*="font-weight: 9"]){font-family:var(--sk-font-hand)}html[data-skin=sketch] .mantine-Title-root{letter-spacing:0}html[data-skin=sketch] .mantine-Button-root{font-weight:700;transition:transform 80ms,box-shadow 80ms}html[data-skin=sketch] .mantine-Button-label{line-height:1.3}html[data-skin=sketch] .mantine-Button-root:is([data-variant=filled],[data-variant=gradient],:not([data-variant])){border:1.5px solid var(--sk-ink);box-shadow:2px 2px 0 var(--sk-ink)}html[data-skin=sketch] .mantine-Button-root:is([data-variant=default],[data-variant=white],[data-variant=outline]){border:1.5px solid var(--sk-ink);background-color:var(--mantine-color-body);box-shadow:2px 2px 0 var(--sk-ink)}html[data-skin=sketch] .mantine-Button-root:is([data-variant=filled],[data-variant=gradient],[data-variant=default],[data-variant=white],[data-variant=outline],:not([data-variant])):not(:disabled,[data-disabled]):active{box-shadow:0 0 0 var(--sk-ink);transform:translate(2px,2px)}html[data-skin=sketch] .mantine-Button-root:is(:disabled,[data-disabled]){box-shadow:none;border-style:dashed}html[data-skin=sketch] .mantine-ActionIcon-root:is([data-variant=filled],[data-variant=default],:not([data-variant])){border:1.5px solid var(--sk-ink);box-shadow:2px 2px 0 var(--sk-ink)}html[data-skin=sketch] :is(.mantine-Card-root,.mantine-Paper-root)[data-with-border]{border:1.5px solid var(--sk-ink);box-shadow:3px 3px 0 var(--sk-ink);border-radius:14px}html[data-skin=sketch] :is(.link-row,.home-tile,.home-news,.course-card,.song-card){border:1.5px solid var(--sk-ink);background-color:var(--mantine-color-body);box-shadow:3px 3px 0 var(--sk-ink);border-radius:14px;transition:transform 80ms,box-shadow 80ms}html[data-skin=sketch] :is(.link-row,.home-tile,.home-news,.course-card,.song-card):active{box-shadow:1px 1px 0 var(--sk-ink);transform:translate(2px,2px)}html[data-skin=sketch] .course-card--upcoming{box-shadow:none;border-style:dashed}html[data-skin=sketch] .course-card--upcoming:active{transform:none}html[data-skin=sketch][data-mantine-color-scheme=light] :is(.link-row,.home-tile,.home-news,.course-card,.song-card):not(.course-card--upcoming){border-color:#0000;border-image:var(--card-art) 48 fill / 24px / 2px stretch;background-color:#0000;border-radius:18px}html[data-skin=sketch][data-mantine-color-scheme=light] .course-card:not(.course-card--upcoming) img{border-radius:16px 16px 0 0}html[data-skin=sketch] :is(.chapter-badge,.journal-row[data-done] .num-bubble,.lesson-dot[data-state=done] .lesson-dot__circle){border:1.5px solid var(--sk-ink);background:color-mix(in srgb, var(--dot-from) 38%, var(--mantine-color-body));color:#2d2b33;box-shadow:1px 1px 0 var(--sk-ink)}html[data-skin=sketch] .lesson-dot[data-state=current] .lesson-dot__circle{border:2px solid var(--sk-ink);color:#2d2b33}html[data-skin=sketch] .mantine-Button-root[data-variant=light]{border:1.5px solid var(--sk-ink);color:var(--mantine-color-text);box-shadow:2px 2px 0 var(--sk-ink)}html[data-skin=sketch] .mantine-Button-root[data-variant=light]:active{box-shadow:0 0 0 var(--sk-ink);transform:translate(2px,2px)}html[data-skin=sketch] .mantine-Badge-root:is([data-variant=light],[data-variant=filled],:not([data-variant])){border:1px solid color-mix(in srgb, var(--sk-ink) 55%, transparent);color:var(--mantine-color-text)}html[data-skin=sketch] .mantine-Badge-root[data-variant=filled],html[data-skin=sketch] .mantine-Badge-root:not([data-variant]){background:color-mix(in srgb, var(--badge-bg,var(--mantine-primary-color-filled)) 35%, var(--mantine-color-body))}html[data-skin=sketch] :is(.link-row__title,.home-news__text .mantine-Text-root:last-child){font-weight:700}html[data-skin=sketch] .mantine-Input-input{border:1.5px solid color-mix(in srgb, var(--sk-ink) 45%, transparent);background-color:var(--mantine-color-body)}html[data-skin=sketch] .mantine-Input-input:focus{border-color:var(--sk-ink)}html[data-skin=sketch] .mantine-SegmentedControl-root{border:1.5px solid var(--sk-ink)}html[data-skin=sketch] .mantine-SegmentedControl-indicator{border:1.5px solid var(--sk-ink);box-shadow:1px 1px 0 var(--sk-ink)}html[data-skin=sketch] :is(.mantine-Drawer-content,.mantine-Modal-content){background-color:var(--mantine-color-body)}html[data-skin=sketch] .mantine-Modal-content{border:1.5px solid var(--sk-ink);box-shadow:4px 4px 0 var(--sk-ink)}html[data-skin=sketch] .mantine-Drawer-content{border-left:1.5px solid var(--sk-ink)}html[data-skin=sketch] :is(.mantine-Drawer-header,.mantine-Modal-header){background-color:var(--mantine-color-body);border-bottom:1px dashed color-mix(in srgb, var(--sk-ink) 35%, transparent)}html[data-skin=sketch] .mantine-Progress-root{border:1.5px solid var(--sk-ink);box-sizing:content-box;background-color:var(--mantine-color-body)}html[data-skin=sketch] .guided-stage__progress.mantine-Progress-root{background-color:color-mix(in srgb, var(--sk-ink) 15%, transparent);border:0}html[data-skin=sketch] .guided-stage{overflow:hidden}html[data-skin=sketch] .guided-stage:before{content:"";z-index:-1;background:var(--guided-room,none) center / cover no-repeat;filter:blur(2px);opacity:.46;pointer-events:none;position:absolute;inset:0;transform:scale(1.04);-webkit-mask-image:linear-gradient(90deg,#0009 0 45%,#000 100%);mask-image:linear-gradient(90deg,#0009 0 45%,#000 100%)}html[data-skin=sketch] .guided-play__sheet{border:1.5px solid #0000;border-image:var(--card-art) 48 fill / 24px / 2px stretch;color:#000;border-radius:18px;margin:2px;padding:0 6px}html[data-skin=sketch] .guided-stage__progress.mantine-Progress-root{background:linear-gradient(color-mix(in srgb, var(--sk-ink) 28%, transparent), color-mix(in srgb, var(--sk-ink) 28%, transparent)) center / 100% 1.5px no-repeat;border:0;height:8px;bottom:-1px;overflow:visible}html[data-skin=sketch] .guided-stage__progress .mantine-Progress-section{border:0 solid #0000;border-image:var(--progress-fill) 0 40 0 40 fill / 0 5px 0 5px stretch;filter:saturate(1.4);background:0 0;min-width:14px}html[data-skin=sketch] .guided-stage__room{text-overflow:ellipsis;flex:0 auto;min-width:0;overflow:hidden}@media (max-width:35em){html[data-skin=sketch] .guided-stage__room{display:none}}html[data-skin=sketch] .guided-diagram text{font-family:var(--sk-font-body)}html[data-skin=sketch] .guided-diagram text:is([font-weight="600"],[font-weight="700"]){font-family:var(--sk-font-hand)}html[data-skin=sketch] .guided-diagram-box{border:1.5px solid #0000;border-image:var(--card-art) 48 fill / 24px / 2px stretch;border-radius:18px;width:calc(100% - 4px);margin:2px;position:relative}html[data-skin=sketch] .guided-diagram-box>.guided-diagram>rect{display:none}html[data-skin=sketch] .guided-diagram-box:before{content:"";z-index:2;background:var(--tape-art) center / 100% 100% no-repeat, #d9d1ec;background-blend-mode:multiply;width:56px;height:15px;-webkit-mask:var(--tape-art) center / 100% 100% no-repeat;mask:var(--tape-art) center / 100% 100% no-repeat;opacity:.92;pointer-events:none;margin-left:-28px;position:absolute;top:-7px;left:50%;transform:rotate(-3deg)}html[data-skin=sketch][data-mantine-color-scheme] .teacher-bubble__portrait .mantine-Avatar-root{border:2px solid var(--mantine-color-body);box-shadow:0 0 0 1.5px var(--sk-ink), 2px 2px 0 1.5px var(--sk-ink)}html[data-skin=sketch][data-mantine-color-scheme] .teacher-bubble__name{border:1.5px solid var(--sk-ink);background:var(--mantine-color-body);color:var(--mantine-color-text)}html[data-skin=sketch][data-mantine-color-scheme] .teacher-bubble__speech{border:1.5px solid var(--sk-ink);box-shadow:3px 3px 0 var(--sk-ink);border-radius:14px}html[data-skin=sketch][data-mantine-color-scheme] .chapter-farewell{border:1.5px solid var(--sk-ink);box-shadow:3px 3px 0 var(--sk-ink)}html[data-skin=sketch][data-mantine-color-scheme] .teacher-bubble__speech:before{border-right-color:var(--sk-ink)}.room-layer{z-index:-1;pointer-events:none;position:fixed;inset:0}.room-layer__art{object-fit:cover;opacity:.85}.room-layer:after{content:"";background:radial-gradient(ellipse at center, color-mix(in srgb, var(--app-bg) 40%, transparent) 0%, color-mix(in srgb, var(--app-bg) 18%, transparent) 75%, transparent 100%);position:absolute;inset:0}html[data-room] .app-content :is(.mantine-Text-root,.mantine-Title-root):not(:is(.mantine-Card-root,.mantine-Paper-root,.mantine-Button-root,.course-card,.link-row,.home-tile,.step-card,.page-header) *){background:color-mix(in srgb, var(--mantine-color-body) 92%, transparent);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:6px;width:fit-content;max-width:100%;padding:1px 8px}html[data-room] .page-header__title{border:1.5px solid var(--sk-ink,#2d2b33);background:var(--mantine-color-body);box-shadow:2px 2px 0 var(--sk-ink,#2d2b33);border-radius:12px;padding:4px 12px 6px}html[data-room] .app-content .mantine-Text-root[data-c=dimmed],html[data-room] .app-content .mantine-Text-root[style*=--mantine-color-dimmed]{color:color-mix(in srgb, var(--mantine-color-dimmed) 70%, var(--mantine-color-text))}.room-corner{top:calc(var(--safe-top) + var(--edge-top) + 20px);right:calc(max(var(--safe-left), var(--safe-right)) + 16px);z-index:40;pointer-events:none;align-items:center;gap:6px;display:flex;position:fixed;translate:0 -50%}.room-corner__mascot{object-fit:contain;flex:none;width:40px;height:40px}.room-plate{border:0 solid #0000;border-image:var(--room-plate) 14 40 14 40 fill / 3px 9px 3px 9px stretch;color:#3b2f1c;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;filter:drop-shadow(1px 2px 1.5px #2d2b3359);padding:3px 16px;font-size:11px;font-weight:700}.room-tip{border:1.5px solid var(--sk-ink,#2d2b33);background:var(--mantine-color-body);max-width:clamp(160px,28vw,260px);color:var(--mantine-color-text);font:inherit;text-align:left;box-shadow:2px 2px 0 var(--sk-ink,#2d2b33);cursor:pointer;pointer-events:auto;border-radius:12px;align-items:flex-start;gap:6px;padding:5px 10px 5px 5px;font-size:12px;line-height:1.35;display:flex;position:relative}.room-tip__face{border:1.5px solid var(--sk-ink,#2d2b33);border-radius:999px;flex:none}.room-tip__text{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:11.5px;display:-webkit-box;overflow:hidden}@media (orientation:landscape) and (max-height:600px) and (max-width:860px){.room-tip{border-radius:999px;justify-content:center;align-items:center;min-width:40px;min-height:40px;padding:2px}.room-tip:not([data-open]) .room-tip__text{display:none}.room-tip[data-open] .room-tip__text{border:1.5px solid var(--sk-ink,#2d2b33);background:var(--mantine-color-body);width:210px;box-shadow:2px 2px 0 var(--sk-ink,#2d2b33);-webkit-line-clamp:4;border-radius:12px;padding:6px 10px;position:absolute;top:calc(100% + 6px);left:0}}html[data-room]:not([data-room-quiet]) .page-header .tool-sheet__label{display:none}html[data-room]:not([data-room-quiet]) .page-header .tool-sheet-button [data-position=left]{margin-inline-end:0}html[data-room]:not([data-room-quiet]) .page-header{--room-corner-overlap:calc(var(--room-corner-w,clamp(160px, 28vw, 260px) + 206px) + 8px - (100vw - 100%) / 2);padding-top:clamp(0px, calc(var(--room-corner-overlap) * 1000), 52px)}@media (orientation:landscape) and (max-height:600px){html[data-room]:not([data-room-quiet]) .page-header{padding-top:0;padding-right:max(0px, var(--room-corner-overlap))}html[data-room]:not([data-room-quiet]) .page-header .section-icon{display:none}}html[data-skin=sketch] .page-header .mantine-Title-root{background:linear-gradient(180deg, transparent 58%, color-mix(in srgb, var(--section-from) 85%, transparent) 58%, color-mix(in srgb, var(--section-from) 85%, transparent) 92%, transparent 92%);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 4px;display:inline}html[data-skin=sketch] :is(.course-card,.home-tile){position:relative;overflow:visible}html[data-skin=sketch] :is(.course-card,.home-tile):before{content:"";z-index:2;background:var(--tape-art) center / 100% 100% no-repeat, color-mix(in srgb, var(--dot-from,#c9bde4) 70%, #fff);background-blend-mode:multiply;width:56px;height:15px;-webkit-mask:var(--tape-art) center / 100% 100% no-repeat;mask:var(--tape-art) center / 100% 100% no-repeat;opacity:.92;pointer-events:none;position:absolute;top:-8px;left:16px;transform:rotate(-4deg)}html[data-skin=sketch] .course-card--upcoming:before{display:none}html[data-skin=sketch] .course-card img{border-radius:12px 12px 0 0}html[data-skin=sketch] .step-card{border:1.5px solid var(--sk-ink);box-shadow:2px 2px 0 var(--sk-ink);position:relative}html[data-skin=sketch] .step-card[data-state=current]{background:color-mix(in srgb, #ecccaa 45%, var(--mantine-color-body));border-width:2px}html[data-skin=sketch] .step-card:has([data-done]):after{content:"ĐÃ XONG";color:#b8453a;letter-spacing:.08em;opacity:.8;pointer-events:none;border:2px solid #b8453a;border-radius:4px;padding:1px 6px;font-size:11px;font-weight:800;animation:.22s cubic-bezier(.3,1.6,.5,1) both sk-stamp;position:absolute;top:6px;right:10px;transform:rotate(-9deg)}@keyframes sk-stamp{0%{opacity:0;transform:rotate(-9deg)scale(1.6)}to{opacity:.8;transform:rotate(-9deg)scale(1)}}@media (prefers-reduced-motion:reduce){html[data-skin=sketch] .step-card:has([data-done]):after{animation:none}html[data-skin=sketch] :is(.mantine-Button-root,.link-row,.home-tile,.home-news,.course-card,.song-card):active{transform:none}}html[data-skin=sketch] :is(.pj-splash,.pj-intro){--sk-night:#221f1c;--sk-lamp:#f2c46d;--sk-cream:#f6efe0;color:var(--sk-cream);font-family:var(--sk-font-body);background:var(--sk-night)}html[data-skin=sketch] :is(.pj-splash__photo,.pj-intro__photo){background-image:radial-gradient(90% 75% at 50% 45%,#221f1c59 0%,#221f1cc7 100%),url(/images/hoc-vien/phong/phong-hoa-nhac-toi.webp)}html[data-skin=sketch] .pj-intro__scrim{background:linear-gradient(#221f1c99 0%,#221f1c00 38% 70%,#221f1c99 100%)}html[data-skin=sketch] :is(.pj-splash__name,.pj-intro__caption,.pj-intro__brand p){font-family:var(--sk-font-hand);text-shadow:0 2px 10px #141210d9}html[data-skin=sketch] .pj-splash__tagline,html[data-skin=sketch] .pj-splash__status{text-shadow:0 1px 8px #141210e6}html[data-skin=sketch] :is(.pj-splash__note,.pj-intro__notes span){color:#f2c46d73}html[data-skin=sketch] .pj-splash__logo svg{box-shadow:5px 5px #0f0e0c}html[data-skin=sketch] .pj-splash__logo svg>rect:first-of-type{fill:var(--sk-cream);stroke:#2d2b33;stroke-width:12px}html[data-skin=sketch] .pj-splash__logo:before{background:radial-gradient(circle,#f2c46d66 0%,#0000 62%)}html[data-skin=sketch] .pj-intro__brand img{box-shadow:5px 5px #0f0e0c}html[data-skin=sketch] .pj-splash__bar{background:var(--sk-cream);border:1.5px solid #0f0e0c;height:10px;box-shadow:2px 2px #0f0e0c}html[data-skin=sketch] .pj-splash__bar span{background:repeating-linear-gradient(-45deg, var(--sk-lamp) 0 6px, #e3ad4f 6px 12px);box-shadow:none}html[data-skin=sketch] .pj-splash__msg:last-child{color:var(--sk-lamp)}html[data-skin=sketch] .pj-intro__bar{background:#f6efe040;height:4px}html[data-skin=sketch] .pj-intro__bar>span{background:var(--sk-lamp)}html[data-skin=sketch] :is(.pj-splash__sound,.pj-intro__icon-btn,.pj-intro__skip,.pj-intro .pj-intro__unmute,.pj-intro .pj-intro__start){background:var(--sk-cream);color:#2d2b33;border:1.5px solid #0f0e0c;box-shadow:2px 2px #0f0e0c}html[data-skin=sketch] .pj-intro .pj-intro__start{font-family:var(--sk-font-hand);background:var(--sk-lamp);box-shadow:3px 3px #0f0e0c}html[data-skin=sketch] .pj-intro :is(.pj-intro__icon-btn,.pj-intro__skip,.pj-intro__unmute,.pj-intro__start):active{transform:translate(2px,2px);box-shadow:0 0 #0f0e0c}html[data-skin=sketch] .pj-intro button:focus-visible{outline-color:var(--sk-lamp)}html[data-skin=sketch] .pj-intro__art [fill=\#b197fc]{fill:#9fb0d4}html[data-skin=sketch] .pj-intro__art [stroke=\#b197fc]{stroke:#9fb0d4}html[data-skin=sketch] .pj-intro__art :is([fill=\#7c5cff],[fill=\#7048e8]){fill:#5a6f9c}html[data-skin=sketch] .pj-intro__art :is([stroke=\#7c5cff],[stroke=\#7048e8]){stroke:#5a6f9c}html[data-skin=sketch] .pj-intro__art [fill=\#3b2a78]{fill:#33405f}html[data-skin=sketch] .pj-intro__art [fill=\#2a1766]{fill:#2d2b33}html[data-skin=sketch] .pj-intro__art [stroke=\#2a1766]{stroke:#2d2b33}html[data-skin=sketch] .pj-intro__art :is([fill=\#161026],[fill=\#231a3a]){fill:#1d1b19}html[data-skin=sketch] .pj-intro__art [fill=\#f4efff]{fill:var(--sk-cream)}html[data-skin=sketch] .pj-intro__art [stop-color=\#7c5cff]{stop-color:#5a6f9c}html[data-skin=sketch] .pj-intro__art [stop-color=\#2a1766]{stop-color:#2d2b33}html[data-skin=sketch] .pj-splash{--pj-key-lit:var(--sk-lamp)}html[data-skin=sketch] .pj-splash__loading{background:#1d1b199e;border-radius:10px;width:min(300px,100% - 32px);padding:6px 10px 8px}@media (max-height:420px){html[data-skin=sketch] .pj-splash__logo{width:68px}html[data-skin=sketch] .pj-splash__center{margin-top:-3.75rem}}html[data-skin=sketch] .pj-intro__brand p{white-space:nowrap;font-size:clamp(1.25rem,4.2vw,1.8rem)}