html,body{width:100%;height:100%}input::-ms-clear,input::-ms-reveal{display:none}*,*:before,*:after{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:500}p{margin-top:0;margin-bottom:1em}abbr[title],abbr[data-original-title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;border-bottom:0;cursor:help}address{margin-bottom:1em;font-style:normal;line-height:inherit}input[type=text],input[type=password],input[type=number],textarea{-webkit-appearance:none}ol,ul,dl{margin-top:0;margin-bottom:1em}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}pre,code,kbd,samp{font-size:1em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}pre{margin-top:0;margin-bottom:1em;overflow:auto}figure{margin:0 0 1em}img{vertical-align:middle;border-style:none}a,area,button,[role=button],input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75em;padding-bottom:.3em;text-align:left;caption-side:bottom}input,button,select,optgroup,textarea{margin:0;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;margin:0;padding:0;border:0}legend{display:block;width:100%;max-width:100%;margin-bottom:.5em;padding:0;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}:root{--brand-blue: #7dcdf4;--blue: #1d8eeb;--blue-strong: #086fc4;--sky: #6fc4f7;--sky-soft: #e9f6ff;--mint: #34c3a0;--yellow: #ffd24d;--coral: #ff6b6b;--ink: #1a1a1a;--text: #1a1a1a;--muted: #606b76;--line: #e3e8ef;--surface: #f5f7fa;--white: #ffffff;--shadow: 0 10px 28px rgba(20, 50, 80, .1);--soft-shadow: 0 5px 16px rgba(20, 50, 80, .08);--radius: 8px;--radius-control: 8px;--radius-row: 10px;--radius-card: 12px;--radius-sheet: 16px;--button-height: 42px;--button-font: 14px;--button-x: 18px;--button-gap: 8px;--mobile-button-height: 42px;--mobile-button-font: 13px;--mobile-form-screen-x: 22px;--mobile-form-control-height: 48px;--mobile-form-submit-height: 46px;--mobile-form-gap: 14px;--mobile-form-card-padding: 16px;--mobile-form-label-font: 12px;--mobile-form-value-font: 13px;--compact-control-height: 36px;--compact-control-font: 12px;--icon-button-sm: 34px;--icon-button-md: 38px;--web-display: clamp(32px, 4.4vw, 56px);--web-display-sm: clamp(24px, 3vw, 36px);--web-title-xl: 32px;--web-title-lg: 28px;--web-title-md: 24px;--web-title-sm: 20px;--web-body: 16px;--web-body-sm: 14px;--web-caption: 12px;--mobile-title: 20px;--mobile-page-title: 20px;--mobile-section-title: 16px;--mobile-card-title: 16px;--mobile-body: 13px;--mobile-label: 12px;--mobile-caption: 11px;--mobile-nav-label: 10px;--mobile-display: 28px;--mobile-display-lg: 32px;--mobile-art-label: 56px;--weight-body: 760;--weight-label: 850;--weight-action: 900;--weight-heading: 950;--mobile-screen-x: 14px;--mobile-screen-top: 50px;--mobile-screen-bottom: 86px;--mobile-page-header-height: 48px;--mobile-page-header-top: 40px;--mobile-header-content-gap: 12px;--mobile-sticky-titlebar-bleed: 10px;--mobile-sticky-titlebar-padding-x: 10px;--mobile-blue-page-bg: radial-gradient(circle at 20% 0%, rgba(117, 199, 238, .2), transparent 30%), radial-gradient(circle at 92% 20%, rgba(30, 154, 218, .14), transparent 30%), linear-gradient(180deg, #f4fbff 0%, #f7fbff 48%, #fbfdff 100%);color:var(--text);font-family:SF Pro Display,SF Pro Text,Noto Sans TC,Noto Sans SC,Inter,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:#eef7ff}body{min-width:320px;min-height:100vh;margin:0;background:linear-gradient(180deg,#e9f6ffb8,#f5f7fafa),#f5f7fa}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{display:block;max-width:100%}h1,h2,h3{font-weight:var(--weight-heading)}#root,.app-shell{min-height:100vh}.hub{display:grid;min-height:100vh;grid-template-columns:minmax(360px,.86fr) minmax(520px,1.14fr);gap:28px;padding:28px}.hub-brand{position:relative;display:flex;min-height:calc(100vh - 56px);flex-direction:column;justify-content:space-between;overflow:hidden;border:1px solid rgba(29,142,235,.2);border-radius:8px;background:radial-gradient(circle at 22% 75%,rgba(255,255,255,.76) 0 16%,transparent 17%),radial-gradient(circle at 78% 70%,rgba(255,255,255,.5) 0 12%,transparent 13%),linear-gradient(180deg,#a2ddff,#6fc4f7);box-shadow:var(--shadow);color:#0c2b49;padding:28px}.hub-topbar,.web-header,.header-actions,.button-row,.filter-row,.audio-top,.sheet-title,.gift-confirm,.mobile-greeting,.mobile-card-stats,.reward-actions{display:flex;align-items:center}.hub-topbar,.web-header,.audio-top,.sheet-title{justify-content:space-between}.hub-copy{position:relative;z-index:1;max-width:560px;margin-top:72px}.eyebrow{margin:0 0 10px;color:var(--blue-strong);font-size:var(--web-caption);font-weight:var(--weight-body);letter-spacing:0;text-transform:uppercase}.hub-copy h1{margin:0;color:var(--ink);font-size:var(--web-display);line-height:.98}.section-heading h1,.login-visual-panel h1,.audio-screen h1,.settings-screen h1,.rewards-screen h1,.profile-hero h1{margin:0;color:var(--ink);font-size:var(--web-title-xl);line-height:1.08}.hub-copy p:not(.eyebrow){max-width:460px;color:#16405d;font-size:var(--web-body);line-height:1.55}.hero-cue-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.hero-cue-row span,.public-cue-strip span,.worksheet-feature-row span{display:inline-flex;min-height:30px;align-items:center;border:1px solid rgba(29,142,235,.18);border-radius:999px;background:#ffffffc2;color:#0d4c82;font-size:var(--web-caption);font-weight:var(--weight-action);padding:0 12px}.trust-metrics{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;border:1px solid rgba(255,255,255,.54);border-radius:8px;background:#ffffffb3;padding:10px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.trust-metrics span{display:grid;gap:2px;color:#31546e;font-size:var(--web-caption);font-weight:var(--weight-body);line-height:1.2}.trust-metrics strong{color:#052f55;font-size:var(--web-title-md);line-height:1}.child-scene{position:relative;z-index:1;isolation:isolate;min-height:210px;aspect-ratio:16 / 8.6;overflow:hidden;margin:24px -8px -6px;border:1px solid rgba(255,255,255,.62);border-radius:8px;background:#dff2ff;box-shadow:0 18px 34px #052f5529}.child-scene:before,.child-scene:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:"";pointer-events:none}.child-scene:before{background:linear-gradient(90deg,rgba(111,196,247,.22),transparent 42%),linear-gradient(180deg,transparent 48%,rgba(13,130,221,.16))}.child-scene:after{inset:auto 0 0;height:34%;background:linear-gradient(180deg,transparent,rgba(5,47,85,.2))}.child-scene img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(1.03) contrast(.98)}.hub-actions{display:grid;align-content:center;gap:22px}.prototype-card{display:grid;min-height:340px;grid-template-columns:minmax(230px,.9fr) minmax(270px,1fr);overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--white);box-shadow:var(--soft-shadow)}.prototype-media{overflow:hidden;background:var(--sky-soft)}.prototype-media img{width:100%;height:100%;object-fit:cover}.prototype-content{display:flex;flex-direction:column;justify-content:center;padding:30px}.prototype-icon,.gift-art,.audio-icon,.plus-circle{display:grid;place-items:center}.asset-icon{display:block;flex:0 0 auto;object-fit:contain}.prototype-icon{width:54px;height:54px;margin-bottom:16px;border-radius:8px;background:var(--sky-soft);color:var(--blue)}.prototype-content h2{margin:0;color:var(--ink);font-size:var(--web-title-lg);line-height:1.1}.prototype-content p{margin:14px 0 24px;color:var(--muted);font-size:var(--web-body-sm);line-height:1.6}.button{display:inline-flex;min-height:var(--button-height);align-items:center;justify-content:center;gap:var(--button-gap);border:1px solid transparent;border-radius:var(--radius);padding:0 var(--button-x);font-size:var(--button-font);font-weight:var(--weight-action);line-height:1.15;text-decoration:none;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.ant-btn.button,.ant-btn.icon-button{font-family:inherit}.ant-btn.button>span,.ant-btn.icon-button>span{display:inline-flex;align-items:center}.button:hover{transform:translateY(-1px)}.button.primary,.ant-btn.button.primary:hover,.ant-btn.button.primary:focus-visible,.ant-btn.button.primary:active{border-color:transparent;background:linear-gradient(180deg,#2198ee,#0d82dd);box-shadow:0 8px 16px #1d8eeb33;color:var(--white)}.button.outline,.ant-btn.button.outline:hover,.ant-btn.button.outline:focus-visible,.ant-btn.button.outline:active{border-color:#c7def2;background:var(--white);color:var(--blue-strong)}.ant-btn.button.outline:hover,.ant-btn.button.outline:focus-visible,.ant-btn.button.outline:active{border-color:var(--blue)}.button.disabled{background:#edf1f5;color:#5d6f82;cursor:not-allowed}.button:disabled,.button.disabled:hover{transform:none}.ant-btn.button:disabled,.ant-btn.button.disabled,.ant-btn.button.disabled:hover,.ant-btn.button.disabled:focus-visible{border-color:transparent;background:#edf1f5;color:#5d6f82}.button.wide{width:100%}.icon-text{white-space:nowrap}.text-link{border:0;background:none;color:var(--blue-strong);font-weight:var(--weight-action);text-decoration:none}.mobile-screen .button{min-height:var(--mobile-button-height);border-radius:var(--radius-control);font-size:var(--mobile-button-font)}.mobile-screen .text-button{min-height:var(--compact-control-height);border-color:transparent;background:transparent;box-shadow:none;font-size:var(--compact-control-font)}.mobile-screen .ant-btn.text-button:hover,.mobile-screen .ant-btn.text-button:focus-visible,.mobile-screen .ant-btn.text-button:active{border-color:transparent;background:transparent;box-shadow:none;transform:none}.kumon-logo{display:inline-flex;align-items:center;color:#071a2a;font-size:29px;font-weight:var(--weight-action);letter-spacing:8px;line-height:1}.kumon-logo.image{display:block;width:148px;height:auto;object-fit:contain}.kumon-logo.large{font-size:48px}.kumon-logo.large.image{width:214px}.kumon-face{position:relative;display:inline-grid;width:1.17em;height:1.17em;place-items:center;border:.09em solid currentColor;border-radius:50%;letter-spacing:0;transform:translateY(-.02em)}.kumon-face:before,.kumon-face:after{position:absolute;top:36%;width:.09em;height:.09em;border-radius:50%;background:currentColor;content:""}.kumon-face:before{left:28%}.kumon-face:after{right:28%}.kumon-face span{width:.38em;height:.09em;margin-top:.34em;border-radius:999px;background:currentColor}.language-switcher{display:inline-flex;gap:4px;padding:4px;border:1px solid rgba(29,142,235,.18);border-radius:999px;background:#ffffffc7}.language-switcher button{min-width:32px;height:30px;border:0;border-radius:999px;background:transparent;color:#33536c;font-size:var(--web-caption);font-weight:var(--weight-action)}.language-switcher.expanded{flex-wrap:wrap;border-radius:8px;background:var(--sky-soft)}.language-switcher.expanded button{width:auto;min-width:86px;padding:0 10px}.language-switcher button.active{background:var(--blue);color:var(--white)}.showcase{min-height:100vh;padding:18px}.website-showcase{background:linear-gradient(180deg,#ebf7ffe6,#f6f8fbf2),var(--surface);font-size:var(--web-body)}.web-header{z-index:10;gap:18px;border:1px solid var(--line);border-radius:8px;background:#fffffff0;box-shadow:var(--soft-shadow);padding:14px 18px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.web-logo-button{display:inline-flex;align-items:center;border:0;background:transparent;padding:0}.mobile-route-list{display:flex;gap:6px}.mobile-route-list button{display:inline-flex;align-items:center;gap:7px;border:0;border-radius:999px;background:transparent;color:#41566a;font-size:var(--web-body-sm);font-weight:var(--weight-action)}.mobile-route-list button.active{background:var(--sky-soft);color:var(--blue-strong)}.header-actions{gap:10px}.web-auth-actions{display:inline-flex;gap:6px;padding:4px;border:1px solid rgba(29,142,235,.14);border-radius:999px;background:#f7fcffe0}.web-auth-actions button{min-height:30px;border:0;border-radius:999px;background:transparent;color:#33536c;font-size:var(--web-caption);font-weight:var(--weight-action);padding:0 12px}.web-auth-actions button.active{background:var(--blue);color:var(--white)}.website-stage{width:100%;margin:0}.website-auth-showcase{display:grid;min-height:100vh;place-items:stretch;padding:0}.web-context-panel,.web-screen-card,.phone-frame,.mobile-side-panel{border:1px solid var(--line);background:#ffffffeb;box-shadow:var(--soft-shadow)}.web-context-panel{position:sticky;top:98px;align-self:start;overflow:hidden;border-radius:8px;padding:16px}.balance-ribbon{display:grid;gap:4px;border-radius:8px;background:linear-gradient(135deg,var(--blue),#59b9f7);color:var(--white);padding:18px}.balance-ribbon span,.balance-ribbon small{opacity:.82}.balance-ribbon strong{font-size:var(--web-title-md)}.student-switch-row{display:grid;gap:8px;margin:14px 0}.student-chip{display:flex;min-height:54px;align-items:center;gap:10px;border:1px solid var(--line);border-radius:8px;background:var(--white);color:var(--text);font-weight:var(--weight-body);padding:8px;text-align:left}.student-chip.active{border-color:#b9e0ff;background:var(--sky-soft)}.context-stat{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin:14px 0;border:1px solid var(--line);border-radius:8px;padding:12px}.context-stat svg{color:#f4b327;fill:#f4b327}.context-stat strong{color:var(--blue-strong)}.live-site-panel{display:grid;gap:10px;margin:14px 0;border:1px solid #d7eaf9;border-radius:8px;background:linear-gradient(180deg,#f7fcff,#fff);padding:14px}.live-site-panel.compact{gap:6px;margin-top:0}.live-site-panel .eyebrow{margin:0}.live-site-panel p:not(.eyebrow){margin:0;color:var(--muted);font-size:var(--web-body-sm);line-height:1.45}.method-mini-list{display:grid;gap:8px}.method-mini-list span,.method-pillars span{display:flex;align-items:center;gap:7px;color:#23445f;font-size:var(--web-caption);font-weight:var(--weight-action)}.method-mini-list svg,.method-pillars svg{color:var(--blue);flex:0 0 auto}.context-image{height:170px;width:100%;border-radius:8px;object-fit:cover;object-position:left center}.web-screen-card{min-height:calc(100vh - 126px);overflow:hidden;border-radius:8px}.web-auth-entry{display:flex;align-items:center;justify-content:center;width:100%;min-height:100vh;overflow:auto;border:0;border-radius:0;background:radial-gradient(circle at 50% 48%,#ffffff52 0,#ffffff52 24%,#ffffff1f 45%,#144a722e),linear-gradient(135deg,#e8f8ff33,#ffffff1f 48%,#daf1ff33),url(/assets/kumon/hub-learning-photo.png) center / cover no-repeat;box-shadow:none;padding:clamp(20px,4vw,48px)}.web-auth-panel{display:grid;width:min(520px,100%);gap:16px;background:transparent;padding:0}.web-auth-panel-top{display:flex;align-items:center;justify-content:space-between;gap:18px}.web-auth-panel-top .kumon-logo.image{width:clamp(190px,18vw,230px)}.web-auth-form{display:grid;gap:14px}.web-auth-form-container{display:grid;gap:14px;width:100%;border:1px solid rgba(211,224,237,.95);border-radius:12px;background:var(--white);box-shadow:0 16px 34px #1432501a;padding:clamp(20px,3vw,28px)}.web-auth-heading{display:grid;gap:8px}.web-auth-heading h1{margin:0;color:#071a2a;font-size:var(--web-title-xl);line-height:1.08}.web-auth-heading p{max-width:420px;margin:0;color:var(--muted);font-size:var(--web-body-sm);font-weight:var(--weight-body);line-height:1.45}.web-auth-step-label{margin:0;color:#23435c;font-size:var(--web-body-sm);font-weight:var(--weight-heading)}.web-auth-register-prompt{margin:0;color:var(--muted);font-size:var(--web-body-sm);font-weight:var(--weight-body);text-align:center}.web-auth-button-row{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.web-auth-long-button,.web-auth-long-button>span{white-space:normal;text-align:center}.web-auth-form-container .otp-input-row{display:flex;flex-wrap:nowrap;gap:8px}.web-auth-form-container .otp-digit-input{width:42px;height:42px;flex:0 0 42px;border-radius:8px;font-size:var(--web-title-sm)}.web-public-home{display:grid;gap:0}.web-public-hero{position:relative;display:grid;min-height:min(560px,calc(100vh - 170px));overflow:hidden;align-items:center;padding:clamp(44px,8vw,92px)}.web-public-hero:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(90deg,#fffffff2,#ffffffdb 38%,#ffffff5c 70%,#ffffff1f);content:""}.web-public-hero img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.web-public-copy{position:relative;z-index:2;display:grid;max-width:620px;gap:18px}.web-public-copy h1{margin:0;color:#071a2a;font-size:var(--web-title-xl);line-height:1.08}.web-public-copy p:not(.eyebrow){max-width:560px;margin:0;color:#28445c;font-size:var(--web-body);font-weight:var(--weight-body);line-height:1.45}.web-public-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.web-public-summary{display:grid;gap:20px;padding:28px;background:#f7fbff}.web-public-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.web-public-metrics span,.web-public-link-grid article{border:1px solid #d8eaf7;border-radius:8px;background:#ffffffeb;box-shadow:0 5px 14px #1432500d}.web-public-metrics span{display:grid;gap:4px;min-height:86px;align-content:center;padding:16px;color:#4f6578;font-size:var(--web-body-sm);font-weight:var(--weight-label)}.web-public-metrics strong{color:var(--blue-strong);font-size:var(--web-title-md);line-height:1}.web-public-link-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.web-public-link-grid article{display:grid;gap:10px;align-content:start;min-height:150px;padding:18px}.web-public-link-grid svg{color:var(--blue)}.web-public-link-grid h2{margin:0;font-size:var(--web-title-sm)}.web-public-link-grid p{margin:0;color:var(--muted);font-size:var(--web-body-sm);line-height:1.5}.web-two-column,.workflow-grid,.profile-grid,.settings-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:20px}.web-two-column,.form-workflow,.student-profile-screen,.rewards-screen,.settings-screen,.audio-screen{padding:28px}.login-visual-panel{position:relative;overflow:hidden;min-height:560px;border-radius:8px;background:radial-gradient(circle at 50% 78%,rgba(255,255,255,.74) 0 16%,transparent 17%),linear-gradient(180deg,#a9defc,#6fc4f7);padding:34px}.login-visual-panel h1{max-width:440px;margin-top:48px}.login-visual-panel p{max-width:420px;color:#16405d;line-height:1.55}.method-pillars{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-width:480px;margin-top:22px}.method-pillars span{min-height:40px;border:1px solid rgba(255,255,255,.58);border-radius:8px;background:#ffffffb8;padding:8px 10px}.mini-mountains{position:absolute;right:-40px;bottom:-110px;left:-40px;height:260px;border-radius:50% 50% 0 0;background:radial-gradient(circle at 35% 44%,transparent 0 22%,rgba(255,255,255,.42) 23% 34%,transparent 35%),linear-gradient(180deg,#ffffff8c,#1d8eeb33)}.form-panel,.onboarding-panel,.info-card,.subject-card,.settings-card,.chart-card{border:1px solid var(--line);border-radius:8px;background:var(--white);box-shadow:0 5px 14px #1432500f}.form-panel{display:flex;flex-direction:column;justify-content:center;gap:14px;padding:28px}.form-panel.compact{justify-content:flex-start}.segmented{display:flex;gap:4px;width:100%;padding:5px;border:1px solid var(--line);border-radius:8px;background:#f7fafc}.segmented .ant-segmented-group{display:flex;width:100%;gap:4px}.segmented .ant-segmented-item{flex:1;min-height:var(--compact-control-height);border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:var(--compact-control-font);font-weight:var(--weight-action);line-height:1.15}.segmented .ant-segmented-thumb{background:var(--white);box-shadow:0 4px 12px #14325014}.segmented .ant-segmented-item-label{min-height:var(--compact-control-height);line-height:var(--compact-control-height)}.segmented .ant-segmented-item-selected{background:var(--white);box-shadow:0 4px 12px #14325014;color:var(--blue-strong)}.mobile-screen .segmented{gap:3px;padding:4px}.mobile-screen .segmented .ant-segmented-item{min-height:var(--compact-control-height);border-radius:var(--radius-control);font-size:var(--compact-control-font);line-height:1.15;padding:0 5px;white-space:normal}.mobile-screen .segmented .ant-segmented-item-selected{box-shadow:0 3px 9px #14325014}.field-label{display:grid;gap:7px;color:#394c5f;font-size:var(--web-body-sm);font-weight:var(--weight-body)}.field-control{display:flex;min-height:46px;align-items:center;gap:9px;border:1px solid var(--line);border-radius:10px;background:#fbfdff;color:#8593a1;padding:0 12px}.field-control:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px #1d8eeb1f}.field-control input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--text)}.field-control .ant-input{padding:0;border:0;background:transparent;box-shadow:none;font:inherit}.otp-input-group{min-width:0;margin:0;border:0;padding:0}.otp-input-group legend{margin:0 0 7px;padding:0;color:#394c5f;font-size:var(--web-body-sm);font-weight:var(--weight-body)}.otp-input-row{display:grid;grid-template-columns:repeat(6,minmax(38px,1fr));gap:10px;width:100%}.otp-digit-input{width:100%;min-width:0;height:46px;border:1px solid var(--line);border-radius:10px;outline:0;background:#fbfdff;color:var(--text);font-size:var(--web-title-sm);font-weight:var(--weight-heading);line-height:1;text-align:center}.otp-digit-input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1d8eeb1f}.field-control select,.field-control textarea{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font:inherit}.field-control textarea{min-height:92px;resize:vertical;padding:12px 0}.web-auth-method-select-label{gap:8px}.phone-field-control{gap:0;flex-wrap:nowrap;padding-left:0}.area-code-select{width:76px;flex:0 0 76px;align-self:stretch;min-width:76px;border:0;border-right:1px solid var(--line);outline:0;background:transparent;color:var(--blue-strong);font:inherit;font-weight:var(--weight-action);padding:0 18px 0 10px}.phone-field-control input{min-width:0;flex:1 1 auto;padding-left:9px}.mobile-screen .field-label{gap:7px;color:#394c5f;font-size:var(--mobile-label);font-weight:var(--weight-action);line-height:1.25}.mobile-screen .field-control{min-height:44px;gap:8px;border-radius:var(--radius-control);color:#788c9d;font-size:var(--mobile-body);font-weight:var(--weight-label);line-height:1.25}.mobile-screen .field-control input{font-size:var(--mobile-body);font-weight:var(--weight-label);line-height:1.25}.mobile-screen .otp-input-group legend{margin-bottom:7px;font-size:var(--mobile-label);font-weight:var(--weight-action);line-height:1.25}.mobile-screen .otp-input-row{grid-template-columns:repeat(6,minmax(32px,1fr));gap:6px}.mobile-screen .otp-digit-input{height:var(--mobile-form-control-height);border-radius:var(--radius-control);font-size:var(--mobile-card-title)}.mobile-screen .field-control input::placeholder{color:#8b9cac;font-size:var(--mobile-body);font-weight:var(--weight-label);opacity:1}.mobile-screen .field-control strong{min-width:0;color:#7b8d9d;font-size:var(--mobile-body);font-weight:var(--weight-label);line-height:1.25}.prefix{border-right:1px solid var(--line);color:var(--blue-strong);font-weight:var(--weight-action);padding-right:10px}.section-heading{margin-bottom:22px}.section-heading h1{font-size:var(--web-title-xl)}.public-cue-strip{display:flex;flex-wrap:wrap;gap:8px;margin:-8px 0 20px}.worksheet-feature-row{display:flex;flex-wrap:wrap;gap:7px;margin:-4px 0 16px}.worksheet-feature-row span{min-height:28px;background:var(--sky-soft);color:var(--blue-strong);font-size:var(--web-caption);padding:0 10px}.onboarding-panel{padding:24px}.stepper{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.stepper span{display:grid;height:32px;place-items:center;border-radius:999px;background:#e8eef4;color:#6a7786;font-weight:var(--weight-action)}.stepper .done{background:var(--blue);color:var(--white)}.onboarding-panel h2,.info-card h2,.settings-card h2,.chart-card h3{margin:0 0 16px;color:var(--ink)}.mini-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.button-row{gap:12px;margin-top:18px}.profile-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;margin-bottom:18px;border:1px solid rgba(29,142,235,.18);border-radius:18px;background:linear-gradient(135deg,#dff4fff5,#fffffffa),var(--white);box-shadow:0 12px 30px #14325014;padding:clamp(18px,2.5vw,24px)}.profile-hero-main{display:flex;min-width:0;align-items:center;gap:16px}.profile-hero h1{margin:2px 0 0;font-size:var(--web-title-xl);line-height:1.08}.profile-hero p{margin:0;color:var(--muted)}.profile-hero span{display:block;margin-top:4px;color:#34485d;font-size:var(--web-body);font-weight:var(--weight-label);line-height:1.25;overflow-wrap:anywhere}.avatar{position:relative;display:inline-grid;width:44px;height:44px;place-items:center;flex:0 0 auto;border:3px solid var(--white);border-radius:50%;box-shadow:0 6px 14px #14325024;color:transparent;font-size:var(--mobile-body);font-weight:var(--weight-action);overflow:hidden}.avatar.has-image{background:var(--white)}.avatar.has-image:before,.avatar.has-image:after{content:none}.avatar img{width:100%;height:100%;object-fit:cover}.avatar:before{position:absolute;z-index:1;left:23%;top:32%;width:54%;height:54%;border-radius:50%;background:#ffd9b6;box-shadow:-.42em .62em 0 -.32em #ffffffb3,.42em .62em 0 -.32em #ffffffb3;content:""}.avatar:after{position:absolute;z-index:2;left:18%;top:19%;width:64%;height:38%;border-radius:50% 50% 46% 46%;background:#132a46;content:""}.avatar.small{width:34px;height:34px;border-width:2px;font-size:10px}.avatar.large{width:84px;height:84px;font-size:23px}.avatar.blue{background:linear-gradient(180deg,#dff2ff 0,#dff2ff 62%,#78c7ff 63%,#78c7ff)}.avatar.mint{background:linear-gradient(180deg,#e1fbf3 0,#e1fbf3 62%,#7dd7b9 63%,#7dd7b9)}.avatar.coral{background:linear-gradient(180deg,#fff1f1 0,#fff1f1 62%,#ffadad 63%,#ffadad)}.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:18px}.info-card,.settings-card,.chart-card{padding:20px}.info-card-heading{display:flex;align-items:center;gap:10px;margin-bottom:14px}.settings-card>svg{color:var(--blue);flex:0 0 auto}.info-card-icon{display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;flex:0 0 auto;border:1px solid rgba(29,142,235,.18);border-radius:12px;background:#f2f9ff;color:var(--blue)}.info-card-heading h2{margin:0;font-size:var(--web-title-sm);line-height:1.2}.info-row{display:grid;grid-template-columns:140px minmax(0,1fr);gap:12px;padding:11px 0;border-top:1px solid var(--line)}.info-row span{color:var(--muted);font-size:var(--web-body-sm);font-weight:var(--weight-label);line-height:1.35}.info-row strong{min-width:0;color:#071a2a;font-size:var(--web-body-sm);font-weight:var(--weight-action);line-height:1.35;overflow-wrap:anywhere}.web-profile-subjects{display:grid;gap:12px;margin-bottom:18px}.web-profile-subjects-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.web-profile-subjects-header h2{margin:0;color:#071a2a;font-size:var(--web-title-sm);line-height:1.2}.subject-card-top{display:flex;min-width:0;align-items:flex-start;justify-content:space-between;gap:12px}.subject-card-top strong{display:inline-flex;min-width:54px;min-height:42px;align-items:center;justify-content:center;border:1px solid rgba(29,142,235,.18);border-radius:12px;background:#f2f9ff;color:#071a2a;font-size:var(--web-title-sm);font-weight:var(--weight-heading);line-height:1;padding:8px 10px}.subject-card small{display:block;margin-top:12px;border-top:1px solid rgba(211,224,237,.8);color:var(--muted);font-size:var(--web-caption);font-weight:var(--weight-label);line-height:1.35;overflow-wrap:anywhere;padding-top:10px}.subject-card-action-row{display:flex;justify-content:flex-end;margin-top:14px}.subject-card-enroll{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:grid;min-height:132px;place-items:center;width:100%;border-color:#1d8eeb52;background:var(--white);color:var(--blue-strong);text-align:center;cursor:pointer}.subject-card-enroll-inner{display:grid;justify-items:center;gap:10px}.subject-card-enroll-inner strong{display:inline-flex;width:46px;height:46px;align-items:center;justify-content:center;border:1px solid rgba(29,142,235,.3);border-radius:14px;background:#f2f9ff;color:var(--blue-strong)}.subject-card-enroll p{color:var(--blue-strong);font-size:var(--web-title-sm);line-height:1.2}.subject-card-enroll.subject-card p{color:var(--blue-strong)}.subject-card-enroll:hover{border-color:#1d8eeb80;background:#f8fcff;box-shadow:0 14px 28px #0d82dd29;transform:translateY(-1px)}.subject-card-enroll:focus-visible{outline:0;box-shadow:0 0 0 3px #1d8eeb2e,0 14px 28px #0d82dd29}.subject-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:18px}.subject-card{display:grid;gap:0;padding:20px}.subject-card p{min-width:0;margin:0;color:#071a2a;font-size:var(--web-body);font-weight:var(--weight-heading);line-height:1.25;overflow-wrap:anywhere}.mobile-points-card svg{fill:var(--yellow);color:#e7a600}.progress-bar{overflow:hidden;width:100%;height:9px;border-radius:999px;background:#dfe8f1}.progress-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue),#58baf5)}.balance-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px;border-radius:8px;background:radial-gradient(circle at 88% 10%,rgba(255,255,255,.35),transparent 28%),linear-gradient(135deg,var(--blue),#0571c8);color:var(--white);padding:24px}.balance-banner p,.balance-banner h1{margin:0}.balance-banner p{opacity:.84}.balance-banner h1{color:var(--white);font-size:var(--web-title-xl)}.category-tabs{display:flex;gap:8px;overflow-x:auto;margin-bottom:16px;padding-bottom:4px}.category-tabs button{min-height:var(--compact-control-height);border:1px solid var(--line);border-radius:var(--radius-control);background:var(--white);color:var(--muted);font-size:var(--compact-control-font);font-weight:var(--weight-action);line-height:1.15;padding:0 16px;white-space:nowrap}.category-tabs button.active{border-color:#bde2ff;background:var(--sky-soft);color:var(--blue-strong)}.reward-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.reward-card{display:grid;gap:12px;border:1px solid var(--line);border-radius:8px;background:var(--white);box-shadow:0 5px 14px #1432500f;padding:16px}.reward-card.compact{gap:8px;padding:9px}.reward-card h3{min-height:45px;margin:0;color:var(--ink);font-size:var(--web-body);line-height:1.35}.reward-card.compact h3{min-height:38px;font-size:var(--mobile-label);line-height:1.25}.reward-card strong{color:var(--blue-strong)}.gift-art{width:100%;position:relative;overflow:hidden;min-height:120px;border-radius:8px}.gift-art:before{position:absolute;inset:auto 14px 12px;height:12px;border-radius:999px;background:#ffffff9e;content:""}.gift-art:after{position:absolute;top:12px;right:12px;border-radius:999px;background:#ffffffc2;color:currentColor;content:"KUMON";font-size:9px;font-weight:var(--weight-action);padding:3px 6px}.gift-art svg{position:relative;z-index:1}.reward-card.compact .gift-art{min-height:70px}.gift-art.blue{background:linear-gradient(135deg,#e3f4ff,#b6e2ff);color:var(--blue)}.gift-art.mint{background:linear-gradient(135deg,#e1fbf3,#b5f1df);color:var(--mint)}.gift-art.yellow{background:linear-gradient(135deg,#fff8db,#ffdf73);color:#d88a00}.gift-art.coral{background:linear-gradient(135deg,#fff1f1,#ffc6c6);color:var(--coral)}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-card{display:flex;flex-direction:column;gap:12px}.web-settings-row-button{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;min-height:58px;border:1px solid var(--line);border-radius:10px;background:#f8fcff;color:var(--ink);padding:10px 12px;text-align:left}.web-settings-row-button:focus-visible{outline:3px solid rgba(29,142,235,.24);outline-offset:2px}.web-settings-row-icon{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;background:var(--sky-soft);color:var(--blue-strong)}.web-settings-row-button span:nth-child(2){display:grid;gap:3px;min-width:0}.web-settings-row-button strong{color:var(--ink);font-size:var(--web-body-sm);line-height:1.2}.web-settings-row-button small{overflow-wrap:anywhere;color:var(--muted);font-size:var(--web-caption);font-weight:var(--weight-label);line-height:1.25}.web-linked-children-list{display:grid;gap:8px}.web-linked-children-list>span{display:flex;min-height:48px;align-items:center;gap:10px;border:1px solid var(--line);border-radius:10px;background:var(--white);padding:8px 10px}.web-linked-children-list strong{color:var(--ink);font-size:var(--web-body-sm);line-height:1.2}.danger-zone{display:flex;align-items:center;gap:10px;margin-top:auto;border:1px solid #ffd8d8;border-radius:8px;background:#fff3f3;color:#d13d3d;font-weight:var(--weight-action);padding:14px}.audio-top{margin-bottom:18px}.audio-top h1{font-size:var(--web-title-xl)}.switch{display:inline-flex;align-items:center}.switch input{position:absolute;opacity:0}.switch span{position:relative;width:64px;height:34px;border-radius:999px;background:#ccd7e2;transition:background .16s ease}.switch span:after{position:absolute;top:4px;left:4px;width:26px;height:26px;border-radius:50%;background:var(--white);box-shadow:0 3px 8px #14325033;content:"";transition:transform .16s ease}.switch input:checked+span{background:var(--blue)}.switch input:checked+span:after{transform:translate(30px)}.locked-state{display:grid;min-height:430px;place-items:center;border:1px dashed #bdd8ee;border-radius:8px;background:#f7fbff;color:var(--muted);padding:30px;text-align:center}.locked-state svg{color:var(--blue)}.locked-state h2{max-width:520px;margin:0;color:var(--ink)}.locked-state p{margin:0}.audio-unlocked{display:grid;gap:14px}.search-field{flex:1}.audio-list{display:grid;gap:10px}.audio-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;border:1px solid var(--line);border-radius:8px;background:var(--white);padding:12px}.audio-row.playing{border-color:#b5ddff;background:var(--sky-soft)}.audio-row strong,.audio-row span{display:block}.audio-row span{color:var(--muted);font-size:var(--web-body-sm)}.audio-icon{width:42px;height:42px;border-radius:50%;background:var(--sky-soft);color:var(--blue)}.audio-row button,.icon-button,.mobile-greeting button,.round-close,.phone-sheet button:not(.button):not(.sheet-row):not(.profile-list-row){display:grid;place-items:center;border:0;background:transparent;color:inherit;line-height:1}.audio-row button{width:38px;height:38px;border:1px solid #d9e6f1;border-radius:50%;background:var(--white);color:var(--blue)}.web-player-dock{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;border-radius:8px;background:linear-gradient(135deg,var(--blue),#0978ce);color:var(--white);padding:14px 16px}.web-player-dock span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.web-player-dock button{display:grid;width:36px;height:36px;place-items:center;border:1px solid rgba(255,255,255,.45);border-radius:50%;background:#ffffff1f;color:var(--white)}.icon-button.close{position:absolute;top:12px;right:12px;width:var(--icon-button-sm);height:var(--icon-button-sm);border-radius:50%;background:#f4f7fa}.delivery-options{display:grid;gap:10px}.delivery-options label,.sheet-option{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:12px;padding:12px;font-weight:var(--weight-body)}.address-note{display:flex;align-items:center;gap:8px;border-radius:12px;background:var(--sky-soft);color:var(--blue-strong);padding:12px}.website-showcase{min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.78),transparent 27%),linear-gradient(180deg,#92d4f6,#d8f2ff 44%,#f7fbff);font-size:var(--web-body);padding:0}.website-showcase .field-label,.website-showcase .field-control,.website-showcase .segmented button{font-size:var(--web-body-sm)}.website-showcase .web-header{position:relative;z-index:120;display:grid;width:100%;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;top:0;margin:0;border-color:#0c537e1f;border-radius:0;background:#ffffffd6;box-shadow:0 8px 22px #1c5b811a;padding:12px clamp(14px,2.2vw,28px)}.web-brand-cluster{display:flex;min-width:0;align-items:center;gap:12px}.website-showcase .kumon-logo.image{width:142px;filter:brightness(.08)}.website-showcase .header-actions{display:flex;justify-content:end}.web-account-menu-wrap{position:relative}.web-avatar-menu-button{display:grid;width:48px;height:48px;place-items:center;border:1px solid rgba(12,83,126,.12);border-radius:999px;background:#ffffffe0;color:var(--blue-strong);padding:0;box-shadow:0 6px 16px #175c8e14}.web-account-menu{position:absolute;z-index:130;top:calc(100% + 10px);right:0;display:grid;min-width:190px;gap:6px;border:1px solid rgba(12,83,126,.12);border-radius:14px;background:#fffffffa;box-shadow:0 18px 38px #071a2a24;padding:8px}.web-account-menu button{display:flex;min-height:42px;align-items:center;gap:10px;border:0;border-radius:10px;background:transparent;color:#31546e;font-weight:var(--weight-action);padding:0 10px;text-align:left}.web-account-menu button:hover{background:#eef8ff;color:var(--blue-strong)}.website-stage{width:100%;margin-inline:0}.website-stage{display:grid;grid-template-columns:1fr;gap:0;margin-top:0}.website-showcase .web-screen-card{min-height:0;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}.website-showcase .web-app-page{display:grid;gap:clamp(14px,1.8vw,22px);padding:clamp(16px,2.1vw,28px)}.web-app-page-heading,.web-app-section-heading{display:grid;gap:4px}.web-app-page-heading h1,.web-app-section-heading h2,.web-parent-profile-card h2{margin:0;color:var(--ink);line-height:1.08}.web-app-page-heading h1{font-size:var(--web-title-xl)}.web-app-section-heading h2{font-size:var(--web-title-md)}.web-app-section-heading.horizontal{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.web-app-two-column,.web-more-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.8fr);gap:clamp(14px,1.8vw,22px)}.web-app-section,.web-parent-profile-card,.web-more-list{border:1px solid rgba(12,83,126,.12);border-radius:16px;background:#ffffffe6;box-shadow:0 10px 24px #1c5b811a}.web-parent-profile-card span{color:var(--muted);font-weight:var(--weight-label)}.web-app-section{display:grid;gap:14px;padding:clamp(16px,2vw,22px)}.web-more-list-icon{display:grid;width:38px;height:38px;place-items:center;border-radius:50%;background:var(--sky-soft);color:var(--blue-strong)}.web-more-list-row-button,.web-more-list-row,.web-more-language-row,.web-more-password-card{border:1px solid rgba(12,83,126,.1);border-radius:14px;background:#f8fcff}.web-parent-profile-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:clamp(16px,2vw,22px)}.web-more-layout{width:min(620px,100%);align-items:start;justify-self:center}.web-settings-content{width:min(960px,100%)}.web-account-settings-page .web-more-layout{grid-template-columns:1fr;width:100%;justify-self:stretch}.web-parent-profile-card{justify-content:start}.web-parent-profile-card h2{font-size:var(--web-title-lg)}.web-more-list{display:grid;gap:10px;padding:clamp(14px,1.8vw,18px)}.web-more-list-row-button,.web-more-list-row,.web-more-language-row,.web-more-password-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-height:62px;color:var(--ink);padding:12px;text-align:left}.web-more-list-row-button{cursor:pointer}.web-more-list-row-button:focus-visible,.web-linked-student-row:focus-visible,.web-settings-back-button:focus-visible{outline:3px solid rgba(29,142,235,.24);outline-offset:2px}.web-more-list-row-button:hover,.web-linked-student-row:hover{border-color:#118bd36b;box-shadow:0 8px 16px #175c8e14}.web-more-list-row-button{width:100%}.web-account-settings-page .web-more-list-row-button{min-height:74px;border-radius:16px;background:#ffffffeb;box-shadow:0 8px 18px #1c5b8112;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.web-account-settings-page .web-more-list-row-button:hover{transform:translateY(-1px)}.web-more-list strong{display:block;color:var(--ink);line-height:1.2}.web-more-list small{display:block;margin-top:3px;overflow-wrap:anywhere;color:var(--muted);font-size:var(--web-caption);font-weight:var(--weight-label);line-height:1.25}.web-linked-student-group{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;border:1px solid rgba(12,83,126,.1);border-radius:14px;background:#f8fcff;padding:12px}.web-linked-student-heading{display:grid;gap:2px;min-width:0}.web-linked-student-list{display:grid;grid-column:2;gap:8px}.web-linked-student-list button{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:58px;border:1px solid rgba(12,83,126,.1);border-radius:12px;background:#fff;color:var(--ink);padding:10px;text-align:left}.web-linked-student-list button.selected{border-color:#118bd359;background:#eef8ff}.web-linked-student-list button:hover{border-color:#118bd36b;box-shadow:0 8px 16px #175c8e14}.web-linked-student-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:62px;border:1px solid rgba(12,83,126,.1);border-radius:14px;background:#f8fcff;color:var(--ink);padding:12px;text-align:left}.web-linked-student-row.selected{border-color:#118bd359;background:#eef8ff}.web-linked-student-row span:nth-child(2){display:grid;gap:3px;min-width:0}.web-more-trailing-value{display:inline-grid;min-width:34px;height:28px;place-items:center;border-radius:999px;background:#eef8ff;color:var(--blue-strong);font-size:var(--web-caption);font-weight:var(--weight-heading)}.web-settings-back-button{justify-self:start;display:inline-flex;align-items:center;gap:7px;min-height:34px;border:0;background:transparent;color:var(--blue-strong);font-size:var(--web-body-sm);font-weight:var(--weight-action)}.web-settings-panel{align-content:start}.web-settings-language-panel{display:grid;gap:12px;border:1px solid rgba(12,83,126,.1);border-radius:14px;background:#f8fcff;padding:14px}.web-settings-language-panel .language-switcher.expanded{display:grid;grid-template-columns:1fr;gap:8px;border:0;background:transparent;padding:0}.web-settings-language-panel .language-switcher.expanded button{display:flex;align-items:center;width:100%;min-height:46px;justify-content:start;border:1px solid rgba(12,83,126,.1);border-radius:12px;background:#fff;color:var(--ink);font-size:var(--web-body-sm);padding:0 14px;text-align:left}.web-settings-language-panel .language-switcher.expanded button.active{border-color:transparent;background:var(--blue);color:var(--white)}.web-more-language-row,.web-more-password-card{grid-template-columns:auto minmax(0,1fr)}.web-more-password-card{align-items:start}.web-more-password-grid{display:grid;grid-template-columns:1fr;gap:10px;margin-top:10px}.web-more-password-card .button{width:fit-content;margin-top:12px}.web-settings-panel>.button{width:fit-content}.web-settings-panel>.ant-btn.button.secondary{min-height:var(--button-height);border:1px solid #c7def2;box-shadow:none}.web-settings-panel>.ant-btn.button.secondary:hover,.web-settings-panel>.ant-btn.button.secondary:focus-visible{border-color:var(--blue)}.web-toggle-visual{position:relative;width:44px;height:26px;border-radius:999px;background:var(--blue)}.web-toggle-visual:after{content:"";position:absolute;top:4px;right:4px;width:18px;height:18px;border-radius:50%;background:var(--white)}.web-more-list .danger{color:#d13d3d}.web-more-list .danger .web-more-list-icon{background:#ff6b6b21;color:#d13d3d}.web-auth-link{justify-self:start;min-height:28px;font-size:var(--web-body-sm);font-weight:var(--weight-body);line-height:1.25;padding:0;text-align:left}.web-auth-notice{display:flex;align-items:flex-start;gap:9px;border:1px solid rgba(52,195,160,.28);border-radius:12px;background:#34c3a01a;color:#157f66;font-size:var(--web-body-sm);font-weight:var(--weight-action);line-height:1.35;padding:11px 12px}.web-auth-notice svg{flex:0 0 auto}.web-reset-stepper,.web-registration-stepper{display:grid;grid-template-columns:auto minmax(28px,1fr) auto minmax(28px,1fr) auto;align-items:center;gap:8px}.web-reset-stepper span,.web-registration-stepper span{display:grid;width:32px;height:32px;place-items:center;border-radius:50%;background:#eef8ff;color:#60788d;font-size:var(--web-body-sm);font-weight:var(--weight-heading)}.web-reset-stepper span.active,.web-registration-stepper span.active{background:var(--blue);color:var(--white)}.web-reset-stepper i,.web-registration-stepper i{height:2px;border-radius:999px;background:#cce6f8}.web-v2-onboarding-page{align-content:start;width:min(1180px,100%);justify-self:center;margin-inline:auto;gap:clamp(16px,2vw,24px)}.web-onboarding-header,.web-v2-preview-card,.web-v2-success-card{border:1px solid rgba(211,224,237,.95);border-radius:12px;background:#fffffff5;box-shadow:0 16px 34px #1432501a}.web-onboarding-header{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:clamp(10px,1.6vw,16px);background:radial-gradient(circle at 100% 0%,rgba(255,255,255,.86),transparent 34%),linear-gradient(135deg,#eaf8ffe0,#fffffffa);padding:clamp(20px,2.6vw,34px)}.web-onboarding-header>span{display:grid;width:fit-content;min-width:92px;min-height:48px;place-items:center;border-radius:12px;background:var(--blue);color:var(--white);font-size:var(--web-body-sm);font-weight:var(--weight-heading);padding:0 16px;text-align:center;box-shadow:0 9px 18px #1d8eeb2e}.web-onboarding-header h1,.web-v2-preview-card h1,.web-v2-success-card h1{margin:0;color:var(--ink);font-size:var(--web-title-xl);line-height:1.08}.web-onboarding-header p,.web-v2-preview-card p,.web-v2-success-card p{max-width:720px;margin:0;color:var(--muted);font-size:var(--web-body-sm);font-weight:var(--weight-body);line-height:1.45}.web-v2-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,1.7vw,20px)}.web-parent-account-info-page .web-v2-form-grid,.web-add-student-page .web-v2-form-grid{grid-template-columns:1fr}.web-v2-onboarding-page .web-v2-form-section>.web-app-section-heading{border-bottom:6px solid #a9dff3;padding-bottom:8px}.web-course-enrollment-page .web-v2-form-grid{grid-template-columns:1fr}.web-v2-form-section{border-color:#d3e0edf2;border-radius:12px;background:#fffffff5;box-shadow:0 16px 34px #1432501a;gap:clamp(16px,1.8vw,22px);padding:clamp(18px,2.1vw,26px)}.web-v2-form-section.wide{grid-column:1 / -1}.web-v2-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,1.45vw,18px)}.web-v2-onboarding-page .web-app-section-heading{gap:6px}.web-v2-onboarding-page .web-app-section-heading-copy{display:grid;gap:6px}.web-v2-onboarding-page .web-app-section-heading .eyebrow,.web-v2-preview-card .eyebrow,.web-v2-success-card .eyebrow{color:var(--blue-strong);font-size:var(--web-caption);font-weight:var(--weight-heading);letter-spacing:0}.web-v2-onboarding-page .web-app-section-heading h2{color:#071a2a;font-size:var(--web-title-sm)}.web-address-section-heading{grid-template-columns:minmax(0,1fr) auto;align-items:start}.web-address-copy-toggle{display:inline-flex;align-items:center;gap:9px;color:#071a2a;font-size:var(--web-body);font-weight:var(--weight-heading);line-height:1.2;cursor:pointer}.web-address-copy-toggle input{width:22px;height:22px;accent-color:#2da35c}.web-address-copy-toggle-inline{grid-column:1 / -1;justify-self:start}.web-address-field-heading{grid-column:1 / -1;margin:0}.web-v2-onboarding-page .field-label{gap:8px;color:#34485d;font-size:var(--web-body-sm);font-weight:var(--weight-label)}.field-label-text{display:inline-flex;align-items:baseline;gap:3px}.required-marker{color:#d33b3b;font-weight:var(--weight-heading)}.web-v2-onboarding-page .field-control{min-height:52px;border-color:#d3e0edf2;border-radius:12px;background:#fbfdff;color:#728293;padding-inline:14px}.web-v2-onboarding-page .field-control input,.web-v2-onboarding-page .field-control select,.web-v2-onboarding-page .field-control textarea{color:var(--text);font-weight:var(--weight-body)}.web-v2-onboarding-page .field-control select:has(option[value=""]:checked){color:#728293}.web-v2-onboarding-page .field-control input{overflow:hidden;text-overflow:ellipsis}.web-field-help{color:#728293;font-size:var(--web-caption);font-weight:var(--weight-body);line-height:1.2;text-align:right}.web-field-help.warning{color:#d33b3b}.web-v2-field-grid .field-label:has(textarea){grid-column:1 / -1}.web-verified-contact-field{min-width:0}.web-contact-label-row,.web-contact-control-row{display:flex;align-items:center;gap:10px}.web-contact-label-row{justify-content:space-between}.web-contact-control-row .field-control{min-width:0;flex:1 1 auto}.web-v2-onboarding-page .field-control.locked,.web-account-settings-page .field-control.locked{border-color:#c0c7cff2;background:#f0f2f4;color:#687789}.field-control.locked input,.field-control.locked select{color:#687789;cursor:not-allowed}.web-verified-tag{display:inline-flex;align-items:center;gap:5px;border-radius:8px;background:#2da35c;color:#fff;font-size:var(--web-caption);font-weight:var(--weight-heading);line-height:1;padding:7px 10px;white-space:nowrap}.mobile-verified-tag{display:inline-flex;align-items:center;gap:4px;border-radius:8px;background:#2da35c;color:#fff;font-size:10px;font-weight:var(--weight-heading);line-height:1;padding:6px 8px;white-space:nowrap}.web-contact-verify-button{flex:0 0 auto;min-height:52px;border:0;border-radius:12px;background:var(--blue);color:#fff;font-weight:var(--weight-heading);padding:0 18px;cursor:pointer}.web-contact-verify-button:disabled{background:#b7c5d2;cursor:not-allowed}.web-contact-otp-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px}.web-textarea-control{align-items:stretch;min-height:126px}.web-v2-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px}.web-referral-note{display:flex;align-items:flex-start;gap:10px;border:1px solid rgba(29,142,235,.14);border-radius:12px;background:#f2f9ff;color:#116ca7;font-size:var(--web-body-sm);font-weight:var(--weight-label);line-height:1.35;padding:12px}.web-referral-note svg{flex:0 0 auto}.web-centre-detail-card{display:grid;gap:10px;margin:0;border:1px solid rgba(29,142,235,.14);border-radius:12px;background:#fbfdff;padding:14px}.web-centre-detail-card div{display:grid;gap:4px}.web-centre-detail-card dt{color:var(--blue-strong);font-size:var(--web-caption);font-weight:var(--weight-heading)}.web-centre-detail-card dd{margin:0;color:#071a2a;font-size:var(--web-body-sm);font-weight:var(--weight-label);line-height:1.4}.web-centre-map-card{position:relative;overflow:hidden;min-height:176px;border:1px solid rgba(29,142,235,.18);border-radius:8px;background:linear-gradient(90deg,rgba(213,233,241,.72) 0 18%,transparent 18% 82%,rgba(213,233,241,.72) 82% 100%),linear-gradient(180deg,#f7fbfd,#edf7f2)}.web-centre-map-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(44,104,146,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(44,104,146,.11) 1px,transparent 1px);background-size:42px 42px}.web-centre-map-road{position:absolute;border-radius:999px;background:#ffffffe6;box-shadow:inset 0 0 0 1px #2c689224}.web-centre-map-road-primary{top:76px;left:-24px;width:calc(100% + 48px);height:28px;transform:rotate(-8deg)}.web-centre-map-road-secondary{top:-20px;left:47%;width:24px;height:calc(100% + 40px);transform:rotate(10deg)}.web-centre-map-pin{position:absolute;top:62px;left:50%;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--kumon-blue);color:#fff;box-shadow:0 12px 26px #00398947;transform:translate(-50%)}.web-centre-map-label{position:absolute;right:14px;bottom:14px;display:grid;max-width:min(260px,calc(100% - 28px));gap:2px;border:1px solid rgba(211,224,237,.9);border-radius:8px;background:#fffffff0;padding:10px 12px;box-shadow:0 10px 22px #09213a1f}.web-centre-map-label strong{color:var(--blue-strong);font-size:var(--web-caption)}.web-centre-map-label span{color:#071a2a;font-size:var(--web-body-sm);font-weight:var(--weight-label);line-height:1.35}.web-date-picker-control{position:relative;width:100%;padding-block:0}.web-date-picker-control.ant-picker{border-color:#d3e0edf2;box-shadow:none}.web-date-picker-control .ant-picker-input{width:100%}.web-date-picker-control .ant-picker-input>input{color:#071a2a;font-weight:var(--weight-label)}.web-date-calendar-icon{margin-left:auto;color:#071a2a;pointer-events:none}.web-consent-block{display:grid;gap:10px;border:1px solid rgba(211,224,237,.95);border-radius:12px;background:#fbfdff;color:#071a2a;font-size:var(--web-body-sm);font-weight:var(--weight-label);line-height:1.45;padding:14px 16px}.web-consent-block label{display:flex;align-items:flex-start;gap:10px;cursor:pointer}.web-consent-block input{width:18px;height:18px;flex:0 0 auto;margin-top:1px;accent-color:var(--blue)}.web-student-name-strip{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;border:1px solid rgba(29,142,235,.16);border-radius:12px;background:#f2f9ff;color:#34485d;font-size:var(--web-body);font-weight:var(--weight-label);padding:12px 16px}.web-student-name-strip strong{color:#071a2a;font-weight:var(--weight-heading)}.web-subject-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.web-subject-check-grid label{display:flex;min-width:0;min-height:54px;align-items:center;gap:10px;border:1px solid rgba(211,224,237,.95);border-radius:12px;background:#fbfdff;color:var(--ink);font-size:var(--web-body);font-weight:var(--weight-action);padding:12px 14px;cursor:pointer}.web-subject-check-grid label.selected{border-color:#1d8eebe0;background:#f2f9ff;box-shadow:0 0 0 3px #1d8eeb21,0 12px 24px #1d8eeb1f}.web-subject-check-grid label.disabled{border-color:#d3e0edb8;background:#f4f7fa;color:#708094;cursor:not-allowed}.web-subject-check-grid input{width:20px;height:20px;flex:0 0 auto;accent-color:var(--blue)}.web-subject-check-copy{display:grid;min-width:0;gap:3px}.web-subject-check-copy small{color:#66788d;font-size:var(--web-caption);font-weight:var(--weight-body);line-height:1.25}.web-subject-rule-note{display:grid;gap:4px;border:1px solid rgba(29,142,235,.14);border-radius:8px;background:#f7fbff;color:#2d455f;font-size:var(--web-body-sm);line-height:1.4;padding:12px 14px}.web-subject-rule-note strong{color:var(--blue-strong);font-size:var(--web-caption)}.web-v2-summary-list strong{color:var(--ink);font-size:var(--web-title-sm);line-height:1.2}.web-v2-summary-list span{color:var(--muted);font-size:var(--web-caption);font-weight:var(--weight-label)}.web-v2-preview-card,.web-v2-success-card{display:grid;justify-self:center;gap:clamp(14px,1.8vw,18px);padding:clamp(20px,2.8vw,32px)}.web-v2-preview-card{width:100%;justify-self:stretch}.web-v2-success-card{width:min(820px,100%)}.web-download-app{display:grid;gap:10px;border:1px solid rgba(29,142,235,.16);border-radius:16px;background:linear-gradient(180deg,#f2f9ff,#fff);padding:clamp(16px,2.4vw,22px)}.web-download-app h2,.web-download-app p{margin:0}.web-download-app h2{color:#071a2a;font-size:var(--web-title-sm);line-height:1.2}.web-download-app p{color:var(--muted);font-size:var(--web-body-sm);font-weight:var(--weight-body);line-height:1.45}.web-download-app-badges{position:relative;justify-self:center;margin-top:4px;width:min(460px,100%)}.web-download-app-badges img{display:block;width:100%;height:auto}.web-download-app-badges a{position:absolute;top:0;width:50%;height:100%;border-radius:8px}.web-download-app-badges a:focus-visible{outline:3px solid rgba(29,142,235,.45);outline-offset:3px}.web-download-app-store-link{left:0}.web-download-google-play-link{right:0}.web-v2-summary-list{display:grid;overflow:hidden;border:1px solid rgba(211,224,237,.95);border-radius:12px;background:#fbfdff}.web-v2-summary-list div{display:grid;grid-template-columns:minmax(180px,.28fr) minmax(0,1fr);align-items:center;gap:clamp(10px,1.4vw,18px);border-bottom:1px solid rgba(211,224,237,.95);background:#fbfdffdb;padding:14px 16px}.web-v2-summary-list div:last-child{border-bottom:0}.web-v2-summary-list strong{color:#071a2a;font-size:var(--web-body);font-weight:var(--weight-action);line-height:1.3}.web-v2-summary-list span{color:#34485d;font-size:var(--web-body-sm);font-weight:var(--weight-label);line-height:1.3}.web-v2-success-card{place-items:center;max-width:680px;text-align:center}.web-v2-success-card>span{display:grid;width:88px;height:88px;place-items:center;border-radius:50%;background:#34c3a01f;color:#17a47f}.web-success-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.web-profile-list-page{display:grid;justify-items:center;align-content:start;gap:clamp(18px,2.6vw,30px);min-height:calc(100vh - 74px);overflow:visible;padding:clamp(22px,3vw,42px)}.web-profile-list-content{position:relative;z-index:2;display:grid;align-content:start;gap:clamp(22px,3.2vw,42px);width:min(960px,100%);max-width:960px;padding:clamp(18px,3vw,38px);border:1px solid rgba(255,255,255,.74);border-radius:28px;background:linear-gradient(140deg,#ffffffad,#ecf9ff6b),#fff3;box-shadow:0 22px 56px #1d68961c}.web-profile-list-heading{display:grid;gap:8px}.web-profile-list-heading h1{margin:0;color:var(--ink);font-size:var(--web-title-xl);line-height:1.08}.web-profile-list-heading p{max-width:720px;margin:0;color:var(--muted);font-size:var(--web-body-sm);font-weight:var(--weight-body);line-height:1.45}.web-profile-list-stack{display:grid;width:100%;gap:clamp(20px,2vw,28px)}.web-profile-list-section,.web-profile-list-section-stack,.web-profile-list-section-heading{display:grid}.web-profile-list-section{gap:12px}.web-profile-list-section-stack{gap:clamp(14px,1.5vw,20px)}.web-profile-list-section-heading{gap:4px;padding:0 2px}.web-profile-list-section-heading h2,.web-profile-list-section-heading p{margin:0}.web-profile-list-section-heading h2{color:var(--ink);font-size:var(--web-title-sm);line-height:1.15}.web-profile-list-section-heading p{color:var(--muted);font-size:var(--web-body-sm);font-weight:var(--weight-label);line-height:1.35}.web-profile-list-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;min-height:108px;gap:clamp(16px,1.8vw,24px);border:1px solid rgba(12,83,126,.12);border-radius:18px;background:#ffffffeb;box-shadow:0 10px 24px #1c5b8114;color:var(--ink);padding:clamp(16px,1.7vw,22px) clamp(18px,2vw,28px);text-align:left;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.web-profile-list-row:hover{border-color:#1d8eeb66;box-shadow:0 16px 34px #1c5b811f;transform:translateY(-1px)}.web-profile-list-row.selected{border-color:#1d8eeb57;background:#e8f7ffdb;box-shadow:0 10px 24px #1c5b8114,inset 0 0 0 1px #1d8eeb2e}.web-profile-list-row.add-student{border-style:dashed;border-color:#1d8eeb75;background:#ffffffbd}.web-profile-list-row .avatar{width:64px;height:64px}.web-profile-list-row>span:not(.web-profile-add-icon){display:grid;gap:2px}.web-profile-list-row strong{color:var(--ink);font-size:var(--web-title-sm);line-height:1.15}.web-profile-list-row small{color:var(--muted);font-size:var(--web-body-sm);font-weight:var(--weight-action);line-height:1.2}.web-profile-list-row>svg{color:var(--ink)}.web-profile-list-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.web-profile-list-actions .button{min-width:152px;white-space:nowrap}.web-profile-add-icon{display:grid;width:64px;height:64px;place-items:center;border-radius:50%;background:var(--blue);color:var(--white);box-shadow:0 12px 26px #1d8eeb3d}.web-profile-list-illustration{position:relative;z-index:1;display:grid;width:min(960px,100%);min-height:clamp(190px,22vw,300px);place-items:center;pointer-events:none}.web-profile-list-illustration:before{position:absolute;right:auto;bottom:0;width:min(44vw,480px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 48% 46%,#ffffffd1,#ffffff38 58%,#fff0 70%);content:""}.web-profile-list-illustration img{position:relative;z-index:1;width:min(48vw,520px);max-height:300px;object-fit:contain;object-position:bottom center;filter:drop-shadow(0 22px 30px rgba(28,91,129,.14))}.website-showcase .web-two-column,.website-showcase .workflow-grid,.website-showcase .profile-grid,.website-showcase .settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.website-showcase .web-two-column,.website-showcase .form-workflow,.website-showcase .student-profile-screen,.website-showcase .rewards-screen,.website-showcase .settings-screen,.website-showcase .audio-screen{padding:clamp(16px,2.1vw,24px)}.website-showcase .login-visual-panel,.website-showcase .form-panel,.website-showcase .onboarding-panel,.website-showcase .info-card,.website-showcase .subject-card,.website-showcase .settings-card,.website-showcase .chart-card,.website-showcase .reward-card,.website-showcase .audio-row{border-color:#0c537e1f;border-radius:12px;background:var(--white);box-shadow:0 8px 20px #1432500f}.website-showcase .login-visual-panel{display:grid;min-height:0;align-content:center;gap:18px;overflow:hidden;background:linear-gradient(180deg,#ffffff9e,#fff0),#c4ecff;padding:clamp(22px,3vw,36px)}.website-showcase .login-visual-panel h1{max-width:460px;margin:0;color:var(--ink);font-size:var(--web-title-xl);line-height:1.08}.website-showcase .login-visual-panel p{max-width:430px;margin:0;color:#21465f;font-size:var(--web-body);line-height:1.48}.login-support-card{display:grid;width:min(100%,360px);gap:4px;border:1px solid rgba(255,255,255,.72);border-radius:12px;background:#ffffffb8;color:#19435f;padding:14px}.login-support-card span,.login-support-card small{font-size:var(--web-caption);font-weight:var(--weight-action)}.login-support-card strong{font-size:var(--web-title-sm);line-height:1.2}.website-showcase .form-panel{justify-content:center;gap:13px;padding:clamp(18px,2.4vw,26px)}.website-showcase .section-heading{display:grid;gap:4px;margin-bottom:16px}.website-showcase .section-heading h1,.website-showcase .audio-top h1{margin:0;font-size:var(--web-title-xl);line-height:1.08}.website-showcase .eyebrow{margin:0}.website-showcase .onboarding-panel{padding:clamp(18px,2.4vw,24px)}.website-showcase .stepper{grid-template-columns:repeat(3,minmax(42px,1fr));gap:8px;margin-bottom:14px}.website-showcase .stepper span{height:28px;font-size:var(--web-caption)}.website-showcase .worksheet-feature-row{margin:-4px 0 14px}.website-showcase .worksheet-feature-row span{display:inline-flex;align-items:center;border-radius:999px;font-weight:var(--weight-action)}.website-showcase .mini-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.website-showcase .profile-hero{border-color:#1d8eeb2e;border-radius:16px;background:linear-gradient(135deg,#dff4fff5,#fffffffa),var(--white);padding:clamp(18px,2.2vw,24px)}.website-showcase .profile-hero h1{margin:2px 0 0;font-size:var(--web-title-xl);line-height:1.08}.web-profile-switch-button{display:inline-flex;align-items:center;gap:8px;justify-self:end;white-space:nowrap}.website-showcase .info-card,.website-showcase .settings-card{padding:18px}.website-showcase .info-card{box-shadow:0 10px 24px #1432500e}.website-showcase .info-row{grid-template-columns:minmax(110px,.42fr) minmax(0,1fr);gap:10px;font-size:var(--web-body-sm)}.website-showcase .subject-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:0}.website-showcase .subject-card{border-color:#1d8eeb24;padding:16px}.website-showcase .subject-card-enroll{border-color:#1d8eeb52;background:var(--white);box-shadow:0 10px 24px #1432500e}.website-showcase .subject-card:hover{border-color:#1d8eeb52;box-shadow:0 12px 26px #14325014}.website-showcase .subject-card-enroll:hover{border-color:#1d8eeb80;background:#f8fcff;box-shadow:0 14px 28px #0d82dd29}.website-showcase .web-parent-contact-card{grid-column:1 / -1}.web-profile-learning-button{width:fit-content}.web-profile-learning-button{display:inline-flex;align-items:center;gap:8px}.web-learning-page{gap:18px}.web-learning-topbar{display:flex;justify-content:flex-start}.web-learning-back{display:inline-flex;min-height:38px;align-items:center;gap:6px;border:1px solid rgba(12,83,126,.12);border-radius:10px;background:#fff;color:var(--ink);font-size:var(--web-body-sm);font-weight:var(--weight-action);padding:0 12px 0 10px}.web-learning-heading p:not(.eyebrow){max-width:640px;margin:0 auto;color:var(--muted);font-size:var(--web-body);line-height:1.45}.web-learning-subject-grid,.web-learning-level-list{display:grid;gap:12px}.web-learning-subject-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.web-learning-subject-card,.web-learning-level-card,.web-learning-range-list button{display:grid;align-items:center;border:1px solid rgba(205,225,237,.96);border-radius:14px;background:linear-gradient(180deg,#fff,#fbfdff);box-shadow:0 10px 22px #164a6c12;color:#172a3a;text-align:left}.web-learning-subject-card{grid-template-columns:auto minmax(0,1fr) auto;min-height:116px;gap:14px;padding:18px}.web-learning-subject-card.coral,.web-learning-level-card.coral{background:linear-gradient(90deg,rgba(224,21,44,.06),transparent 42%),linear-gradient(180deg,#fff,#fbfdff)}.web-learning-subject-card.blue,.web-learning-level-card.blue{background:linear-gradient(90deg,rgba(17,139,211,.08),transparent 42%),linear-gradient(180deg,#fff,#fbfdff)}.web-learning-subject-card.green,.web-learning-level-card.green{background:linear-gradient(90deg,rgba(52,195,160,.08),transparent 42%),linear-gradient(180deg,#fff,#fbfdff)}.web-learning-subject-card>span:not(.web-learning-icon),.web-learning-level-card>span:not(.web-learning-level-badge),.web-learning-range-list button>span{display:grid;min-width:0;gap:6px}.web-learning-subject-card strong,.web-learning-level-card strong,.web-learning-range-list strong{color:#172a3a;font-size:var(--web-title-sm);line-height:1.16}.web-learning-subject-card small,.web-learning-level-card small,.web-learning-range-list small,.web-learning-player small{color:#698092;font-size:var(--web-caption);font-weight:var(--weight-label);line-height:1.2}.web-learning-icon,.web-learning-level-badge{display:grid;width:54px;height:54px;place-items:center;border:1px solid rgba(17,139,211,.18);border-radius:12px;background:linear-gradient(180deg,#eaf8ff,#d9f0ff);color:#118bd3;font-size:var(--web-title-sm);font-weight:var(--weight-heading);line-height:1}.web-learning-subject-card.coral .web-learning-icon,.web-learning-hero.coral .web-learning-icon,.web-learning-level-card.coral .web-learning-level-badge{background:linear-gradient(180deg,#fff1f3,#ffe1e6);color:var(--coral)}.web-learning-subject-card.green .web-learning-icon,.web-learning-hero.green .web-learning-icon,.web-learning-level-card.green .web-learning-level-badge{background:linear-gradient(180deg,#eefaf6,#e1f6ef);color:var(--mint)}.web-learning-subject-card svg,.web-learning-level-card svg{justify-self:end;color:#118bd3}.web-learning-hero{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px;border:1px solid rgba(205,225,237,.96);border-radius:16px;background:linear-gradient(135deg,#eaf8ffeb,#fff);padding:18px}.web-learning-hero h1{margin:4px 0;color:var(--ink);font-size:var(--web-title-xl);line-height:1.15}.web-learning-hero p{margin:0;color:var(--muted);font-size:var(--web-body-sm);line-height:1.42}.web-learning-level-list{grid-template-columns:repeat(2,minmax(0,1fr))}.web-learning-level-card{grid-template-columns:auto minmax(0,1fr) auto;min-height:82px;gap:12px;padding:14px}.web-learning-player-controls button{display:inline-flex;min-height:40px;align-items:center;justify-content:center;gap:7px;border:1px solid rgba(255,255,255,.3);border-radius:10px;background:#ffffff29;color:#fff;font-weight:var(--weight-action);padding:0 12px}.web-learning-range-list{display:grid;gap:9px}.web-learning-range-list button{grid-template-columns:minmax(0,1fr);min-height:66px;gap:12px;padding:13px 14px}.web-learning-range-list button.active{border-color:#1d8eeb73;background:linear-gradient(90deg,rgba(29,142,235,.09),transparent 46%),#fff}.website-showcase .web-learning-audio-page{padding-bottom:clamp(340px,38vh,420px)}.web-learning-player{position:fixed;right:clamp(16px,2.1vw,28px);bottom:16px;left:clamp(16px,2.1vw,28px);z-index:80;display:grid;width:min(calc(100vw - (clamp(16px,2.1vw,28px)*2)),1280px);gap:14px;margin-inline:auto;border:1px solid rgba(255,255,255,.28);border-radius:18px;background:radial-gradient(circle at 12% 0%,rgba(255,255,255,.22),transparent 34%),linear-gradient(135deg,var(--blue),#0874c9 72%);box-shadow:0 18px 38px #074b8442;color:#fff;padding:16px}.web-learning-player-main{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px}.web-learning-player-track{display:flex;min-width:0;align-items:center;gap:12px}.web-learning-player-track>span{display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;flex:0 0 auto;border:1px solid rgba(255,255,255,.32);border-radius:14px;background:#ffffff29;color:#fff}.web-learning-player-track>div{display:grid;min-width:0;gap:5px}.web-learning-player small{color:#ffffffd1}.web-learning-player strong{overflow:hidden;color:#fff;font-size:var(--web-body);line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.web-learning-player-controls{display:flex;align-items:center;gap:8px}.web-learning-player-controls .play{width:46px;min-width:46px;border-color:transparent;border-radius:999px;background:#fff;color:var(--blue-strong)}.web-learning-player-progress{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px}.web-learning-player-progress input[type=range]{width:100%;accent-color:#ffffff}.website-showcase .balance-banner{border-radius:14px;background:radial-gradient(circle at 90% 0%,rgba(255,255,255,.36),transparent 30%),linear-gradient(135deg,var(--blue),#55bcf5);padding:18px}.website-showcase .balance-banner h1{font-size:var(--web-title-xl)}.website-showcase .reward-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.website-showcase .reward-card{padding:14px}.website-showcase .reward-card h3{min-height:0;font-size:var(--web-body-sm)}.website-showcase .gift-art{min-height:100px;border-radius:10px}.website-showcase .settings-card{min-height:100%}.website-showcase .danger-zone{border-radius:12px}.website-showcase .audio-top,.website-showcase .filter-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.website-showcase .locked-state{min-height:300px;border-radius:14px;background:#ffffffb3}.website-showcase .audio-list{gap:8px}.website-showcase .web-player-dock{border-radius:12px;background:linear-gradient(135deg,var(--blue),#52bdf6)}.mobile-showcase{display:grid;grid-template-columns:minmax(0,1fr);align-content:start;gap:22px;min-height:100vh;overflow-y:auto;background:radial-gradient(circle at 54% 8%,rgba(255,255,255,.72),transparent 24%),linear-gradient(180deg,#90d1f4,#cef 44%,#f3fbff);padding:clamp(20px,3vw,36px)}.mobile-overview-header{display:flex;align-items:center;justify-content:space-between;gap:16px;width:min(100%,1560px);margin:0 auto}.mobile-overview-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}.mobile-preview-link{display:inline-flex;min-height:38px;align-items:center;gap:7px;border-radius:999px;background:#0d75bc;color:#fff;padding:0 15px;font-size:var(--web-body-sm);font-weight:var(--weight-action);line-height:1;text-decoration:none;box-shadow:0 9px 20px #0d75bc33}.mobile-preview-link:hover{background:#0865a4}.mobile-overview-header .return-link{display:inline-flex;align-items:center;gap:6px;min-height:38px;border:1px solid rgba(13,117,188,.18);border-radius:999px;background:#ffffffb3;color:#0d75bc;padding:0 14px;font-size:var(--web-body-sm);font-weight:var(--weight-label);text-decoration:none;box-shadow:0 8px 20px #1c5b8114}.mobile-overview-header .return-link:hover{background:#fff}.mobile-overview-title{display:flex;min-width:0;align-items:center;justify-content:center;gap:18px;text-align:left}.mobile-overview-title .kumon-logo.image{width:144px;filter:brightness(.08)}.mobile-overview-title div{display:grid;min-width:0;gap:3px}.mobile-overview-title p,.mobile-overview-title h1{margin:0}.mobile-overview-title p{color:#415363;font-size:var(--web-caption);font-weight:var(--weight-action);line-height:1.2;text-transform:uppercase}.mobile-overview-title h1{color:var(--ink);font-size:var(--web-display-sm);line-height:1.02}.mobile-overview-meta{display:flex;grid-column:1 / -1;flex-wrap:wrap;justify-content:center;gap:10px}.mobile-overview-meta span{border:1px solid rgba(12,83,126,.14);border-radius:999px;background:#ffffffc7;color:#315a73;font-size:var(--web-caption);font-weight:var(--weight-action);line-height:1.2;padding:8px 12px}.mobile-overview-grid{display:grid;width:min(100%,1560px);grid-template-columns:repeat(auto-fit,minmax(310px,1fr));align-items:start;gap:24px;margin:0 auto}.mobile-flow-layout{display:grid;width:min(100%,1120px);grid-template-columns:minmax(280px,360px) minmax(360px,1fr);align-items:start;justify-items:center;gap:clamp(22px,4vw,54px);margin:0 auto}.mobile-reference-panel{position:relative;display:grid;min-height:684px;align-content:start;overflow:hidden;border-radius:30px;color:#061624;padding:48px 26px 24px}.mobile-flow-panel{width:100%;min-height:684px;background:#ffffff61;box-shadow:inset 0 0 0 1px #ffffff59}.mobile-flow-panel:before,.mobile-flow-panel:after,.mobile-flow-panel .mobile-reference-children{display:none}.mobile-reference-panel .kumon-logo.image{width:min(252px,100%);margin-bottom:26px;filter:brightness(.04)}.mobile-reference-panel strong{max-width:210px;font-size:var(--web-title-sm);line-height:1.16;text-transform:uppercase}.mobile-reference-panel p{max-width:250px;margin:14px 0 0;color:#061624;font-size:var(--web-body);font-weight:var(--weight-label);line-height:1.35}.mobile-reference-panel:before,.mobile-reference-panel:after{position:absolute;right:-20px;bottom:22px;left:-20px;height:212px;border-radius:55% 45% 0 0;background:#ffffff80;content:""}.mobile-reference-panel:after{right:-70px;bottom:-50px;left:-70px;height:170px;background:#58b9e8}.mobile-reference-children{position:absolute;right:24px;bottom:58px;left:24px;z-index:1;display:flex;align-items:end;justify-content:center;gap:14px;opacity:.42;transform:scale(.86);transform-origin:center bottom}.mobile-reference-children span{position:relative;width:56px;height:76px;border-radius:26px 26px 14px 14px;background:#72c6f1;box-shadow:inset 0 23px #ffe6b6}.mobile-reference-children span:nth-child(2){width:64px;height:96px;background:#ffd64d}.mobile-reference-children span:before{position:absolute;top:-30px;left:50%;width:44px;height:44px;border-radius:50%;background:#ffe2ae;box-shadow:inset 0 -15px #0c4772;content:"";transform:translate(-50%)}.mobile-route-list{position:relative;z-index:2;display:grid;max-height:374px;gap:6px;margin-top:20px;overflow-y:auto;padding-right:4px;scrollbar-width:thin}.mobile-route-list button{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:9px;min-height:34px;border:1px solid rgba(255,255,255,.46);border-radius:10px;background:#ffffffa3;color:#17435f;padding:5px 10px;text-align:left}.mobile-route-list button.active{border-color:#0f77be57;background:#fff;box-shadow:0 7px 16px #1c5b811f;color:#0d75bc}.mobile-route-list span{display:grid;width:24px;height:24px;place-items:center;border-radius:50%;background:#e9f7ff;color:#0d75bc;font-size:var(--mobile-caption);font-weight:var(--weight-heading)}.mobile-route-list strong{overflow:hidden;font-size:var(--mobile-label);line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.mobile-overview-card{display:grid;justify-items:center;gap:10px;min-width:0}.mobile-active-stage{display:grid;justify-items:center;gap:12px;min-width:0}.mobile-frame-label{display:grid;width:min(324px,100%);grid-template-columns:auto;align-items:center;justify-items:center;gap:2px;color:var(--ink);text-align:center}.mobile-frame-label>span{display:inline;width:auto;height:auto;background:transparent;color:#061624;font-size:var(--mobile-section-title);font-weight:var(--weight-heading)}.mobile-frame-label div{display:grid;min-width:0;gap:2px}.mobile-frame-label strong{overflow:hidden;color:var(--ink);font-size:var(--mobile-section-title);line-height:1.18;text-overflow:ellipsis;white-space:nowrap}.mobile-frame-label small{overflow:hidden;color:#5d7080;font-size:var(--mobile-caption);font-weight:var(--weight-action);line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.mobile-overview-card .phone-frame{width:min(324px,calc(100vw - 48px));height:684px;min-height:684px;border-color:#101820;box-shadow:0 20px 42px #1c5b8138}.mobile-active-stage .phone-frame{width:min(360px,calc(100vw - 48px));height:724px;min-height:724px;border-color:#101820;box-shadow:0 24px 54px #1c5b813d}.mobile-side-panel{display:grid;gap:22px;border-radius:12px;padding:24px}.mobile-side-note{display:grid;gap:3px;border:1px solid #cce6fb;border-radius:8px;background:linear-gradient(135deg,#f7fcff,#e8f6ff);color:#0f4775;padding:12px}.mobile-side-note strong{font-size:var(--mobile-card-title)}.mobile-side-note span{color:var(--muted);font-size:var(--mobile-label);font-weight:var(--weight-body)}.mobile-route-list{flex-direction:column}.mobile-route-list button{width:100%;min-height:44px;justify-content:flex-start;border-radius:12px;padding:0 12px}.phone-frame{position:relative;width:min(360px,calc(100vw - 24px));height:min(760px,calc(100vh - 36px));min-height:620px;overflow:hidden;border:8px solid #101820;border-radius:34px;background:var(--white);box-shadow:0 24px 54px #1018202e}.phone-frame:before{position:absolute;z-index:6;left:50%;width:104px;height:25px;border-radius:0 0 18px 18px;background:#101820;content:"";transform:translate(-50%)}.phone-status{position:absolute;z-index:8;top:17px;right:24px;left:24px;display:flex;align-items:center;justify-content:space-between;color:#0c1720;font-size:var(--mobile-caption);font-weight:var(--weight-action);pointer-events:none}.status-icons{display:inline-flex;align-items:center;gap:5px;height:12px}.status-signal{display:inline-flex;align-items:end;gap:2px;height:11px}.status-signal b{display:block;width:3px;border-radius:999px;background:currentColor}.status-signal b:nth-child(1){height:5px;opacity:.55}.status-signal b:nth-child(2){height:8px;opacity:.75}.status-signal b:nth-child(3){height:11px}.status-wifi{position:relative;display:inline-block;width:13px;height:10px;overflow:hidden}.status-wifi:before,.status-wifi:after{position:absolute;left:50%;border:2px solid currentColor;border-color:currentColor transparent transparent;border-radius:50%;content:"";transform:translate(-50%)}.status-wifi:before{top:1px;width:14px;height:14px}.status-wifi:after{top:5px;width:7px;height:7px}.status-battery{position:relative;display:inline-block;width:18px;height:9px;border:1.7px solid currentColor;border-radius:3px}.status-battery:before{position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:1.5px;background:currentColor;content:""}.status-battery:after{position:absolute;top:2px;right:-4px;width:2px;height:5px;border-radius:0 2px 2px 0;background:currentColor;content:""}.phone-screen{position:relative;height:100%;overflow:hidden;background:var(--surface)}.phone-frame small{font-size:var(--mobile-caption);line-height:1.2}.phone-frame .gift-art:after{font-size:var(--mobile-nav-label)}.mobile-screen{--button-font: var(--mobile-button-font);position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;padding:var(--mobile-screen-top) var(--mobile-screen-x) var(--mobile-screen-bottom);scrollbar-width:none}.mobile-screen:has(>.mobile-page-header),.audio-scroll-content:has(>.mobile-page-header){display:grid;align-content:start;gap:var(--mobile-header-content-gap);padding-top:var(--mobile-page-header-top)}.mobile-screen::-webkit-scrollbar{display:none}.mobile-screen.with-bottom-nav{padding-bottom:74px}.loading-mobile{display:grid;place-items:center;overflow:hidden;padding:24px;background:#7dcdf4}.loading-mobile:before{content:none}.loading-mobile:after{content:none}.loading-mobile>*{position:relative;z-index:1}.loading-mobile .kumon-logo{align-self:center;justify-self:center;margin:0}.loading-mobile .kumon-logo.image{width:min(218px,66vw);filter:brightness(0) invert(1)}.loading-illustration{display:none}.login-mobile{--mobile-screen-x: var(--mobile-form-screen-x);display:flex;flex-direction:column;justify-content:flex-start;gap:10px;padding:72px var(--mobile-screen-x) 16px;background:linear-gradient(180deg,#edf9ff,#f8fdff 46%,#fff),var(--white)}.login-mobile:before{content:none}.login-mobile>*{position:relative;z-index:1}.mobile-forgot-password-screen{grid-template-columns:minmax(0,1fr);justify-content:stretch}.mobile-forgot-password-screen .mobile-form-stack{min-width:0;width:100%}.login-mobile .language-switcher{position:absolute;top:48px;left:50%;transform:translate(-50%);z-index:2}.login-mobile .kumon-logo{align-self:center;margin:50px 0 18px;font-size:20px;letter-spacing:6px}.login-mobile .kumon-logo.image{width:212px;margin-bottom:14px}.login-heading-copy{display:grid;justify-items:center;gap:4px;margin-bottom:10px;text-align:center}.login-mobile h1{margin:0;color:var(--ink);font-size:var(--mobile-title);line-height:1.1}.login-mobile p{margin:0;color:#5f6d78;font-size:var(--mobile-body);font-weight:var(--weight-action);line-height:1.25}.mobile-input{background:var(--white);min-height:var(--mobile-form-control-height);border-color:#dfe8f2;border-radius:var(--radius-control);box-shadow:0 8px 18px #1c507814;padding:0 14px}.login-mobile .mobile-input{min-height:var(--mobile-form-control-height)}.login-mobile .segmented,.mobile-register-form .segmented{min-height:var(--mobile-form-control-height);margin-bottom:0;border-color:#dfe8f2;background:#f6fbff;box-shadow:0 8px 18px #1c507814}.login-mobile .segmented .ant-segmented-item,.mobile-register-form .segmented .ant-segmented-item{min-width:0;min-height:38px;padding:0 6px;font-size:var(--mobile-form-label-font);font-weight:var(--weight-action);line-height:1.1}.login-mobile .segmented .ant-segmented-item-label,.mobile-register-form .segmented .ant-segmented-item-label{display:grid;min-height:38px;place-items:center;line-height:1.15;white-space:nowrap}.login-mobile .mobile-input svg,.mobile-register-screen .mobile-input svg{color:#8094a6}.mobile-register-screen .field-control{min-height:var(--mobile-form-control-height)}.mobile-phone-field{gap:8px;flex-wrap:nowrap}.mobile-phone-field select{flex:0 0 auto;width:58px;min-width:58px;border:0;border-right:1px solid #dfe8f2;background:transparent;color:#233140;font:inherit;font-size:var(--mobile-form-value-font);font-weight:var(--weight-label);line-height:1;outline:none;padding:0 8px 0 0}.login-mobile .mobile-input input{min-width:0;color:#233140;font-size:var(--mobile-form-value-font);font-weight:var(--weight-label)}.login-mobile .mobile-input input::placeholder{color:#8b9baa;font-size:var(--mobile-form-value-font);font-weight:var(--weight-label)}.mobile-register-screen{--mobile-screen-x: var(--mobile-form-screen-x);display:grid;align-content:start;padding-top:36px;padding-bottom:34px}.mobile-register-screen .language-switcher{justify-self:center}.mobile-register-screen .kumon-logo{align-self:center;margin:44px auto 16px}.mobile-register-screen .kumon-logo.image{width:190px}.mobile-register-heading{display:grid;justify-items:center;gap:7px;text-align:center}.mobile-register-heading h1{margin:0;color:var(--ink);font-size:var(--mobile-title);font-weight:var(--weight-heading);line-height:1.12}.mobile-register-heading p{max-width:260px;margin:0;color:#647889;font-size:var(--mobile-label);font-weight:var(--weight-label);line-height:1.25}.mobile-registration-stepper{display:grid;grid-template-columns:auto minmax(26px,1fr) auto minmax(26px,1fr) auto;align-items:center;gap:7px;margin:22px 4px 0}.mobile-registration-stepper span{display:grid;width:30px;height:30px;place-items:center;border-radius:50%;background:#eef8ff;color:#60788d;font-size:var(--mobile-label);font-weight:var(--weight-heading)}.mobile-registration-stepper span.active{background:var(--blue);color:var(--white)}.mobile-registration-stepper i{height:2px;border-radius:999px;background:#cce6f8}.mobile-register-form{display:grid;gap:var(--mobile-form-gap);margin-top:12px}.mobile-auth-step-label{justify-self:center;width:100%;margin:0;color:#526a7f;font-size:var(--mobile-label);font-weight:var(--weight-action);line-height:1.25;text-align:center}.mobile-register-screen .field-label{gap:8px;color:#526a7f;font-size:var(--mobile-form-label-font);font-weight:var(--weight-action)}.mobile-register-screen .mobile-input input{min-width:0;color:#233140;font-size:var(--mobile-form-value-font);font-weight:var(--weight-label)}.mobile-register-screen .mobile-input input::placeholder{color:#8b9baa;font-size:var(--mobile-form-value-font);font-weight:var(--weight-label)}.mobile-register-screen .otp-input-group{gap:8px}.mobile-register-screen .otp-input-row{gap:6px}.mobile-register-screen .otp-digit-input{width:100%;height:var(--mobile-form-control-height);border-radius:var(--radius-control);font-size:var(--mobile-card-title)}.mobile-register-button-row{display:grid;grid-template-columns:minmax(0,1fr);gap:9px}.mobile-register-primary,.mobile-register-button-row .button{min-height:var(--mobile-form-submit-height);border-radius:var(--radius-control);font-size:var(--button-font);font-weight:var(--weight-action)}.mobile-register-login-link{align-self:center;justify-self:center;width:100%;margin-top:2px;color:#087bc4;font-size:var(--compact-control-font);font-weight:var(--weight-action);min-height:24px;padding:0;text-align:center}.login-forgot-link{align-self:center;color:#687887;font-size:var(--compact-control-font);font-weight:var(--weight-label);line-height:1.2;min-height:22px;padding:0 0 10px}.login-primary{min-height:var(--mobile-form-submit-height);border-radius:var(--radius-control);font-size:var(--button-font);font-weight:var(--weight-action);box-shadow:0 6px 13px #1d8eeb29}.login-secondary{min-height:var(--mobile-form-submit-height);border-radius:var(--radius-control);border-color:#cfe1f1;color:#087bc4;font-size:var(--button-font);font-weight:var(--weight-action);box-shadow:0 6px 13px #1c50780f}.mobile-screen .login-primary,.mobile-screen .login-secondary,.mobile-screen .mobile-register-primary,.mobile-screen .add-student-submit,.mobile-screen .change-password-submit{min-height:var(--mobile-form-submit-height);font-size:var(--button-font)}.login-footer-area{display:grid;justify-items:center;gap:8px;margin:auto -14px 0;padding-top:6px}.login-footer-illustration{width:min(100%,322px);max-height:168px;height:auto;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}.asset-icon{display:inline-block;flex:0 0 auto;object-fit:contain}.old-home-screen{padding-right:0;padding-left:0;background:linear-gradient(180deg,#78c8ee 0,#78c8ee 42%,#f7fbff 42%,#f7fbff)}.old-home-screen>*:not(.old-home-hero){margin-right:16px;margin-left:16px}.old-home-hero{position:relative;overflow:hidden;padding:50px 16px 28px;color:var(--white)}.old-home-hero:after{position:absolute;right:-20%;bottom:-38px;left:-20%;height:86px;border-radius:0 0 50% 50%;background:var(--white);content:""}.old-home-hero .kumon-logo.image{width:142px;margin:0 auto 16px;filter:brightness(.08)}.old-profile-row{position:relative;z-index:1;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px}.old-profile-copy,.old-bell{border:0;background:transparent;color:var(--white)}.old-profile-copy{display:grid;min-width:0;gap:3px;padding:0;text-align:left}.old-profile-copy strong{overflow:hidden;font-size:var(--mobile-page-title);line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.old-profile-copy span{color:#ffffffd1;font-size:var(--mobile-label);font-weight:var(--weight-action)}.subject-chip-row{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:16px 0 0}.subject-chip-row span{min-width:0;border:1px solid rgba(255,255,255,.72);border-radius:8px;font-size:var(--mobile-body);font-weight:var(--weight-action);padding:9px 8px;text-align:center;white-space:nowrap;box-shadow:0 5px 12px #14325014}.subject-chip-row .blue{background:#ffffffeb;color:#2f6df2}.subject-chip-row .orange{background:#ffffffeb;color:#ff5b18}.subject-chip-row .green{background:#ffffffeb;color:#2f7b14}.old-score-card{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;border-radius:var(--radius-card);background:#078fc2;color:var(--white);padding:13px 16px}.old-score-card span{font-size:var(--mobile-section-title);font-weight:var(--weight-body)}.old-score-card strong{font-size:var(--mobile-display)}.mobile-action-panel{position:relative;z-index:2;display:grid;gap:10px;margin-top:12px;border:1px solid rgba(29,142,235,.12);border-radius:var(--radius-card);background:var(--white);box-shadow:0 8px 18px #1432500f;padding:12px}.mobile-action-panel h2{margin:0;font-size:var(--mobile-section-title)}.mobile-greeting{gap:10px;margin-bottom:10px}.mobile-greeting div{display:grid;flex:1}.mobile-greeting span{color:var(--muted);font-size:var(--mobile-label);line-height:1.25}.mobile-greeting strong{color:var(--ink);font-size:var(--mobile-page-title);line-height:1.18}.mobile-greeting button{position:relative;width:36px;height:36px}.mobile-greeting button span{position:absolute;top:3px;right:5px;width:10px;height:10px;border:2px solid var(--white);border-radius:50%;background:var(--coral)}.mobile-profile-card{position:relative;display:block;width:100%;border:0;min-height:116px;border-radius:var(--radius-card);background:radial-gradient(circle at 82% 38%,rgba(255,255,255,.32),transparent 30%),linear-gradient(135deg,#0796de,#0873c8);box-shadow:0 8px 18px #1d8eeb33;color:var(--white);cursor:pointer;overflow:hidden;padding:12px;text-align:left}.mobile-profile-card:before{position:absolute;right:-34px;bottom:-54px;width:188px;height:112px;border-radius:50%;background:#ffffff2e;content:""}.mobile-profile-card>*{position:relative;z-index:1}.mobile-profile-card:focus-visible{outline:3px solid rgba(29,142,235,.35);outline-offset:3px}.mobile-profile-card>span{display:block;color:#ffffffc7;font-size:var(--mobile-label);font-weight:var(--weight-action);line-height:1.2}.mobile-profile-card h1{margin:6px 0 8px;font-size:var(--mobile-title);line-height:1.14}.round-close{position:absolute;top:10px;right:10px;width:28px;height:28px;border-radius:50%;background:#fff3;color:var(--white)}.mobile-card-stats{justify-content:space-between;gap:12px}.mobile-card-stats span{display:grid;color:#ffffffc7;font-size:var(--mobile-label);line-height:1.2}.mobile-card-stats strong{color:var(--white);font-size:var(--mobile-title);line-height:1.14}.mobile-section-title{margin:13px 0 8px;color:var(--ink);font-size:var(--mobile-section-title);line-height:1.25}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.old-home-screen .quick-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.old-home-screen .quick-button{min-height:60px}.old-home-screen .quick-button .asset-icon{width:23px!important;height:23px!important}.old-home-screen .quick-button span{font-size:var(--mobile-nav-label)}.reference-home-screen{position:absolute;display:grid;align-content:start;gap:10px;grid-auto-rows:max-content;min-height:100%;overflow-x:hidden;overflow-y:auto;padding:38px var(--mobile-screen-x) 74px;background:linear-gradient(180deg,#effaff,#eef8fe 54%,#f9fdff)}.reference-home-screen:before{position:absolute;z-index:0;top:-24px;right:-48px;left:-48px;height:246px;border-radius:0 0 44% 56%;background:linear-gradient(180deg,#27ace7f5,#77d3f9c7);content:""}.reference-home-screen:after{content:none}.reference-home-screen>*{position:relative;z-index:1}.reference-home-screen .mobile-home-header{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;min-height:48px;align-items:center;justify-items:center;gap:10px;margin-bottom:4px}.reference-home-screen .mobile-page-header-side-slot{justify-self:start;margin-top:0}.reference-home-screen .mobile-home-header-action{justify-self:end;margin-top:0}.mobile-page-header{display:grid;min-height:var(--mobile-page-header-height);height:var(--mobile-page-header-height);grid-template-columns:38px minmax(0,1fr) 38px;align-items:center;gap:10px;margin-bottom:0}.reference-greeting{display:inline-flex;min-width:0;align-items:center;gap:10px;border:0;background:transparent;color:var(--ink);padding:0;text-align:left}.reference-top-logo{display:inline-grid;align-items:center;place-items:center;justify-self:center;width:fit-content;border:0;background:transparent;padding:0;margin:0;color:inherit}.mobile-page-header-side-slot{display:inline-grid;width:46px;height:46px;place-items:center;justify-self:start}.mobile-top-profile-icon{position:relative;display:grid;width:46px;height:46px;place-items:center;border:1px solid #dceaf3;border-radius:50%;background:#ffffffdb;box-shadow:0 6px 14px #164a6c14;padding:0}.mobile-profile-switch-badge{position:absolute;right:-3px;bottom:-2px;display:grid;width:18px;height:18px;place-items:center;border:1px solid rgba(125,205,244,.72);border-radius:50%;background:#fff;box-shadow:0 3px 7px #164a6c24;color:#118bd3;pointer-events:none}.mobile-top-profile-icon .avatar{width:40px;height:40px}.mobile-profile-switch-badge svg{width:12px;height:12px}.mobile-page-header-title{display:grid;min-width:0;justify-items:center;text-align:center}.mobile-page-header-title strong{display:-webkit-box;overflow:hidden;max-width:100%;color:#172a3a;font-size:var(--mobile-section-title);font-weight:var(--weight-heading);line-height:1.15;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis;white-space:normal}.mobile-page-header-action,.mobile-page-header-spacer{width:var(--icon-button-md);height:var(--icon-button-md)}.mobile-page-header-action{position:relative;display:grid;place-items:center;border:1px solid #dceaf3;border-radius:50%;background:#ffffffdb;box-shadow:0 6px 14px #164a6c14;color:#172a3a}.mobile-ui-icon{flex:0 0 auto;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}.mobile-page-header-action .header-icon{color:#1e3b54}.mobile-page-header-action i{position:absolute;top:6px;right:7px;width:8px;height:8px;border:1.5px solid var(--white);border-radius:50%;background:#ff445c}.mobile-sticky-titlebar-shell{position:fixed;z-index:70;pointer-events:none}.mobile-sticky-titlebar{box-sizing:border-box;display:grid;width:calc(100% + (var(--mobile-sticky-titlebar-bleed) * 2));min-height:var(--mobile-page-header-height);height:var(--mobile-page-header-height);grid-template-columns:var(--icon-button-md) minmax(0,1fr) var(--icon-button-md);align-items:center;gap:10px;border:1px solid rgba(220,234,243,.92);border-radius:999px;background:#ffffffeb;box-shadow:0 10px 22px #164a6c1f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding-inline:var(--mobile-sticky-titlebar-padding-x);pointer-events:auto;transform:translate(calc(var(--mobile-sticky-titlebar-bleed) * -1))}.mobile-home-sticky-titlebar{justify-items:center}.mobile-home-sticky-titlebar .mobile-page-header-side-slot{justify-self:start}.mobile-home-sticky-titlebar .mobile-home-header-action{justify-self:end}.reference-greeting .avatar{width:36px;height:36px}.reference-greeting span{display:grid;min-width:0;color:#172a3a;font-size:var(--mobile-caption);font-weight:var(--weight-label);line-height:1.15}.reference-greeting strong{overflow:hidden;max-width:176px;font-size:var(--mobile-section-title);text-overflow:ellipsis;white-space:nowrap}.reference-current-profile{position:relative;overflow:hidden;overflow:clip;display:grid;grid-template-rows:auto auto minmax(36px,auto) auto;align-content:start;min-height:160px;row-gap:8px;border:1px solid rgba(125,205,244,.5);border-radius:var(--radius-card);background:radial-gradient(circle at 95% -8%,rgba(255,210,77,.24),transparent 30%),radial-gradient(circle at 6% 2%,rgba(125,205,244,.42),transparent 38%),linear-gradient(135deg,#f7fcff,#fff 45%,#eef9ff);color:#172a3a;box-shadow:0 10px 22px #164a6c14;padding:15px 14px 13px}.reference-current-profile:after{position:absolute;right:-28px;bottom:-26px;width:132px;height:132px;border:24px solid rgba(29,142,235,.08);border-radius:50%;background:radial-gradient(circle at 48% 48%,rgba(255,210,77,.16),transparent 45%),radial-gradient(circle at 35% 35%,rgba(125,205,244,.18),transparent 58%);content:""}.reference-current-profile-title{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0}.reference-current-profile>*{position:relative;z-index:1}.reference-current-profile-title strong{display:block;overflow:hidden;color:#10283d;font-size:var(--mobile-title);font-weight:var(--weight-heading);letter-spacing:0;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.reference-current-profile-switch{display:inline-flex;flex:0 0 auto;min-height:30px;align-items:center;gap:6px;border:1px solid rgba(29,142,235,.36);border-radius:999px;background:#ffffffd1;box-shadow:0 4px 10px #164a6c14;color:#0b73b7;font-size:var(--mobile-caption);font-weight:var(--weight-label);line-height:1;padding:6px 10px;white-space:nowrap}.reference-current-profile-footer{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:10px;margin-top:3px}.reference-current-profile-switch svg{flex:0 0 auto}.reference-current-profile-switch:active{transform:translateY(1px)}.reference-current-profile-switch:focus-visible{outline:3px solid rgba(17,139,211,.24);outline-offset:2px}.reference-profile-qr-button{display:grid;flex:0 0 auto;width:34px;height:34px;place-items:center;border:1px solid rgba(29,142,235,.42);border-radius:50%;background:linear-gradient(180deg,#fffffff5,#ebf8fff5);box-shadow:inset 0 1px #ffffffe0,0 7px 16px #164a6c1f;color:#0b7fc7}.reference-profile-qr-button:active{transform:translateY(1px)}.reference-profile-qr-button:focus-visible{outline:3px solid rgba(17,139,211,.24);outline-offset:2px}.reference-current-profile-id{margin:0;color:#4f687b;font-size:var(--mobile-label);font-weight:var(--weight-label);line-height:1.15}.reference-current-profile-points{display:inline-flex;min-width:0;align-items:center;gap:6px;white-space:nowrap}.reference-current-profile-points svg{flex:0 0 auto;fill:#ffd24d;color:#c88700}.reference-profile-subject-tags{display:flex;min-width:0;min-height:36px;align-content:start;align-items:start;flex-wrap:wrap;gap:7px;overflow:visible;margin-top:0}.reference-profile-subject-tags.expanded{min-height:71px}.reference-profile-subject-tags span{position:relative;overflow:hidden;display:inline-grid;min-width:0;min-height:28px;align-content:center;justify-items:center;border:1px solid rgba(125,205,244,.72);border-radius:var(--radius-control);background:#f8fdff;padding:5px 13px;text-align:center;color:#1e1e1e;box-shadow:inset 0 1px #ffffffb8}.reference-profile-subject-toggle{display:inline-grid;min-width:34px;min-height:28px;place-items:center;border:1px solid rgba(29,142,235,.26);border-radius:var(--radius-control);background:#ffffffe6;color:#0b7fc7;font-size:var(--mobile-nav-label);font-weight:var(--weight-heading);line-height:1;padding:5px 10px}.reference-profile-subject-tags span:before{content:none}.reference-profile-subject-tags span:after{content:none}.reference-profile-subject-tags strong{position:relative;z-index:1;display:block;overflow:hidden;line-height:1;text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;font-size:var(--mobile-nav-label);font-weight:var(--weight-heading)}.reference-profile-subject-tags .tone-0{border-color:#00a9e0db;background:linear-gradient(180deg,#eefbff,#e5f7fd);color:#007cad}.reference-profile-subject-tags .tone-1{border-color:#ee2737db;background:linear-gradient(180deg,#fff3f4,#ffe9eb);color:#cf1f2d}.reference-profile-subject-tags .tone-2{border-color:#78be20db;background:linear-gradient(180deg,#f5fced,#edf8df);color:#558d13}.reference-home-screen .mobile-action-panel{gap:9px;margin:8px 0 0;border:0;background:transparent;box-shadow:none;padding:0}.reference-home-screen .mobile-action-panel h2{color:#172a3a;font-size:var(--mobile-body);line-height:1.15}.reference-home-screen .quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.reference-home-screen .quick-button{min-height:74px;border:1px solid #e3eef5;border-radius:var(--radius-card);background:linear-gradient(180deg,#fff,#fbfdff);box-shadow:0 7px 15px #164a6c14;color:#118bd3;gap:7px;padding:8px 6px}.reference-home-screen .quick-button .quick-icon{color:#118bd3;width:25px;height:25px}.reference-home-screen .quick-button span{font-size:var(--mobile-nav-label);line-height:1.15}.reference-announcement-panel{display:grid;gap:9px;margin-top:8px}.home-footer-deco{display:block;width:min(100%,324px);max-height:126px;object-fit:contain;align-self:end;justify-self:center;margin:12px auto -14px;pointer-events:none;-webkit-user-select:none;user-select:none}.reference-section-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.reference-section-heading h2{margin:0;color:#172a3a;font-size:var(--mobile-body);line-height:1.15}.reference-section-heading button{border:0;background:transparent;color:#118bd3;font-size:var(--mobile-caption);font-weight:var(--weight-label);padding:0;text-decoration:none}.reference-announcements{display:grid;gap:12px}.reference-announcement-item{display:grid;grid-template-columns:96px minmax(0,1fr);min-width:0;width:100%;align-items:center;gap:12px;border:0;border-radius:var(--radius-card);background:#f7fbfe;box-shadow:0 7px 15px #164a6c14;color:inherit;cursor:pointer;padding:6px 8px;text-align:left;font:inherit}.reference-announcement-item:focus-visible{outline:2px solid rgba(17,139,211,.68);outline-offset:2px}.reference-announcement-item div{display:grid;min-width:0;gap:4px}.reference-announcement-item>img{width:96px;aspect-ratio:16 / 9;border-radius:var(--radius-row);object-fit:cover;box-shadow:0 5px 10px #164a6c14}.reference-announcement-item p{margin:0;color:#172a3a;font-size:var(--mobile-caption);font-weight:var(--weight-label);line-height:1.28;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.reference-announcement-item time{color:#118bd3;font-size:var(--mobile-nav-label);font-weight:var(--weight-action);line-height:1.15}.quick-button{display:grid;min-height:66px;place-items:center;gap:6px;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--white);box-shadow:0 4px 10px #1432500f;color:var(--blue);padding:6px}.quick-button .quick-icon{color:#118bd3}.quick-button span{color:var(--ink);font-size:var(--compact-control-font);font-weight:var(--weight-action);line-height:1.2;text-align:center}.quick-grid .quick-button:nth-child(2){color:#118bd3}.quick-grid .quick-button:nth-child(3){color:#118bd3}.quick-grid .quick-button:nth-child(5){color:#118bd3}.announcement-card{display:grid;gap:8px;margin-top:10px;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--white);box-shadow:0 4px 10px #1432500f;padding:12px}.announcement-card h3{margin:7px 0 3px;color:var(--ink);font-size:var(--mobile-card-title);line-height:1.35}.announcement-card p,.announcement-card a{margin:0;color:var(--muted);font-size:var(--mobile-label);line-height:1.25}.announcement-card a{justify-self:end;color:var(--blue);font-weight:var(--weight-action)}.badge{display:inline-flex;min-height:21px;align-items:center;border-radius:999px;padding:0 9px;font-size:var(--mobile-caption);font-weight:var(--weight-action)}.badge.coral{background:#fff0f0;color:var(--coral)}.profile-list-screen,.detail-screen,.student-profile-screen,.student-info-screen,.progress-reference-screen,.learning-calendar-screen,.audio-history-screen,.add-student-screen,.add-student-submitted-screen,.reward-detail-screen,.notifications-screen,.news-detail-screen,.news-screen,.settings-mobile-screen,.change-password-screen{background:var(--mobile-blue-page-bg)}.profile-list-screen,.notifications-screen,.learning-calendar-screen,.audio-history-screen,.settings-mobile-screen,.parent-profile-screen,.change-password-screen{gap:var(--mobile-header-content-gap);padding-top:40px}.editable-info-stack,.mobile-form-stack,.news-card-list,.learning-subject-stack,.learning-level-list,.subject-level-list,.audio-download-list{display:grid;gap:10px}.learning-screen .learning-subject-stack{grid-template-columns:minmax(0,1fr)}.learning-screen .learning-subject-stack.single-subject{align-content:start;align-items:start;align-self:start;grid-auto-rows:max-content;height:fit-content}.learning-screen .learning-subject-stack.single-subject .learning-subject-card{width:100%;height:auto;min-height:76px;align-self:start}.learning-screen .learning-subject-stack.single-subject+.learning-footer-deco{align-self:start}.detail-screen .editable-info-stack{gap:12px}.editable-info-card{position:relative;display:grid;align-content:start;gap:7px;min-height:82px;border:1px solid #9bdcff;border-radius:var(--radius-card);background:var(--white);padding:14px 48px 15px 14px}.editable-info-card span{color:#89939f;font-size:var(--mobile-caption);font-weight:var(--weight-action);line-height:1.15}.editable-info-card strong{color:var(--ink);font-size:var(--mobile-body);font-weight:var(--weight-heading);line-height:1.32;letter-spacing:0;overflow-wrap:anywhere}.editable-info-card button{position:absolute;top:14px;right:14px;display:grid;width:22px;height:22px;place-items:center;border:0;background:transparent}.editable-info-card svg{width:15px;height:15px}.kids-illustration{position:relative;height:124px;margin-top:18px}.kids-illustration.small{margin-top:auto}.personal-info-children{display:block;width:min(100%,324px);max-height:132px;object-fit:contain;align-self:end;justify-self:center;margin:14px auto 0;pointer-events:none;-webkit-user-select:none;user-select:none}.learning-footer-deco{display:block;width:min(100%,324px);max-height:186px;object-fit:contain;align-self:end;justify-self:center;margin:0 auto;padding-top:0}.kids-illustration:before{position:absolute;right:48px;bottom:2px;left:48px;height:42px;border-radius:50% 50% 0 0;background:#d8f1ff;content:""}.kids-illustration span{position:absolute;bottom:34px;width:44px;height:64px;border-radius:22px 22px 14px 14px;background:#83cef3;box-shadow:inset 0 20px #ffe6b6}.kids-illustration span:nth-child(1){left:82px}.kids-illustration span:nth-child(2){left:142px;height:76px;background:#ffd95d}.kids-illustration span:nth-child(3){right:82px}.reference-home-screen .reference-top-logo .kumon-logo.image{width:132px;margin:0 auto;filter:brightness(.08)}.info-line{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:8px;margin:0;color:var(--ink);font-size:var(--mobile-label);font-weight:var(--weight-body);line-height:1.35}.info-line svg{color:var(--sky)}.learning-screen,.learning-detail-screen,.subject-level-screen,.audio-player-screen{background:radial-gradient(circle at 18% 0%,rgba(117,199,238,.22),transparent 30%),radial-gradient(circle at 86% 18%,rgba(30,154,218,.16),transparent 30%),linear-gradient(180deg,#f4fbff,#f7fbff 42%,#f9fdff)}.learning-screen{display:grid;align-content:start;gap:12px;grid-template-rows:auto auto auto minmax(0,1fr);min-height:100%;padding:38px var(--mobile-screen-x) 61px}.learning-screen.single-subject-layout{grid-template-rows:auto auto auto auto auto}.learning-screen.with-bottom-nav{padding-bottom:61px}.learning-detail-screen,.subject-level-screen,.audio-player-screen{display:grid;align-content:start;gap:12px;padding:var(--mobile-screen-top) var(--mobile-screen-x) 96px}.audio-player-screen{overflow:hidden;padding:0}.audio-scroll-content{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;align-content:start;gap:var(--mobile-header-content-gap);overflow-y:auto;padding:var(--mobile-screen-top) var(--mobile-screen-x) 74px;scrollbar-width:none}.audio-scroll-content::-webkit-scrollbar{display:none}.learning-detail-screen{grid-template-rows:auto auto auto minmax(0,1fr);min-height:100%;padding-bottom:61px}.subject-level-screen{grid-template-rows:auto auto auto auto;min-height:100%;padding-bottom:104px}.subject-level-screen.with-bottom-nav{padding-bottom:61px}.subject-level-screen .learning-footer-deco{position:relative;z-index:0}.learning-hero-panel,.learning-detail-summary{position:relative;overflow:hidden;display:grid;gap:6px;border:1px solid rgba(224,21,44,.12);border-radius:var(--radius-card);background:linear-gradient(135deg,#e0152cf5,#ec3f4af0),#e0152c;color:var(--white);box-shadow:0 12px 24px #ab132729;padding:15px 16px 16px}.learning-hero-panel{overflow:visible;justify-items:center;text-align:center;border:0;border-radius:0;background:transparent;box-shadow:none;color:#172a3a;padding:2px 2px 4px}.learning-hero-panel:after,.learning-detail-summary:after{position:absolute;right:12px;bottom:0;width:56px;height:56px;border:12px solid rgba(255,255,255,.14);border-radius:50%;content:""}.learning-hero-panel:after{content:none}.learning-detail-summary:after{bottom:0}.learning-hero-panel>*,.learning-detail-summary>*{position:relative;z-index:1}.learning-hero-panel span,.learning-detail-summary span{width:fit-content;border-radius:999px;background:#ffffff2e;color:#ffffffe6;font-size:var(--mobile-nav-label);font-weight:var(--weight-heading);letter-spacing:0;line-height:1;padding:6px 8px}.learning-hero-panel strong,.learning-detail-summary strong{max-width:220px;color:var(--white);font-size:var(--mobile-title);font-weight:var(--weight-heading);line-height:1.08}.learning-hero-panel strong{max-width:238px;color:#172a3a;font-size:var(--mobile-title);font-weight:var(--weight-label);line-height:1.16}.learning-hero-panel small,.learning-detail-summary small{max-width:230px;color:#ffffffd1;font-size:var(--mobile-label);font-weight:var(--weight-label);line-height:1.26}.learning-hero-panel small{max-width:252px;color:#63788a;font-weight:var(--weight-body);line-height:1.34}.subject-level-intro,.audio-learning-intro{padding-bottom:2px}.subject-level-intro strong,.audio-learning-intro strong{font-size:var(--mobile-title)}.subject-level-intro small,.audio-learning-intro small{max-width:260px;font-size:var(--mobile-label)}.learning-detail-summary{min-height:112px;background:linear-gradient(135deg,#137fc5,#20a4dd),#137fc5;box-shadow:0 12px 24px #0a68a829}.learning-detail-summary.compact{min-height:104px}.learning-subject-card,.progress-link-card,.learning-level-list button{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:78px;border:1px solid rgba(220,234,243,.88);border-radius:var(--radius-card);background:linear-gradient(180deg,#fff,#fbfdff);box-shadow:0 8px 18px #164a6c14;color:#172a3a;padding:14px;text-align:left}.learning-subject-card{position:relative;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"icon copy arrow";align-content:center;overflow:hidden;min-height:76px;gap:10px;border-color:#cde1edf5;border-radius:var(--radius-card);background:linear-gradient(90deg,rgba(224,21,44,.06),transparent 38%),linear-gradient(180deg,#fff,#fbfdff);box-shadow:0 10px 20px #164a6c14;padding:12px 12px 12px 11px}.learning-subject-card:before{content:none}.learning-subject-card:after{content:none}.learning-subject-card.coral:before{background:var(--coral)}.learning-subject-card.blue:before{background:#118bd3}.learning-subject-card.green:before{background:var(--mint)}.learning-subject-card.coral:after{background:#ff6b6b1a}.learning-subject-card.blue:after{background:#118bd31a}.learning-subject-card.green:after{background:#34c3a01f}.learning-subject-card>*,.progress-link-card>*,.learning-level-list button>*{position:relative;z-index:1}.learning-subject-card .learning-subject-arrow,.learning-level-list button svg,.progress-link-card svg{color:#118bd3}.learning-subject-icon{grid-area:icon;display:grid;width:50px;height:50px;place-items:center;border:1px solid rgba(17,139,211,.18);border-radius:var(--radius-row);background:linear-gradient(180deg,#fff1f3,#ffe1e6);color:var(--coral);box-shadow:inset 0 1px #ffffffc7}.learning-subject-card.green .learning-subject-icon{background:linear-gradient(180deg,#eefaf6,#e1f6ef);color:#2fb890}.learning-subject-card.blue .learning-subject-icon{background:linear-gradient(180deg,#eaf8ff,#d9f0ff);color:#118bd3}.learning-subject-icon-text{display:inline-grid;place-items:center;color:currentColor;font-size:var(--mobile-title);font-weight:var(--weight-heading);letter-spacing:0;line-height:1}.learning-subject-card .learning-subject-arrow{grid-area:arrow;justify-self:end;align-self:center;width:22px;height:22px}.learning-subject-card.coral .learning-subject-arrow{color:var(--coral)}.learning-subject-card.blue .learning-subject-arrow{color:#118bd3}.learning-subject-card.green .learning-subject-arrow{color:var(--mint)}.learning-subject-card>span:not(.learning-subject-icon),.learning-level-list button span{display:grid;min-width:0;gap:5px}.learning-subject-card>span:not(.learning-subject-icon){grid-area:copy;align-self:center;padding-bottom:0}.learning-subject-card strong,.learning-level-list strong{color:#172a3a;font-size:var(--mobile-section-title);line-height:1.16}.learning-screen .learning-subject-card strong{font-size:var(--mobile-title);line-height:1.12}.learning-subject-card small,.learning-level-list small{color:#698092;font-size:var(--mobile-label);font-weight:var(--weight-label);line-height:1.2}.learning-subject-card small{font-size:var(--mobile-caption);line-height:1.16}.progress-link-card{width:100%;grid-template-columns:auto minmax(0,1fr) auto;margin-top:0;color:var(--blue);font-weight:var(--weight-action)}.progress-link-card span{color:#172a3a;font-size:var(--mobile-card-title);font-weight:var(--weight-action)}.learning-level-list button{width:100%;min-height:72px}.learning-level-list .learning-list-card{grid-template-columns:auto minmax(0,1fr) auto auto;min-height:76px;gap:10px;overflow:hidden;border-color:#cde1edf5;border-radius:var(--radius-card);background:linear-gradient(90deg,rgba(224,21,44,.06),transparent 38%),linear-gradient(180deg,#fff,#fbfdff);box-shadow:0 10px 20px #164a6c14;padding:12px 12px 12px 11px}.learning-level-list .learning-list-card:active{transform:translateY(1px)}.learning-list-badge{display:grid;width:50px;height:50px;min-width:0;place-items:center;border:1px solid rgba(17,139,211,.18);border-radius:var(--radius-row);background:linear-gradient(180deg,#fff1f3,#ffe1e6);color:#c8102e;font-size:var(--mobile-title);font-weight:var(--weight-heading);line-height:1;box-shadow:inset 0 1px #ffffffc7}.learning-list-badge.range{background:linear-gradient(180deg,#eaf8ff,#d9f0ff);color:#0b6fae}.learning-list-badge svg{width:24px;height:24px;stroke-width:2.2}.learning-level-list button .learning-list-copy{display:grid;min-width:0;gap:5px}.learning-level-list button .learning-list-copy strong{overflow:hidden;color:#172a3a;text-overflow:ellipsis;white-space:nowrap}.learning-list-meta{display:inline-flex;min-width:0;min-height:25px;align-items:center;justify-content:center;border-radius:999px;background:#f4f7fa;color:#667889;font-size:var(--mobile-nav-label);font-weight:var(--weight-heading);line-height:1;padding:0 9px;white-space:nowrap}.subject-level-list{position:relative;z-index:1;gap:10px;margin-top:0}.subject-level-list:after{content:none}.subject-level-card{display:grid;width:100%;min-height:76px;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"badge copy arrow";align-items:center;gap:10px;overflow:hidden;border:1px solid rgba(205,225,237,.96);border-radius:var(--radius-card);background:linear-gradient(90deg,rgba(224,21,44,.06),transparent 38%),linear-gradient(180deg,#fff,#fbfdff);box-shadow:0 10px 20px #164a6c14;color:#172a3a;padding:12px 12px 12px 11px;text-align:left}.subject-level-card.blue{background:linear-gradient(90deg,rgba(17,139,211,.08),transparent 38%),linear-gradient(180deg,#fff,#fbfdff)}.subject-level-card.green{background:linear-gradient(90deg,rgba(52,195,160,.08),transparent 38%),linear-gradient(180deg,#fff,#fbfdff)}.subject-level-card:active{transform:translateY(1px)}.subject-level-copy{grid-area:copy;display:grid;min-width:0;gap:5px}.subject-level-copy strong{color:#172a3a;font-size:var(--mobile-section-title);font-weight:var(--weight-heading);line-height:1.16}.subject-level-copy small{color:#698092;font-size:var(--mobile-caption);font-weight:var(--weight-label);line-height:1.16}.subject-level-badge{grid-area:badge;display:grid;width:50px;height:50px;place-items:center;border:1px solid rgba(17,139,211,.18);border-radius:var(--radius-row);background:linear-gradient(180deg,#eaf8ff,#d9f0ff);color:#118bd3;font-size:var(--mobile-title);font-weight:var(--weight-heading);line-height:1;box-shadow:inset 0 1px #ffffffc7}.subject-level-card.coral .subject-level-badge{background:linear-gradient(180deg,#fff1f3,#ffe1e6);color:var(--coral)}.subject-level-card.green .subject-level-badge{background:linear-gradient(180deg,#eefaf6,#e1f6ef);color:var(--mint)}.subject-level-arrow{grid-area:arrow;justify-self:end;align-self:center;width:22px;height:22px;color:#118bd3}.subject-level-card.coral .subject-level-arrow{color:var(--coral)}.subject-level-card.green .subject-level-arrow{color:var(--mint)}.learning-level-list button .learning-list-chevron{width:22px;height:22px}.learning-level-list.ranges button{color:var(--blue)}.audio-cover{position:relative;z-index:1;display:grid;width:50px;height:50px;place-items:center;margin:0;border:1px solid rgba(17,139,211,.18);border-radius:var(--radius-row);background:linear-gradient(180deg,#eaf8ff,#d9f0ff);box-shadow:inset 0 1px #ffffffc7;color:#118bd3;font-size:var(--mobile-title);font-weight:var(--weight-heading)}.audio-hero-card{position:relative;overflow:hidden;display:grid;min-height:76px;grid-template-columns:auto minmax(0,1fr);align-items:center;justify-items:start;gap:10px;margin:0;border:1px solid rgba(205,225,237,.96);border-radius:var(--radius-card);background:linear-gradient(90deg,rgba(17,139,211,.08),transparent 38%),linear-gradient(180deg,#fff,#fbfdff);box-shadow:0 10px 20px #164a6c14;color:#172a3a;padding:12px 12px 12px 11px}.audio-hero-card:after{content:none}.audio-hero-copy{display:grid;position:relative;z-index:1;justify-items:start;gap:5px;text-align:left}.audio-hero-card strong{color:#172a3a;font-size:var(--mobile-section-title);font-weight:var(--weight-heading);line-height:1.16}.audio-hero-card span{color:#698092;font-size:var(--mobile-caption);font-weight:var(--weight-label);line-height:1.16}.audio-download-list{gap:0}.audio-download-list button{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;min-height:44px;align-items:center;border:0;border-bottom:1px solid rgba(227,232,239,.78);background:transparent;color:#172a3a;padding:8px 2px;font-size:var(--mobile-body);font-weight:var(--weight-label);text-align:left}.audio-download-list button.active{border-bottom-color:#118bd333;background:linear-gradient(90deg,rgba(17,139,211,.12),rgba(17,139,211,.04) 72%,transparent);color:#087dc4;margin-right:-14px;margin-left:-14px;padding-right:16px;padding-left:16px}.audio-download-list button span{display:inline-flex;min-width:0;align-items:center;gap:6px}.audio-playing-inline-icon{flex:0 0 auto;color:#118bd3}.audio-download-list button:last-child{border-bottom:0}.audio-list-card{overflow:visible;height:auto;border:1px solid rgba(220,234,243,.95);border-radius:var(--radius-card);background:linear-gradient(180deg,#fff,#fbfdff);box-shadow:0 8px 18px #164a6c14;padding:0 14px}.audio-list-after-space{height:216px}.audio-download-state-icon{flex:0 0 auto;width:18px;height:18px;color:#118bd385}.audio-download-state-icon.downloaded{color:#118bd3}.audio-download-state-icon.completed{width:17px;height:17px;color:#2abf8f}.audio-download-state-icon.downloading{color:#118bd3;animation:audio-download-spin .9s linear infinite}@keyframes audio-download-spin{to{transform:rotate(360deg)}}.audio-player-controls{container:audio-player / inline-size;position:absolute;z-index:24;right:var(--mobile-screen-x);bottom:74px;left:var(--mobile-screen-x);margin-top:0;border:1px solid rgba(205,225,237,.96);border-radius:var(--radius-card);background:linear-gradient(180deg,#fff,#fbfdff);box-shadow:0 10px 20px #164a6c14;color:#118bd3;box-sizing:border-box;min-height:220px;padding:16px}.audio-player-header,.audio-time-row,.audio-control-row,.audio-volume-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.audio-player-header{min-height:44px;border:1px solid rgba(17,139,211,.2);border-radius:var(--radius-row);background:linear-gradient(180deg,#f8fcff,#edf8ff);box-shadow:0 6px 14px #164a6c14;padding:6px 7px 6px 12px}.audio-player-header strong{min-width:0;overflow:hidden;color:#172a3a;font-size:var(--mobile-section-title);font-weight:var(--weight-heading);line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.audio-repeat-control,.audio-volume-button{display:grid;width:32px;height:32px;flex:0 0 auto;place-items:center;border:1px solid rgba(17,139,211,.22);border-radius:50%;background:#118bd314;color:#118bd3}.audio-repeat-control.active{border-color:#118bd3;background:#118bd3;color:var(--white)}.audio-time-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;color:#698092;font-size:var(--mobile-caption);font-weight:var(--weight-label)}.audio-scrub{height:6px;margin:8px 0;overflow:hidden;border-radius:999px;background:#118bd32e}.audio-scrub span{display:block;height:100%;border-radius:inherit;background:#118bd3;transition:width .16s ease}.audio-control-row{justify-content:center;min-height:56px}.audio-transport-cluster{display:grid;grid-template-columns:40px 40px 64px 40px 40px;width:100%;align-items:center;justify-content:space-between;justify-self:stretch;gap:0}.audio-control-row button{display:grid;width:40px;height:40px;justify-self:center;place-items:center;border:1px solid rgba(17,139,211,.22);border-radius:50%;background:#118bd314;color:#118bd3}.audio-control-row .play{width:64px;height:64px;justify-self:center;border:0;background:#118bd3;color:var(--white);box-shadow:0 8px 16px #0a68a829;transform:none}.audio-ten-second-icon{position:relative;display:grid;width:26px;height:26px;place-items:center}.audio-ten-second-icon svg{position:absolute;top:1px;right:1px;bottom:1px;left:1px;width:24px;height:24px}.audio-ten-second-icon.rewind svg{transform:scaleX(-1)}.audio-ten-second-icon b{position:relative;color:currentColor;font-size:8px;font-weight:var(--weight-heading);line-height:1}.audio-volume-row{margin-top:8px}.audio-volume-row input{width:100%;min-width:0;height:6px;margin:0;accent-color:#118bd3;cursor:pointer}.audio-player-controls button:focus-visible,.audio-volume-row input:focus-visible{outline:3px solid rgba(17,139,211,.38);outline-offset:2px}@container audio-player (max-width: 300px){.audio-control-row{min-height:52px}.audio-transport-cluster{grid-template-columns:36px 36px 56px 36px 36px;gap:0}.audio-control-row button{width:36px;height:36px}.audio-control-row .play{width:56px;height:56px}}@container audio-player (max-width: 260px){.audio-control-row{min-height:48px}.audio-transport-cluster{grid-template-columns:30px 30px 48px 30px 30px}.audio-control-row button{width:30px;height:30px}.audio-control-row .play{width:48px;height:48px}.audio-player-controls{padding:12px}.audio-player-header strong{font-size:var(--mobile-label)}}.progress-subject-switch{display:grid;grid-template-columns:36px minmax(0,1fr) 36px;align-items:center;column-gap:8px;margin-bottom:10px;text-align:center}.progress-subject-switch strong{min-width:0;color:var(--ink);font-size:var(--mobile-section-title);line-height:1.2}.progress-map-card{overflow:hidden;min-height:190px;border-radius:var(--radius-card);background:var(--white);padding:22px 10px}.progress-line{position:relative;height:140px;border-bottom:2px dashed #8f9296}.progress-line:before{position:absolute;right:8px;left:8px;top:58px;height:3px;background:var(--sky);content:""}.progress-line span{position:absolute;bottom:-28px;display:grid;justify-items:center;color:var(--ink);font-size:var(--mobile-caption);font-weight:var(--weight-body)}.progress-line span:nth-child(1){left:4%}.progress-line span:nth-child(2){left:20%}.progress-line span:nth-child(3){left:36%}.progress-line span:nth-child(4){left:52%}.progress-line span:nth-child(5){left:68%}.progress-line span:nth-child(6){left:84%}.progress-line i{width:13px;height:13px;border-radius:50%;background:#ff7837}.progress-line .current i{width:44px;height:44px;margin-top:-50px;display:grid;place-items:center}.progress-line .current i:after{color:var(--white);content:"M";font-size:var(--mobile-caption);font-style:normal;font-weight:var(--weight-action)}.progress-line b{position:absolute;top:70px;right:18px;color:var(--sky)}.progress-content-stack{display:grid;gap:10px}.progress-student-card{display:grid;grid-template-columns:40px minmax(0,1fr) 24px;align-items:center;gap:10px;width:100%;border:1px solid #dceaf3;border-radius:var(--radius-card);background:#fff;box-shadow:0 7px 16px #164a6c14;color:inherit;cursor:pointer;padding:12px;text-align:left}.progress-student-switch-icon{width:20px;height:20px;justify-self:center;color:#8aa5b8}.progress-student-card span{display:grid;min-width:0;gap:2px}.progress-student-card strong{overflow:hidden;color:#172a3a;font-size:var(--mobile-label);font-weight:var(--weight-heading);line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.progress-student-card small{overflow:hidden;color:#5d7486;font-size:var(--mobile-caption);font-weight:var(--weight-label);line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.progress-subject-tabs{display:flex;gap:8px;overflow-x:auto;margin:0 calc(var(--mobile-screen-x) * -1);padding:0 var(--mobile-screen-x) 2px;scrollbar-width:none}.progress-subject-tabs::-webkit-scrollbar{display:none}.progress-subject-tabs button{flex:0 0 auto;min-height:34px;max-width:156px;border:1px solid #dceaf3;border-radius:999px;background:#fff;color:#1e3b54;font-size:var(--mobile-caption);font-weight:var(--weight-heading);line-height:1.05;padding:0 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.progress-subject-tabs button.active{border-color:#118bd361;background:#118bd3;color:#fff;box-shadow:0 7px 14px #118bd32e}.progress-summary-card,.progress-chart-card,.progress-history-table{overflow:hidden;border-radius:var(--radius-card);background:#fff;box-shadow:0 7px 16px #164a6c14}.progress-summary-card{border:1px solid #dceaf3;padding:13px 14px}.progress-summary-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(78px,auto);align-items:stretch;gap:10px}.progress-summary-heading span{display:grid;min-width:0;gap:4px;border-radius:var(--radius-row);background:#f3faff;padding:9px 10px}.progress-summary-heading small,.progress-chart-card header small{color:#5d7486;font-size:var(--mobile-caption);font-weight:var(--weight-label);line-height:1.2}.progress-summary-heading strong{overflow:hidden;color:#172a3a;font-size:var(--mobile-card-title);font-weight:var(--weight-heading);line-height:1.18;text-overflow:ellipsis;white-space:nowrap}.progress-chart-card{border:1px solid #dceaf3;padding:13px 14px 12px}.progress-chart-card header{display:flex;align-items:start;justify-content:space-between;gap:12px}.progress-chart-card header span{display:grid;min-width:0;gap:2px}.progress-chart-card header strong{color:#172a3a;font-size:var(--mobile-label);font-weight:var(--weight-heading);line-height:1.15}.progress-chart-card header svg{color:#118bd3}.progress-chart-card>svg{display:block;width:100%;height:132px;margin-top:10px;overflow:visible}.progress-chart-level{margin:8px 0 0;color:#5d7486;font-size:var(--mobile-caption);font-weight:var(--weight-label);line-height:1.2}.progress-chart-axis-label{fill:#5d7486;font-size:var(--mobile-caption);font-weight:var(--weight-label);text-anchor:middle}.progress-chart-line{fill:none;stroke-linecap:round;stroke-linejoin:round}.progress-chart-line{stroke:#118bd3;stroke-width:4}.progress-chart-y-tick line,.progress-chart-x-grid{stroke:#dceaf3;stroke-width:1.5;stroke-dasharray:4 6}.progress-chart-y-tick text,.progress-chart-x-label{fill:#5d7486;font-size:9px;font-weight:var(--weight-action)}.progress-chart-y-tick text{text-anchor:end}.progress-chart-x-label{text-anchor:middle}.progress-chart-card circle{fill:#fff;stroke:#118bd3;stroke-width:3}.progress-chart-card circle.latest{fill:#118bd3;stroke:#fff;stroke-width:3}.progress-history-table header,.progress-history-table div{display:grid;grid-template-columns:44px minmax(0,1fr) 98px;column-gap:12px;align-items:center;min-height:50px;border-bottom:1px solid rgba(220,234,243,.86);padding:0 16px}.progress-history-table{margin-top:10px;margin-bottom:18px}.progress-history-table header{grid-template-columns:44px minmax(0,1fr) 98px;min-height:46px;background:var(--brand-blue)}.progress-history-table header strong:first-child{grid-column:2}.progress-history-table span,.progress-history-table strong,.progress-history-table time{font-size:var(--mobile-label)}.progress-history-table header strong{color:#172a3a;font-size:var(--mobile-caption);font-weight:var(--weight-heading);line-height:1.2}.progress-history-table header strong:last-child{text-align:right}.progress-history-table div span,.progress-history-table div strong,.progress-history-table div time{color:#172a3a;font-size:var(--mobile-body);font-weight:var(--weight-action);line-height:1.25}.progress-history-table div span{color:#118bd3;font-weight:var(--weight-heading);text-align:left}.progress-history-table div time{color:#1e3b54;text-align:right}.progress-reference-screen .progress-history-table header,.progress-reference-screen .progress-history-table div{grid-template-columns:30px minmax(0,1fr) 76px;column-gap:8px;min-height:48px;padding:0 12px}.progress-reference-screen .progress-history-table{height:max-content}.progress-reference-screen .progress-history-table header{min-height:46px}.progress-reference-screen .progress-history-table header strong:first-child{grid-column:2;justify-self:start}.progress-reference-screen .progress-history-table header strong:last-child,.progress-reference-screen .progress-history-table div time{justify-self:end;text-align:right;white-space:nowrap}.progress-reference-screen .progress-history-table div span{display:grid;width:24px;height:24px;place-items:center;border-radius:999px;background:#e7f6ff;text-align:center}.progress-reference-screen .progress-history-table div strong{min-width:0;text-align:left}.learning-calendar-month{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;margin-bottom:10px;text-align:center}.learning-calendar-month button{display:grid;width:42px;height:42px;place-items:center;border:0;background:transparent;color:#101820;cursor:pointer}.learning-calendar-month strong{color:#172a3a;font-size:var(--mobile-card-title);font-weight:var(--weight-heading)}.learning-calendar-card{overflow:hidden;border:1px solid #dceaf3;border-radius:var(--radius-card);background:#fff;box-shadow:0 7px 16px #164a6c14;color:#172a3a;padding:13px 12px 16px}.learning-calendar-weekdays,.learning-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));text-align:center}.learning-calendar-weekdays{border-bottom:1px solid #e3eef7;padding-bottom:7px}.learning-calendar-weekdays strong{font-size:var(--mobile-body);font-weight:var(--weight-heading)}.learning-calendar-grid{row-gap:10px;padding-top:9px}.learning-calendar-grid span{position:relative;display:grid;min-height:25px;place-items:center;font-size:var(--mobile-body);font-weight:var(--weight-heading)}.learning-calendar-grid .today{width:34px;height:34px;justify-self:center;border-radius:50%;background:#eef8ff;color:#118bd3}.learning-calendar-grid i{position:absolute;top:1px;left:50%;color:#ee2737;font-family:Comic Sans MS,Trebuchet MS,cursive;font-size:10px;font-style:italic;font-weight:var(--weight-action);line-height:1;transform:translate(-50%) rotate(-14deg);white-space:nowrap}.audio-history-table header,.audio-history-table div{grid-template-columns:34px minmax(0,1fr) 92px}.audio-history-table header strong:first-child{grid-column:2}.audio-history-table div strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rewards-mobile-screen{display:grid;align-content:start;gap:var(--mobile-header-content-gap);padding-top:40px;background:var(--mobile-blue-page-bg)}.rewards-mobile-screen.with-bottom-nav{padding-bottom:88px}.settings-mobile-screen .mobile-list{margin-top:0}.reward-catalogue-content{display:grid;gap:10px}.rewards-mobile-screen .rewards-points-card{position:relative;overflow:hidden;gap:5px;border:1px solid rgba(205,225,237,.96);border-radius:var(--radius-card);background:linear-gradient(90deg,rgba(17,139,211,.1),transparent 48%),linear-gradient(180deg,#fff,#fbfdff);box-shadow:0 10px 20px #164a6c14;color:#172a3a;padding:13px 14px}.rewards-mobile-screen .rewards-points-card:after{position:absolute;right:-18px;bottom:-24px;width:84px;height:84px;border:16px solid rgba(17,139,211,.08);border-radius:50%;content:""}.rewards-mobile-screen .rewards-points-card span,.rewards-mobile-screen .rewards-points-card small,.rewards-mobile-screen .rewards-points-card strong{position:relative;z-index:1}.rewards-mobile-screen .rewards-points-card span{color:#172a3a;font-size:var(--mobile-section-title);font-weight:var(--weight-heading);line-height:1.16}.rewards-mobile-screen .rewards-points-card small{color:#698092;font-size:var(--mobile-caption);font-weight:var(--weight-label);line-height:1.16}.rewards-mobile-screen .rewards-points-card strong{margin-top:3px;color:#118bd3;font-size:var(--mobile-display-lg);line-height:1}.rewards-mobile-screen .rewards-points-card svg{fill:#ffd04d;color:#d89b00}.reward-catalogue-panel{border:1px solid rgba(220,234,243,.95);border-radius:var(--radius-card);background:linear-gradient(180deg,#fff,#fbfdff);box-shadow:0 8px 18px #164a6c14;padding:10px}.rewards-mobile-screen .reward-catalogue-panel{border:0;border-radius:0;background:transparent;box-shadow:none;padding:0}.reward-detail-screen{gap:12px;background:var(--mobile-blue-page-bg);padding-top:50px;padding-bottom:84px}.reward-detail-screen.with-bottom-nav{padding-bottom:94px}.reward-detail-hero{border-radius:var(--radius-card);background:var(--white);padding:8px}.reward-detail-art-card{display:grid;width:100%;aspect-ratio:16 / 9;place-items:center;overflow:hidden;border-radius:var(--radius-control);background:#f6fbff}.reward-detail-screen .gift-art{width:100%;min-height:100%;margin:0;border-radius:var(--radius-control)}.reward-detail-screen .gift-art svg,.reward-sheet-thumb .gift-art svg,.reward-success-thumb .gift-art svg{width:62%;height:62%}.reward-detail-copy-card{display:grid;gap:12px;margin-top:14px;border:1px solid rgba(148,195,232,.58);border-radius:var(--radius-card);background:var(--white);padding:8px}.reward-detail-copy-card h1{margin:0;color:var(--ink);font-size:var(--mobile-page-title);line-height:1.16}.reward-detail-meta{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:12px}.reward-detail-meta>span{border-radius:999px;background:var(--sky-soft);color:var(--blue-strong);font-size:var(--mobile-caption);font-weight:var(--weight-action);padding:5px 10px}.reward-price{display:inline-flex;align-items:center;gap:7px;color:var(--ink);font-size:var(--mobile-caption);line-height:1;white-space:nowrap}.reward-price svg{flex:0 0 auto;fill:var(--yellow);color:#d49b00}.reward-detail-lead{margin:0;padding-top:12px;color:var(--ink);font-size:var(--mobile-body);font-weight:var(--weight-body);line-height:1.58}.sticky-mobile-action{margin-top:12px;box-shadow:0 8px 18px #118bd329}.reward-redemption-sheet{position:relative;align-self:end;justify-self:stretch;display:grid;width:calc(100% + 44px);max-height:calc(100% + 16px);overflow:auto;gap:12px;border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;background:var(--white);box-shadow:0 -18px 38px #0f23303d;margin:0 -22px -22px;padding:12px 22px 18px}.reward-sheet-handle{width:44px;height:4px;justify-self:center;border-radius:999px;background:#c7dcea}.reward-sheet-close{top:10px;right:10px;z-index:1;border-radius:50%;background:#f4f8fb;color:#172a3a}.reward-sheet-summary{display:grid;grid-template-columns:70px minmax(0,1fr);align-items:center;gap:11px;padding-right:28px}.reward-sheet-thumb{overflow:hidden;border-radius:var(--radius-card)}.reward-sheet-thumb .gift-art{min-height:70px;border-radius:var(--radius-card)}.reward-sheet-summary div:last-child{display:grid;gap:4px;min-width:0}.reward-sheet-summary p,.reward-sheet-summary h2,.reward-sheet-summary span{margin:0}.reward-sheet-summary p{color:#118bd3;font-size:var(--mobile-caption);font-weight:var(--weight-heading)}.reward-sheet-summary h2{overflow-wrap:anywhere;color:#172a3a;font-size:var(--mobile-section-title);line-height:1.16}.reward-sheet-summary strong{color:#d13d3d;font-size:var(--mobile-card-title);font-weight:var(--weight-heading)}.reward-sheet-summary span,.reward-success-card small,.reward-success-copy{color:#637381;font-size:var(--mobile-caption);font-weight:var(--weight-label);line-height:1.35}.reward-sheet-section{display:grid;gap:8px;border:1px solid #dceaf3;border-radius:var(--radius-card);background:#fbfdff;padding:10px}.reward-sheet-section h3{margin:0;color:#172a3a;font-size:var(--mobile-label);font-weight:var(--weight-heading)}.reward-method-options{display:grid;gap:10px}.reward-method-choice{display:grid;gap:7px}.reward-method-details{display:grid;gap:10px;margin-top:0;border:2px solid rgba(17,139,211,.42);border-radius:var(--radius-card);background:#eaf7ff;box-shadow:0 9px 20px #164a6c1f;padding:10px}.reward-method-details-heading{margin:0;color:#087fbe;font-size:var(--mobile-caption);font-weight:var(--weight-heading);line-height:1.3}.reward-radio-row{display:flex;align-items:center;gap:9px;min-height:40px;border:1px solid #dceaf3;border-radius:var(--radius-row);background:var(--white);color:#172a3a;font-size:var(--mobile-label);font-weight:var(--weight-action);padding:8px 10px}.reward-radio-row input{accent-color:#118bd3}.reward-radio-row.active{border-color:#118bd361;background:#f8fcff;box-shadow:inset 3px 0 #118bd3}.reward-office-options,.reward-courier-fields{display:grid;gap:8px;border-radius:var(--radius-card);border:1px solid rgba(207,228,242,.7);background:linear-gradient(180deg,#eef8ff,#e9f5fc);padding:8px}.reward-office-options{grid-template-columns:1fr}.reward-method-details .reward-office-options{border:0;background:transparent;padding:0}.reward-office-options button{position:relative;width:100%;min-height:40px;border:1px solid rgba(207,228,242,.72);border-radius:var(--radius-control);background:#ffffff94;color:#667989;font-size:var(--compact-control-font);font-weight:var(--weight-heading);padding:0 38px 0 13px;text-align:left;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease}.reward-office-options button.active{background:var(--white);border-color:#118bd352;box-shadow:0 6px 12px #164a6c1f;color:#118bd3}.reward-office-options button.active:after{position:absolute;top:calc(50% - 1px);right:14px;width:11px;height:6px;border:solid #118bd3;border-width:0 0 2px 2px;content:"";transform:translateY(-50%) rotate(-45deg)}.reward-office-address{grid-column:1 / -1;display:flex;align-items:center;gap:8px;margin:0;border-top:1px solid rgba(207,228,242,.68);color:#5f7486;font-size:var(--mobile-caption);font-weight:var(--weight-action);line-height:1.3;padding:2px 5px 0}.reward-office-address svg{flex:0 0 auto;color:#118bd3}.reward-courier-fields .field-label{gap:7px;margin:0;color:#5f7486;font-size:var(--mobile-label);font-weight:var(--weight-heading);line-height:1.2}.reward-courier-fields.reward-method-details{border:2px solid rgba(17,139,211,.42);background:#eaf7ff;padding:10px}.reward-courier-fields .field-control{min-height:44px;border-color:#cfe4f2;border-radius:var(--radius-row);background:var(--white);box-shadow:inset 0 1px #ffffffdb;padding:0 13px}.reward-courier-fields .field-control input{color:#172a3a;font-size:var(--mobile-body);font-weight:var(--weight-label)}.reward-courier-fields .field-control input::placeholder,.reward-courier-fields textarea::placeholder{color:#8fa0ae;font-size:var(--mobile-body);font-weight:var(--weight-body)}.reward-courier-fields textarea{width:100%;min-height:76px;resize:none;border:0;outline:0;background:transparent;color:var(--ink);font:inherit;font-size:var(--mobile-body);font-weight:var(--weight-label);line-height:1.35;padding:12px 0}.reward-sheet-confirm{margin-top:0}.reward-account-password{gap:7px;margin:0}.reward-account-password .field-control{min-height:44px;border-radius:var(--radius-row)}.reward-success-screen{align-content:center;gap:12px;background:var(--mobile-blue-page-bg);padding-top:50px;padding-bottom:94px}.reward-success-card{display:grid;justify-items:center;gap:9px;border:1px solid rgba(155,220,255,.75);border-radius:var(--radius-card);background:var(--white);box-shadow:0 10px 22px #164a6c1a;padding:24px 18px;text-align:center}.reward-success-card p,.reward-success-card h1{margin:0}.reward-success-card p{color:#118bd3;font-size:var(--mobile-caption);font-weight:var(--weight-heading)}.reward-success-card h1{color:#172a3a;font-size:var(--mobile-page-title);line-height:1.18}.reward-success-thumb{overflow:hidden;width:110px;border-radius:var(--radius-card)}.reward-success-thumb .gift-art{min-height:110px;border-radius:var(--radius-card)}.reward-success-card strong{color:#172a3a;font-size:var(--mobile-section-title);font-weight:var(--weight-heading);line-height:1.2}.reward-success-card span{color:#d13d3d;font-size:var(--mobile-card-title);font-weight:var(--weight-heading)}.reward-success-card .reward-success-check{background:#e9fbf1;color:#19a45b}.reward-success-card .reward-success-check span,.reward-success-card .reward-success-check svg{color:#19a45b}.reward-success-copy{margin:0;padding:0 12px;text-align:center}.reward-success-copy span{display:block}.reward-success-submit{margin-top:4px}.news-screen{background:var(--mobile-blue-page-bg)}.notifications-screen{gap:12px;background:var(--mobile-blue-page-bg)}.notification-list{display:grid;gap:8px}.notification-row{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:10px;width:100%;border:1px solid rgba(148,195,232,.58);border-radius:var(--radius-row);background:var(--white);color:inherit;cursor:pointer;padding:12px 10px;text-align:left;box-shadow:0 8px 18px #1758840d}.notification-row.unread{border-color:#ff6b6b47}.notification-status{width:7px;height:7px;border-radius:50%;background:#c3d3df}.notification-status.unread{background:var(--coral);box-shadow:0 0 0 4px #ff6b6b21}.notification-copy{display:grid;gap:5px;min-width:0}.notification-row:not(.unread) .notification-title{color:#496274;font-weight:var(--weight-body)}.notification-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;color:var(--blue-strong);font-size:var(--mobile-caption);font-weight:var(--weight-action);line-height:1.2}.notification-meta strong{border-radius:999px;background:#ff6b6b21;color:#c84d4d;padding:2px 6px;font-size:var(--mobile-nav-label);line-height:1.1}.notification-title{color:var(--ink);font-size:var(--mobile-body);font-weight:var(--weight-action);line-height:1.35}.notification-chevron{color:#8aa5b8}.news-feature-card{display:grid;width:100%;overflow:hidden;border:1px solid rgba(255,255,255,.72);border-radius:var(--radius-card);background:var(--white);color:inherit;cursor:pointer;padding:8px;text-align:left}.news-art,.news-detail-hero .news-art{aspect-ratio:16 / 9;border-radius:var(--radius-control);overflow:hidden;background:#eaf3fb}.news-art img{display:block;width:100%;height:100%;object-fit:cover}.news-copy{padding:8px 2px 2px}.news-meta-line{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px;color:var(--blue-strong);font-size:var(--mobile-caption);font-weight:var(--weight-action)}.news-meta-line time{flex:0 0 auto;color:var(--blue-strong)}.news-feature-card h2{margin:0 0 6px;color:var(--ink);font-size:var(--mobile-section-title);line-height:1.25}.news-feature-card p{margin:0;color:var(--ink);font-size:var(--mobile-body);line-height:1.45}.news-read-more{display:inline-flex;align-items:center;gap:2px;margin-top:9px;color:var(--blue);font-size:var(--mobile-caption);font-weight:var(--weight-action)}.news-detail-screen{gap:12px;padding-bottom:84px}.news-detail-screen.with-bottom-nav{padding-bottom:94px}.news-detail-hero{border-radius:var(--radius-card);background:var(--white);padding:8px}.news-detail-hero .news-art{border-radius:var(--radius-control)}.news-detail-copy-card{display:grid;gap:12px;margin-top:14px;border:1px solid rgba(148,195,232,.58);border-radius:var(--radius-card);background:var(--white);padding:8px}.news-detail-meta{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:12px}.news-detail-meta>span{border-radius:999px;background:var(--sky-soft);color:var(--blue-strong);font-size:var(--mobile-caption);font-weight:var(--weight-action);padding:5px 10px}.news-detail-meta .info-line{margin:0;color:var(--muted)}.news-detail-copy-card h1{margin:0;color:var(--ink);font-size:var(--mobile-page-title);line-height:1.16}.news-detail-lead,.news-detail-section-list p{margin:0;color:var(--ink);font-size:var(--mobile-body);font-weight:var(--weight-body);line-height:1.58}.news-detail-lead{padding-top:12px}.news-detail-section-list{display:grid;gap:0}.news-detail-section-list section{display:grid;gap:5px;padding:12px 0}.news-detail-section-list section:last-child{padding-bottom:0}.news-detail-section-list h2{margin:0;color:var(--blue-strong);font-size:var(--mobile-section-title)}.phone-dialog-backdrop{position:absolute;z-index:90;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#0f23309e;padding:22px}.phone-dialog,.student-qr-card{position:relative;width:100%;border-radius:var(--radius-sheet);background:var(--white);box-shadow:0 18px 42px #0000002e;padding:24px;text-align:center}.dialog-close{position:absolute;top:12px;right:12px;display:grid;width:32px;height:32px;place-items:center;border:0;background:transparent}.phone-dialog h2{margin:10px 0 8px;font-size:var(--mobile-page-title)}.phone-dialog p{color:var(--muted);font-size:var(--mobile-body);font-weight:var(--weight-body)}.mobile-otp-dialog{display:grid;width:min(100%,342px);gap:14px;border:1px solid rgba(202,220,232,.96);border-radius:24px;padding:28px 24px 22px;text-align:left}.mobile-otp-dialog h2,.mobile-otp-dialog p{margin:0}.mobile-otp-dialog h2{padding-right:34px;color:#172a3a;font-size:24px;line-height:1.08}.mobile-otp-dialog p{color:#526576;font-size:var(--mobile-caption);line-height:1.35}.mobile-otp-dialog .otp-input-group legend{color:#526576;font-size:var(--mobile-label);font-weight:var(--weight-heading)}.mobile-otp-dialog .otp-input-row{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.mobile-otp-dialog .otp-digit-input{aspect-ratio:1;height:auto;border-color:#cadce8f5;border-radius:12px;font-size:var(--mobile-card-title)}.mobile-otp-value-field{display:grid;gap:7px;color:#526576;font-size:var(--mobile-caption);font-weight:var(--weight-heading)}.mobile-otp-value-field .field-control{min-height:48px;border-color:#cadce8f5;border-radius:12px}.mobile-otp-dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mobile-otp-dialog-actions .button{min-width:0;min-height:48px;border-radius:12px;padding-inline:12px;white-space:nowrap}.student-qr-card{overflow:hidden;display:grid;width:min(100%,306px);border:1px solid rgba(125,205,244,.58);border-radius:var(--radius-sheet);background:radial-gradient(circle at 96% 92%,rgba(255,210,77,.18),transparent 27%),radial-gradient(circle at 0% 5%,rgba(125,205,244,.3),transparent 32%),linear-gradient(180deg,#fffffffc,#f1fafffc);box-shadow:0 24px 48px #0f233042;color:#172a3a;padding:0;text-align:left}.student-qr-card:before{position:absolute;inset:auto -34px -48px auto;width:140px;height:140px;border:22px solid rgba(29,142,235,.08);border-radius:50%;background:radial-gradient(circle at 48% 48%,rgba(255,210,77,.14),transparent 44%),radial-gradient(circle at 35% 35%,rgba(125,205,244,.18),transparent 58%);content:"";pointer-events:none}.student-info-screen{display:grid;grid-template-rows:auto minmax(0,1fr);gap:var(--mobile-header-content-gap);overflow:hidden;background:var(--mobile-blue-page-bg);padding-top:var(--mobile-page-header-top)}.student-info-screen.with-bottom-nav{padding-bottom:0}.student-info-scroll{min-height:0;overflow-y:auto;padding-bottom:112px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.student-info-summary+.student-info-panel{margin-top:var(--mobile-header-content-gap)}.student-info-panel+.student-info-panel{margin-top:var(--mobile-header-content-gap)}.student-info-scroll::-webkit-scrollbar{display:none}.student-info-screen .mobile-page-header-title strong{margin-top:0;font-size:var(--mobile-section-title)}.student-info-summary,.student-info-panel{border:1px solid rgba(220,234,243,.95);border-radius:var(--radius-card);background:linear-gradient(180deg,#fff,#fbfdff);box-shadow:0 8px 18px #164a6c12}.student-info-summary{display:grid;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:12px;padding:14px}.student-info-summary .avatar{width:54px;height:54px}.student-info-summary div{display:grid;min-width:0;gap:3px}.student-info-summary strong{overflow:hidden;color:#172a3a;font-size:var(--mobile-title);font-weight:var(--weight-heading);line-height:1.16;text-overflow:ellipsis;white-space:nowrap}.student-info-summary span{color:#118bd3;font-size:var(--mobile-caption);font-weight:var(--weight-action);line-height:1.2}.student-info-summary small{color:#637381;font-size:var(--mobile-caption);font-weight:var(--weight-body);line-height:1.2}.student-info-panel{overflow:hidden}.student-info-section{display:grid}.student-info-section+.student-info-section{border-top:8px solid rgba(235,247,253,.95)}.student-info-section h2{display:flex;align-items:center;gap:8px;margin:0;border-bottom:1px solid rgba(220,234,243,.82);padding:12px 14px 10px;color:#172a3a;font-size:var(--mobile-label);font-weight:var(--weight-heading);line-height:1.22}.student-info-section-icon{display:grid;flex:0 0 auto;width:24px;height:24px;place-items:center;border-radius:50%;background:#118bd31a;color:#118bd3}.student-info-row{display:grid;grid-template-columns:minmax(104px,.52fr) minmax(0,1fr);align-items:start;gap:10px;border-bottom:1px solid rgba(220,234,243,.72);padding:11px 14px}.student-info-row:last-child{border-bottom:0}.student-info-row span{color:#637381;font-size:var(--mobile-caption);font-weight:var(--weight-action);line-height:1.25}.student-info-row strong{min-width:0;color:#172a3a;font-size:var(--mobile-label);font-weight:var(--weight-heading);line-height:1.28;overflow-wrap:anywhere;text-align:right}.student-info-row.multiline{grid-template-columns:1fr;gap:5px}.student-info-row.multiline strong{text-align:left}.student-card-close{z-index:3;top:12px;right:12px;border-radius:50%;background:linear-gradient(180deg,#ffffff5c,#ffffff38);box-shadow:inset 0 1px #ffffff61,0 6px 14px #164a6c1f;color:var(--white)}.student-card-close:focus-visible{outline:3px solid rgba(255,255,255,.58);outline-offset:2px}.student-pass-header{position:relative;display:grid;min-height:78px;align-content:center;gap:7px;border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;background:radial-gradient(circle at 92% 18%,rgba(255,255,255,.24),transparent 28%),radial-gradient(circle at 16% 0%,rgba(255,255,255,.18),transparent 35%),linear-gradient(135deg,#65c2ef 0%,var(--brand-blue) 48%,#56b8ea 100%);padding:16px 56px 15px 19px;color:var(--white)}.student-pass-header .kumon-logo{margin:0;color:inherit}.student-pass-header .kumon-logo.image{width:92px;filter:brightness(0) invert(1)}.student-pass-header span{font-size:var(--mobile-caption);font-weight:var(--weight-heading);letter-spacing:.08em;line-height:1.1;text-shadow:0 1px 1px rgba(15,35,48,.12);text-transform:uppercase}.student-pass-body{position:relative;z-index:1;display:grid;gap:13px;background:linear-gradient(180deg,#fff,#f8fdfff5);padding:17px 17px 19px}.student-pass-identity{display:grid;gap:4px}.student-pass-identity span,.student-pass-fields dt{color:#4f687b;font-size:var(--mobile-caption);font-weight:var(--weight-heading);letter-spacing:.04em;line-height:1.1;text-transform:uppercase}.student-pass-identity h2{margin:0;color:#10283d;font-size:var(--mobile-page-title);font-weight:var(--weight-heading);letter-spacing:0;line-height:1.15}.student-pass-fields{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;margin:0}.student-pass-fields div{display:grid;min-height:58px;align-content:center;gap:6px;border:1px solid rgba(178,220,244,.88);border-radius:var(--radius-card);background:linear-gradient(90deg,rgba(255,210,77,.1),transparent 42%),linear-gradient(180deg,#fffffff0,#eff9ffd1);padding:10px 11px;box-shadow:inset 0 1px #ffffffd1}.student-pass-fields dd{overflow:hidden;margin:0;color:#4f687b;font-size:var(--mobile-body);font-weight:var(--weight-heading);letter-spacing:0;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.student-pass-fields div:first-child dd{color:#0b7fc7;font-size:var(--mobile-card-title)}.student-pass-qr-panel{position:relative;overflow:hidden;display:grid;justify-items:center;border:1px solid rgba(125,205,244,.62);border-radius:var(--radius-card);background:radial-gradient(circle at 16% 0%,rgba(255,210,77,.18),transparent 30%),radial-gradient(circle at 92% 100%,rgba(125,205,244,.28),transparent 34%),linear-gradient(180deg,#f0fbff,#fff 54%,#ecf8ff);box-shadow:inset 0 1px #ffffffdb,0 10px 22px #164a6c14;padding:14px;text-align:center}.student-real-qr{position:relative;z-index:1;display:block;width:204px;height:204px;margin:0 auto;border:0;border-radius:var(--radius-row);background:transparent;box-shadow:0 12px 24px #164a6c0f;shape-rendering:crispEdges}.student-real-qr>path:first-child,.student-real-qr rect{fill:transparent}.mobile-avatar-block{display:grid;justify-items:center;gap:7px;margin:0 0 14px;text-align:center}.mobile-avatar-block.compact{margin-bottom:10px}.mobile-avatar-block h1{margin:0;color:var(--ink);font-size:var(--mobile-page-title);line-height:1.18}.mobile-avatar-block p{margin:0;color:var(--muted)}.mobile-list{display:grid;gap:8px}.student-profile-screen{gap:10px}.student-profile-screen.with-bottom-nav{padding-bottom:142px}.student-profile-subject-card,.student-profile-history-row{border:1px solid rgba(210,226,237,.92);border-radius:var(--radius-card);background:var(--white);box-shadow:0 10px 24px #175c8e12}.student-profile-subject-main span:last-child,.student-profile-history-row>span:nth-child(2){display:grid;min-width:0;gap:3px}.student-profile-subject-card small,.student-profile-history-row small{color:var(--muted);font-size:var(--mobile-caption);font-weight:var(--weight-label);line-height:1.25}.student-profile-section-title strong,.student-profile-subject-main strong{color:var(--ink);font-size:var(--mobile-label);font-weight:var(--weight-heading);line-height:1.25}.student-profile-section-icon,.student-profile-subject-badge{display:inline-grid;width:34px;height:34px;place-items:center;border-radius:var(--radius-row);background:#e9f6ff;color:#118bd3}.student-profile-screen .mobile-list-row,.student-profile-history-row{grid-template-columns:34px minmax(0,1fr) auto}.student-profile-screen .mobile-list-row>.list-icon:first-child,.student-profile-history-row>.student-profile-section-icon{justify-self:center}.student-profile-screen .mobile-list-row>.list-icon:first-child{display:inline-grid;width:34px;height:34px;place-items:center;border-radius:var(--radius-row);background:#e9f6ff;color:#118bd3;font-size:18px!important}.student-profile-subjects{display:grid;gap:8px;padding-top:12px}.student-profile-section-title{display:flex;align-items:center;gap:9px}.student-profile-subject-card{display:grid;gap:10px;padding:12px}.student-profile-subject-main{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px}.student-profile-subject-badge{color:#107ebf;font-size:var(--mobile-card-title);font-weight:var(--weight-heading)}.student-profile-subject-card.coral .student-profile-subject-badge{background:#fff0f1;color:#e44f5d}.student-profile-subject-card.green .student-profile-subject-badge{background:#edf9f0;color:#43a74d}.student-profile-enrollment-meta{display:grid;gap:6px;border-top:1px solid rgba(220,234,243,.74);padding-top:9px}.student-profile-enrollment-meta p{display:grid;grid-template-columns:16px minmax(0,1fr);align-items:start;gap:7px;margin:0;color:var(--muted);font-size:var(--mobile-caption);font-weight:var(--weight-body);line-height:1.35}.student-profile-enrollment-meta .student-profile-enrollment-status{display:grid;width:100%}.student-profile-enrollment-status>span{grid-column:2}.student-profile-enrollment-meta svg{margin-top:1px;color:#118bd3}.student-profile-history-row>span:nth-child(2) strong{display:inline-flex;align-items:center;gap:5px;color:#8a5a00;font-size:var(--mobile-label);font-weight:var(--weight-heading);line-height:1.2}.student-profile-history-row>span:nth-child(2) strong svg{fill:var(--yellow);color:#e7a600}.student-profile-history-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;width:100%;box-sizing:border-box;min-height:50px;align-items:center;gap:10px;color:var(--ink);padding:8px 12px;text-align:left}.student-profile-history-action{display:inline-flex;align-items:center;justify-self:end;gap:5px;color:var(--ink);font-size:var(--mobile-label);font-weight:var(--weight-heading);line-height:1.25;white-space:nowrap}.student-profile-history-row .trailing-icon{color:#6b7b89}.profile-list-stack{display:grid;gap:10px;margin-top:0}.profile-list-row{display:grid;grid-template-columns:40px minmax(0,1fr) 24px;align-items:center;gap:10px;width:100%;border:1px solid #dceaf3;border-radius:var(--radius-card);background:var(--white);box-shadow:0 7px 16px #164a6c14;color:var(--text);padding:10px;text-align:left}.profile-list-row.selected{border-color:#b5ddff;background:var(--sky-soft)}.profile-list-row.add-student-row{border-style:dashed;border-color:#9bdcff;background:#f8fdff}.add-student-icon{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;background:var(--blue);color:var(--white);font-size:20px;font-weight:var(--weight-action);line-height:1}.profile-list-row span:not(.avatar){display:grid;min-width:0}.profile-list-row strong,.profile-list-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-list-row strong{color:var(--text);font-size:var(--mobile-label);font-weight:var(--weight-action);line-height:1.25}.profile-list-row small{color:var(--muted);font-size:var(--mobile-caption);font-weight:var(--weight-body);line-height:1.25}.parent-profile-screen .mobile-page-header-title strong{color:#172a3a}.parent-profile-screen .parent-info-label{display:flex;min-width:0;align-items:center;gap:7px}.parent-profile-screen .parent-info-value{display:flex;min-width:0;align-items:center;justify-content:flex-end;gap:8px}.parent-profile-screen .parent-info-value>span{min-width:0;color:inherit;font-size:inherit;font-weight:inherit;overflow-wrap:anywhere}.parent-profile-screen .parent-contact-detail-row{width:100%}.parent-profile-screen button.parent-contact-detail-row{border-top:0;border-right:0;border-left:0;background:transparent;color:inherit;font:inherit;text-align:left}.parent-profile-screen button.parent-contact-detail-row:focus-visible{outline:2px solid rgba(17,139,211,.42);outline-offset:-3px}.parent-profile-screen .parent-contact-detail-row.is-actionable .parent-info-value{color:#8a9aac}.parent-profile-screen .parent-phone-area-code{flex:0 0 auto;border-right:1px solid rgba(204,219,231,.98);color:#637381;padding-right:8px;white-space:nowrap}.parent-profile-screen .parent-info-verified-icon{flex:0 0 auto;color:#21894f}.parent-profile-screen .parent-info-verified-icon svg{color:#21894f;fill:currentColor}.parent-profile-screen .student-info-row.multiline .parent-info-value{display:block;text-align:left}.mobile-contact-label-row,.mobile-contact-control-row{display:flex;min-width:0;align-items:center;gap:8px}.mobile-contact-label-row{justify-content:space-between}.mobile-contact-control-row .field-control{min-width:0;flex:1 1 auto}.mobile-screen .field-control.locked{border-color:#c0c7cff2;background:#f0f2f4;color:#687789}.mobile-screen .field-control.locked input{color:#687789;cursor:not-allowed}.mobile-contact-verify-button{flex:0 0 auto;min-height:var(--compact-control-height);border:0;border-radius:var(--radius-control);background:#118bd3;color:#fff;font-size:var(--mobile-button-font);font-weight:var(--weight-heading);padding:0 12px}.mobile-contact-verify-button:disabled{background:#b7c5d2}.parent-profile-screen .mobile-contact-label-row{justify-content:flex-start;gap:7px}.parent-profile-screen .mobile-field-label-text{color:#526576;font-size:var(--mobile-caption);font-weight:var(--weight-heading)}.parent-profile-screen .mobile-verified-tag{display:inline-flex;flex:0 0 auto;align-items:center;gap:4px;border-radius:999px;background:#e6f6ed;color:#21894f;font-size:var(--mobile-caption);padding:5px 7px;white-space:nowrap}.parent-profile-screen .mobile-verified-tag svg{color:currentColor}.parent-profile-screen .mobile-contact-control-row{gap:9px}.parent-profile-screen .mobile-contact-control-row .field-control{min-height:46px;border-color:#cadce8f5;border-radius:10px;background:#f9fcff;color:#118bd3}.parent-profile-screen .field-control.locked{border-color:#ccdbe7fa;background:#f4f8fb;color:#637381}.parent-profile-screen .field-control.locked input{color:#526576;cursor:not-allowed}.parent-profile-screen .mobile-phone-field.locked{gap:6px;padding:0 8px 0 10px}.parent-profile-screen .mobile-phone-field.locked .area-code-select{flex-basis:52px;width:52px;min-width:52px;border-right-color:#ccdbe7fa;color:#526576}.parent-profile-screen .mobile-phone-field.locked input{min-width:0}.parent-profile-screen .field-control input,.parent-profile-screen .field-control input::placeholder{font-size:var(--mobile-caption)}.parent-profile-screen .area-code-select{font-size:var(--mobile-caption)}.parent-profile-screen .area-code-select:disabled{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:none}.parent-profile-screen .mobile-contact-verify-button{min-height:46px;border-radius:10px;background:#118bd3;font-size:var(--mobile-caption);padding:0 15px}.parent-profile-screen .mobile-contact-verify-button:disabled{background:#c7d4df;color:#fff}.parent-linked-list{display:grid;gap:10px;padding:0 14px 14px}.parent-linked-section{background:linear-gradient(180deg,#fbfdff,#f4fbff)}.parent-linked-section h2{border-bottom:0;padding:14px 14px 10px}.parent-linked-section .student-info-section-icon{width:30px;height:30px;background:#eef8ff;box-shadow:inset 0 0 0 1px #aedcf7ad}.add-student-screen,.add-student-submitted-screen,.mobile-onboarding-screen{--mobile-screen-x: var(--mobile-form-screen-x);--mobile-header-content-gap: var(--mobile-form-gap);gap:var(--mobile-form-gap);padding-bottom:94px}.add-student-screen{gap:var(--mobile-form-gap)}.mobile-onboarding-intro{display:grid;gap:6px;border:1px solid rgba(155,220,255,.75);border-radius:var(--radius-card);background:linear-gradient(180deg,#fff,#f8fcff);box-shadow:0 8px 18px #164a6c14;padding:16px}.mobile-onboarding-intro span{color:var(--blue-strong);font-size:var(--mobile-caption);font-weight:var(--weight-heading)}.mobile-onboarding-intro h1,.mobile-onboarding-intro p{margin:0}.mobile-onboarding-intro h1{color:var(--ink);font-size:var(--mobile-card-title);font-weight:var(--weight-heading);line-height:1.18}.mobile-onboarding-intro p{color:var(--muted);font-size:var(--mobile-caption);font-weight:var(--weight-label);line-height:1.35}.add-student-form{border:1px solid rgba(155,220,255,.75);border-radius:var(--radius-card);background:var(--white);box-shadow:0 8px 18px #164a6c14;gap:var(--mobile-form-gap);padding:var(--mobile-form-card-padding)}.add-student-form .field-label,.mobile-onboarding-form .field-label{gap:8px;margin:0;color:#637381;font-size:var(--mobile-form-label-font);font-weight:var(--weight-action)}.add-student-form .field-control,.mobile-onboarding-form .field-control{min-height:var(--mobile-form-control-height);border-color:#dceaf3;border-radius:var(--radius-control);background:#fbfdff}.mobile-onboarding-form{border:1px solid rgba(155,220,255,.75);border-radius:var(--radius-card);background:var(--white);box-shadow:0 8px 18px #164a6c14;gap:var(--mobile-form-gap);padding:var(--mobile-form-card-padding)}.mobile-outside-field{display:grid;gap:8px}.mobile-field-label-text{color:#637381;font-size:var(--mobile-form-label-font);font-weight:var(--weight-action);line-height:1.25}.mobile-textarea-field textarea{min-height:78px;border:0;background:transparent;color:#233140;font:inherit;font-size:var(--mobile-form-value-font);font-weight:var(--weight-label);outline:none;padding:10px 0;resize:none;width:100%}.mobile-address-field-heading{margin:0}.add-student-date-field .field-control{gap:8px}.add-student-date-field svg{color:var(--blue)}.mobile-field-group{display:grid;gap:8px;color:#637381;font-size:var(--mobile-form-label-font);font-weight:var(--weight-action);line-height:1.25}.mobile-segmented-control{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;border-radius:var(--radius-control);background:#eef7ff;padding:4px}.mobile-segmented-control button{min-height:calc(var(--mobile-form-control-height) - 8px);border:0;border-radius:var(--radius-control);background:transparent;color:#647380;font-size:var(--mobile-form-label-font);font-weight:var(--weight-action);line-height:1.15}.mobile-segmented-control button.active{background:var(--white);box-shadow:0 5px 12px #164a6c1f;color:var(--blue-strong)}.mobile-select-row{display:grid;grid-template-columns:minmax(0,1fr) 24px;align-items:center;column-gap:8px;min-height:var(--mobile-form-control-height);border:1px solid #dceaf3;border-radius:var(--radius-control);background:#fbfdff;color:var(--ink);font-size:var(--mobile-form-value-font);padding:0 12px;text-align:left}.mobile-select-row>svg:last-child,.profile-list-row>svg:last-child{justify-self:center}.mobile-select-row span{display:grid;gap:3px;min-width:0}.mobile-select-row small{color:#637381;font-size:var(--mobile-form-label-font);font-weight:var(--weight-action)}.mobile-select-row strong{color:var(--ink);font-size:var(--mobile-form-value-font);font-weight:var(--weight-heading)}.learning-record-subject-switcher{grid-template-columns:36px minmax(0,1fr) 36px;gap:8px;padding:4px 6px;text-align:center}.learning-record-subject-switcher.single-subject{grid-template-columns:minmax(0,1fr)}.learning-record-subject-switcher strong{overflow:hidden;min-width:0;text-overflow:ellipsis;white-space:nowrap}.learning-record-subject-switcher button{display:grid;width:36px;height:36px;place-items:center;border:1px solid rgba(17,139,211,.2);border-radius:50%;background:#eaf8ff;color:#0b7fc7;cursor:pointer;padding:0}.learning-record-subject-switcher button:active{transform:translateY(1px)}.learning-record-subject-switcher button:focus-visible{outline:3px solid rgba(17,139,211,.24);outline-offset:2px}.mobile-course-subject-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.mobile-course-subject-grid button{display:grid;justify-items:center;gap:6px;min-height:82px;border:1px solid #dceaf3;border-radius:var(--radius-row);background:#fbfdff;color:var(--ink);padding:8px 5px}.mobile-course-subject-grid button.active{border-color:#118bd36b;background:#eef8ff;color:var(--blue-strong)}.mobile-course-subject-grid span{display:grid;width:28px;height:28px;place-items:center;border-radius:50%;background:var(--white);color:inherit;font-size:var(--mobile-body);font-weight:var(--weight-heading)}.mobile-course-subject-grid strong{font-size:var(--mobile-caption);font-weight:var(--weight-action);line-height:1.12;text-align:center}.add-student-submit{margin-top:10px;min-height:var(--mobile-form-submit-height);font-size:var(--button-font)}.mobile-preview-actions{margin-top:4px}.mobile-preview-card strong{overflow-wrap:anywhere}.enrollment-preview-screen .mobile-preview-card div{display:grid;grid-template-columns:1fr;align-items:start;justify-content:start;gap:5px;padding:11px 14px}.enrollment-preview-screen .mobile-preview-card span,.enrollment-preview-screen .mobile-preview-card strong{min-width:0;text-align:left}.enrollment-preview-screen .mobile-preview-card strong{line-height:1.28}.submitted-submit{margin-top:12px}.submitted-hero-card,.submitted-detail-card{border:1px solid rgba(155,220,255,.75);border-radius:var(--radius-card);background:var(--white);box-shadow:0 8px 18px #164a6c14}.submitted-hero-card{display:grid;justify-items:center;gap:9px;padding:24px 18px;text-align:center}.submitted-check{display:grid;width:58px;height:58px;place-items:center;border-radius:50%;background:#e9fbf1;color:#19a45b}.submitted-hero-card h1,.submitted-hero-card p{margin:0}.submitted-hero-card h1{color:var(--ink);font-size:var(--mobile-page-title);line-height:1.18}.submitted-hero-card p{color:var(--muted);font-size:var(--mobile-body);font-weight:var(--weight-body);line-height:1.45}.submitted-detail-card{display:grid;gap:0;overflow:hidden}.submitted-detail-card div{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #e5f0f7;padding:12px 14px}.submitted-detail-card div:last-child{border-bottom:0}.submitted-detail-card span{color:#637381;font-size:var(--mobile-caption);font-weight:var(--weight-action)}.submitted-detail-card strong{color:var(--ink);font-size:var(--mobile-label);font-weight:var(--weight-heading);text-align:right}.mobile-list-row{width:100%;min-height:50px;gap:9px;border:1px solid var(--line);border-radius:var(--radius-row);background:var(--white);color:var(--text);padding:0 12px;text-align:left}.mobile-list-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center}.mobile-list-row span{font-size:var(--mobile-label);font-weight:var(--weight-action);line-height:1.25}.mobile-list-row svg:first-child{color:#118bd3}.settings-row-trailing{display:inline-flex;align-items:center;justify-content:flex-end;gap:7px;color:#637381;font-size:var(--mobile-label);font-weight:var(--weight-heading);line-height:1}.settings-row-trailing span{color:#33536c}.language-dialog{display:grid;gap:12px;text-align:left}.language-dialog h2{margin-right:36px}.language-choice-list{display:grid;gap:9px}.language-choice-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:48px;border:1px solid var(--line);border-radius:var(--radius-row);background:var(--white);color:#172a3a;padding:9px 10px;text-align:left}.language-choice-row span{display:grid;width:34px;height:34px;place-items:center;border-radius:999px;background:#eef8ff;color:#118bd3;font-size:var(--mobile-label);font-weight:var(--weight-heading)}.language-choice-row strong{overflow:hidden;color:#172a3a;font-size:var(--mobile-label);font-weight:var(--weight-heading);line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.language-choice-row.selected{border-color:#b5ddff;background:var(--sky-soft)}.language-choice-row.selected span{background:#118bd3;color:var(--white)}.mobile-list-row.danger{color:#d13d3d}.change-password-screen{gap:var(--mobile-header-content-gap)}.change-password-form{gap:var(--mobile-form-gap);margin-top:0}.change-password-form .field-control{min-height:var(--mobile-form-control-height)}.change-password-submit{margin-top:14px;min-height:var(--mobile-form-submit-height);font-size:var(--button-font)}.confirmation-dialog{display:grid;gap:12px}.confirmation-warning-icon{display:grid;width:52px;height:52px;margin:0 auto;place-items:center;border-radius:50%;background:#ee27371a;color:#d13d3d}.confirmation-dialog h2,.confirmation-dialog p{margin:0}.delete-dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:4px}.delete-account-confirm{background:#d13d3d;box-shadow:0 8px 16px #d13d3d2e}.mobile-profile-enrollment-button{margin-top:14px}.mobile-audio-list{margin-top:8px}.mobile-audio-list .audio-row{gap:10px;padding:10px}.mobile-audio-list .audio-icon{width:36px;height:36px}.mobile-audio-list .audio-row button{width:34px;height:34px}.mobile-audio-list .audio-row strong{font-size:var(--mobile-section-title);line-height:1.25}.mobile-audio-list .audio-row span{font-size:var(--mobile-label);line-height:1.25}.mobile-mini-player{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;margin-top:14px;border-radius:var(--radius-card);background:linear-gradient(135deg,var(--blue),#0874c9);color:var(--white);padding:10px}.mobile-mini-player div{display:grid;min-width:0}.mobile-mini-player strong,.mobile-mini-player span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-mini-player span{opacity:.78;font-size:var(--mobile-label);line-height:1.25}.mobile-mini-player button{display:grid;width:var(--icon-button-sm);height:var(--icon-button-sm);place-items:center;border:1px solid rgba(255,255,255,.55);border-radius:50%;background:#ffffff1a;color:var(--white)}.mobile-points-card{display:grid;gap:4px;border-radius:var(--radius-card);background:radial-gradient(circle at 86% 12%,rgba(255,255,255,.26),transparent 30%),linear-gradient(135deg,var(--blue),#0975ca);color:var(--white);padding:13px}.mobile-points-card span{opacity:.82;font-weight:var(--weight-body)}.mobile-points-card strong{display:inline-flex;align-items:center;gap:8px;font-size:var(--mobile-display)}.reward-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0}.reward-actions .quick-button{display:flex;min-height:58px;align-items:center;justify-content:flex-start;gap:11px;border-color:#dceaf3f2;border-radius:var(--radius-card);background:linear-gradient(180deg,#fff,#fbfdff);box-shadow:0 7px 15px #164a6c14;color:#118bd3;padding:0 16px;text-align:left}.reward-actions .quick-button span{color:#172a3a;font-size:var(--mobile-label);line-height:1.2;text-align:left}.reward-actions .quick-button .quick-icon{width:22px;height:22px;flex:0 0 auto}.mobile-reward-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.mobile-reward-grid .button{min-height:32px;border-radius:var(--radius-control);font-size:var(--mobile-label)}.rewards-mobile-screen .mobile-reward-grid .reward-card.compact{gap:7px;border-color:#dceaf3f2;border-radius:var(--radius-card);background:linear-gradient(180deg,#fff,#fbfdff);box-shadow:none;padding:8px}.rewards-mobile-screen .mobile-reward-grid .reward-card.compact .gift-art{aspect-ratio:1 / 1;min-height:0;border-radius:var(--radius-card)}.rewards-mobile-screen .mobile-reward-grid .reward-card.compact .gift-art:before{inset:auto 13px 13px;height:10px}.rewards-mobile-screen .mobile-reward-grid .reward-card.compact .gift-art:after{top:12px;right:12px;font-size:8px;padding:3px 6px}.rewards-mobile-screen .mobile-reward-grid .reward-card.compact h3{min-height:35px;color:#172a3a;font-size:var(--mobile-body);font-weight:var(--weight-heading);line-height:1.18}.rewards-mobile-screen .mobile-reward-grid .reward-card.compact strong{color:#118bd3;font-size:var(--mobile-card-title);line-height:1}.reward-history-screen{gap:var(--mobile-header-content-gap);padding-top:50px}.reward-history-content{display:grid;gap:12px}.reward-history-summary{margin-top:2px}.reward-history-ledger{display:grid;overflow:hidden;border:1px solid rgba(220,234,243,.95);border-radius:var(--radius-card);background:linear-gradient(180deg,#fff,#fbfdff);box-shadow:0 10px 20px #164a6c14}.reward-history-row{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:10px;align-items:center;min-height:68px;border-bottom:1px solid rgba(220,234,243,.82);padding:10px 13px}.reward-history-row:last-child{border-bottom:0}.reward-history-icon{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;color:#118bd3}.reward-history-icon.earned{background:#ffd04d3d;color:#d89b00}.reward-history-icon.redeemed{background:#118bd31f}.reward-history-copy{display:grid;gap:4px;min-width:0}.reward-history-copy strong{overflow-wrap:anywhere;color:#172a3a;font-size:var(--mobile-body);font-weight:var(--weight-action);line-height:1.2}.reward-history-copy time{color:#698092;font-size:var(--mobile-caption);font-weight:var(--weight-body)}.reward-history-value{color:#118bd3;font-size:var(--mobile-card-title);font-weight:var(--weight-heading);white-space:nowrap}.reward-history-value.redeemed{color:#697f90}.reward-rules-card{display:grid;gap:10px;border:1px solid rgba(220,234,243,.95);border-radius:var(--radius-card);background:linear-gradient(180deg,#fff,#fbfdff);box-shadow:0 10px 20px #164a6c14;color:#172a3a;padding:14px}.reward-rules-card p,.reward-rules-card strong,.reward-rules-note{margin:0}.reward-rules-card p,.reward-rules-note{color:#698092;font-size:var(--mobile-body);line-height:1.35}.reward-rules-card>strong{color:#118bd3;font-size:var(--mobile-card-title);line-height:1.25}.reward-rules-totals{display:grid;gap:6px;color:#172a3a;font-size:var(--mobile-label);font-weight:var(--weight-label)}.select-field{justify-content:space-between;margin-bottom:14px}.progress-subject-select{display:grid;gap:7px;margin-bottom:12px;color:var(--muted);font-size:var(--mobile-label);font-weight:var(--weight-label)}.progress-subject-select select{width:100%;min-height:44px;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--white);color:var(--ink);font:inherit;font-size:var(--mobile-body);font-weight:var(--weight-label);padding:0 12px}.progress-level-card{display:grid;grid-template-columns:1fr 1fr;gap:10px;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--white);padding:12px}.progress-level-card .progress-bar{grid-column:1 / -1}.progress-percent-row{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:12px}.progress-percent-row strong{font-size:var(--mobile-card-title)}.progress-level-card span,.metric span,.mobile-table-card span{color:var(--muted);font-size:var(--mobile-label);font-weight:var(--weight-body);line-height:1.25}.progress-level-card strong{display:block;color:var(--ink);font-size:var(--mobile-page-title);line-height:1.18}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0}.metric{display:grid;gap:4px;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--white);padding:9px}.metric strong{color:var(--ink);font-size:var(--mobile-card-title);line-height:1.25}.metric.mint strong{color:#08a47f}.sparkline{width:100%;height:140px}.spark-area{fill:url(#sparkFill);stroke:none}.spark-line{fill:none;stroke:var(--blue);stroke-linecap:round;stroke-linejoin:round;stroke-width:3}.sparkline circle{fill:var(--blue);stroke:var(--white);stroke-width:2}.progress-trend-card{display:grid;gap:8px;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--white);padding:12px}.progress-trend-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.progress-trend-card header span{color:var(--muted);font-size:var(--mobile-label);font-weight:var(--weight-label)}.progress-trend-card header strong{color:var(--ink);font-size:var(--mobile-label);font-weight:var(--weight-action);line-height:1.2;text-align:right}.progress-trend-chart{height:118px}.progress-trend-chart .spark-area{fill:url(#mobileProgressSparkFill)}.progress-trend-months{display:flex;justify-content:space-between;color:var(--muted);font-size:var(--mobile-caption);font-weight:var(--weight-body)}.mobile-table-card{display:grid;overflow:hidden;margin-bottom:10px;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--white)}.mobile-table-card div{display:grid;grid-template-columns:82px minmax(0,1fr);gap:8px;padding:11px 12px}.mobile-table-card div+div{border-top:1px solid var(--line)}.mobile-table-card strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-screen .language-switcher button{font-size:var(--mobile-label);line-height:1.1}.mobile-screen .language-switcher.expanded button{font-size:var(--mobile-caption)}.toggle-visual{position:relative;width:44px;height:26px;border-radius:999px;background:var(--blue)}.toggle-visual span{position:absolute;top:3px;right:3px;width:20px;height:20px;border-radius:50%;background:var(--white)}.mobile-bottom-nav{position:absolute;z-index:30;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #dbe8f2;background:#fffffff7;box-shadow:0 -8px 18px #164a6c0f;padding:6px 6px 12px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.mobile-bottom-nav button{display:grid;min-height:var(--mobile-button-height);place-items:center;border:0;border-radius:var(--radius-control);background:transparent;color:#1e3b54;font-size:var(--mobile-nav-label);font-weight:var(--weight-action);line-height:1.1}.mobile-bottom-nav .nav-icon{color:#1e3b54;width:20px;height:20px}.mobile-bottom-nav button.active,.mobile-bottom-nav button.active .nav-icon{color:#118bd3}.detail-screen .editable-info-card,.mobile-list-row,.mobile-table-card,.learning-subject-card,.subject-level-card,.progress-link-card,.learning-level-list button,.audio-hero-card,.audio-player-controls,.audio-list-card,.progress-map-card,.progress-history-table,.reward-catalogue-panel,.reward-detail-hero,.reward-detail-copy-card,.news-detail-hero,.news-detail-copy-card,.news-feature-card{border:1px solid #dceaf3;border-color:#dceaf3;border-radius:var(--radius-card);box-shadow:0 7px 16px #164a6c14}.mobile-avatar-block h1,.progress-subject-switch strong{color:#172a3a}.mobile-list-row svg:first-child,.progress-link-card,.progress-link-card span,.reward-price svg{color:#118bd3}.rewards-mobile-screen{background:var(--mobile-blue-page-bg)}.rewards-mobile-screen .rewards-points-card{border-radius:var(--radius-card);background:linear-gradient(90deg,rgba(17,139,211,.1),transparent 48%),linear-gradient(180deg,#fff,#fbfdff);box-shadow:0 10px 20px #164a6c14}.audio-player-screen,.learning-detail-screen{background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.96),transparent 42%),linear-gradient(180deg,#f3fbff,#eef8fe 54%,#f9fdff)}.audio-cover{border-radius:var(--radius-row);background:linear-gradient(180deg,#eaf8ff,#d9f0ff);color:#118bd3;box-shadow:inset 0 1px #ffffffc7}.progress-reference-screen{background:var(--mobile-blue-page-bg);padding-bottom:124px}.progress-line:before{background:#118bd3}.progress-line b{color:#118bd3}.phone-sheet-backdrop{position:absolute;place-items:end center;background:#0f23309e;padding:0}.phone-sheet{display:grid;width:100%;gap:12px;border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;background:var(--white);box-shadow:0 -18px 38px #0f23303d;padding:12px 16px 18px}.phone-sheet-handle{width:44px;height:4px;justify-self:center;border-radius:999px;background:#c7dcea}.sheet-close{width:32px;height:32px;border-radius:50%;background:#f4f8fb;color:#172a3a}.sheet-title h2{margin:0;font-size:var(--mobile-section-title);line-height:1.2}.sheet-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid var(--line);border-radius:var(--radius-row);background:var(--white);padding:10px;text-align:left}.sheet-row.selected{border-color:#b5ddff;background:var(--sky-soft)}.sheet-row span:not(.avatar):not(.plus-circle){display:grid}.sheet-row small,.gift-confirm small{color:var(--muted)}.plus-circle{width:34px;height:34px;border:1px solid var(--line);border-radius:50%;color:var(--blue)}.reward-sheet .gift-art{width:76px;min-height:76px}.gift-confirm{gap:12px}.gift-confirm span{display:grid}@media (max-width: 1100px){.hub,.mobile-showcase{grid-template-columns:1fr}.mobile-overview-header{flex-direction:column;justify-content:center;text-align:center}.mobile-overview-title{flex-direction:column;gap:10px;text-align:center}.mobile-flow-layout{max-width:760px;grid-template-columns:1fr}.hub-brand{min-height:560px}.prototype-card,.website-stage,.web-two-column,.workflow-grid,.settings-grid{grid-template-columns:1fr}.website-showcase .web-header{grid-template-columns:auto auto}.website-showcase .web-two-column,.website-showcase .workflow-grid,.website-showcase .profile-grid,.website-showcase .settings-grid{grid-template-columns:1fr}.web-context-panel{position:static}.web-header{flex-wrap:wrap}.mobile-side-panel{max-width:760px;margin:0 auto}.phone-frame{justify-self:center}}@media (max-width: 720px){.hub,.showcase{padding:12px}.mobile-overview-header{align-items:flex-start}.mobile-overview-actions{flex-wrap:wrap}.website-showcase{padding:0}.hub-brand{min-height:540px;padding:20px}.hub-topbar{align-items:flex-start;gap:14px}.hub-copy{margin-top:42px}.prototype-card{min-height:0;grid-template-columns:1fr}.prototype-media{height:210px}.prototype-content{padding:22px}.web-header{top:8px}.website-showcase .web-header{grid-template-columns:minmax(0,1fr) auto}.website-showcase .web-brand-cluster{width:auto;justify-content:flex-start}.website-showcase .header-actions{width:auto;justify-content:end}.web-two-column,.form-workflow,.student-profile-screen,.rewards-screen,.settings-screen,.audio-screen{padding:16px}.login-visual-panel{min-height:360px}.trust-metrics{grid-template-columns:repeat(3,1fr);padding-bottom:14px}.trust-metrics strong{font-size:var(--web-title-sm)}.mini-form-grid,.profile-grid,.subject-grid,.reward-grid{grid-template-columns:1fr}.profile-hero{grid-template-columns:1fr;align-items:start}.profile-hero-main{align-items:flex-start}.profile-hero .avatar.large{width:68px;height:68px}.web-profile-switch-button{justify-self:stretch;justify-content:center;width:100%}.info-row,.website-showcase .info-row{grid-template-columns:1fr;gap:4px}.subject-card-top{align-items:center}.subject-card-action-row{display:grid;grid-template-columns:1fr}.subject-card-action-row .web-profile-learning-button{width:100%;justify-content:center}.web-profile-subjects-header{display:grid;grid-template-columns:1fr;align-items:stretch}.website-showcase .mini-form-grid,.website-showcase .subject-grid,.website-showcase .reward-grid{grid-template-columns:1fr}.website-auth-showcase{align-items:start;padding:0}.web-auth-entry{min-height:100vh;padding:16px}.web-auth-panel{width:100%;padding:0}.web-auth-form-container{padding:18px}.web-auth-panel-top{align-items:flex-start;flex-direction:column}.web-auth-panel-top .kumon-logo.image{width:min(196px,74vw)}.web-auth-form-container .otp-input-row{gap:6px}.web-auth-form-container .otp-digit-input{width:38px;height:38px;flex-basis:38px;font-size:16px}.web-auth-button-row{grid-template-columns:1fr}.web-public-hero{min-height:520px;padding:34px 24px}.web-public-hero:before{background:#ffffffd6}.web-public-metrics,.web-public-link-grid{grid-template-columns:1fr}.web-public-summary{padding:18px}.website-showcase .profile-hero{grid-template-columns:1fr;text-align:left}.website-showcase .audio-top,.website-showcase .filter-row,.website-showcase .balance-banner{align-items:stretch;flex-direction:column}.balance-banner,.profile-hero{align-items:flex-start;grid-template-columns:1fr;flex-direction:column}.info-row{grid-template-columns:1fr;gap:4px}.mobile-showcase{gap:16px}.mobile-overview-grid,.mobile-flow-layout{grid-template-columns:1fr}.mobile-overview-card .phone-frame{width:min(360px,calc(100vw - 24px));height:720px;min-height:720px}.mobile-active-stage{order:-1}.mobile-active-stage .phone-frame{width:min(360px,calc(100vw - 24px));height:720px;min-height:720px}.mobile-reference-panel{min-height:560px;padding:42px 22px 20px}.mobile-flow-panel{min-height:0}.mobile-flow-panel .mobile-reference-children{display:none}.mobile-flow-panel .mobile-route-list{max-height:236px}.mobile-side-panel{display:none}.phone-frame{width:min(390px,calc(100vw - 24px));height:min(844px,calc(100vh - 24px))}}@media (max-width: 960px){.website-showcase .web-header{grid-template-columns:minmax(0,1fr) auto}.website-showcase .web-brand-cluster,.website-showcase .header-actions{width:auto}.website-showcase .header-actions{justify-content:end}.web-learning-subject-grid,.web-learning-level-list{grid-template-columns:1fr}.web-learning-subject-card{min-height:92px}.website-showcase .web-learning-audio-page{padding-bottom:calc(430px + env(safe-area-inset-bottom))}.web-learning-player{right:16px;bottom:max(10px,env(safe-area-inset-bottom));left:16px;width:calc(100vw - 32px);padding:14px}.web-learning-player-main{grid-template-columns:1fr;gap:14px}.web-learning-player-controls{justify-content:center}.web-app-two-column,.web-more-layout,.web-v2-form-grid{grid-template-columns:1fr}.web-subject-check-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.web-more-password-grid{grid-template-columns:1fr}.web-profile-list-content{width:100%;max-width:960px}.web-profile-list-illustration{width:100%;min-height:220px;margin-top:8px;place-items:center}.web-profile-list-illustration:before{right:auto;bottom:0;width:min(54vw,420px)}.web-profile-list-illustration img{width:min(58vw,460px);max-height:260px}}@media (max-width: 720px){.web-profile-list-page{gap:24px;min-height:calc(100vh - 74px);padding:18px 16px 28px}.web-profile-list-content{gap:24px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.web-profile-list-heading h1{font-size:var(--web-title-xl)}.web-profile-list-stack{gap:14px}.web-profile-list-row{min-height:78px;gap:12px;border-radius:14px;padding:12px 14px}.web-profile-list-row:not(.add-student){grid-template-columns:auto minmax(0,1fr)}.web-profile-list-actions{grid-column:1 / -1;justify-content:stretch}.web-profile-list-actions .button{flex:1 1 160px;min-width:0}.web-profile-list-row .avatar,.web-profile-add-icon{width:52px;height:52px}.web-profile-list-row strong{font-size:var(--web-title-sm)}.web-profile-list-row small{font-size:var(--web-body-sm)}.web-profile-list-illustration{min-height:0;place-items:center;margin-top:4px;padding-bottom:10px}.web-profile-list-illustration:before{right:auto;bottom:0;width:min(84vw,360px)}.web-profile-list-illustration img{width:min(78vw,320px);max-height:170px}.website-showcase .web-app-page{gap:14px;padding:16px}.website-showcase .web-learning-audio-page{padding-bottom:calc(430px + env(safe-area-inset-bottom))}.web-app-section-heading.horizontal,.web-address-section-heading,.web-parent-profile-card{align-items:stretch;flex-direction:column}.web-address-section-heading,.web-onboarding-header,.web-v2-field-grid,.web-subject-check-grid,.web-v2-summary-list div{grid-template-columns:1fr}.web-onboarding-header>span{width:fit-content;min-width:0}.web-v2-actions{align-items:stretch;flex-direction:column-reverse}.web-enrollment-preview-page .web-v2-actions{flex-direction:column}.web-v2-actions .button,.web-v2-actions .text-button{width:100%}}
