/* LIVEEDU 2.7 — shared production design system, including Android bundled assets. */
:root{--bg:#f8f7f3;--paper:#fff;--ink:#111b35;--muted:#7c8693;--line:#e5e7e6;--green:#111b35;--lime:#f5dfac;--peach:#f2e6d4;--lavender:#e9edf4;--red:#b44f3b;--accent:#fa542e;--radius:18px;color-scheme:light;background:var(--bg)}
body{background:var(--bg);color:var(--ink)}button,a,input,select,textarea{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #fa805c;outline-offset:3px}h1{font-weight:800;letter-spacing:-.8px}h2,h3{font-weight:730}p{line-height:1.8}.btn,.lang,.field input,.field select,.field textarea{border-radius:12px}.btn{min-height:44px;font-size:13px;padding:11px 17px;border-color:var(--line);transition:background .15s,transform .15s}.btn.sm{min-height:40px;font-size:12px}.btn.primary{background:var(--ink);border-color:var(--ink);box-shadow:0 6px 14px #111b350c}.btn.primary:hover{background:#263650;border-color:#263650}.btn.primary>svg{color:#ffa078}.btn.danger{color:var(--red);background:#fff1eb;border-color:#f1ddd4}.btn.ghost{color:#71808e}.btn.reject{background:#b74747;color:#fff;border-color:#b74747}.consent-actions .btn.primary{background:#28724f;border-color:#28724f}.btn:disabled{opacity:.55}.field{font-size:13px}.field input,.field select,.field textarea{background:#fff;border-color:#e1e5e5;min-height:46px;color:var(--ink);padding:12px 14px}.field input::placeholder,.field textarea::placeholder{color:#a1a9b1}.field>span{font-weight:600;font-size:13px}.form{gap:17px}.form footer{gap:12px}.check{font-size:12px;line-height:1.8}.check input{accent-color:var(--accent)}.divider{border-color:var(--line);margin:20px 0}.positive{color:#347252}.tag{border-radius:7px;background:#edf0f3;color:#657486;font-size:11px;font-weight:550}.tag.available,.tag.scheduled{background:#edf3e9;color:#4c7657}.tag.used,.tag.cancelled{background:#f0f1ef;color:#88928e}.tag.revoked{background:#fae7df;color:#a65f47}.avatar{background:#edf0f5;color:#697c94;font-weight:700}.avatar.green{background:#eee3d0;color:#917955}.avatar.peach{background:#f4e5d9;color:#a06d51}.panel,.person,.course,.stat{border-color:var(--line);border-radius:var(--radius);box-shadow:0 3px 16px #18243c03}.panel{padding:24px}.panel .section-head h2{font-size:18px}.panel>h2{font-size:18px;margin-bottom:10px}.cards{gap:18px}.person{padding:24px}.person h3{font-size:17px}.person>.muted{margin-top:12px}.person .actions{gap:10px}.table-wrap{border-radius:15px}th{color:#687687;background:#f4f5f2;font-size:12px}td{font-size:13px;border-color:var(--line)}.error-inline{font-size:12px;line-height:1.8}.notice,.reminder{background:#f5ede1;border-color:#eadfd0;color:#7c6955;border-radius:12px}.contacts-access-note{background:#f0eee7;color:#6e766f;border-radius:12px}.modal-cover{background:#111b3566;backdrop-filter:blur(4px)}.modal{border:1px solid #ffffff88;border-radius:21px;box-shadow:0 25px 80px #111b3525}.modal header{gap:12px}.modal header h2{font-size:20px}.modal header>button{min-width:36px;min-height:36px;border-radius:10px;color:#929ba5}.modal .btn{min-height:44px}.language-modal,.contacts-modal{border-radius:18px}.language-options{gap:9px}.language-option{background:#f6f7f4;border-color:#e6e9e4;min-height:46px}.language-option.selected{background:#fff0e7;border-color:#f1c3aa;color:#b65837}.lang{background:#fff;border-color:#e4e7e5;color:#687583;min-height:40px;font-size:12px}.language-trigger>span:last-child{font-size:12px}.language-trigger{justify-content:center;max-width:145px}.account-actions{gap:12px;max-width:none}.account-actions .btn{min-height:46px;font-size:13px}.account-actions .btn svg{width:18px;height:18px}.brand{font-weight:850;color:var(--ink);letter-spacing:-.5px}.brand small{font-size:7px;letter-spacing:2px;color:#939ca5}.brand-mark{background:transparent;border-radius:11px}.brand-mark img{border-radius:11px}.boot{background:var(--bg)}.boot>p{font-size:14px;font-weight:700;letter-spacing:2px}.sidebar{padding:30px 22px;background:#fffefa;border-color:#e6e7e2}.sidebar .brand{margin-bottom:37px}.nav{gap:7px}.nav button{min-height:46px;border-radius:11px;font-size:13px;color:#7c8793;gap:12px}.nav button svg{width:19px;height:19px}.nav button:hover{background:#f7f4ee}.nav button.active{background:#fff0e7;color:#c65a37;font-weight:650}.side-note{background:#f2ede3;border-radius:16px;padding:20px 16px}.side-note .sun{color:var(--accent);font-size:30px}.side-note h3{font-size:16px}.side-note p{font-size:12px;color:#8f9188}.usercard{font-size:13px}.main{margin:0 auto;align-self:start;padding:0 42px 45px;min-width:0}.topbar{height:88px;border-color:#e6e8e2;gap:12px}.breadcrumb{font-size:12px;color:#9ba3a8}.topbar>.row{gap:12px;min-width:0}.topbar .avatar{width:38px;height:38px;font-size:14px}.topbar .date-label{font-size:12px}.app-version{background:#eaeef3;color:#68768a;border:1px solid #e1e6ec;font-size:10px}.page-head{margin:28px 0 23px;gap:18px}.page-head h1{font-size:29px}.page-head p{font-size:12px}.page-head>.btn{flex-shrink:0}.hero{background:#f1eade;border-radius:22px}.hero h2{color:var(--ink);font-size:31px;line-height:1.45}.hero p{color:#9a8a78}.hero-art{min-width:0;background:radial-gradient(ellipse,#f6e6d1a0,transparent 70%)}.hero-art>.brand-illustration{display:block;width:100%;height:250px;max-width:310px;object-fit:contain}.brand-illustration{height:auto;object-fit:contain;pointer-events:none}.brand-welcome{display:flex;position:relative;overflow:hidden;align-items:center;min-height:205px;margin:0 0 28px;border:1px solid #eae2d4;border-radius:20px;background:#f1eade;padding:28px 30px}.brand-welcome>div{position:relative;z-index:1;max-width:65%}.brand-welcome .eyebrow{color:#a28a72;font-size:9px;letter-spacing:1.7px}.brand-welcome h2{font-size:28px;line-height:1.5;letter-spacing:-.8px;max-width:520px;margin:11px 0 10px}.brand-welcome p{font-size:12px;color:#9a8d7b}.brand-welcome>.brand-illustration{position:absolute;right:28px;bottom:-18px;width:230px;height:230px;transform:rotate(-5deg)}.live-rooms-panel{padding:0;border:0;background:transparent;box-shadow:none}.live-rooms-panel>.section-head{margin:0 0 17px}.live-rooms-panel>.section-head h2{font-size:18px}.live-rooms-panel>.section-head>.eyebrow{font-size:9px;color:#a5acb0;letter-spacing:1.5px}.live-rooms-panel>.course-grid{display:grid;gap:18px}.live-room-card.course{display:block;padding:21px;background:#fff;border:1px solid #e3e7e8;border-radius:18px;min-width:0;margin:0;position:relative}.live-room-heading{display:flex;align-items:center;gap:12px;min-width:0}.live-room-heading>.avatar{background:#192a43;color:#f8ddbe;border-radius:13px;width:44px;height:44px}.live-room-heading>.avatar svg{width:20px;height:20px}.live-room-heading .course-info{min-width:0;flex:1}.live-room-heading .course-info h3{font-size:16px;line-height:1.6;overflow-wrap:anywhere;font-weight:750}.live-room-heading .course-info p{font-size:11px;color:#96a0a8;margin-top:5px}.live-room-heading .course-presence{position:static;flex-shrink:0;margin:0;padding:5px 7px;border-radius:7px;font-size:10px;max-width:110px;white-space:normal;line-height:1.5}.live-room-card.student-entered{background:#fff3ee;border-color:#e5b6a3;box-shadow:0 3px 16px #be674a05}.student-entered .course-presence.entered{color:#b04d34;background:#f8dfd4;border-color:#e7bba8}.live-room-details{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:19px 0 16px;padding-top:17px;border-top:1px solid #eceeea;color:#96a19e;font-size:10px;line-height:1.7}.live-room-details>span{display:flex;align-items:center;gap:6px;min-width:0}.live-room-details svg{width:14px;height:14px;flex-shrink:0;color:#9dada3}.live-room-card .course-actions{display:flex;width:100%;justify-content:stretch;gap:10px;flex-wrap:wrap;margin-top:0}.live-room-card .course-actions>.btn{flex:1;justify-content:center;min-height:45px;font-size:13px}.live-room-card .course-actions>.btn.danger{flex:0 1 auto;min-width:105px}.live-rooms-panel .empty{background:white;border:1px solid #e5e8e5;border-radius:18px;grid-column:1/-1;padding:25px 18px 35px;min-height:250px}.empty>.brand-illustration{display:block;width:165px;height:155px;margin:0 auto 10px;opacity:1}.empty:has(>.brand-illustration)>svg{display:none}.empty h3{color:#5f6d7d;font-size:15px;line-height:1.8}.empty p{font-size:12px;color:#9ca6ab;line-height:1.9}.library-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:176px;background:#f0eade;border:1px solid #e8e0d3;border-radius:19px;margin-bottom:24px;padding:23px 27px;overflow:hidden}.library-banner>div{min-width:0}.library-banner .eyebrow{font-size:8px;color:#a38c78;letter-spacing:1.5px}.library-banner h2{font-size:23px;line-height:1.5;margin:10px 0 7px}.library-banner p{font-size:12px;color:#9c907f}.library-banner>.brand-illustration{width:180px;height:165px;flex-shrink:0;margin:-15px 0}.video-tile{background:#17263f;border-radius:14px;border:1px solid #e4e7e8;aspect-ratio:16/10}.video-tile .teaching-thumbnail{object-fit:cover}.video-tile>svg{background:#111b3580;backdrop-filter:blur(4px);width:44px;height:44px;color:#ffd7bc}.person:has(.video-tile)>h3{margin-top:17px;font-size:16px}.person:has(.video-tile)>.muted{font-size:12px;margin-top:8px}.person:has(.video-tile)>.actions{margin-top:18px}.recording-thumbnail{border-radius:12px;aspect-ratio:16/9;object-fit:contain;background:#17243a}.recording-player{background:#111b30}.tabs button{border-radius:10px;font-size:12px;min-height:40px}.tabs button.active{background:var(--ink);color:white}.invite-code{color:#1e3049;letter-spacing:4px}.profile-panel{padding:24px}.profile-heading{gap:16px}.profile-heading>.avatar{width:56px;height:56px;border-radius:17px;background:#182b43;color:#f5c9a1;font-size:24px}.profile-heading h2{font-size:23px;font-weight:750}.profile-heading .muted{font-size:12px;margin-top:4px}.panel-kicker{font-size:12px!important;color:#9ca6aa;font-weight:550;margin-bottom:17px;letter-spacing:.2px}.preferences-panel>.row.between{font-size:14px;gap:10px;min-width:0}.preferences-panel .account-actions{margin-top:0}.settings-links{display:block;gap:0}.settings-links .quick-btn{display:flex;width:100%;align-items:center;justify-content:flex-start;gap:13px;border:0;border-bottom:1px solid #edf0eb;border-radius:0;padding:16px 0;min-height:52px;font-size:14px;background:white;box-shadow:none;text-align:left;color:#4c5b6e}.settings-links .quick-btn:last-child{border-bottom:0;padding-bottom:3px}.settings-links .quick-btn:first-child{padding-top:2px}.settings-links .quick-btn>svg{width:20px;height:20px;background:#f2f3ef;color:#83919e;border-radius:8px;padding:6px;box-sizing:content-box}.settings-links .quick-btn>.arrow{margin-left:auto;color:#b5bec4;font-size:18px}.settings-grid>.stack{gap:18px}.settings-grid .panel h2,.settings-grid .panel h3{font-size:17px}.settings-grid .panel>.muted{font-size:12px;line-height:1.85}.settings-grid .panel>.actions{margin-top:17px}.email-account>h2{font-size:17px}.email-account>.btn{margin-top:15px}.email-account>.small{margin-top:12px}.login-shell{background:var(--bg);min-height:100dvh}.login-art{background:#f1e8dc;border:1px solid #e9decc;border-radius:26px;padding:38px;margin:22px;min-height:650px}.login-art .big-copy{margin:45px 0 12px;position:relative;z-index:1}.login-art h1{color:var(--ink);font-size:42px;line-height:1.45;letter-spacing:-1.4px}.login-art .big-copy p{color:#9b8b79;font-size:14px;margin-top:18px;max-width:380px}.login-art .hero-art{flex:1;min-height:230px;margin-top:5px}.login-art .hero-art img{height:100%;max-height:350px;max-width:430px;width:100%}.login-art>.foot{color:#a99782;font-size:9px;letter-spacing:1.3px}.login-form-side{background:var(--bg);padding:54px 45px}.login-form{max-width:390px}.auth-intro{margin-bottom:27px}.auth-intro>.eyebrow{color:#a49686;font-size:9px;letter-spacing:1.6px}.auth-intro>h2{font-size:30px;line-height:1.5;letter-spacing:-.9px;margin:12px 0 10px}.auth-intro>.muted{font-size:13px;line-height:1.85}.auth-intro>.brand-illustration{display:none}.login-language{margin-bottom:25px}.login-form .form{gap:17px}.login-form .form>.btn.primary{width:100%;font-size:15px;min-height:49px;justify-content:space-between;margin-top:8px;padding:12px 18px}.login-form .login-links{display:grid;grid-template-columns:1fr auto;gap:16px 10px;align-items:center;margin-top:19px}.login-links .register-cta{display:inline-flex;justify-content:flex-start;align-items:center;gap:7px;background:none;border:0;border-radius:0;padding:0;color:var(--accent);font-size:13px;min-height:40px;box-shadow:none}.login-links .register-cta>svg:first-child{display:none}.login-links .register-cta>svg{width:16px;height:16px}.login-links>[data-action=forgot-password]{font-size:12px}.login-links>.app-download-cta{grid-column:1/-1;min-height:43px;background:#f0eee7;border:1px solid #e7e3da;border-radius:11px;justify-content:center;padding:10px 14px;font-size:12px;color:#7e7c72;display:flex;align-items:center;gap:8px;margin:1px 0 0}.login-links>.app-download-cta svg{width:15px;height:15px}.login-form .mobile-brand{margin-bottom:25px}.login-form .mobile-brand>.brand{justify-content:flex-start}.login-form .check{font-size:11px}.login-art .brand{font-size:24px}.login-art .brand-mark{width:48px;height:48px}.login-art .brand small{font-size:8px}
/* Video/recording elements retain their existing geometry, stacking and lifecycle. */
.room-shell{background:#111b30;color:#dfe6f0;gap:10px;padding:12px;grid-template-rows:auto minmax(0,1fr) auto}.room-top{background:transparent;border:0;border-radius:0;box-shadow:none;padding:9px 7px;color:#dfe6f0}.room-top .brand{color:#fff}.room-top .brand small{color:#6e8097}.room-heading h2{color:#dfe6f0}.room-content .stage{background:radial-gradient(ellipse at 50% 35%,#28364e,#17243a 70%);border:1px solid #3d4a60;border-radius:20px;box-shadow:none;min-height:0}.room-cover{background:#17243a}.stage #local-video{border:1px solid #7e8a9b99;border-radius:12px;box-shadow:0 3px 12px #0003}.placeholder{color:#98a9bb}.placeholder>.stage-illustration{display:block;width:160px;height:160px;opacity:.58;margin:auto}.placeholder:not(.has-cover)>.avatar{display:none}.placeholder p{font-size:12px;color:#7e90a8}.placeholder.has-cover{visibility:hidden}.room-status{background:#263c37d9;color:#bdddc9;border:1px solid #77958a33;border-radius:7px;font-size:10px;padding:5px 8px}.student-presence{border-radius:6px;background:#253a42;color:#a0bac4;border-color:#45626b}.room-top .student-presence.entered{background:#3f2e2c;color:#f1b09a;border-color:#765447}.classroom-session-label{color:#71829a;font-size:8px}.recording-duration{background:#2c2937;color:#eea38a;border:1px solid #514050;border-radius:7px;padding:4px 7px;font-size:11px}.recording-clock-active:before{background:#fa754b;width:5px;height:5px}.teacher-toolbar .btn,.teacher-toolbar .lang{background:#1b2940;border-color:#3a485d;color:#aebbd0;border-radius:9px;font-size:11px;min-height:35px}.teacher-toolbar .btn:hover{background:#24334c}.teacher-toolbar [data-action=mode-live]{background:#f2f0e7;color:#34445a;border-color:#f2f0e7}.teacher-toolbar .lang{color-scheme:dark}.teacher-room .room-audio-levels .audio-meter{background:#223748;border:1px solid #3a5361;color:#a0bac3;border-radius:5px}.teacher-room .room-audio-levels .audio-meter.speaking{background:#254139;color:#b0dabd;border-color:#487c61}.teacher-room .room-audio-levels .audio-bars i{background:#485563}.teacher-room .room-audio-levels .audio-bars i.lit{background:#a6d1b3}.classroom-bottom{gap:5px}.classroom-bottom .room-controls{background:transparent;border:0;box-shadow:none;border-radius:0;padding:4px 5px;gap:12px}.classroom-bottom .room-controls .btn{display:flex;flex-direction:column;justify-content:center;gap:7px;min-height:68px;min-width:60px;padding:3px 4px;background:transparent;border:0;border-radius:0;color:#acbbcf;font-size:11px;box-shadow:none}.classroom-bottom .room-controls .btn>svg{box-sizing:content-box;padding:11px;border:1px solid #3c4d65;border-radius:12px;background:#202e47;color:#c4cfdf;width:19px;height:19px}.classroom-bottom .room-controls .btn.off{color:#d29481;background:transparent;border:0}.classroom-bottom .room-controls .btn.off>svg{border-color:#65505b;background:#322a3c;color:#d4a29a}.classroom-bottom .room-controls .btn.active{background:transparent;color:#f5b596}.classroom-bottom .room-controls .btn.active>svg{background:#a8593c;border-color:#bc6b4b;color:white}.classroom-bottom .room-controls .btn.danger>svg{color:#e19a89;background:#362a37;border-color:#66505a}.classroom-assurance{color:#637991;font-size:9px;line-height:1.6;min-height:18px;padding:1px 3px}.classroom-assurance svg{width:11px;height:11px}.live-chat-form input{background:#1c2942eb;border-color:#46526a;color:#edf1f8;border-radius:10px}.live-chat-form>.btn.primary{background:#e47a52;border-color:#e9906b;border-radius:9px;box-shadow:none;color:white}.live-chat-form>.btn.primary svg{color:white}.live-messages .message{background:#162036d9;border-radius:8px;color:#d6dfec}.live-messages .message b{color:#ecb596}.playback-controls{border-radius:11px;background:#17243deb;border-color:#526076}.playback-controls .btn{background:#263853;color:#d0dbeb;border-color:#485c76}.teacher-room .stage.lesson-active .video-lesson{border-color:#8e98a888;border-radius:12px}.stage-video-actions button,.stage-exit,.stage-view-switch{background:#192841de;border-color:#71809780;color:#d6e0ee;box-shadow:none}.self-label{background:#111b3599;color:#c5d2e2}.remote-play{background:#17273e;color:#d5e2f0;border-color:#5a6e86}.student-room #tap-play{background:#263d5a;border-color:#7991ad80}.teacher-room .room-controls .class-like.liked{color:#ef9d88}.like-particle{filter:drop-shadow(0 2px 5px #161f2d30)}
@media(min-width:1450px){.main{padding-left:54px;padding-right:54px}.brand-welcome{min-height:220px}.brand-welcome h2{font-size:31px}.brand-welcome>.brand-illustration{width:255px;height:255px;right:48px}.login-art{padding:48px}.login-art h1{font-size:47px}}
@media(max-width:1100px){.sidebar{padding:28px 16px}.main{padding:0 26px 35px}.brand-welcome{padding:23px;min-height:190px}.brand-welcome h2{font-size:25px}.brand-welcome>.brand-illustration{right:-5px;width:205px;height:205px}.library-banner{padding:22px}.library-banner h2{font-size:21px}.library-banner>.brand-illustration{width:145px;height:145px}.person{padding:20px}.login-art{padding:28px}.login-art h1{font-size:36px}.login-form-side{padding:42px 30px}}
@media(max-width:760px){.sidebar{display:none}.shell{display:block}.main{padding:0 20px calc(105px + env(safe-area-inset-bottom));margin:0;min-height:100dvh}.topbar{height:72px;min-height:0;padding:10px 0;border-color:#e8e9e3}.topbar>.breadcrumb{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1}.topbar>.row{gap:9px;flex-shrink:0}.topbar .date-label{display:none}.topbar .avatar{width:32px;height:32px;font-size:12px}.topbar .lang{font-size:11px;min-height:36px;padding:8px 10px;max-width:116px;border-radius:10px}.topbar .app-version{display:none}.page-head{margin:24px 0 21px;gap:10px;align-items:center}.page-head h1{font-size:25px;line-height:1.4}.page-head p{font-size:11px}.page-head>.btn{min-height:40px;padding:9px 11px;font-size:11px}.mobile-nav{padding:10px 8px calc(12px + env(safe-area-inset-bottom));border-color:#e2e7e5;background:#fffffff7;box-shadow:0 -4px 16px #17253704;gap:1px;align-items:stretch}.mobile-nav>button{font-size:10px;min-width:0;min-height:47px;gap:7px;position:relative;flex:1;padding:2px}.mobile-nav>button>.ui-icon{width:21px;height:21px}.mobile-nav>button.active{color:#e4663d;font-weight:650}.mobile-nav>button.active>.ui-icon{background:#fff0e8;border-radius:8px;box-shadow:0 0 0 5px #fff0e8}.mobile-nav>.menu-logout{font-size:9px;color:#bb7966}.brand-welcome{min-height:172px;padding:21px 17px;margin-bottom:25px;border-radius:18px;border-color:#ede4d7}.brand-welcome>div{max-width:70%}.brand-welcome h2{font-size:22px;line-height:1.5;max-width:235px;margin:10px 0 9px;letter-spacing:-.7px}.brand-welcome .eyebrow{font-size:8px;letter-spacing:1.1px}.brand-welcome p{font-size:10px;max-width:185px}.brand-welcome>.brand-illustration{width:175px;height:175px;right:-32px;bottom:-5px}.live-rooms-panel>.section-head{margin-bottom:14px}.live-rooms-panel>.section-head h2{font-size:17px}.live-rooms-panel>.section-head .eyebrow{font-size:7px}.live-room-card.course{padding:18px 14px;border-radius:17px}.live-room-heading{gap:10px}.live-room-heading>.avatar{width:38px;height:38px;border-radius:12px}.live-room-heading>.avatar svg{width:17px;height:17px}.live-room-heading .course-info h3{font-size:14px;line-height:1.65}.live-room-heading .course-info p{font-size:10px}.live-room-heading .course-presence{font-size:8px;padding:4px 6px;max-width:76px}.live-room-details{font-size:9px;margin:17px 0 14px;padding-top:15px;gap:8px}.live-room-details svg{width:12px;height:12px}.live-room-card .course-actions>.btn{min-height:46px;font-size:12px}.live-room-card .course-actions>.btn.danger{font-size:10px;min-width:85px}.live-rooms-panel .empty{min-height:265px;padding:23px 15px 30px}.empty>.brand-illustration{width:165px;height:160px}.student-room-waiting h3,.empty h3{font-size:14px}.empty p{font-size:11px}.panel{padding:20px}.person{padding:20px}.person h3{font-size:17px}.cards{gap:16px}.library-banner{padding:20px 17px;gap:9px;min-height:155px;border-radius:17px;margin-bottom:20px}.library-banner>div{max-width:67%}.library-banner h2{font-size:19px;margin:9px 0 7px}.library-banner p{font-size:10px}.library-banner .eyebrow{font-size:6px;letter-spacing:.8px}.library-banner>.brand-illustration{width:116px;height:140px;margin:-14px -15px -14px -17px}.video-tile{aspect-ratio:16/10;border-radius:13px}.person:has(.video-tile)>h3{font-size:16px}.profile-panel{padding:22px 19px}.profile-heading>.avatar{width:50px;height:50px;border-radius:15px;font-size:23px}.profile-heading h2{font-size:22px!important}.profile-heading>.row{gap:12px}.profile-heading .muted{font-size:11px}.settings-grid{gap:18px}.settings-grid>.stack{gap:16px}.preferences-panel>.row.between{font-size:13px}.settings-links .quick-btn{font-size:13px;min-height:51px;padding:14px 0;gap:12px}.settings-links .quick-btn>svg{width:17px;height:17px}.account-actions .btn{font-size:12px;padding:10px 8px;min-height:45px}.account-actions .btn svg{width:16px;height:16px}.panel-kicker{font-size:11px!important;margin-bottom:16px}.settings-grid .panel>h2{font-size:16px}.settings-grid .panel>.muted{font-size:11px}.hero{padding:24px;min-height:210px}.hero h2{font-size:24px}.hero .hero-art img{height:170px}.login-shell{display:block;min-height:100dvh}.login-art{display:none}.login-form-side{padding:calc(27px + env(safe-area-inset-top)) 24px calc(35px + env(safe-area-inset-bottom));justify-content:flex-start}.native-app .login-form-side{padding-top:25px}.login-form{max-width:420px}.login-form .mobile-brand{display:flex;margin:0 0 24px;width:calc(100% - 100px);min-height:40px}.login-form .mobile-brand .brand{font-size:19px;gap:9px}.login-form .mobile-brand .brand small{font-size:6px;letter-spacing:1.3px}.login-form .mobile-brand .brand-mark{width:38px;height:38px;border-radius:11px}.login-language{position:absolute;top:calc(28px + env(safe-area-inset-top));right:24px;max-width:95px;margin:0;z-index:2}.native-app .login-language{top:26px}.login-language .lang{font-size:11px;min-height:37px;padding:8px 10px;border-radius:10px;max-width:95px}.auth-intro{position:relative;height:194px;margin:3px 0 19px;padding-top:8px;overflow:hidden}.auth-intro>.eyebrow{font-size:7px;letter-spacing:1.3px}.auth-intro>h2{font-size:25px;line-height:1.45;margin:13px 0 11px;max-width:89%;position:relative;z-index:1}.auth-intro>.muted{font-size:11px;line-height:1.85;max-width:62%;position:relative;z-index:1}.auth-intro>.brand-illustration{display:block;position:absolute;width:165px;height:165px;right:-9px;bottom:-8px}.register-intro{height:163px;margin-bottom:18px}.register-intro>h2{font-size:23px;max-width:82%}.register-intro>.brand-illustration{width:138px;height:138px;right:-13px;bottom:-5px;opacity:.92}.login-form .form{gap:16px}.login-form .field>span{font-size:12px}.login-form .field input{min-height:48px;font-size:16px;padding:12px 14px}.login-form .form>.btn.primary{min-height:49px;font-size:14px;margin-top:7px}.login-form .login-links{margin-top:16px;gap:13px 9px}.login-links .register-cta{font-size:12px;min-height:38px}.login-links>[data-action=forgot-password]{font-size:11px}.login-links>.app-download-cta{font-size:11px;margin-top:4px}.modal{border-radius:19px}.modal header h2{font-size:18px}.language-modal,.contacts-modal{padding:20px;max-width:340px}.field input,.field select,.field textarea{font-size:16px}.teacher-room .room-top,.room-top{background:transparent;box-shadow:none;border:0;border-radius:0}.room-shell{padding:8px;gap:8px;overflow:hidden}.room-top{padding:6px 4px;gap:5px}.room-top>.brand{display:none}.room-content .stage{border-radius:17px;box-shadow:none;border:1px solid #435068}.classroom-bottom .room-controls{padding:4px 1px 2px;gap:4px;justify-content:center;overflow:visible;flex-wrap:nowrap}.classroom-bottom .room-controls .btn{font-size:10px;line-height:1.3;min-height:64px;min-width:0;flex:1;padding:2px 0;gap:6px;white-space:normal;text-align:center}.classroom-bottom .room-controls .btn>svg{width:17px;height:17px;padding:10px;border-radius:12px}.classroom-bottom .room-controls .btn>span{max-width:100%;overflow-wrap:anywhere;font-size:10px;line-height:1.4}.classroom-assurance{font-size:8px;min-height:17px;line-height:1.6;padding:1px 2px}.classroom-assurance svg{width:10px;height:10px}.room-heading h2{font-size:12px;line-height:1.5}.stage .placeholder>.stage-illustration{width:125px;height:125px}.live-chat-form input{font-size:16px;min-height:40px;padding:8px 10px}.live-chat-form .btn{min-height:40px;min-width:40px;padding:7px}.live-chat-form .ui-icon{width:17px;height:17px}.room-status{font-size:9px;padding:4px 7px}.recording-duration{font-size:10px}.room-top .room-participant-names{font-size:11px}.teacher-toolbar .btn,.teacher-toolbar .lang{min-height:31px;font-size:10px;padding:6px 8px;border-radius:8px}.teacher-room .room-audio-levels .audio-meter{font-size:8px}.student-room .room-heading h2{font-size:12px}.stage-exit,.stage-view-switch{min-width:40px;min-height:40px;width:40px;height:40px;border-radius:12px}.stage-exit svg,.stage-view-switch svg{width:16px;height:16px}.student-room #tap-play{width:40px;height:40px;border-radius:12px}}
:is(.native-app,.mobile-ui) .teacher-room .room-top{padding:4px 3px;grid-template-rows:25px 18px 32px;gap:5px;background:transparent;border:0;box-shadow:none;border-radius:0}:is(.native-app,.mobile-ui) .teacher-room .room-controls{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));padding:4px 0 2px;gap:3px;min-width:0}:is(.native-app,.mobile-ui) .teacher-room .room-controls .btn{min-height:64px;padding:2px 0;gap:6px;background:transparent;border:0;border-radius:0}:is(.native-app,.mobile-ui) .teacher-room .room-content .stage{border-radius:17px}:is(.native-app,.mobile-ui) .teacher-room .room-participant-names{font-size:10px;gap:4px}:is(.native-app,.mobile-ui) .teacher-room .room-participants .student-presence{font-size:8px;padding:3px 4px;line-height:15px}:is(.native-app,.mobile-ui) .teacher-room .room-audio-levels .audio-meter{padding:2px 3px;border-radius:5px;font-size:8px;gap:3px}:is(.native-app,.mobile-ui) .teacher-room .room-audio-levels .audio-bars i{width:2px}.mobile-ui:not(.native-app) .room-shell{padding-top:calc(8px + env(safe-area-inset-top));padding-bottom:calc(8px + env(safe-area-inset-bottom))}
@media(max-width:420px){.teacher-room .room-audio-levels .audio-meter>span:first-child{display:none}.live-room-heading .course-presence{font-size:8px;max-width:68px}.live-room-heading .course-info h3{font-size:13px}.brand-welcome h2{font-size:21px;max-width:205px}.brand-welcome>.brand-illustration{right:-36px;width:170px;height:170px}.live-room-details{font-size:9px;gap:6px}.live-room-details>span{gap:4px}.person .people-actions .btn{font-size:10px}.person .people-actions{gap:5px}.person .people-actions .btn{padding:10px 4px;min-width:0}.library-banner h2{font-size:18px}.stage-video-actions{right:9px;top:9px;gap:6px}.student-room .playback-controls{right:9px;top:58px}}
@media(max-width:360px){.main{padding-left:16px;padding-right:16px}.login-form-side{padding-left:20px;padding-right:20px}.login-language{right:20px}.login-form .mobile-brand .brand{font-size:17px}.login-form .mobile-brand .brand small{font-size:5px;letter-spacing:1px}.login-form .mobile-brand .brand-mark{width:35px;height:35px}.auth-intro>h2{font-size:23px;max-width:89%}.auth-intro>.brand-illustration{width:143px;height:143px;bottom:-2px}.auth-intro>.muted{max-width:64%;font-size:11px}.register-intro>h2{font-size:21px}.register-intro>.brand-illustration{width:120px;height:120px}.brand-welcome{padding:19px 15px}.brand-welcome h2{font-size:20px;max-width:180px}.brand-welcome>.brand-illustration{width:150px;height:150px;right:-35px}.brand-welcome p{font-size:9px;max-width:155px}.live-room-card.course{padding:16px 12px}.live-room-heading>.avatar{width:33px;height:33px;border-radius:11px}.live-room-heading{gap:8px}.live-room-heading .course-info h3{font-size:12px}.live-room-details{font-size:8px}.live-room-card .course-actions>.btn{font-size:11px}.live-room-card .course-actions>.btn.danger{min-width:76px;font-size:9px}.topbar .lang{font-size:10px;max-width:106px}.panel{padding:18px}.library-banner{padding:18px 14px}.library-banner h2{font-size:17px}.library-banner p{font-size:9px}.library-banner>.brand-illustration{width:101px}.classroom-assurance{font-size:7px}.classroom-bottom .room-controls .btn>span{font-size:9px}.classroom-bottom .room-controls .btn>svg{padding:9px;width:16px;height:16px}}
@media(prefers-reduced-motion:reduce){.btn,.nav button,.mobile-nav button{transition:none}.brand-illustration{animation:none}}
.panel.live-rooms-panel{padding:0}
.stage #local-video{background:#223149}
@media(max-width:760px){.brand-welcome>div{max-width:63%}.brand-welcome>.brand-illustration{right:-7px;width:155px;height:155px}}
@media(max-width:360px){.brand-welcome>div{max-width:62%}.brand-welcome>.brand-illustration{right:-7px;width:130px;height:140px}}
.login-form{position:relative}.profile-heading>div{min-width:0;flex:1}.profile-heading h2,.profile-heading .muted,.person h3{overflow-wrap:anywhere}.brand-welcome .eyebrow{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:760px){.login-form .login-language{top:1px;right:0}.login-form-side>#initial-permission-note{margin:0 0 18px;width:100%;max-width:420px}.person .row>div{min-width:0}}
.sidebar{overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin}