.platform-console-content>.page-title{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;text-align:left;margin:12px 0 18px;padding:0}.platform-console-content>.page-title>.eyebrow,.platform-console-content>.page-title>h1{display:none}.platform-console-content>.page-title>p:not(.eyebrow){font-size:13px;line-height:1.6;margin:0;flex:1 1;min-width:220px}.platform-console-content>.page-title>button{min-height:44px;padding:10px 14px;background:#f0ebff;color:#6541d6;border:1px solid #e5def6;border-radius:12px;font-size:13px}@media(max-width:800px){.platform-service-switcher{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:8px 12px;align-items:stretch}.platform-service-switcher :is(button,a){display:flex;align-items:center;justify-content:center;font-size:12px;min-height:44px;padding:7px 4px;text-align:center;line-height:1.4}.renewal-platform-sidebar{position:relative;padding:14px 18px}.renewal-platform-sidebar>.brand{font-size:24px;padding:0;line-height:1.2}.renewal-platform-sidebar>p{margin:5px 0 0;padding:0;font-size:11px}.renewal-platform-sidebar>.logout{top:11px;right:16px;min-height:44px;padding:8px;margin:0}.renewal-platform-main{padding:16px 16px 88px}.renewal-platform-heading{margin-bottom:14px}.renewal-platform-heading h1{font-size:23px;margin:6px 0}.renewal-platform-heading>.eyebrow,.renewal-platform-heading>div>.eyebrow{display:none}.renewal-platform-heading p{margin:5px 0;font-size:12px}.platform-console-content>.page-title{margin:10px 0 14px;gap:8px}.platform-console-content>.page-title>p:not(.eyebrow){font-size:12px}}.reference-sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:is(.app-shell,.login-page) [hidden]{display:none!important}.auth-reference-art{display:none}.auth-reference .login-brand{padding:0;min-height:680px;height:calc(100svh - 48px);background:radial-gradient(circle at 88% 2%,#aa80fc,transparent 42%),linear-gradient(150deg,#352596,#673ef0 55%,#dcd1f8);position:relative;overflow:hidden}.auth-reference .auth-reference-art{display:block;position:absolute;left:auto;right:26px;top:auto;bottom:28%;width:180px;height:170px;overflow:visible;pointer-events:none}.auth-reference-art img{width:100%;height:100%;object-fit:contain;object-position:right bottom;position:relative;max-width:100%;left:auto;top:auto;filter:drop-shadow(0 10px 10px #29156912)}.auth-reference .auth-brand-content{position:relative;z-index:2;padding:38px 44px;max-width:100%;pointer-events:none}.auth-reference .auth-brand-content .brand{font-size:43px;margin:0 0 38px;line-height:1.3}.auth-reference .auth-brand-content .eyebrow{font-size:11px;letter-spacing:1px}.auth-reference .auth-brand-content h1{font-size:31px;line-height:1.4;letter-spacing:-1px;margin:14px 0}.auth-reference .auth-brand-content p{font-size:14px;line-height:1.7}.auth-reference .auth-brand-art{display:none!important}.auth-reference .auth-benefits{position:absolute;left:20px;right:20px;bottom:15%;gap:10px;z-index:3}.auth-reference .auth-benefits>div{padding:16px 7px;min-height:95px;border-radius:16px}.auth-reference .auth-benefits span{font-size:11px}.auth-reference .auth-brand-quote{position:absolute;left:44px;bottom:22px;font-size:16px;color:#614294;margin:0;line-height:1.5}.auth-reference .login-form{align-content:center;padding:54px 40px 28px;background:#fdfdff}.auth-language{position:absolute;right:25px;top:22px;font-size:12px;color:#5c597d;border:1px solid #edebf5;border-radius:30px;padding:8px 13px}.reference-login-roles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0;background:#f6f5fb;border-radius:17px;margin:22px 0;gap:0}.reference-login-roles button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:86px;border:0;border-radius:15px;background:transparent;color:#55516f;font-size:13px;padding:12px 4px}.reference-login-roles button small{font-size:10px;line-height:1.2}.reference-login-roles button[aria-pressed=true]{background:linear-gradient(135deg,#6841ee,#5130e3);color:white;box-shadow:0 4px 10px #6035d323}.reference-login-roles button[aria-pressed=true] small{color:#ede7ff}.reference-login-information{margin-top:12px;color:#817895;font-size:12px;text-align:center}.reference-login-information summary{cursor:pointer;padding:10px}.reference-signup-more{position:relative;min-height:30px;text-align:center}.reference-signup-more summary{cursor:pointer;line-height:30px;color:#6541d6}.reference-signup-more[open]{display:flex;flex-direction:column;gap:10px;width:100%}.auth-reference .login-brand{min-height:0;height:auto}.auth-reference .login-form{padding-top:46px;padding-bottom:24px}.reference-login-fields>label{position:relative;margin:0 0 12px;display:block}.reference-login-fields>label input{padding-left:46px!important;padding-right:45px!important;width:100%;height:52px;font-weight:400}.reference-input-icon{position:absolute;left:16px;top:15px;color:#8a829e;z-index:1}.reference-password-toggle{position:absolute;right:13px;top:10px;background:transparent;color:#8a829e;width:34px;height:34px;border:0;display:grid;place-items:center;padding:0}.reference-login-fields .reference-login-device{display:flex;gap:14px;flex-wrap:wrap;border:0;padding:0;margin:15px 0 18px}.reference-login-device legend{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.reference-login-device .radio{margin:0;font-size:12px;display:flex;gap:6px;min-height:24px}.reference-login-fields>.button{border-radius:25px;background:linear-gradient(110deg,#8b5ef1,#5126e1);display:flex;align-items:center;justify-content:center;gap:15px;min-height:52px;margin:0}.reference-forgot-password{display:block;text-align:right;font-size:12px;color:#6541d6;margin:8px 2px 15px;text-decoration:underline}.reference-signup-links{border-top:1px solid #ebe7f3;padding-top:14px;display:flex;align-items:center;justify-content:center;gap:5px 12px;flex-wrap:wrap;color:#857c97;font-size:11px}.reference-signup-links>span{width:100%;text-align:center;margin-bottom:3px}.login-box .reference-signup-links .button{min-height:24px;background:transparent;border:0;box-shadow:none;color:#643ed3;padding:0;width:auto;font-size:11px;border-radius:0}.reference-login-notice{display:block;padding:13px 13px 13px 42px;background:#f4f2fb;border-radius:13px;margin:18px 0 0;color:#817895;font-size:11px;line-height:1.7;position:relative}.reference-login-notice svg{position:absolute;left:14px;top:15px;color:#653bd9}.reference-hero-brand{display:block;font-size:25px;letter-spacing:-1px;line-height:1.2;margin-bottom:15px}.reference-hero-character{display:none}.reference-parent .renewal-role-hero,.reference-student .renewal-role-hero{padding:20px 24px;min-height:0;margin-bottom:16px;background:linear-gradient(110deg,#5732d6,#8254ec);border-radius:19px}.reference-parent .renewal-hero-copy,.reference-student .renewal-hero-copy{max-width:100%;position:relative;z-index:2}.reference-parent .renewal-role-hero h1,.reference-student .renewal-role-hero h1{font-size:22px;line-height:1.3;margin:6px 0}.reference-parent .renewal-role-hero p,.reference-student .renewal-role-hero p{margin:0;font-size:12px;line-height:1.5}.reference-parent .reference-hero-brand,.reference-student .reference-hero-brand{font-size:21px;margin-bottom:8px}.reference-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}.reference-actions button{background:white;border:1px solid #eeebf7;border-radius:16px;display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 10px;min-width:0;box-shadow:0 4px 12px #57329505;color:#343051}.reference-actions button>span:last-child{display:flex;flex-direction:column;gap:4px;min-width:0}.reference-actions strong{font-size:13px}.reference-actions small{font-size:10px;color:#8c84a2}.reference-action-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;position:relative;box-shadow:inset 0 2px 2px #ffffff60,0 4px 9px #5d2ab528;background:linear-gradient(145deg,#9766fd,#6333df);color:white}.reference-action-icon.tone-blue{background:linear-gradient(145deg,#6cadff,#3475df)}.reference-action-icon.tone-mint{background:linear-gradient(145deg,#55dba7,#0ba875)}.reference-action-icon.tone-orange{background:linear-gradient(145deg,#ffbe68,#ff8c32)}.reference-action-icon.tone-pink{background:linear-gradient(145deg,#ff95b2,#ed4e83)}.reference-action-icon svg{filter:drop-shadow(0 2px 1px #25146820);stroke-width:2.4}.reference-student-home-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}.reference-student-home-actions button{flex-direction:row;justify-content:flex-start;align-items:center;text-align:left;min-height:74px;padding:13px}.reference-study-start{display:flex;justify-content:center;align-items:center;gap:10px;margin:12px 0 14px;min-height:48px;border-radius:26px;background:linear-gradient(110deg,#9862f6,#582ae5)}.reference-home-extra{margin-top:12px;border:1px solid #ebe6f6;background:white;border-radius:15px;padding:0 14px;font-size:12px}.reference-home-extra>summary{padding:13px 0;color:#817397;font-weight:600;cursor:pointer}.reference-bottom-navigation{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;background:white;border:1px solid #e9e5f3;border-radius:16px;padding:8px;margin:16px 0}.reference-bottom-navigation button{display:flex;flex-direction:column;align-items:center;gap:5px;min-height:48px;padding:7px 2px;border:0;background:white;color:#8a829d;font-size:10px;border-radius:0}.reference-bottom-navigation button[aria-current=page]{color:#6535e4;font-weight:700}.reference-parent-child{background:transparent;border:0;box-shadow:none;padding:0;margin:0 0 24px}.reference-child-summary{padding:18px;background:white;border:1px solid #eeebf5;border-radius:18px;margin:16px 0}.reference-child-summary h2{font-size:19px}.reference-child-summary p{font-size:12px;margin:9px 0;color:#807891}.reference-homework-list{padding:18px;background:white;border-radius:18px;border:1px solid #ece7f6}.reference-homework-list h3{font-size:20px;margin:0 0 18px}.reference-homework-list>p{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:16px;margin:10px 0;border:1px solid #eee9f7;border-radius:14px;font-size:13px;line-height:1.6}.reference-parent-learning{padding:20px;background:white;border:1px solid #ece7f6;border-radius:18px}.reference-classroom-page{background:transparent;padding:0}.reference-staff .sidebar{background:linear-gradient(155deg,#211b58,#282064 70%,#48338b)}.reference-staff .sidebar>.brand{font-size:32px}.reference-staff .sidebar .brand-icon{display:none}.reference-staff .renewal-page-title{padding:0;margin-bottom:20px;gap:15px}.reference-staff .renewal-page-title h1{font-size:29px;letter-spacing:-1px}.reference-staff .renewal-page-title p{font-size:13px}.reference-staff .renewal-heading-icon{border-radius:18px;background:linear-gradient(140deg,#9b6cff,#673dde);color:white;box-shadow:0 5px 12px #6840dc26;width:52px;height:52px}.reference-classroom-page>section>h3{font-size:15px;margin:0 0 8px}.reference-classroom-page .live-board-summary{gap:14px;margin:20px 0}.reference-classroom-page .live-board-summary>div{background:white;border:1px solid #efecf6;border-radius:16px;box-shadow:0 2px 12px #44217a03;padding:20px;position:relative;min-height:110px}.reference-classroom-page .live-board-summary>div:before{display:none}.reference-summary-icon{display:grid!important;place-items:center;background:#eee7ff;color:#7344e8;border-radius:13px;width:38px;height:38px;float:left;margin-right:12px}.reference-summary-icon.tone-mint{background:#e3f6ec;color:#17a06e}.reference-summary-icon.tone-blue{background:#e7edff;color:#5c70ed}.reference-summary-icon.tone-orange{background:#fff0dd;color:#f29530}.reference-summary-icon.tone-neutral{background:#eeedf7;color:#71698b}.reference-board-filters{display:flex;align-items:center;gap:8px;padding:12px 16px;background:white;flex-wrap:wrap;border:1px solid #eeebf6;border-top:0;border-bottom:0}.reference-board-filters button{border:0;border-radius:22px;min-height:36px;padding:7px 15px;color:#776a90;background:#f5f2fc;font-size:13px}.reference-board-filters button[aria-pressed=true]{background:#6538e5;color:white}.reference-board-filters small{font-size:12px;color:#8c809a}.reference-classroom-page .live-board-summary>div:nth-child(2):before{background:#e6f5ed;color:#1daf7a}.reference-classroom-page .live-board-summary>div:nth-child(3):before{background:#fff0e0;color:#f59a34}.reference-classroom-page .live-board-summary strong{font-size:27px}.reference-classroom-page .live-board-summary span{font-size:12px}.reference-classroom-page .classroom-board-toolbar{padding:17px 16px;background:white;border-radius:18px 18px 0 0;border:1px solid #eeebf6;border-bottom:0;margin-bottom:0}.reference-classroom-page .classroom-board-columns{background:#f2eff9;margin:0;padding:12px 16px;font-size:11px}.reference-classroom-page .classroom-board-rows{padding:0 16px 15px;background:white;border:1px solid #eeebf6;border-top:0;border-radius:0 0 18px 18px;margin:0}.reference-classroom-page .classroom-board-rows>li{padding:11px 0;border:0;border-bottom:1px solid #f0edf7;background:white;box-shadow:none;border-radius:0;font-size:12px}.reference-classroom-page .classroom-board-rows>li:last-child{border-bottom:0}.reference-classroom-page .classroom-board-rows>li>:first-child{background:transparent;color:#2e2546;border:0;box-shadow:none;justify-content:flex-start;font-weight:700}.reference-classroom-page .classroom-board-time strong{font-weight:500;font-size:11px}.reference-classroom-page .classroom-core-check{font-size:11px}.reference-classroom-page .classroom-core-check small{font-size:10px;color:#9289a1}.reference-classroom-page .classroom-live-state>strong{display:inline-flex;align-items:center;gap:5px;border-radius:20px;background:#e2f7ee;color:#159468;padding:5px 9px;font-size:11px}.reference-classroom-page .classroom-live-state>strong:before{content:"▶";font-size:8px}.reference-classroom-page .classroom-live-state.is-paused>strong{background:#fff0df;color:#ec963e}.reference-classroom-page .classroom-live-state.is-paused>strong:before{content:"Ⅱ"}.reference-classroom-page .classroom-board-actions .button{min-height:30px;padding:6px 9px;font-size:10px;border-radius:9px}.reference-classroom-page .classroom-board-actions .live-learning-status{padding:0;background:transparent;border:0;box-shadow:none}.reference-classroom-page .classroom-board-actions .live-learning-controls label{font-size:10px;gap:2px}.reference-classroom-page .classroom-board-actions .live-learning-controls select{min-height:28px;font-size:10px;padding:4px;width:65px}.reference-classroom-page .reference-board-body>p{font-size:12px;margin:8px 0;color:#817591;line-height:1.5}.reference-classroom-page .reference-board-body>.note-check{display:inline-flex;min-height:40px;margin:0 12px 0 0}.reference-classroom-page .reference-board-body>.button{min-height:40px;margin:4px 0;font-size:13px}.reference-classroom-page .live-board-summary{padding:0;background:transparent;margin:12px 0}.reference-classroom-page .live-board-summary>div{display:grid;grid-template-columns:38px 1fr;gap:4px 10px;align-items:center;padding:14px;min-height:82px}.reference-classroom-page .reference-summary-icon{grid-column:1;grid-row:1/3;margin:0}.reference-classroom-page .live-board-summary>div>span:not(.reference-summary-icon){grid-column:2;font-size:13px}.reference-classroom-page .live-board-summary>div>strong{grid-column:2;line-height:1.1}.reference-classroom-page .classroom-board-actions{align-items:center}.reference-classroom-page .classroom-board-actions>.button{align-self:center}.reference-classroom-page .classroom-board-toolbar{padding:10px 16px;min-height:0}.reference-classroom-page .classroom-board-time strong,.reference-classroom-page .classroom-board-toolbar label,.reference-classroom-page .classroom-core-check{font-size:12px}.reference-board-options{margin:7px 0;color:#786e8c;font-size:12px}.reference-board-options>summary{min-height:40px;display:flex;align-items:center;cursor:pointer;padding:8px 0}.reference-board-options>summary:before{content:"▸";margin-right:7px}.reference-board-options[open]>summary:before{content:"▾"}.reference-board-options p{font-size:13px;line-height:1.5}.reference-staff .renewal-role-hero--staff,.reference-staff-home-actions{display:none}.reference-student .student-round-content,.reference-student .student-round-question{background:white;border:1px solid #ede7f9;border-radius:18px;padding:22px}.reference-student .student-round-ox{border-radius:16px;font-size:27px;min-height:64px;background:#e9efff;color:#387cd7;border:0}.reference-student .student-round-ox:last-child{background:#ffe8ee;color:#f36587}.reference-student .student-round-toolbar{padding:12px 14px;border-radius:15px;background:#f1edfc;border:0}.reference-student .student-round-timer{border-radius:35px;background:white;border:6px solid #a177f3;color:#3e2867;padding:18px;text-align:center;min-width:120px;font-size:24px}.reference-student .student-round-timer--late{border-color:#f87190;color:#d44164}.reference-student .student-training-results{padding:20px;border-radius:20px;border:1px solid #ece7f8;background:white}.reference-student .student-training-summary>div{background:#f5f2fc;border:0;border-radius:15px;min-height:90px}.login-page:has(.auth-signup) .login-form{align-content:start;padding-top:22px}.login-page:has(.auth-signup) .login-box>.eyebrow{display:none}.auth-signup-heading{padding:14px 16px;margin-bottom:10px}.auth-signup h2{font-size:22px;margin-bottom:8px}.auth-signup>p{margin:8px 0 14px;font-size:12px;line-height:1.55}.auth-signup label{margin-bottom:10px;gap:5px;font-size:12px}.auth-signup input:not([type=radio]):not([type=checkbox]),.auth-signup select{min-height:42px;padding:9px 12px;border-radius:11px;font-size:14px}.auth-signup fieldset{padding:13px;margin-bottom:14px}.auth-signup .button{min-height:42px}@media(max-width:800px){.reference-parent .sidebar,.reference-staff .sidebar{min-height:0;height:auto;padding:13px 16px;background:transparent;position:relative;border:0;box-shadow:none}.reference-parent .sidebar>.brand,.reference-staff .sidebar>.brand{font-size:24px;color:#6137d9;margin:0}.reference-parent .sidebar .brand small,.reference-parent .sidebar-bottom>.logout,.reference-parent .sidebar-bottom>.profile,.reference-parent .sidebar-brand-story,.reference-parent .workspace-label,.reference-staff .sidebar .brand small,.reference-staff .sidebar-bottom>.logout,.reference-staff .sidebar-bottom>.profile,.reference-staff .sidebar-brand-story,.reference-staff .workspace-label{display:none}.reference-parent .staff-mobile-account-actions{display:block}.reference-parent .sidebar-bottom,.reference-staff .sidebar-bottom{margin:0;position:absolute;top:13px;right:16px}.reference-parent .sidebar-bottom>details,.reference-staff .sidebar-bottom>details{border:0;margin:0;padding:0;background:white;border-radius:12px;position:relative;z-index:50}.reference-parent .sidebar-bottom>details>summary,.reference-staff .sidebar-bottom>details>summary{padding:8px 10px;color:#826baa;font-size:11px}.reference-parent .sidebar-bottom>details[open],.reference-staff .sidebar-bottom>details[open]{position:absolute;right:0;width:min(320px,calc(100vw - 32px));padding:12px;box-shadow:0 12px 40px #39206024}.reference-parent .main-content,.reference-staff .main-content{padding:12px 16px 88px;max-width:700px;margin:auto}.reference-parent .topbar,.reference-staff .topbar{min-height:0;height:auto;padding:8px 16px;font-size:10px;background:transparent;border:0;gap:6px;flex-wrap:wrap}.reference-parent .topbar .connection,.reference-staff .topbar .connection{font-size:10px}.reference-parent .renewal-page-title,.reference-staff .renewal-page-title{gap:10px;margin-bottom:14px}.reference-parent .renewal-page-title h1,.reference-staff .renewal-page-title h1{font-size:22px;line-height:1.2}.reference-parent .renewal-heading-icon,.reference-staff .renewal-heading-icon{width:35px;height:35px;border-radius:12px}.reference-parent .renewal-page-title .eyebrow,.reference-staff .renewal-page-title .eyebrow{display:none}.reference-parent .renewal-page-title p,.reference-staff .renewal-page-title p{font-size:10px;margin:4px 0 0}.reference-staff .renewal-role-hero--staff{background:white;min-height:0;padding:15px 16px;margin:0 0 14px;border-radius:17px;border:1px solid #ece7f7}.reference-staff .renewal-role-hero--staff .renewal-hero-copy{max-width:100%}.reference-staff .renewal-role-hero--staff h1{font-size:19px;line-height:1.3;margin:8px 0 4px}.reference-staff .renewal-role-hero--staff p{font-size:11px;margin:0;color:#89789f}.reference-staff .renewal-role-hero--staff .reference-hero-brand,.reference-staff .renewal-role-hero--staff .renewal-hero-orbit{display:none}.reference-staff .stats{gap:10px;margin:12px 0}.reference-staff .stat{padding:12px;min-height:80px;display:grid;grid-template-columns:35px 1fr;gap:3px 10px;text-align:left}.reference-staff .stat .stat-icon{grid-row:1/3;grid-column:1;width:35px;height:35px;border-radius:13px;align-self:center}.reference-staff .stat>span.muted,.reference-staff .stat>strong{grid-column:2}.reference-staff .stat>strong{font-size:23px}.reference-staff .stat>.muted{font-size:11px}.reference-staff .stat small{font-size:12px}.reference-staff-home-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.reference-staff-home-actions button{padding:12px 5px;gap:8px}.reference-staff-home-actions strong{font-size:11px}.reference-staff .panel{padding:16px;border-radius:17px}.reference-staff .two-columns{gap:12px}.reference-classroom-page>section>h3{display:none}.reference-classroom-page>section>div>p.muted{font-size:10px;margin:0 0 8px;line-height:1.5}.reference-classroom-page .live-board-summary{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin:14px 0}.reference-classroom-page .live-board-summary>div{padding:10px 3px;min-height:66px;border-radius:12px;text-align:center}.reference-classroom-page .live-board-summary>div:before{display:none}.reference-classroom-page .live-board-summary span{font-size:9px}.reference-classroom-page .live-board-summary strong{font-size:20px}.reference-classroom-page .live-board-summary small{font-size:9px}.reference-classroom-page .classroom-board-toolbar{padding:12px;border-radius:15px;margin:12px 0}.reference-classroom-page .classroom-board-toolbar label{font-size:10px}.reference-classroom-page .classroom-board-toolbar input{min-height:36px;padding:8px 10px}.reference-classroom-page .classroom-board-rows{padding:0;background:transparent;border:0;border-radius:0}.reference-classroom-page .classroom-board-rows>li{padding:14px;margin-bottom:10px;background:white;border:1px solid #eeebf5;border-radius:15px;grid-template-columns:1fr 1fr;gap:8px 10px}.reference-classroom-page .classroom-board-rows>li>:first-child{font-size:16px;grid-column:1;min-height:28px;padding:0}.reference-classroom-page .classroom-live-state{grid-column:2;grid-row:1/3;align-items:flex-end;text-align:right}.reference-classroom-page .classroom-board-time{grid-column:1;grid-row:2;font-size:10px}.reference-classroom-page .classroom-board-rows>li>span:nth-child(3){font-size:10px;color:#9b90a8}.reference-classroom-page .classroom-core-check{font-size:10px}.reference-classroom-page .classroom-core-check small{font-size:9px}.reference-classroom-page .classroom-board-actions{grid-column:1/-1;gap:7px;border-top:1px solid #f1ecf8;padding-top:10px;display:flex;align-items:stretch;flex-wrap:wrap}.reference-classroom-page .classroom-board-actions .button{min-height:44px;font-size:12px;padding:9px 10px}.reference-classroom-page .classroom-board-actions>.button{flex:1 1}.reference-classroom-page .live-learning-status.is-compact{flex:2 1}.reference-classroom-page .classroom-board-actions .live-learning-controls{align-items:center;justify-content:flex-end;gap:6px}.reference-board-filters button,.reference-classroom-page .classroom-board-actions .live-learning-controls select{min-height:44px}.reference-student .main-content{padding:12px 16px 85px;max-width:650px}.reference-student[data-student-menu=home] .main-shell{padding-top:0}.reference-student .renewal-role-hero{margin:0 0 12px;padding:14px 18px;border-radius:18px;min-height:0}.reference-student .renewal-role-hero h1{font-size:20px;margin:5px 0}.reference-student .renewal-role-hero p{font-size:11px}.reference-student .reference-hero-brand{font-size:22px;margin-bottom:8px}.reference-student .renewal-role-hero .renewal-hero-kicker{font-size:10px}.reference-student .renewal-role-hero .renewal-hero-orbit,.reference-student[data-student-menu=home] .student-class-heading,.reference-student[data-student-menu=home] .student-session.in-class{display:none}.reference-student[data-student-menu=attendance] :is(.renewal-role-hero,.student-class-heading,.student-session,.reference-study-start,.reference-student-home-actions){display:none}.reference-student[data-student-menu=home] .live-learning-controls,.reference-student[data-student-menu=home] .student-session-actions{display:none}.reference-student[data-student-menu=home] .student-menu-panel[data-student-panel=home]:not(:has(.renewal-role-hero)):not(:has(.reference-home-extra)){display:none}.reference-student .live-learning-status:not(.is-compact){background:white;border:1px solid #eeebf7;border-radius:18px;margin:12px 0;padding:18px}.reference-student[data-student-menu=home] .live-learning-status{padding:14px 17px;margin:12px 0}.reference-student .live-learning-heading{font-size:12px;justify-content:center;gap:12px}.reference-student .live-learning-timer{display:block;text-align:center;font-size:38px;line-height:1.3;letter-spacing:-1px;color:#17113e;margin:12px 0}.reference-student[data-student-menu=home] .live-learning-timer{font-size:30px;margin:10px 0}.reference-student .live-learning-meta{font-size:10px;text-align:center;margin:7px 0;color:#8e85a3}.reference-student .live-learning-controls{display:grid;grid-template-columns:1fr;gap:12px;margin-top:18px}.reference-student .live-learning-controls .button{border-radius:25px;background:#ff9a34;color:white;border:0;min-height:46px}.reference-student .live-learning-status.is-paused .live-learning-controls .button{background:#13b77b}.reference-student .student-session{padding:15px;margin:12px 0;border-radius:17px}.reference-student .student-session h2{font-size:21px;margin:10px 0}.reference-student .student-round-toolbar{gap:8px;flex-wrap:wrap}.reference-student .student-round-toolbar>strong{font-size:14px}.reference-student .student-round-timer{font-size:21px;padding:13px;border-width:5px}.reference-student .student-round-question{padding:16px;margin:12px 0}.reference-student .student-round-content{padding:18px}.reference-student .student-round-ox{min-height:60px;font-size:25px}.reference-student .student-page-photos{border-radius:17px;padding:15px}.reference-student .photo-gallery{gap:8px}.reference-staff .staff-mobile-tabs>button,.reference-student .student-tab{font-size:10px;gap:4px;min-height:52px}.reference-staff .staff-mobile-tabs,.reference-student .student-bottom-tabs{padding:7px 10px calc(7px + env(safe-area-inset-bottom));background:white;border-top:1px solid #eeebf5;box-shadow:0 -3px 12px #41257003}.reference-parent .renewal-role-hero{margin:0;padding:16px 18px;border-radius:17px;min-height:0}.reference-parent .reference-actions{gap:8px;margin:13px 0}.reference-parent .reference-actions button{padding:13px 4px;gap:8px}.reference-parent .reference-actions strong{font-size:10px}.reference-parent .reference-action-icon{width:35px;height:35px}.reference-parent .reference-bottom-navigation{position:fixed;z-index:40;inset:auto 0 0;margin:0;border-radius:0;border:0;border-top:1px solid #ebe7f4;padding:7px 10px calc(7px + env(safe-area-inset-bottom))}.reference-parent .reference-parent-learning{padding:15px}.reference-parent .reference-parent-learning>details>summary{color:#332754;font-size:18px;font-weight:700;padding:8px 0}.reference-parent .reference-parent-learning .row>.button{font-size:11px;min-height:35px;padding:8px 12px;border-radius:14px}.reference-parent .renewal-parent-summary strong{font-size:21px}.reference-parent .renewal-parent-summary-grid>div{padding:16px 6px}.reference-parent .sidebar nav:not(.reference-bottom-navigation){display:none}}@media(max-width:700px){.auth-reference .login-form{padding:64px 24px 24px;background:radial-gradient(ellipse at 0 0,#eae2ff 0,transparent 26%),radial-gradient(ellipse at 60% 115%,#e9defb 0,transparent 30%),#fcfbff;min-height:100svh}.auth-reference .auth-language{top:22px;right:24px;border:0;padding:0;font-size:12px}.auth-reference .auth-mobile-brand{margin:0 auto 22px}.auth-reference .auth-mobile-brand strong{font-size:48px;line-height:1.2}.auth-reference .auth-mobile-brand p{font-size:12px;margin:10px 0}.auth-reference .auth-mobile-brand p:first-child{letter-spacing:5px;font-size:10px;margin:0 0 13px}.auth-reference .login-box>.muted,.auth-reference .login-box>h2{display:none}.reference-login-roles{margin:20px 0}.reference-login-roles button{min-height:75px;font-size:12px;padding:11px 2px;gap:4px}.reference-login-fields>label{margin-bottom:12px}.reference-login-fields>label input{height:49px;min-height:49px!important;padding-top:11px!important;padding-bottom:11px!important;font-size:14px!important}.reference-input-icon{top:13px}.reference-password-toggle{top:8px}.reference-login-fields>.button{min-height:49px;font-size:16px}.reference-login-fields .reference-login-device{margin:14px 0 18px;gap:6px 14px}.reference-login-device .radio{font-size:11px}.reference-forgot-password{margin:9px 0 13px;font-size:11px}.reference-signup-links{gap:7px 12px;padding-top:13px}.reference-login-notice{margin-top:14px;padding:10px 12px 10px 38px;font-size:10px}.reference-login-notice svg{left:12px;top:12px;width:17px}.login-page:has(.auth-signup) .login-form{padding:15px 18px 25px}.login-page:has(.auth-signup) .auth-mobile-brand{margin:0 0 12px;text-align:left}.login-page:has(.auth-signup) .auth-mobile-brand strong{font-size:27px;letter-spacing:-1px;line-height:1.25}.login-page:has(.auth-signup) .auth-mobile-brand p{display:none}.login-page:has(.auth-signup) .auth-signup-heading{padding:13px 14px}.auth-signup input:not([type=radio]):not([type=checkbox]),.auth-signup select{min-height:42px;font-size:16px!important;padding:8px 11px}.auth-signup h2{font-size:22px}.auth-signup>p{font-size:11px;margin:8px 0 12px}.auth-signup label{margin-bottom:9px}}@media(min-width:701px) and (max-width:1000px){.auth-reference{grid-template-columns:1fr 1fr;padding:16px}.auth-reference .login-form{padding:50px 24px 22px}.reference-login-roles button{font-size:11px;min-height:78px}.reference-login-notice{font-size:10px}}@media(max-height:750px) and (max-width:700px){.auth-reference .login-form{padding-top:44px}.auth-reference .auth-mobile-brand{margin-bottom:17px}.auth-reference .auth-mobile-brand strong{font-size:43px}.reference-login-roles{margin:14px 0}.reference-login-roles button{min-height:66px}.reference-login-notice{font-size:9px}}.reference-login-divider{border-top:1px solid #e4dfed;position:relative;text-align:center;margin:23px 0 17px}.reference-login-divider span{position:relative;top:-8px;padding:0 12px;background:#fdfcff;color:#91879e;font-size:11px}.reference-qr-login{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;height:47px;border:1px solid #c8b9e8;background:white;color:#623ed5;border-radius:14px;font-size:15px;font-weight:600;opacity:1!important}.reference-qr-login small{font-size:9px;color:#a09aaf;font-weight:400}.reference-detail-actions{grid-template-columns:repeat(4,minmax(0,1fr))}.reference-detail-actions button{padding:12px 5px;font-size:11px}.reference-detail-actions strong{font-size:11px}.reference-detail-actions .reference-action-icon{width:32px;height:32px;border-radius:10px}.reference-student-detail>h3{font-size:24px;letter-spacing:-.7px;margin:0 0 12px}.reference-student-detail>button{min-height:34px;margin:3px;padding:8px 12px;font-size:11px}@media(max-width:700px){.reference-login-divider{margin:18px 0 12px}.reference-qr-login{height:44px}.reference-detail-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.reference-detail-actions button{padding:9px 3px}.reference-detail-actions strong{font-size:12px}.reference-student-detail>h3{font-size:21px}.reference-student-detail>button{min-height:44px;font-size:12px}.reference-parent .reference-actions strong{font-size:12px}.reference-student .student-class-flow{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:12px 0}.reference-student .student-class-flow button{min-height:44px;padding:8px 4px;font-size:12px;border-radius:12px}.auth-reference .login-form{padding:46px 24px 20px;position:relative;isolation:isolate;background:#fdfcff;min-height:100svh;align-content:start}.auth-reference .login-form:before{content:"";position:absolute;z-index:-1;width:230px;height:230px;left:-135px;top:-125px;border-radius:50%;background:linear-gradient(130deg,#d8ccfa,#efebff)}.auth-reference .login-form:after{content:"";position:absolute;z-index:-1;right:-35px;top:75px;width:85px;height:85px;border-radius:50%;border:14px solid #eeebfb}.auth-reference .auth-mobile-brand{margin:0 auto 18px;padding-top:0}.auth-reference .auth-mobile-brand strong{font-size:54px;letter-spacing:-2px}.auth-reference .auth-mobile-brand p{margin:6px 0;font-size:13px}.auth-reference .auth-mobile-brand p:first-child{margin:0 0 9px;letter-spacing:4px;font-size:10px}.reference-login-roles{margin:16px 0 18px;border-radius:14px}.reference-login-roles button{min-height:74px;font-size:13px;padding:8px 2px;gap:2px}.reference-login-roles button svg{width:23px;height:23px;flex-shrink:0}.reference-login-roles button small{font-size:11px}.reference-login-fields>label input{height:48px;min-height:48px!important;font-size:16px!important}.reference-login-fields .reference-login-device{margin:8px 0 0;gap:7px}.reference-login-device .radio{font-size:12px;min-height:44px}.reference-password-toggle{width:44px;height:44px;top:2px;right:5px}.reference-forgot-password{margin:0 0 9px;min-height:28px;line-height:28px;font-size:12px}.reference-login-fields>.button{min-height:48px!important;margin:0!important}.reference-signup-links{margin-top:13px;padding-top:12px;font-size:12px}.reference-signup-links .button{font-size:11px!important;min-height:30px!important}.reference-login-information{margin-top:4px;font-size:12px}.reference-login-information summary{padding:8px}}@media(max-width:700px) and (max-height:750px){.auth-reference .login-form{padding-top:34px;padding-bottom:12px}.auth-reference .auth-mobile-brand strong{font-size:44px}.auth-reference .auth-mobile-brand{margin-bottom:12px}.reference-login-roles{margin:12px 0}.reference-login-roles button{min-height:66px}.reference-signup-links{margin-top:10px;padding-top:8px}.reference-login-divider{margin-top:16px;margin-bottom:8px}}@media(min-width:701px) and (max-height:850px){.auth-reference .login-form{padding:38px 32px 18px}.auth-reference .login-box>h2{font-size:32px;margin:8px 0}.auth-reference .login-box>.muted{margin-bottom:12px}.reference-login-roles{margin:16px 0}.reference-login-roles button{min-height:74px}.reference-login-fields>label input{min-height:48px;height:48px}.reference-login-fields .reference-login-device{margin:9px 0}.reference-forgot-password{margin:5px 0 10px}.reference-login-divider{margin:18px 0 12px}.reference-login-information{margin:4px 0}}@media(max-width:800px){.reference-parent .topbar>.row .connection:not(.bad):not([role=status]),.reference-staff .topbar>.row .connection:not(.bad):not([role=status]){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.reference-parent .topbar,.reference-staff .topbar{flex-wrap:nowrap;min-height:54px;padding:4px 16px;font-size:12px}.reference-parent .topbar>.row,.reference-staff .topbar>.row{gap:0}.reference-classroom-page .live-board-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:10px 0}.reference-classroom-page .live-board-summary>div{padding:10px 8px;grid-template-columns:28px 1fr;gap:3px 6px;min-height:66px;text-align:left}.reference-classroom-page .reference-summary-icon{width:28px;height:32px;border-radius:10px}.reference-classroom-page .reference-summary-icon svg{width:20px;height:20px}.reference-classroom-page .live-board-summary>div>span:not(.reference-summary-icon){font-size:12px;white-space:nowrap}.reference-classroom-page .live-board-summary strong{font-size:22px}.reference-classroom-page .live-board-summary small{font-size:11px}.reference-classroom-page .classroom-board-toolbar{gap:5px;padding:10px 12px;margin:8px 0 0}.reference-classroom-page .classroom-board-toolbar label{margin:0;gap:5px;font-size:12px}.reference-classroom-page .classroom-board-toolbar input{min-height:44px;margin:0;font-size:16px}.reference-classroom-page .classroom-board-actions{align-items:center}.reference-classroom-page .classroom-board-actions .live-learning-controls{display:flex;align-items:center;gap:6px}.reference-classroom-page .classroom-board-actions .live-learning-controls .button{width:auto}.reference-classroom-page .classroom-board-rows>li>.classroom-core-check{font-size:12px}.reference-classroom-page .classroom-board-rows>li>.classroom-core-check small{font-size:11px}.reference-classroom-page .classroom-board-rows>li>.classroom-live-state{font-size:12px}}@media(min-width:1360px){.reference-staff:has(.reference-classroom-page) .main-content{padding:22px 28px}.reference-classroom-page .renewal-page-title{margin-bottom:12px}.reference-classroom-page #selected-classroom-title{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.reference-classroom-page .reference-board-options{margin:2px 0}.reference-classroom-page .reference-board-options>summary{min-height:30px;padding:4px 0}.reference-classroom-page .live-board-summary>div{min-height:72px;padding:10px 14px}.reference-classroom-page .classroom-board-toolbar{padding:8px 16px;align-items:center}.reference-classroom-page .classroom-board-toolbar label{display:flex;align-items:center;gap:10px;margin:0}.reference-classroom-page .classroom-board-toolbar input{width:180px;margin:0;min-height:36px}.reference-classroom-page .reference-board-filters{padding:6px 16px}.reference-classroom-page .classroom-board-columns,.reference-classroom-page .classroom-board-rows>li{grid-template-columns:minmax(65px,.65fr) minmax(95px,.9fr) minmax(70px,.7fr) minmax(100px,1fr) minmax(115px,1.1fr) minmax(90px,.85fr) minmax(270px,2.5fr);gap:9px;align-items:center}.reference-classroom-page .classroom-board-rows>li{padding:7px 0;font-size:13px;min-height:58px}.reference-classroom-page .classroom-board-actions{flex-wrap:nowrap;gap:5px}.reference-classroom-page .classroom-board-actions .button{font-size:12px;padding:7px;min-height:34px;white-space:nowrap}.reference-classroom-page .classroom-board-actions .live-learning-controls{flex-wrap:nowrap;gap:5px}.reference-classroom-page .classroom-board-actions .live-learning-controls label{font-size:0;gap:0}.reference-classroom-page .classroom-board-actions .live-learning-controls select{font-size:12px;width:58px;min-height:34px;padding:4px}.reference-classroom-page .classroom-board-time{gap:2px}.reference-classroom-page .classroom-board-time strong,.reference-classroom-page .classroom-core-check{font-size:13px}.reference-classroom-page .renewal-page-title .eyebrow{display:none}}@media(min-width:1360px){.reference-classroom-page .classroom-attendance-actions:not(:has(.stack)):not(:has([role=status])){float:right;margin-top:0}.reference-classroom-page .classroom-attendance-actions:has(.stack){clear:both}.reference-classroom-page .classroom-board-toolbar label{flex-direction:row}.reference-classroom-page .classroom-board-toolbar input{font-size:14px}}.reference-book-learning .book-xp-policy>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:600;color:var(--brand-deep,#281d62)}.training-path-list>.actions[aria-label="세트 상태 필터"]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:8px 0}.training-path-list>.actions[aria-label="세트 상태 필터"]>button{justify-content:center;min-height:44px;padding:8px;border:0;border-radius:12px;background:var(--brand-soft,#f0ebff);color:var(--brand-deep,#281d62);font-size:14px}.training-path-list>.actions[aria-label="세트 상태 필터"]>button[aria-pressed=true]{background:var(--brand-primary,#6941ed);color:#fff}.reference-student .student-round-ox{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;background:transparent}.reference-student .student-round-ox>button:first-child{background:#e9efff;color:#387cd7}.reference-student .student-round-ox>button:last-child{background:#ffe8ee;color:#d7446b}.reference-book-learning .book-redo-guide>summary{display:flex;align-items:center;min-height:44px;cursor:pointer;color:var(--brand-deep,#281d62);font-size:14px}.reference-book-learning .book-redo-guide+p{margin:8px 0 0}.reference-student [aria-label="나의 배정 학습 목록"]>h3{margin:0 0 12px}.reference-student [aria-label="나의 배정 학습 목록"]>ul{list-style:none;padding:0;margin:12px 0}.reference-student [aria-label="나의 배정 학습 목록"]>ul>li{padding:12px;margin:8px 0;border:1px solid #ede7f9;border-radius:14px;background:#faf8ff;font-size:14px;line-height:1.6}.reference-student [aria-label="나의 배정 학습 목록"]>ul>li>button{display:block;min-height:44px;margin-top:8px}.reference-published-reports>h3{margin:0 0 12px}.published-report-filters>summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-size:14px;color:var(--brand-deep,#281d62)}.reference-published-reports>article.panel{margin:12px 0 0;padding:16px;background:#faf8ff;box-shadow:none}.reference-published-reports>article.panel>h4{margin:0 0 8px}.reference-published-reports>article.panel>p{margin:8px 0}.reference-student .student-round-ox>button[aria-pressed=true]{background:var(--brand-primary,#6941ed);color:#fff;box-shadow:0 0 0 2px var(--brand-primary,#6941ed)}.reference-signup-roles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 12px}.login-box .reference-signup-roles button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:82px;padding:10px 2px;border:1px solid #e6dff7;border-radius:14px;background:#f5f1ff;color:#6541d6;font-size:12px;line-height:1.3;box-shadow:none;--signup-icon-background:#f5f1ff}.login-box .reference-signup-roles button:hover{background:#ede5ff;--signup-icon-background:#ede5ff}.reference-signup-roles button:focus-visible{outline:2px solid #6541d6;outline-offset:3px}.reference-academy-signup{border:1px solid #e6dff7;background:#faf8ff;border-radius:14px;padding:12px;margin-bottom:12px}.reference-academy-signup>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.reference-academy-signup button{min-height:44px;display:flex;align-items:center;justify-content:center;gap:7px}.reference-academy-signup p{font-size:13px;line-height:1.6;margin:12px 0 0;color:#55516f}.student-checkout-action{display:grid;gap:8px}@media(max-width:380px){.reference-signup-roles{gap:5px}.login-box .reference-signup-roles button{font-size:11px;min-height:76px}}.student-approval-row.panel{padding:10px 14px;margin:0 0 8px;border-radius:14px}.student-approval-row fieldset{margin:0;padding:0;border:0;min-width:0}.student-approval-line{display:flex;align-items:center;gap:12px;min-height:44px}.student-approval-line input[type=checkbox],.student-approval-select-all input{width:20px;height:20px;margin:0;flex:0 0 20px;accent-color:#6941e8}.student-approval-name{flex:1 1;min-width:0;background:transparent;border:0;text-align:left;color:#17143a;font-size:16px;font-weight:650;padding:10px 0;cursor:pointer;overflow-wrap:anywhere}.student-approval-line .button{flex:0 0 auto;min-height:40px;padding:8px 18px;margin:0}.student-approval-select-all{display:flex;flex-direction:row;align-items:center;gap:12px;margin:12px 14px;font-size:14px}.student-approval-detail{padding:12px 0 4px;margin-top:8px;border-top:1px solid #ece8f6}.student-approval-detail p{margin:6px 0}.student-approval-detail h4{margin:10px 0 6px}.student-approval-info{display:flex;align-items:center;gap:12px;flex:1 1;min-width:0;font-size:14px;color:#665e80}.student-approval-identity{flex:1 1;min-width:0}.student-approval-info .student-approval-name{display:block;width:100%;font-size:16px;padding:3px 0;white-space:normal}.student-approval-meta{display:flex;flex-wrap:wrap;gap:2px 6px;font-size:13px;line-height:1.4}.student-approval-school{overflow-wrap:anywhere}.student-approval-days{flex:0 0 auto;color:#6941e8;font-weight:600;white-space:nowrap;letter-spacing:0}@media(max-width:600px){.student-approval-row.panel{padding:8px 10px}.student-approval-info{gap:7px}.student-approval-days{font-size:13px}.student-approval-line .button{padding:8px 12px}.student-approval-select-all{margin-left:10px}}.student-approval-duration{flex:0 0 auto;font-size:14px;font-weight:600;color:#4d4567;white-space:nowrap}@media(max-width:600px){.student-approval-duration{font-size:13px}.student-approval-line{gap:7px}}.student-approval-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}.student-approval-toolbar .student-approval-select-all{margin-bottom:0;margin-top:0}.student-approval-toolbar .button{margin:0;min-height:40px;padding:8px 14px;font-size:14px}.student-approval-bulk-action{display:flex;justify-content:flex-end;margin:12px 0 20px}.student-approval-bulk-action .button{margin:0;min-height:44px}.student-approvals-view>h1,.student-approvals-view>h2{font-size:24px;font-weight:700;line-height:1.3}.student-approval-username{font-size:13px;font-weight:500;color:#665e80}.student-lesson-menu{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 18px;width:100%}.student-lesson-card{--lesson-tone:#7048ef;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-width:0;min-height:110px;padding:14px 4px;background:#fff;border:1px solid #e7e3f5;border-radius:18px;box-shadow:0 3px 12px #27204b05;cursor:pointer;color:#191644;font-family:inherit;font-size:14px;font-weight:650;line-height:1.35}.student-lesson-card.tone-green{--lesson-tone:#10a879}.student-lesson-card.tone-orange{--lesson-tone:#f28b20}.student-lesson-card.tone-blue{--lesson-tone:#347be9}.student-lesson-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:48px;height:48px;border-radius:15px;color:var(--lesson-tone);background:color-mix(in srgb,var(--lesson-tone) 9%,white)}.student-lesson-label{white-space:nowrap}.student-lesson-card[aria-current=page]{border-color:var(--lesson-tone);box-shadow:0 0 0 1px var(--lesson-tone)}.student-lesson-card:focus-visible{outline:3px solid #bba7ff;outline-offset:3px}.student-lesson-card:disabled{opacity:.5;cursor:not-allowed}@media(max-width:600px){.student-lesson-menu{gap:7px;margin-bottom:14px}.student-lesson-card{min-height:100px;border-radius:15px;font-size:13px;gap:8px;padding:12px 2px}.student-lesson-icon{width:42px;height:42px;border-radius:13px}.student-lesson-icon svg{width:26px;height:26px}}.student-lesson-menu-compact{grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;margin-bottom:22px}.student-lesson-menu-compact .student-lesson-card{min-height:57px;padding:6px 1px;border-radius:10px;gap:4px;font-size:9px;line-height:1.2}.student-lesson-menu-compact .student-lesson-icon{width:24px;height:24px;border-radius:7px}.student-lesson-menu-compact .student-lesson-icon svg{width:18px;height:18px}.student-home-flow{color:#191644}.home-flow-sheet{border:1px solid #e7e3f5;border-radius:20px;background:#fff;padding:0 8px}.home-flow-sheet>section{padding:22px 0;margin:0;scroll-margin-top:16px;border-bottom:1px solid #e8e4f2}.home-flow-sheet>section:last-child{border-bottom:0;padding-bottom:4px}.home-flow-sheet h2{display:flex;align-items:center;gap:10px;margin:0 0 16px;font-size:18px;font-weight:700}.home-step-icon{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:8px;background:#eee8ff;color:#7048ef;font-size:13px;flex-shrink:0}.student-home-flow button{font:inherit;cursor:pointer;border:0}.student-home-flow button:disabled{opacity:.5;cursor:not-allowed}.student-home-flow button:focus-visible{outline:3px solid #c4b5fd;outline-offset:2px}.student-home-flow p{font-size:14px;margin:0 0 8px;color:#544d69;line-height:1.5}.student-home-flow .home-flow-note{color:#827b98}.home-check-row,.home-makeup-row,.home-section-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.home-check-row>div{min-width:0}.home-check-row small{font-size:13px;color:#f28b20}.home-check-row>button{background:#7048ef;color:#fff;padding:12px 16px;border-radius:12px;font-size:14px;white-space:nowrap;flex-shrink:0}.home-learning-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.home-learning-three>button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;min-height:81px;border:1px solid #e7e3f5;border-radius:13px;font-size:15px;font-weight:650;background:#f7f5ff;color:#7048ef}.home-learning-three>.tone-blue{color:#347be9;background:#f3f7ff;border-color:#d8e6ff}.home-learning-three>.tone-green{color:#10a879;background:#f1fbf8;border-color:#d3eee5}.home-homework-row{display:flex;align-items:center;gap:10px;width:100%;padding:14px 12px;margin-top:10px;min-height:49px;border-radius:12px;background:#f7f5ff;color:#7048ef;text-align:left}.home-homework-row>span{flex:1 1;font-size:14px;color:#544d69;overflow-wrap:anywhere}.home-homework-row svg{flex-shrink:0}.home-text-link{background:transparent;color:#7048ef;font-size:13px!important;padding:6px 0;min-height:32px;white-space:nowrap}.home-learning-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.home-learning-stats>div{display:flex;flex-direction:column;align-items:center;gap:8px;background:#f7f5ff;border-radius:12px;padding:12px 4px}.home-learning-stats span{color:#827b98;font-size:12px}.home-learning-stats strong{font-size:19px}.home-makeup-row p{margin:0}.home-leave-button,.home-logout-button{width:100%;min-height:42px;padding:10px 12px;border-radius:12px;background:#7048ef;color:white;font-weight:650!important}.home-logout-button{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:12px;background:#eeeaf8;color:#786894;font-size:14px!important}.home-attendance-content .panel{padding:0!important;border:0!important;box-shadow:none!important;margin:0!important;background:transparent!important}.home-attendance-content h3{display:none}.home-attendance-content .button{width:100%;background:#7048ef;color:white;border:0;border-radius:12px;min-height:42px;margin-top:8px;font-size:15px}.home-step-highlight{animation:home-step-flash 1.2s ease-out}@keyframes home-step-flash{0%{background:#f2edff}to{background:transparent}}@media(min-width:601px){.home-flow-sheet{padding:0 18px}.student-lesson-menu-compact .student-lesson-card{font-size:11px;min-height:62px}}.home-flow-makeup-only>.home-flow-sheet>section:not([data-home-step=checkout]):not([data-home-step=finish]),.home-flow-makeup-only>.home-logout-button{display:none}.home-flow-makeup-only>.home-flow-sheet{border:0;padding:0;background:transparent;box-shadow:none}.home-flow-makeup-only>.home-flow-sheet>section[data-home-step=checkout]{border:0;padding:0}.student-home-flow [data-home-step=checkout]>.panel{margin:0}.home-flow-makeup-only>.home-flow-sheet>section[data-home-step=finish]{border:0;padding:0}.student-home-flow [data-home-step=finish]>.panel{margin:0;border:0;padding:0;box-shadow:none;background:transparent}.reference-student .photo-global-header:has(.student-header-integrated){display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px;padding-inline:16px;height:68px}.reference-student .photo-global-header:has(.student-header-integrated) .photo-global-brand{grid-column:1;grid-row:1;min-width:0}.reference-student .photo-global-header:has(.student-header-integrated) .photo-global-brand>strong{font-size:21px;letter-spacing:-1px}.reference-student .photo-global-header:has(.student-header-integrated) .photo-global-brand small{display:none}.reference-student .photo-header-actions .student-header-integrated,.reference-student .photo-header-actions:has(.student-header-integrated){display:contents!important}.reference-student .student-header-integrated .student-header-time{grid-column:2;grid-row:1;display:flex;flex-direction:row;align-items:center;justify-self:center;gap:6px;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:#153e8a;white-space:nowrap}.reference-student .student-header-integrated .student-header-time strong{font-size:20px;color:#153e8a}.reference-student .student-header-integrated .student-account-link{grid-column:3;grid-row:1;justify-self:end;display:inline-flex;align-items:center;flex-wrap:nowrap;gap:3px;min-width:0;min-height:44px;padding:4px 0 4px 4px;border:0;border-radius:0;background:transparent;box-shadow:none;color:#191644;font-size:13px;white-space:nowrap}.reference-student .student-header-integrated .student-account-link span{overflow:hidden;text-overflow:ellipsis}.reference-student .student-header-integrated .student-account-link svg{flex-shrink:0}.reference-student .app-top-navigation{padding-top:68px!important}.reference-student .photo-global-header:has(.student-header-integrated){position:fixed;inset:0 0 auto;z-index:45}.reference-student .student-lesson-menu{position:sticky;top:68px;z-index:40;padding-block:8px;background:#f9f7ff}.reference-student .student-header-integrated .student-account-link{max-width:100%}