html body :is(button,a.button,a.brand-button,a.primary,a.site-world,a.site-login,a.support-link,a.scale-primary,a.world-lesson-primary,a[data-button-variant=primary]):not([data-button-appearance=flat]):not(:where([data-button-variant=secondary],[data-button-variant=quiet],[data-button-variant=danger])):not(.excalidraw *){border:2px solid var(--button-rim);border-radius:var(--control-radius);background:linear-gradient(180deg,color-mix(in srgb,var(--button-face),white 7%),var(--button-face));color:var(--button-ink);box-shadow:0 var(--button-depth) 0 var(--button-base),inset 0 1px 0 #ffffff45;font-weight:750;line-height:1.45;white-space:normal;overflow-wrap:anywhere;text-decoration:none;translate:0 0;transition:translate .11s ease,box-shadow .11s ease,border-color .11s ease,filter .11s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation}html body :is(.button,.brand-button,a.primary,[data-button-variant=primary],button.primary,.site-world,.site-login,.scale-primary,.world-lesson-primary,.world-party-primary,.arcade-check,.arcade-resume,.arcade-feedback>button,.arcade-summary>button){--button-face:#3659e9;--button-ink:#ffffff;--button-rim:#3659e9;--button-base:#203aab}html body .arcade-path li>div>button:not(:disabled){--button-face:#218457;--button-ink:#ffffff;--button-rim:#218457;--button-base:#155e3d}html body :is(a.button,a.brand-button,a.primary,a.site-login,a.scale-primary,a.world-lesson-primary,a[data-button-variant=primary]){min-height:var(--control-cta-target)}html body :is(.world-party-danger,.phrase-remove,button.danger,button[data-tone=danger]){--button-face:#e44d59;--button-ink:#ffffff;--button-rim:#d83d4a;--button-base:#a42838}html body .support-link{--button-face:#ffcf5a;--button-ink:#65470f;--button-rim:#f2c04c;--button-base:#d4a139}html body :is(button[aria-pressed=true],button[aria-selected=true],button[aria-expanded=true],button[aria-current=page],button.active){--button-face:#e9edff;--button-ink:#2944b7;--button-rim:#728af1;--button-base:#9baeea}html body :is(button.correct,.court-choices button.correct,.metaverse-court-choices button.correct,button[data-tone=success]){--button-face:#e0f8e9;--button-ink:#17543b;--button-rim:#69b88c;--button-base:#57a779}html body :is(button.wrong,button.incorrect,.court-choices button.wrong,.metaverse-court-choices button.incorrect){--button-face:#ffe9eb;--button-ink:#9e293b;--button-rim:#e9939c;--button-base:#cf7b87}@media (hover:hover){html body :is(button,a.button,a.brand-button,a.primary,a.site-world,a.site-login,a.support-link,a.scale-primary,a.world-lesson-primary,a[data-button-variant=primary]):not([data-button-appearance=flat]):not(:where([data-button-variant=secondary],[data-button-variant=quiet],[data-button-variant=danger])):not(.excalidraw *):not(:disabled):not([aria-disabled=true]):hover{translate:0 -1px;filter:brightness(1.035);box-shadow:0 calc(var(--button-depth) + 1px) 0 var(--button-base),inset 0 1px 0 #ffffff55}}html body :is(button,a.button,a.brand-button,a.primary,a.site-world,a.site-login,a.support-link,a.scale-primary,a.world-lesson-primary,a[data-button-variant=primary]):not([data-button-appearance=flat]):not(:where([data-button-variant=secondary],[data-button-variant=quiet],[data-button-variant=danger])):not(.excalidraw *):not(:disabled):not([aria-disabled=true]):active{translate:0 calc(var(--button-depth) - 1px);box-shadow:0 1px 0 var(--button-base),inset 0 1px 0 #ffffff30;filter:brightness(.98)}html body :is(button,a.button,a.brand-button,a.primary,[data-button-variant=primary],a.site-world,a.site-login,a.support-link,a.scale-primary,a.world-lesson-primary,a[data-button-variant=primary]):not([data-button-appearance=flat]):not(:where([data-button-variant=secondary],[data-button-variant=quiet],[data-button-variant=danger])):not(.excalidraw *):is(:disabled,[aria-disabled=true]){--button-face:#edf0f6;--button-ink:#727b92;--button-rim:#d9deea;--button-base:#d0d6e3;--button-depth:2px;opacity:.72;color:var(
    --button-ink
  )!important;cursor:not-allowed;translate:none;filter:none}html body :is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid #3659e9;outline-offset:5px}html body :is(button,a)[data-button-variant=danger],html body :is(button,a)[data-button-variant=quiet],html body :is(button,a)[data-button-variant=secondary]{min-height:var(--control-target);padding:var(--control-padding,9px 13px);border:1px solid var(--hs-line);border-radius:12px;background:#fff;color:var(--hs-ink);box-shadow:none;font-weight:650;line-height:1.45;text-decoration:none;white-space:normal;overflow-wrap:anywhere;translate:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}html body :is(button,a)[data-button-variant=quiet]{border-color:transparent;background:transparent;color:var(--hs-muted)}@media (hover:hover){html body :is(button,a):is([data-button-variant=secondary],[data-button-variant=quiet]):not(:disabled):not([aria-disabled=true]):hover{background:#f1f4ff;color:var(--hs-blue)}}html body :is(button,a):is([data-button-variant=secondary],[data-button-variant=quiet]):is(:disabled,[aria-disabled=true]){opacity:.5;cursor:not-allowed}html body :is(button,a)[data-button-variant=danger]{border-color:#e5a9b2;background:#fff0f2;color:#9e293b}@media (hover:hover){html body :is(button,a)[data-button-variant=danger]:not(:disabled):not([aria-disabled=true]):hover{background:#ffe2e7;border-color:#c75b66}}html body :is(button,a)[data-button-variant=danger]:is(:disabled,[aria-disabled=true]){opacity:.5;cursor:not-allowed}html body :is(button,a):is([data-button-variant=secondary],[data-button-variant=quiet]):is([aria-pressed=true],[aria-selected=true],[aria-expanded=true],[aria-current=page]){background:#edf1ff;color:#2944b7;border-color:#aebbeb}html body{color:var(--hs-ink);font-family:Pretendard,Apple SD Gothic Neo,Malgun Gothic,system-ui,sans-serif;background:radial-gradient(ellipse at 3% 5%,#e5f6ff 0,transparent 34rem),radial-gradient(ellipse at 100% 28%,#eee8ff 0,transparent 40rem),var(--hs-paper)}html body :is(h1,h2,h3,h4){color:var(--hs-ink);font-weight:800}html body :is(.brand-path-icon,.npc-avatar,.arcade-stage-number,.world-lesson-choice-number){border:2px solid #ffffffa6;box-shadow:0 3px 0 #bccaf0;font-weight:850}html body .community-inbox>div{background:#ffffff;border:2px solid var(--hs-line);border-radius:20px;box-shadow:0 6px 0 var(--play-depth),0 18px 36px #28335718}html body :is(.panel,.feature-card,.admin-panel,.admin-record,.learning-overview,.study-dashboard,.study-next,.arcade-web,.onboarding-settings,.placement-panel,.community-workspace .community-box,.brand-world-preview,.brand-place-card,.brand-explore-card,.sample-dialogue,.home-learning-help,.phrase-form):not(:where([data-ui=surface])){border:2px solid var(--hs-line);border-radius:24px;background:#ffffff;box-shadow:0 6px 0 var(--play-depth),0 14px 28px #303d6810}html body .phrase-form{padding:24px;margin-bottom:24px}html body .support-prompt{background:#fff3dc;border:2px solid #ebd4a4;border-radius:20px;box-shadow:0 4px 0 #dac18e}html body .brand-hero h1{font-weight:850;letter-spacing:-.055em}html body .brand-hero h1 em{color:var(--hs-blue);text-shadow:0 3px 0 #d9e1ff}html body .brand-eyebrow{font-size:11px;letter-spacing:1.3px}html body .brand-world-preview{box-shadow:0 8px 0 #bdc9ef,0 20px 38px #29395e1a}html body .brand-preview-top{background:#edf2ff}html body .brand-greeting{border:2px solid #d5def4;box-shadow:0 4px 0 #a8b9da}html body .brand-path{background:#e7f9ee;border:2px solid #b8ddc9;border-radius:24px;box-shadow:0 6px 0 #acd0bb;transition:translate .14s ease,box-shadow .14s ease}html body .brand-path:nth-child(2){background:#e9f0ff;border-color:#c0d1f5;box-shadow:0 6px 0 #b0c4ee}html body .brand-path:nth-child(3){background:#f0eaff;border-color:#d6c6ef;box-shadow:0 6px 0 #c8b5e8}html body .brand-path-icon{background:#ffffff;color:#218656;border-radius:16px}html body .brand-path:nth-child(2) .brand-path-icon{background:#ffffff;color:var(--hs-blue)}html body .brand-path:nth-child(3) .brand-path-icon{background:#ffffff;color:#7950ba}html body .brand-path-number{color:#556582;font-weight:800}html body .brand-path b{font-size:14px}html body .brand-home .try-section{background:#fff0df;border:2px solid #f0d6b8;border-radius:28px;box-shadow:0 6px 0 #e3c7a3}html body .brand-community{background:#e4f8ef;border:2px solid #b9dfcc;border-radius:28px;box-shadow:0 6px 0 #adcfbd}html body .brand-community-art>span{border:2px solid #bddbd0;box-shadow:0 4px 0 #b5d3c6;background:#ffffff}html body .brand-place-grid{gap:22px}html body .brand-place-card>div{background:#ffffff}html body .brand-place-card b{color:#3d527e;font-size:12px}html body .arcade-web{margin-bottom:40px}html body .arcade-intro{background:linear-gradient(125deg,#e3f9ed,#edfff4);border:2px solid #b8e0c9;border-radius:20px;box-shadow:0 4px 0 #c5e4d4}html body .arcade-path{gap:19px}html body .arcade-path li{border:2px solid #dae1f2;border-radius:20px;background:#ffffff;box-shadow:0 5px 0 #cdd7ed}html body .arcade-path li[data-cleared=true]{background:#edfbf3;border-color:#add9c0;box-shadow:0 5px 0 #abd2bd}html body .arcade-stage-number{width:44px;height:44px;background:#e8edff;color:#3659c7}html body .arcade-path li[data-cleared=true] .arcade-stage-number{background:#d1f1df;color:#1d7148;box-shadow:0 3px 0 #87bd9f}html body :is(.arcade-feedback,.arcade-summary,.world-lesson-complete){background:#e9faef;border:2px solid #b0d9c0;border-radius:20px;box-shadow:0 4px 0 #aad0bb}html body .arcade-feedback.retry{background:#fff3e2;border-color:#e9ce9d;box-shadow:0 4px 0 #ddc28f}html body .arcade-sentence{background:#f3f5ff;border-color:#b8c7f0;border-radius:16px;box-shadow:inset 0 3px 0 #e0e7fa}html body :is(.learning-arcade progress,.world-lesson-panel progress,.lesson-modal progress){height:14px;accent-color:#3659e9;border-radius:12px;overflow:hidden}html body :is(.learning-arcade progress,.world-lesson-panel progress,.lesson-modal progress)::-webkit-progress-bar{background:#e4e9f5;border-radius:12px;box-shadow:inset 0 3px 0 #ccd6ed}html body :is(.learning-arcade progress,.world-lesson-panel progress,.lesson-modal progress)::-webkit-progress-value{background:linear-gradient(180deg,#6a88ff,#3659e9);border-radius:12px}html body :is(.learning-arcade progress,.world-lesson-panel progress,.lesson-modal progress)::-moz-progress-bar{background:#3659e9;border-radius:12px}html body .study-dashboard{background:#eef3ff}html body .study-route li a{background:#ffffff;border:2px solid #d6e0f3;border-radius:15px;box-shadow:0 3px 0 #cbd7ee}html body :is(.onboarding-options label,.placement-panel fieldset label){background:#ffffff;border:2px solid #d8dff0;border-radius:16px;box-shadow:0 4px 0 #cbd4e8}html body .onboarding-page label.selected{background:#eaf0ff;border-color:#7994ee;box-shadow:0 4px 0 #aabbe9}html body .community-card strong{color:#293859}html body :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):not([type=hidden]),select,textarea):not(:where([data-ui=field])){border:2px solid #d6deee;border-radius:13px;background-color:#ffffff;color:#293450;box-shadow:inset 0 3px 0 #e9edf7;min-width:0}html body :is(input,textarea)::placeholder{color:#727c96;opacity:1}html body :is(input[type=checkbox],input[type=radio]){accent-color:#3659e9}html body :is(.pill,.mode-chip,.world-lesson-eyebrow,.arcade-kind){background:#edf1ff;color:#3652ae;border-radius:9px}html body :is(.notice,.class-feedback,.sample-result):not(:where([data-ui=notice],[data-ui=empty])){background:#eaf8f0;border:2px solid #c0dfce;border-radius:16px}html body :is(.alert,.world-lesson-error):not(:where([data-ui=notice],[data-ui=empty])){border-radius:16px;border:2px solid #efbcc4;background:#fff0f2;color:#96394b}html body :is(.metaverse-panel,.world-lesson-panel,.local-chat-panel,.exploration-map-body,.scale-card,.scale-chat,.scale-map,.scale-interaction,.court-panel):not(:where([data-ui=surface])){border:2px solid #d5dff2;border-radius:22px;background:#ffffff;box-shadow:0 6px 0 #bfcde9,0 16px 40px #23345120}html body .metaverse-shell:has(.metaverse-panel) .exploration-map[data-positioned=false]{right:auto;left:20px}html body :is(.metaverse-top-actions,.metaverse-dock,.scale-toolbar,.world-first-visit){background:#f9fbff;border:2px solid #d7e1f3;border-radius:20px;box-shadow:0 5px 0 #c4d0e7}html body .world-lesson-heading{background:#f0f4ff;border-bottom:2px solid #dbe4f5}html body .world-lesson-footer{background:#f9fbff;border-top:2px solid #e0e7f5}html body .metaverse-interior-entry{background:linear-gradient(120deg,#f3f6ff,#ffffff 55%,#effbf6)}html body .metaverse-interior-entry .metaverse-entry-content{border:2px solid #d8e1f2;border-radius:26px;box-shadow:0 6px 0 #c7d3ea}html body .scale-pilot{--scale-ink:#252d4b;--scale-green:#3659e9;font-family:inherit}html body .scale-header{background:#ffffff;border-bottom:2px solid #dce3f6;box-shadow:0 4px 0 #e8ecfa}html body .scale-header nav button{padding:9px 12px}html body .scale-header nav button.active:after{display:none}@media (hover:hover){html body :is(.brand-path,.brand-place-card,.brand-explore-card):hover{translate:0 -2px}}html body :is(a.brand-path,a.brand-place-card):active{translate:0 3px;box-shadow:0 1px 0 var(--play-depth)}@media (max-width:700px){html body :is(.panel,.learning-overview,.arcade-web,.onboarding-settings,.placement-panel,.community-box){border-radius:20px}html body .brand-home .try-section{padding:24px 18px}html body .brand-community{padding:20px}html body .metaverse-shell:has(.metaverse-panel) .exploration-map[data-positioned=false]{visibility:visible;pointer-events:auto;top:12px;left:12px}}@media (prefers-reduced-motion:reduce){html body :is(button,a,.brand-path,.brand-place-card,.brand-explore-card){transition:none}}@media (forced-colors:active){html body :is(button,a.button,a.brand-button,a.primary,a.site-world,a.site-login,a.support-link){border:2px solid ButtonText;box-shadow:none}}html body .world-window-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}html body .world-window-heading :is(h2,strong){margin:0;font-size:15px;min-width:0}html body .world-window-heading button{flex-shrink:0;font-size:12px;min-height:36px;padding:6px 10px}html body .metaverse-panel-heading>button{min-width:72px;font-size:13px}html body .exploration-map{max-width:min(340px,calc(100% - 16px))}html body .exploration-map[data-open=false]{width:max-content}html body .exploration-map[data-open=true]{width:340px}html body .exploration-map-toolbar{display:flex;align-items:center;gap:6px}html body .exploration-map .exploration-map-toolbar button{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;font-size:13px}html body .exploration-map-toolbar button:active{cursor:grabbing}html body .world-map-grip{min-width:36px;padding:8px}html body .world-map-toggle{--button-face:#3659e9;--button-ink:white;--button-base:#2840b0}html body .exploration-map-body{max-height:min(430px,calc(100dvh - 175px))}html body .world-map-reset{margin-bottom:12px;font-size:12px}html body .world-more-tools{position:relative}html body .world-tools-window{position:absolute;bottom:calc(100% + 16px);right:0;width:330px;max-width:calc(100vw - 32px);padding:16px;background:white;border:2px solid #d5dff2;border-radius:20px;box-shadow:0 6px 0 #bfcde9,0 16px 40px #23345130;max-height:calc(100dvh - 160px);overflow:auto}html body .world-tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}html body .world-tools-grid button{white-space:normal;justify-content:center;min-height:50px}html body .world-extra-practice{border-top:1px solid #e1e7f4;padding-block:14px}html body .world-extra-practice summary{cursor:pointer;font-weight:700;color:#52618a}html body .world-extra-practice[open] summary{margin-bottom:16px}html body .korean-audio{display:block;margin-block:12px}html body .korean-audio-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}html body .korean-audio-actions button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:10px 16px;font-size:14px}html body .korean-audio-main{--button-face:#e8f7f0;--button-ink:#186746;--button-base:#aad6bc}html body .korean-audio-symbol{width:20px;font-size:17px}html body .korean-audio-slow small{color:inherit;opacity:.7;font-size:11px}html body .korean-audio-status{display:block;font-size:12px;color:#a23444;margin-top:8px}html body .korean-audio-status:empty{display:none}html body .korean-audio-compact{margin-block:6px 12px}html body .korean-audio-compact button{min-height:34px;padding:5px 10px;font-size:12px}html body .world-lesson-choices>div>.korean-audio{width:auto;justify-self:start}html body .world-lesson-simple-guide{margin:0;padding:10px 24px;background:#f0f5ff;color:#516185;font-size:13px;line-height:1.5}html body .world-lesson-help-detail{margin-top:8px;font-size:12px;color:#697593}html body .world-lesson-help-detail summary{cursor:pointer}html body .world-lesson-help-detail .world-lesson-help-note{margin-top:8px}@media (max-width:700px){html body .world-tools-window{position:fixed;bottom:85px;right:12px}html body .metaverse-dock{gap:8px;padding:8px;max-width:calc(100vw - 20px)}html body .metaverse-dock>button,html body .world-more-tools>button{padding:8px 10px;font-size:12px}html body .metaverse-dock>button span{max-width:100px;white-space:normal}html body .world-lesson-simple-guide{padding:8px 16px}}html body .world-lesson-choices .korean-audio-actions button{width:auto}html body .metaverse-panel-heading>button{width:auto;height:auto;min-height:40px;padding:6px 10px;white-space:nowrap}html body .korean-audio-slow{--button-face:#f5f7fc;--button-rim:#d5dff2;--button-base:#c4cfe4;--button-ink:#526185}html body .korean-audio-main{--button-rim:#aad6bc}html body .world-map-toggle{--button-rim:#3659e9}html body .world-lesson-panel{max-height:78dvh}html body .world-lesson-context{grid-template-columns:auto minmax(0,1fr);padding-top:8px;padding-bottom:8px}html body .world-lesson-context progress{grid-column:auto}html body .world-lesson-objective{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}html body .world-lesson-transcript h3{font-size:clamp(19px,1.8vw,23px)}html body .world-lesson-scroll{flex:1 1 auto;padding-top:12px;padding-bottom:12px}html body .world-lesson-choices>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start}html body .world-lesson-choices .korean-audio-compact{margin:0}html body .world-lesson-choices .korean-audio-compact button{min-width:44px;min-height:54px;padding:8px}html body .world-lesson-help{padding:6px 10px;text-decoration:none}html body .world-learning-community,html body .world-lesson-context,html body .world-lesson-footer,html body .world-lesson-heading,html body .world-lesson-simple-guide{flex-shrink:0}html body:has(.world-lesson-panel) .world-audio{display:none}@media (max-width:700px){html body .metaverse-dock{left:10px;right:10px;bottom:12px;width:auto;max-width:none;transform:none;translate:0 0;overflow:visible;justify-content:stretch}html body .metaverse-dock>.world-more-tools,html body .metaverse-dock>button{flex:1 1;min-width:0}html body .metaverse-dock>button,html body .world-more-tools>button{width:100%;min-height:54px;padding:6px;font-size:11px}html body .world-more-tools>button{display:flex;align-items:center;justify-content:center;flex-direction:column}html body .world-tools-window{position:absolute;bottom:calc(100% + 16px);right:0;max-height:calc(100dvh - 180px)}}html body .metaverse-dock{overflow:visible}html body .metaverse-dock:has(.world-tools-window){z-index:95}html body:has(.world-lesson-panel) .metaverse-dock{visibility:hidden;pointer-events:none}html body:has(.world-tools-window) .world-audio{visibility:hidden;pointer-events:none}html body .world-lesson-answer-status{display:inline-block;margin-left:12px;color:#218457;font-weight:750}html body .world-lesson-answer-status:empty{display:none}html body .optional-explanation{margin-block:12px}html body .optional-explanation>button{font-size:13px;min-height:38px;padding:8px 12px}html body .optional-explanation>div:not([hidden]){margin-top:12px;padding:14px;border:1px solid #dce2f2;border-radius:14px;background:#f8faff}html body .optional-explanation p{font-size:14px;line-height:1.6}html body .arcade-correct-status{color:#218457;font-weight:750;margin:12px 0}html body .arcade-feedback .optional-explanation>button{--button-face:#f7f9ff;--button-rim:#dce2f2;--button-base:#c4cfe4;--button-ink:#526185}.social-login{display:grid;gap:12px}.social-login-buttons{display:flex;flex-wrap:wrap;flex-direction:column;gap:10px}.social-login-buttons button{flex:1 1;min-width:0;display:flex;justify-content:center;align-items:center;gap:10px;width:100%;min-height:44px;padding:10px 16px;background:#fff;color:#202124;border:1px solid #b8c0cd;border-radius:10px;box-shadow:none;font-weight:600;font-size:14px}.social-login small{color:var(--muted,#687080);font-size:13px}.auth-divider{text-align:center;font-size:14px;color:var(--muted,#687080);border-top:1px solid #dfe4ef;padding-top:14px;margin:0}.account-recovery,.auth-access{width:100%;max-width:440px;margin:24px auto 32px}.account-recovery>h1,.auth-access>h1{margin:0 0 8px;font-size:28px}.auth-access>p{margin:0 0 16px}.account-recovery,.auth-access .panel{padding:20px}.auth-mode-switch{display:flex;gap:4px;padding:4px;border:1px solid var(--hs-line);border-radius:12px;background:#eef1f8}.auth-mode-switch button{flex:1 1;font-size:13px}.auth-password-field{position:relative;display:block}.auth-password-field input:not(:where([data-ui=field])){padding-right:50px}.auth-password-field button{position:absolute;right:2px;top:2px;display:inline-grid;place-items:center;width:44px;height:44px;--control-padding:0}.auth-recovery-link{align-self:flex-end;font-size:13px;color:var(--hs-blue)}.auth-policy{display:flex;justify-content:center;gap:20px;font-size:12px}.auth-error:not(:where([data-ui=notice],[data-ui=empty])){margin:0;border:1px solid #f0c7be;background:#fff2ef;color:#943d28;padding:12px;border-radius:10px}.social-login-buttons img{object-fit:contain;flex-shrink:0}.social-login-buttons button:hover:not(:disabled){background:#f5f7fc}@media (max-width:620px){.account-recovery,.auth-access{margin:16px auto 24px}.account-recovery,.auth-access .panel{padding:16px}}.auth-password-field input{--ui-field-end:50px}.ui-icon{flex-shrink:0;vertical-align:middle}.ui-icon-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:44px;min-height:44px;padding:9px;border:2px solid #d4deeb;border-radius:12px;color:#334864;background:#fff;box-shadow:0 3px 0 #c5d0df;cursor:pointer}.ui-icon-button .ui-icon{width:22px;height:22px;stroke-width:1.9}.ui-icon-button:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px 0 #c5d0df}.ui-icon-button:focus-visible{outline:3px solid #e4a431;outline-offset:3px}.ui-icon-button:disabled{opacity:.5;cursor:default}.ui-icon-caption{font-size:12px;font-weight:800;line-height:1.35}.ui-icon-hint{position:absolute;z-index:70;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%);width:max-content;max-width:220px;padding:7px 10px;border-radius:8px;background:#24364d;color:#fff;font-size:12px;font-weight:600;line-height:1.4;pointer-events:none;visibility:hidden}.ui-icon-button:is(:hover,:focus-visible) .ui-icon-hint{visibility:visible}.korean-audio-actions .ui-icon{width:24px;height:24px;stroke-width:2}.korean-audio-actions button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:44px}.korean-audio-slow small{font-weight:800}.ui-icon-hint{pointer-events:auto}.ui-icon-hint:after{content:"";position:absolute;left:0;right:0;bottom:-12px;height:12px}.ui-icon-button[data-hint-dismissed=true] .ui-icon-hint{visibility:hidden}.brand-path-icon .ui-icon{width:30px;height:30px;stroke-width:1.8}.community-heading .community-actions>button{display:inline-flex;gap:6px;align-items:center}.arcade-check,.arcade-kind,.arcade-resume,.arcade-run-heading>button{display:inline-flex;align-items:center;justify-content:center;gap:8px}.phrase-remove{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}.learning-lane-title .ui-icon{width:26px;height:26px;color:#4563ad}html body .service-shell{min-width:0}html body .service-shell .main-shell{width:100%;min-width:0}html body .service-shell main{min-height:0}html body .service-shell :is(.panel,.community-panel,.hs-information,.brand-home){min-width:0}html body .service-shell .community-toolbar .ui-icon-hint{left:auto;right:0;transform:none}.ui-loading{margin:24px 0;min-height:400px}.ui-loading-heading{display:grid;gap:14px;margin-bottom:28px}.ui-loading i{display:block;background:#e8edf7;border-radius:8px;height:16px}.ui-loading-heading i:first-child{width:min(55%,360px);height:32px}.ui-loading-heading i:last-child{width:min(80%,560px)}.ui-loading-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.ui-loading-card{border:1px solid var(--hs-line);border-radius:20px;background:#fff;padding:24px;min-height:190px;display:grid;align-content:center;gap:18px}.ui-loading-card i:first-child{width:55%;height:24px}.ui-loading-card i:last-child{width:75%}.ui-loading-home{min-height:550px;padding-top:32px}.ui-loading-home .ui-loading-heading{min-height:240px;padding:32px;background:#eef2fb;border-radius:24px;align-content:center}.ui-loading-list{min-height:220px}.ui-loading-list .ui-loading-heading{display:none}.ui-loading-list .ui-loading-grid{grid-template-columns:1fr;gap:10px}.ui-loading-list .ui-loading-card{min-height:64px;padding:16px 20px;gap:8px}.ui-loading-list .ui-loading-card i{height:12px}.ui-loading-list .ui-loading-card i:last-child{display:none}html body .hs-information{color:var(--hs-ink);max-width:none;padding:32px 0}html body .hs-information-embedded{padding:12px}html body .hs-information header{display:block;height:auto;min-height:0}html body .hs-information-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}html body .hs-information header>p{color:var(--hs-muted)}html body .hs-information-card{margin:0;border:2px solid var(--hs-line);box-shadow:0 4px 0 var(--play-depth);border-radius:20px;color:var(--hs-ink);display:flex;flex-direction:column}html body .hs-information-card>a{margin-top:auto;color:var(--hs-blue);font-weight:700;padding-top:12px}html body .hs-information-meta{color:var(--hs-muted)}html body .hs-information-card dl{grid-template-columns:90px minmax(0,1fr)}html body .hs-information-card details{margin:14px 0;font-size:13px}html body .hs-information-card details summary{cursor:pointer;color:var(--hs-muted)}html body .hs-information-card details dl{margin:10px 0}html body .hs-information :is(button[aria-pressed=true]){--button-face:#eaf0ff;--button-ink:#244bb8;--button-rim:#b8c9f1;--button-base:#b8c9f1}html body .hs-information-categories{border:0;gap:10px;padding-bottom:12px}html body .hs-information-empty{background:#f0f4ff;border:1px solid var(--hs-line);border-radius:18px;padding:24px}.information-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:18px 0 24px}.information-controls input{flex:1 1;min-width:180px;padding:12px 16px;border:1px solid var(--hs-line);border-radius:12px;background:#fff}.official-update-note{font-size:13px;margin:12px 0 20px;color:var(--hs-muted)}.official-notice-list{list-style:none;padding:0;margin:0;border:1px solid var(--hs-line);border-radius:18px;background:#fff;overflow:hidden}.official-notice-list li+li{border-top:1px solid var(--hs-line)}.official-notice-list a{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:16px;padding:18px 20px;text-decoration:none;color:var(--hs-ink)}.official-notice-list a:hover{background:#f4f6ff}.official-notice-list .ui-icon{color:var(--hs-blue)}.official-notice-list strong{display:block;font-size:16px;line-height:1.5}.official-notice-list small{margin:6px 0 0;color:var(--hs-muted);font-size:12px}.information-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0 28px}.information-shortcuts a{display:flex;align-items:center;gap:12px;background:#eef3ff;border:1px solid var(--hs-line);border-radius:16px;padding:16px;font-weight:700;text-decoration:none}.home-information{margin:28px 0;padding:20px;border:2px solid var(--hs-line);border-radius:24px;background:#fff;box-shadow:0 4px 0 var(--play-depth)}.home-information-heading{display:flex;gap:20px;justify-content:space-between;align-items:center;margin-bottom:20px}.home-information-heading h2{margin:0}.community-information-entry{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;margin-bottom:20px;border:1px solid var(--hs-line);border-radius:18px;background:#edf3ff}.community-information-entry p{margin:4px 0 0;font-size:14px}@media (max-width:700px){html body .service-shell .main-shell main{padding-inline:16px}.information-shortcuts,.ui-loading-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-information{padding:20px 16px}.community-information-entry,.home-information-heading{align-items:flex-start;flex-direction:column}.official-notice-list a{padding:16px;gap:10px;grid-template-columns:26px minmax(0,1fr) 12px}.official-notice-list strong{font-size:14px}}@media (max-width:450px){.ui-loading-grid{grid-template-columns:1fr}.information-shortcuts a{padding:12px;font-size:13px}}.classes-catalogue .class-filters{display:grid;grid-template-columns:minmax(220px,2fr) minmax(130px,1fr) minmax(160px,1fr) auto;align-items:end;gap:12px;margin:18px 0}.classes-catalogue .class-filters label{display:grid;gap:6px;min-width:0}.classes-catalogue .class-filters input:not(:where([data-ui=field])),.classes-catalogue .class-filters select:not(:where([data-ui=field])){min-height:44px}.classes-catalogue .class-filters input,.classes-catalogue .class-filters select{width:100%}.classes-catalogue .class-slot-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px}.classes-catalogue .course{display:flex;flex-direction:column;gap:8px;padding:20px}.classes-catalogue .course h2,.classes-catalogue .course p{margin:0}.classes-catalogue .course .button{margin-top:auto}.classes-catalogue .course-art{height:48px;min-height:48px;display:flex;justify-content:space-between;align-items:center;padding:12px;font-size:12px}.classes-timezone{font-size:13px;margin:12px 0}.classes-catalogue .class-entry-wait{margin:0;font-size:14px}.classroom .class-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,340px);gap:18px;align-items:start}.classroom .class-sidebar,.classroom .class-stage{min-width:0}.classroom .panel{padding:18px;margin:0 0 14px}.classroom .class-row h1{font-size:clamp(24px,3vw,34px);margin:8px 0}.classroom .notice:not(:where([data-ui=notice],[data-ui=empty])){padding:12px 16px;margin:10px 0;font-size:13px}.class-workspace-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}.class-workspace-tabs button{min-height:40px;padding:8px 12px;font-size:13px}.class-workspace-tabs button[aria-pressed=true]{background:#405ce8;color:white}.classroom [hidden]{display:none!important}.classroom .class-chat{height:clamp(200px,38vh,380px);overflow-y:auto;margin:0;padding:0;list-style:none;overscroll-behavior:contain}.classroom .class-chat li{padding:10px 0;border-bottom:1px solid #e2e7f4}.classroom .class-chat li p{margin:4px 0;white-space:pre-wrap;overflow-wrap:anywhere}.classroom .class-form{gap:10px}.classroom .class-world{height:420px;min-height:0}.classroom .class-world.compact{height:420px}.classroom .class-material{max-height:45vh;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}.classroom .class-files{padding:0;list-style:none}.classroom .class-files li{display:grid;gap:6px;padding:12px 0;border-bottom:1px solid #e2e7f4}.classroom .class-files a{overflow-wrap:anywhere}.class-confirm{display:flex;flex-wrap:wrap;align-items:center;gap:10px;background:#fff7df;border:1px solid #e8d393;border-radius:12px;padding:12px;margin:10px 0}.class-confirm p{flex-basis:100%;margin:0}.class-media-panel .class-video-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.class-media-panel .class-video{margin:0;position:relative}.class-media-panel .class-video figcaption{font-size:12px}.class-media-panel .class-video button{min-height:32px;padding:5px 10px;font-size:12px}.class-media-panel .class-media-focus{margin:14px 0}.class-media-panel .class-media-focus video{width:100%;aspect-ratio:16/9;max-height:62vh;object-fit:contain;background:#18223d}.class-media-panel .class-preflight{border:1px solid #dce2f3;border-radius:12px;padding:12px;margin:12px 0}.class-media-panel .class-device-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.class-device-fields label{display:grid;gap:6px;min-width:0}.class-device-fields select{width:100%}.class-preflight video{width:min(100%,320px);aspect-ratio:16/9;object-fit:contain;background:#18223d}.class-preflight meter{width:100%;max-width:320px}.class-media-panel .class-actions{gap:8px}.class-media-panel .class-actions button{font-size:13px;min-height:42px;padding:8px 12px}@media (max-width:900px){.classroom .class-workspace{grid-template-columns:1fr}.classroom .class-sidebar{border-top:1px solid #dce2f3;padding-top:16px}.classes-catalogue .class-filters{grid-template-columns:1fr 1fr}.classes-catalogue .class-search{grid-column:1/-1}}@media (max-width:540px){.classes-catalogue .class-filters{grid-template-columns:1fr}.classes-catalogue .class-search{grid-column:auto}.class-media-panel .class-device-fields{grid-template-columns:1fr}.classroom .class-world,.classroom .class-world.compact{height:320px}.classroom .class-row{align-items:flex-start;flex-wrap:wrap}}.admin-nav .admin-nav-group{margin:0 0 16px;padding:0;background:none;border:0;box-shadow:none}.admin-nav .admin-nav-group h2{font-size:11px;letter-spacing:.04em;color:#65728c;text-transform:uppercase;margin:0 0 6px;padding:0 10px}.admin-nav .admin-nav-group button{width:100%;min-height:40px;padding:8px 12px;line-height:1.3;font-size:13px;text-align:left;margin-bottom:4px}.admin-nav .admin-nav-group button[aria-current=page]{background:#405ce8;color:#fff}.admin-nav .admin-nav-group button span{float:right;border-radius:999px;padding:1px 6px;background:#fff0ce;color:#604414}.admin-main{min-width:0}.admin-main table{font-size:13px}.admin-main td,.admin-main th{padding:10px 12px}@media (max-width:800px){.admin-nav nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.admin-nav .admin-nav-group{margin:0}.admin-nav .admin-nav-group button{font-size:12px}}html body .learning-arcade{gap:12px}html body .learning-arcade .arcade-intro{padding:14px 16px}html body .learning-arcade .arcade-intro-help{margin:0;font-size:13px}html body .learning-arcade .arcade-example summary,html body .learning-arcade .arcade-intro-help summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:700}html body .learning-arcade .arcade-intro-help[open] summary{margin-bottom:8px}html body .learning-arcade .arcade-question{gap:12px}html body .learning-arcade .arcade-choices>div{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:8px;align-items:center}html body .learning-arcade .arcade-choices>div>button{min-height:48px;width:100%;padding:10px 12px}html body .learning-arcade .arcade-choices .korean-audio{margin:0}html body .learning-arcade .korean-audio-compact .korean-audio-actions button{width:44px;min-width:44px;min-height:44px;padding:8px}html body .learning-arcade .arcade-path{gap:10px}html body .learning-arcade .arcade-path li{padding:12px 14px}html body .learning-arcade .arcade-path li>div{grid-template-columns:minmax(0,1fr) auto;gap:4px 12px}html body .learning-arcade .arcade-path li>div>:is(h4,p,small){grid-column:1;margin:0}html body .learning-arcade .arcade-path li>div>button{grid-column:2;grid-row:1/4;min-height:44px;align-self:center}html body .learning-arcade .arcade-access{display:flex;align-items:center;gap:8px;font-size:13px;min-height:44px}html body .learning-arcade .arcade-access input{width:18px;height:18px}html body .learning-arcade .arcade-question input:not(:where([data-ui=field])){min-height:48px;font-size:16px;padding:10px 12px;border:1px solid #bccbe4;border-radius:12px}html body .learning-arcade .arcade-question input{width:100%}html body .learning-arcade .arcade-sentence{min-height:54px;padding:8px}html body .learning-arcade .arcade-match-pair,html body .learning-arcade .arcade-token-pair{display:flex;align-items:center;gap:4px}html body .learning-arcade .arcade-match-pair>button{flex:1 1;min-width:0}html body .learning-arcade .arcade-match-pair>.korean-audio,html body .learning-arcade .arcade-token-pair>.korean-audio{margin:0}html body .arcade-teaching{display:grid;gap:12px}html body .arcade-teaching .teaching-letters{display:flex;gap:12px;flex-wrap:wrap}html body .arcade-teaching .teaching-letters>span{font-size:30px;display:flex;align-items:center;gap:6px;padding:8px;background:#eef4ff;border-radius:12px}html body .study-dashboard{padding:20px;margin:0}html body .study-dashboard .study-next{padding:16px;margin:16px 0;gap:16px}html body .study-dashboard .study-heading h2{font-size:24px}html body .study-dashboard .study-phrases summary{min-height:44px;cursor:pointer;display:flex;align-items:center;font-weight:700}html body .onboarding-page{max-width:760px;margin:20px auto 32px}html body .onboarding-page :is(.onboarding-settings,.placement-panel){padding:20px;margin:16px 0}html body .onboarding-page fieldset{margin:16px 0}html body .onboarding-page .onboarding-actions{gap:10px;margin:16px 0}html body .onboarding-page .onboarding-options label,html body .onboarding-page .placement-panel fieldset label{padding:12px;min-height:48px}html body .onboarding-page .onboarding-help{min-height:44px}html body .onboarding-page .placement-panel h1{font-size:24px;margin:12px 0}html body .onboarding-page .placement-panel .placement-question{font-size:24px;line-height:1.5}html body .onboarding-page .placement-panel>p{font-size:13px;line-height:1.6}html body .phrase-notebook .notebook-review-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0}html body .phrase-notebook .notebook-add>summary{min-height:44px;cursor:pointer;display:flex;align-items:center}html body .phrase-notebook .phrase-form{padding:16px;margin:8px 0 16px;gap:12px}html body .phrase-notebook .phrase-form input:not(:where([data-ui=field])){min-height:48px;font-size:16px;padding:10px 12px}html body .phrase-notebook .phrase-grid[hidden]{display:none}html body .phrase-notebook .phrase-grid{gap:12px}html body .phrase-notebook .phrase-grid>.panel{padding:16px}html body .phrase-notebook .notebook-review-session{max-width:680px;margin:16px auto;padding:20px;border:1px solid #d1def0;border-radius:16px;background:#fff}html body .phrase-notebook .notebook-review-session>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:12px}html body .phrase-notebook .notebook-review-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}html body .phrase-notebook .korean-audio-compact .korean-audio-actions button{min-width:44px;min-height:44px}html body .world-lesson-panel .world-lesson-objective{position:static;width:auto;height:auto;margin:0;overflow:visible;clip-path:none;white-space:normal;font-size:13px;grid-column:1/-1}html body .world-lesson-panel .world-lesson-context{gap:6px 12px;padding:6px 20px}html body .world-lesson-panel .world-lesson-heading{padding:12px 20px 8px}html body .world-lesson-panel .world-lesson-scroll{padding:10px 20px}html body .world-lesson-panel .world-lesson-simple-guide{display:none}html body .world-lesson-panel .optional-explanation>button{min-height:44px}html body .world-lesson-panel .world-lesson-complete{padding:12px;gap:12px}html body .world-lesson-panel .world-lesson-complete h3{font-size:22px}html body .korean-audio.korean-audio-unavailable .korean-audio-actions button{min-width:44px;min-height:44px;font-size:12px}@media (max-width:600px){html body .learning-arcade .arcade-run-heading{gap:8px}html body .learning-arcade .arcade-path li>div{grid-template-columns:minmax(0,1fr) auto}html body .learning-arcade .arcade-path li>div>button{padding:8px 10px;font-size:12px}html body .study-dashboard{padding:14px}html body .onboarding-page :is(.onboarding-settings,.placement-panel){padding:16px}html body .onboarding-page h1{font-size:28px}html body .onboarding-page .placement-panel h1{font-size:20px}html body .phrase-notebook .notebook-review-heading{flex-wrap:wrap}html body .phrase-notebook .notebook-review-session{padding:16px;margin:12px 0}html body .world-lesson-panel .world-lesson-context,html body .world-lesson-panel .world-lesson-heading,html body .world-lesson-panel .world-lesson-scroll{padding-inline:14px}}html body .arcade-web:has(:is(.arcade-teaching,.arcade-run-heading,.arcade-question))>h1{font-size:20px;line-height:1.25;margin:0 0 8px}html body .arcade-web:has(:is(.arcade-teaching,.arcade-run-heading,.arcade-question))>p:not([role]){display:none}html body .arcade-teaching{gap:8px}html body .arcade-teaching>:is(h3,p){margin:0}html body .arcade-teaching>h3{font-size:20px;line-height:1.25}html body .arcade-teaching>p{font-size:13px;line-height:1.45}html body .arcade-teaching .teaching-syllables{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 8px}html body .arcade-teaching .teaching-syllables>span{display:flex;align-items:center;justify-content:space-between;gap:4px;min-height:44px;font-size:14px}html body .arcade-teaching .teaching-syllables .korean-audio{margin:0}@media (max-width:600px){html body .arcade-teaching .teaching-letters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}html body .arcade-teaching .teaching-letters>span{flex-direction:column;min-height:80px;font-size:28px;line-height:1;gap:2px;padding:6px 2px}html body .arcade-web:has(.arcade-teaching){padding:12px;margin:8px 0 16px}html body .arcade-teaching>.arcade-check{min-height:48px}}.landmark-wish{display:grid;gap:14px;min-width:0;margin-top:20px;padding:16px;border:1px solid #c8d7c9;border-radius:16px;background:linear-gradient(145deg,#f5faf1,#edf7f6);box-shadow:inset 0 1px 0 #fff,0 3px 0 #d4dfd5;color:#293f45;text-align:start;overflow-wrap:anywhere}.landmark-wish-copy{display:flex;gap:12px;align-items:center;min-width:0}.landmark-wish-copy>div:last-child{min-width:0}.landmark-wish-copy strong{font-size:16px;line-height:1.45}.landmark-wish .landmark-wish-copy p{margin:5px 0 0;font-size:13px;line-height:1.55;color:#506669}.landmark-wish-pool{position:relative;flex:0 0 72px;width:72px;height:64px}.landmark-wish-pool>svg{display:block;width:72px;height:64px}.landmark-wish-donate,.landmark-wish-free{display:grid;justify-items:start;gap:8px;min-width:0}.landmark-wish-donate>a,.landmark-wish-free>button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;max-width:100%;padding:10px 14px;font-size:13px}.landmark-wish-donate svg,.landmark-wish-free svg{flex-shrink:0;width:18px;height:18px}.landmark-wish small{display:block;margin:0;color:#52686a;font-size:12px;line-height:1.55}.landmark-wish-donate{border-top:1px solid #d0e0d9;padding-top:14px}.landmark-wish-effect{position:absolute;inset:0;pointer-events:none}.landmark-wish-coin{position:absolute;left:34px;top:34px;width:11px;height:11px;border:2px solid #ae7e21;border-radius:50%;background:#ffe083;box-shadow:inset 0 0 0 1px #fff2b6;opacity:0;animation:landmark-wish-toss .76s ease-out both}.landmark-wish-ripple{position:absolute;left:25px;top:37px;width:27px;height:9px;border:2px solid #edffff;border-radius:50%;opacity:0;animation:landmark-wish-ripple .42s ease-out .58s both}@keyframes landmark-wish-toss{0%{transform:translate(-24px,10px) scale(1);opacity:1}45%{transform:translate(-7px,-24px) scale(.9);opacity:1}85%{transform:translateY(3px) scale(.65);opacity:1}to{transform:translateY(5px) scale(.4);opacity:0}}@keyframes landmark-wish-ripple{0%{transform:scale(.3);opacity:.9}to{transform:scale(1.4);opacity:0}}@media (prefers-reduced-motion:reduce){.landmark-wish .landmark-wish-effect{display:none}.landmark-wish .landmark-wish-coin,.landmark-wish .landmark-wish-ripple{animation:none}}@media (max-width:400px){.landmark-wish{padding:14px}.landmark-wish-copy{gap:8px}.landmark-wish-pool{flex-basis:54px;width:54px}.landmark-wish-pool>svg{width:54px}.landmark-wish-donate>a,.landmark-wish-free>button{width:100%}}.landmark-details-heading{display:flex;gap:20px;align-items:center;justify-content:space-between}.landmark-details-heading>div{min-width:0}.landmark-details-heading h3{margin:0 0 4px}.landmark-miniature-preview{flex:0 0 auto;image-rendering:pixelated;object-fit:contain}.landmark-district-preview{width:auto;height:auto;max-width:38%;max-height:144px}@media (max-width:600px){.landmark-miniature-preview{display:none}}.learning-overview{margin:28px 0;padding:28px;--ui-surface-background:#fffdf9}.learning-overview-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.learning-overview h2{font-size:24px;margin:8px 0 20px}.learning-xp{color:var(--hs-blue);font-weight:750;font-size:20px}.learning-xp small{display:block;font-size:11px;font-weight:450;color:var(--hs-muted)}.learning-overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.learning-overview-grid>article{min-width:0;padding:18px;border-radius:14px;background:#f2f4fa}.learning-overview-grid>article>span{font-size:12px;color:var(--hs-muted)}.learning-overview-grid h3{font-size:18px;margin:12px 0}.learning-overview-grid p{font-size:13px;color:var(--hs-muted);line-height:1.6}.learning-overview-grid .brand-button{padding:12px 16px;font-size:13px}.learning-overview-links{display:flex;flex-wrap:wrap;gap:18px;margin-top:24px;font-size:13px;color:var(--hs-blue)}@media (max-width:900px){.learning-overview-grid{grid-template-columns:1fr}.learning-overview-heading{align-items:flex-start;flex-direction:column;gap:0}}@media (max-width:620px){.learning-overview{padding:20px}}html body .learning-overview{margin-bottom:38px}html body .learning-overview-grid{gap:20px}html body .learning-overview-grid>article{border:2px solid #cddcec;background:var(--play-mint);border-radius:19px;box-shadow:0 4px 0 #bddace}html body .learning-overview-grid>article:nth-child(2){background:#eaf0ff;border-color:#d1dbf5;box-shadow:0 4px 0 #c1cfee}html body .learning-overview-grid>article:nth-child(3){background:var(--play-lilac);border-color:#ded2f4;box-shadow:0 4px 0 #d1bfee}html body .learning-xp{background:#fff4cc;border:2px solid #f0d98b;border-radius:16px;box-shadow:0 4px 0 #e5ca78;padding:10px 16px;color:#74520e}html body .learning-xp small{color:#745a29}@media (max-width:700px){html body .learning-xp{padding:9px 12px}}.learning-overview-grid .learning-lane-title{display:flex;align-items:center;gap:9px;color:#334864;font-size:16px;font-weight:800}.learning-overview-grid>article:first-child .learning-lane-title .ui-icon{color:#977026}.learning-overview-grid>article:last-child .learning-lane-title .ui-icon{color:#18735f}html body .learning-overview-heading{align-items:center}html body .learning-overview-heading h2{margin:8px 0}html body .learning-next-action{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 24px;padding:22px;background:#fff;border:1px solid var(--hs-line);border-radius:18px}html body .learning-next-action .brand-button{grid-column:2;grid-row:1/4}html body .learning-overview-grid{width:100%}html body .learning-overview-grid>article{display:flex;flex-direction:column;gap:10px}html body .learning-overview-grid>article p{margin:0}html body .learning-overview-grid>article .brand-text-link{margin-top:auto;padding-top:5px}html body .learning-record-details{border-top:1px solid var(--hs-line);margin-top:24px;padding-top:16px}html body .learning-record-details summary{cursor:pointer;font-weight:700;min-height:44px;display:list-item}html body .learning-record-details p{font-size:14px;margin:8px 0}html body .learning-overview-links{margin-top:12px}@media (max-width:700px){html body .learning-next-action{grid-template-columns:1fr}html body .learning-next-action .brand-button{grid-column:1;grid-row:auto;justify-self:start;margin-top:12px}html body .learning-overview-heading{align-items:flex-start;gap:14px}}html body .learning-overview.returning-learner{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch;align-content:start;gap:20px;padding:24px;margin:20px 0;min-height:0;height:auto}html body .learning-overview .learning-next-slot{min-height:0;margin:0;width:100%}html body .learning-overview .learning-next-slot>.ui-loading{min-height:110px;margin:0}html body .learning-overview .learning-next-action{padding:16px 18px;margin:0}html body .learning-overview .learning-overview-grid{gap:16px;margin:0}html body .learning-overview .learning-overview-grid>article{padding:14px 16px;min-height:0;height:auto;gap:6px}html body .learning-overview .learning-overview-grid>article p{font-size:13px;line-height:1.45;margin:0}html body .learning-overview .learning-record-details{margin:0;padding-top:8px}html body .learning-overview .learning-overview-links{margin:0;gap:12px}@media (max-width:600px){html body .learning-overview.returning-learner{padding:16px;gap:16px;margin:12px 0}html body .learning-overview .learning-overview-grid>article{padding:12px 14px}}html body .learning-overview .learning-growth{display:grid;gap:2px;min-width:120px;padding:8px 14px}html body .learning-overview .learning-growth>strong{font-size:24px;line-height:1.15}html body .learning-overview .learning-growth>small{font-size:11px;line-height:1.3}html body .learning-overview .learning-milestone{display:grid;gap:5px;max-width:420px;margin-top:14px;color:var(--hs-muted)}html body .learning-overview .learning-milestone>small{font-size:12px;line-height:1.4}html body .learning-overview .learning-milestone>progress{width:100%;height:7px;accent-color:var(--hs-blue)}html body .learning-overview{--ui-surface-background:linear-gradient(110deg,#f0f4ff,#ffffff 58%,#effbf6)}html body .learning-next-action :is(h3,p,.brand-eyebrow){grid-column:1;margin:0}html body [data-ui=surface]{min-width:0;border:var(--ui-surface-border-width,1px) solid var(--ui-surface-border,var(--hs-line));border-radius:var(--ui-surface-radius,16px);background:var(--ui-surface-background,#fff);box-shadow:var(--ui-surface-shadow,none)}html body [data-ui=surface][data-surface=raised]{--ui-surface-border-width:2px;--ui-surface-radius:24px;--ui-surface-shadow:0 6px 0 var(--play-depth),0 14px 28px #303d6810}html body [data-ui=surface][data-surface=floating]{--ui-surface-border-width:2px;--ui-surface-border:#d5dff2;--ui-surface-radius:22px;--ui-surface-shadow:0 6px 0 #bfcde9,0 16px 40px #23345120}html body :is(input,select,textarea)[data-ui=field]{min-width:0;min-height:var(--ui-field-height,var(--control-target));padding:10px var(--ui-field-end,12px) 10px 12px;border:1px solid var(--hs-line);border-radius:12px;background:#fff;color:var(--hs-ink);box-shadow:inset 0 2px 0 #e9edf7;font:inherit;font-size:16px;line-height:1.4}html body :is(input,select,textarea)[data-ui=field][data-field-size=large]{--ui-field-height:48px}html body textarea[data-ui=field]{min-height:96px;resize:vertical}html body :is(input,select,textarea)[data-ui=field][data-field=inset]{padding:10px 0;border:0;border-radius:0;background:transparent;box-shadow:none}html body [data-ui=field]:disabled{background:#f2f4fa;color:var(--hs-muted);cursor:not-allowed}html body [data-ui=field][aria-invalid=true]{border-color:#c75b66}html body [data-ui=field]:focus-visible{outline:3px solid var(--hs-blue);outline-offset:3px}html body [data-ui=tabs]>:is(button,a){min-height:var(--control-target);padding:9px 13px;border:1px solid var(--hs-line);border-radius:12px;background:#fff;color:var(--hs-muted);box-shadow:none;translate:none;font-weight:650;line-height:1.4;text-decoration:none}html body [data-ui=tabs]>:is(button,a):is([aria-pressed=true],[aria-selected=true],[aria-current=page]){border-color:#aebbeb;background:#edf1ff;color:#2944b7;font-weight:750}html body [data-ui=tabs][data-tabs=underline]>:is(button,a){padding-inline:2px;margin-bottom:-1px;border-width:0 0 3px;border-color:transparent;border-radius:0;background:transparent}html body [data-ui=tabs][data-tabs=underline]>:is(button,a):is([aria-pressed=true],[aria-selected=true],[aria-current=page]){border-bottom-color:var(--hs-blue)}html body [data-ui=tabs][data-tabs=segment]>button{border:0;background:transparent;border-radius:8px}html body [data-ui=tabs][data-tabs=segment]>button[aria-pressed=true]{background:#fff;color:var(--hs-blue);box-shadow:0 1px 3px #22304a20}html body [data-ui=empty],html body [data-ui=notice]{display:block;min-width:0;margin:12px 0;padding:12px 14px;border:1px solid #d5dfef;border-radius:14px;background:#f2f5fc;color:#485b79;font-size:14px;line-height:1.55;overflow-wrap:anywhere}html body [data-ui=notice][data-tone=error]{border-color:#ebbec5;background:#fff0f2;color:#8e3041}html body [data-ui=notice][data-tone=success]{border-color:#c0dfce;background:#eaf8f0;color:#245d42}html body [data-ui=notice]>button{margin-inline-start:8px}html body [data-ui=empty]{padding:20px;border-style:dashed;background:#f8faff;color:var(--hs-muted)}@media (max-width:700px){html body [data-ui=surface][data-surface=raised]{--ui-surface-radius:20px}}@media (forced-colors:active){html body :is([data-ui=surface],[data-ui=notice],[data-ui=empty],[data-ui=field]){border-color:CanvasText;box-shadow:none}html body [data-ui=tabs]>:is(button,a):is([aria-pressed=true],[aria-selected=true],[aria-current=page]){outline:2px solid Highlight;outline-offset:-2px}}