/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fixed{position:fixed}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.grid{display:grid}.hidden{display:none}.table{display:table}.border{border-style:var(--tw-border-style);border-width:1px}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}.lesson-plans{grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);gap:16px;max-width:1120px;margin:auto;display:grid}.lesson-plan-uploader,.lesson-plan-library{background:linear-gradient(145deg,#102d42,#081b29);border:1px solid #294f65;border-radius:18px;padding:25px}.lesson-plan-uploader h2{margin:9px 0;font-size:28px}.lesson-plan-uploader>div>p:not(.eyebrow){color:#8ea5b3;line-height:1.6}.plan-fields{grid-template-columns:1fr 1fr;gap:12px;margin-top:22px;display:grid}.plan-fields label{color:#c8d5dc;gap:6px;font-size:11px;font-weight:750;display:grid}.plan-fields select,.plan-fields input,.google-plan input{color:#fff;background:#061724;border:1px solid #36586c;border-radius:9px;min-width:0;padding:11px}.plan-title{grid-column:1/-1}.plan-upload-actions{align-items:center;gap:14px;margin:17px 0;display:flex}.plan-upload-actions button{border:0;border-radius:9px;padding:11px 15px;font-weight:850}.plan-upload-actions span{color:#718b9a;font-size:10px;line-height:1.5}.google-plan{border-top:1px solid #29485c;grid-template-columns:36px 1fr auto;align-items:center;gap:8px;padding-top:17px;display:grid}.google-mark{color:#4285f4;background:#fff;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:950;display:grid}.google-plan button,.lesson-plan-list button{color:#dce8ed;background:#123146;border:1px solid #3a6075;border-radius:8px;padding:10px 12px;font-weight:750}.lesson-library-head{border-bottom:1px solid #29495f;justify-content:space-between;align-items:flex-end;padding-bottom:16px;display:flex}.lesson-library-head h3{margin:7px 0 0;font-size:23px}.lesson-library-head>span{color:#6f8b9a;text-align:right;max-width:170px;font-size:10px}.lesson-plan-list{gap:9px;margin-top:14px;display:grid}.lesson-plan-list article{background:#091f2f;border:1px solid #294a5e;border-radius:11px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px;padding:11px;display:grid}.plan-period{letter-spacing:.08em;color:#071c17;background:#20d6ae;border-radius:6px;padding:6px 7px;font-size:8px;font-weight:900}.plan-period.weekly{color:#071521;background:#3da5ff}.plan-period.monthly{color:#271506;background:#ff9d43}.lesson-plan-list article div{min-width:0}.lesson-plan-list strong,.lesson-plan-list small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.lesson-plan-list strong{font-size:12px}.lesson-plan-list small{color:#7893a3;margin-top:4px;font-size:9px}.lesson-plan-list .plan-delete{color:#718b99;background:0 0;border:0;padding:3px;font-size:20px}.lesson-empty{text-align:center;color:#7893a3;padding:50px 15px}.lesson-empty>span{color:#365d74;font-size:48px}.lesson-empty h3{color:#dce7ec}.demo-lesson-plans{max-width:1100px;margin:auto}.demo-lesson-plans>section{background:linear-gradient(145deg,#102d42,#071b29);border:1px solid #294b60;border-radius:18px;margin-top:16px;padding:35px}.demo-lesson-plans>section h2{margin:9px 0;font-size:31px}.demo-lesson-plans>section>p:not(.eyebrow){color:#8fa6b4;max-width:760px;line-height:1.6}.demo-lesson-plans>section>div{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:23px;display:grid}.demo-lesson-plans>section button{color:#fff;text-align:left;background:#0b2132;border:1px solid #31536a;border-radius:12px;padding:20px}.demo-lesson-plans>section button span,.demo-lesson-plans>section button strong,.demo-lesson-plans>section button small{display:block}.demo-lesson-plans>section button span{color:#20d6ae;font-size:25px}.demo-lesson-plans>section button strong{margin:9px 0 4px}.demo-lesson-plans>section button small{letter-spacing:.1em;color:#7c96a6;font-size:8px}@media (width<=900px){.lesson-plans{grid-template-columns:1fr}.demo-lesson-plans>section>div{grid-template-columns:repeat(2,1fr)}}@media (width<=680px){.sidebar{grid-template-columns:repeat(6,1fr)!important}.full-sidebar{grid-template-columns:repeat(7,1fr)!important}.lesson-plan-uploader,.lesson-plan-library{padding:18px 14px}.plan-fields{grid-template-columns:1fr}.plan-title{grid-column:auto}.plan-upload-actions{display:block}.plan-upload-actions span{margin-top:10px;display:block}.google-plan{grid-template-columns:30px 1fr}.google-plan button{grid-column:2}.lesson-library-head{display:block}.lesson-library-head>span{text-align:left;margin-top:8px;display:block}.lesson-plan-list article{grid-template-columns:auto 1fr auto}.lesson-plan-list article>button:not(.plan-delete){grid-column:2}.demo-lesson-plans>section{padding:24px 16px}.demo-lesson-plans>section>div{grid-template-columns:1fr}}.logo{object-fit:contain;letter-spacing:0;width:230px;height:auto;display:block!important}.logo-small{width:155px}.full-logo{object-fit:contain;letter-spacing:0;width:230px;height:auto;display:block!important}.activation-logo{object-fit:contain;width:min(430px,92%);height:auto;display:block}.presentation-logo img{width:230px;height:auto;display:block}.admin-brand{background:url(/vunariq-pro-company-logo.webp) 0/205px no-repeat;justify-content:flex-end;align-items:center;width:240px;height:60px;font-size:0!important;display:flex!important}.admin-brand i{font-size:9px!important}@media (width<=600px){.logo{width:118px}.logo-small{width:100px}.full-logo{width:118px}.presentation-logo img{width:150px}.activation-logo{width:min(345px,96%)}}:root{--navy:#061727;--panel:#0b2134;--line:#25435a;--text:#f4f8fb;--muted:#91a7b7;--teal:#20d6ae;--blue:#3da5ff;--orange:#ff8a27;--red:#ff4b43}.gender-photo-m{border-color:#3197ff!important;box-shadow:0 0 0 1px #b9ddff66!important}.gender-photo-f{border-color:#ff6fb7!important;box-shadow:0 0 0 1px #ffd0e766!important}.gender-photo-neutral{border-color:#d8e4e9!important}.student-card.male{border-color:#3197ff!important}.student-card.female{border-color:#ff6fb7!important}.app-shell{grid-template-rows:auto minmax(0,1fr)!important;grid-template-columns:1fr!important}.workspace{grid-area:2/1!important;padding-top:16px!important}.demo-main-navigation{color:#9eb5c2;align-items:center;gap:6px;font-size:10px;font-weight:900;display:flex}.demo-main-navigation select{color:#fff;background:#0e2639;border:1px solid #20d6ae;border-radius:9px;min-width:180px;padding:8px 10px;font-weight:850}.student-main img,.learn-card img,.student-modal img,.random-card img{object-fit:contain!important;object-position:center!important;image-orientation:from-image!important;background:#000!important}@media (width<=820px){.demo-main-navigation span{display:none}.demo-main-navigation select{min-width:125px;max-width:155px}}.pronunciation-recorder{text-align:left;background:#071b29;border:1px solid #31566d;border-radius:14px;width:100%;margin-top:18px;padding:14px}.pronunciation-recorder .recorder-title{letter-spacing:.12em;font-weight:900;color:#20d6ae!important;margin:0 0 10px!important;font-size:10px!important}.recorder-actions{flex-wrap:wrap;justify-content:center!important;gap:8px!important;margin:0!important;display:flex!important}.recorder-actions button{color:#fff;background:#0e2639;border:1px solid #315169;border-radius:9px;padding:9px 12px;font-weight:750}.recorder-actions .recording{background:#822f36;border-color:#ff6873}.recording-playback{grid-template-columns:1fr auto;align-items:center;gap:8px!important;margin-top:10px!important;display:grid!important}.recording-playback audio{width:100%;height:38px}.recording-playback button{color:#ffc2c8;background:#311822;border:1px solid #76404a;border-radius:8px;padding:8px}.recorder-message{font-size:11px;color:#bcd0da!important;margin-top:8px!important;display:block!important}.pronunciation-recorder>small{color:#7f98a7;margin-top:6px;display:block}.help-menu{color:#fff;position:relative}.help-menu summary{cursor:pointer;white-space:nowrap;background:#0e2639;border:1px solid #315169;border-radius:9px;padding:9px 12px;font-weight:750;list-style:none}.help-menu summary::-webkit-details-marker{display:none}.help-dropdown{overscroll-behavior:contain;z-index:90;background:#0a2132;border:1px solid #386079;border-radius:15px;width:min(420px,90vw);max-height:75vh;padding:18px;position:absolute;top:calc(100% + 9px);right:0;overflow:auto;box-shadow:0 24px 70px #0000008c}.help-dropdown h3{color:#fff;margin:0 0 12px}.help-dropdown section{border-top:1px solid #24465a;padding:9px 0}.help-dropdown strong{color:#20d6ae;font-size:12px}.help-dropdown p{color:#b1c3cc;margin:4px 0 0;font-size:11px;line-height:1.45}.help-dropdown small{color:#829baa;margin-top:12px;display:block}.full-modal>section .pronunciation-recorder>div{display:flex}.full-learn .pronunciation-recorder{margin-top:18px}.full-learn .pronunciation-recorder>small{display:block}.student-modal{max-height:92vh;overflow:auto}*{box-sizing:border-box}html,body{min-height:100%;color:var(--text);background:#04111e;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,a,input{font:inherit}button{cursor:pointer}.app-shell{background:radial-gradient(circle at 75% 5%,#113752 0,#0000 32%),linear-gradient(145deg,#061421,#020b12);grid-template-rows:74px 1fr;grid-template-columns:220px 1fr;min-height:100vh;display:grid}.topbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:20;background:#051420f0;border-bottom:1px solid #19364c;grid-column:1/-1;justify-content:space-between;align-items:center;padding:0 28px;display:flex;position:sticky;top:0}.brand-block,.top-actions{align-items:center;gap:18px;display:flex}.logo{letter-spacing:-2px;white-space:nowrap;align-items:center;font-size:31px;font-weight:900;display:inline-flex}.logo i,.logo em,.logo strong{font-style:normal}.logo i{color:#ef342f}.logo b{color:#fff}.logo em{color:#ffc928}.logo strong{color:#ff8838}.logo>span{color:#935df5}.logo-small{font-size:22px}.demo-badge{letter-spacing:.12em;color:#072319;background:var(--teal);border-radius:99px;padding:6px 9px;font-size:11px;font-weight:900}.fixed-note{color:var(--muted);font-size:13px}.activate-link{color:#041713;background:linear-gradient(135deg,#2ce6bc,#19c69d);border-radius:10px;padding:11px 17px;font-weight:800;text-decoration:none;box-shadow:0 8px 25px #20d6ae33}.friends-demo-return{color:#d8fff3;white-space:nowrap;background:#123d3a;border:1px solid #2fcba7;border-radius:10px;padding:10px 15px;font-weight:850;text-decoration:none}.friends-demo-return:hover{background:#185148}.sidebar{background:#061420cc;border-right:1px solid #17354b;flex-direction:column;grid-row:2;gap:8px;padding:18px 12px;display:flex}.sidebar>button{color:#9cb0bf;text-align:left;background:0 0;border:1px solid #0000;border-radius:11px;align-items:center;gap:12px;width:100%;padding:13px 12px;font-weight:700;display:flex;position:relative}.sidebar>button:hover,.sidebar>button.active{color:#fff;background:#102d43;border-color:#214a65}.sidebar>button.active:before{content:"";background:var(--teal);border-radius:0 4px 4px 0;width:3px;height:25px;position:absolute;left:-12px}.sidebar>button.demo-upgrade-locked{background:linear-gradient(90deg,#ffc9280e,#0000);border-color:#ffc92824}.sidebar>button.demo-upgrade-locked:hover{border-color:#8b7425;box-shadow:0 0 18px #ffc92814}.nav-icon{width:22px;color:var(--teal);text-align:center;font-size:19px}.demo-upgrade-locked .nav-icon{color:#ffc928}.lock-dot{color:#ffc928;border:1px solid #665b25;border-radius:4px;margin-left:auto;padding:3px 5px;font-size:8px}.sidebar-foot{border-top:1px solid #1d3a4e;margin-top:auto;padding:18px 10px 8px}.sidebar-foot p{color:#698494;margin:8px 0 0;font-size:11px;line-height:1.5}.workspace{min-width:0;padding:26px 30px 32px;overflow:hidden}.workspace-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.workspace-head>div:first-child{flex:none}.workspace-head h1{margin:3px 0;font-size:27px}.eyebrow{letter-spacing:.18em;color:var(--teal);margin:0;font-size:10px;font-weight:900}.head-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:9px;min-width:0;max-width:calc(100% - 210px);display:flex}.head-actions button,.learn-actions button,.random-card button,.locked-modal>button{color:#fff;background:#0e2639;border:1px solid #315169;border-radius:9px;padding:10px 14px;font-weight:750}.primary{color:#031913!important;background:linear-gradient(135deg,#21dcb1,#11bd92)!important;border:0!important}.primary.large{padding:14px 22px;font-size:16px}.name-mode-control{background:#081d2c;border:1px solid #315169;border-radius:11px;align-items:center;gap:4px;max-width:100%;padding:4px;display:flex}.name-mode-control>span{color:#86a1b0;text-transform:uppercase;letter-spacing:.08em;padding:0 7px;font-size:10px;font-weight:850}.name-mode-control button{color:#9fb2bd;background:0 0;border:0;padding:7px 10px;font-size:11px}.name-mode-control button.active{color:#031913;background:linear-gradient(135deg,#21dcb1,#11bd92);box-shadow:0 4px 14px #11bd9233}.team-summary{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px;display:grid}.team{border:1px solid var(--line);background:linear-gradient(145deg,#112c41,#0a1f30);border-radius:13px;align-items:center;gap:13px;padding:12px 16px;display:flex}.team>span{border-radius:10px;place-items:center;width:36px;height:36px;font-weight:900;display:grid}.team div{flex:1;justify-content:space-between;align-items:center;display:flex}.team small{color:var(--muted)}.team strong{font-size:25px}.team-1>span{color:var(--teal);background:#123f3a}.team-2>span{color:var(--blue);background:#173856}.team-3>span{color:var(--orange);background:#4d321c}.class-note{color:#7e97a8;justify-content:center;align-items:center;gap:16px;margin-bottom:14px;font-size:12px;display:flex}.class-note span{color:#b8c7d1;align-items:center;gap:10px;display:flex}.class-note span:before,.class-note span:after{content:"";background:#2a4659;width:85px;height:1px}.class-note p{margin:0}.student-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-width:1120px;margin:0 auto;display:grid}.student-card{border:1px solid #29495f;border-top:3px solid var(--teal);background:linear-gradient(155deg,#102b40,#091d2d);border-radius:14px;min-width:0;padding:11px;transition:all .2s;position:relative;box-shadow:0 10px 25px #0000002e}.team-border-2{border-top-color:var(--blue)}.team-border-3{border-top-color:var(--orange)}.student-card:hover{border-color:#477189;transform:translateY(-2px)}.student-card.swap-selected{box-shadow:0 0 0 2px var(--teal),0 0 24px #20d6ae38}.student-card.eliminated{opacity:.38;filter:grayscale(.55)}.seat-number{color:#6e899b;background:#071724;border:0;border-radius:5px;padding:4px;font-size:10px;position:absolute;top:7px;left:8px}.student-main{color:#fff;background:0 0;border:0;flex-direction:column;align-items:center;gap:7px;width:100%;padding:2px;display:flex}.student-main img{object-fit:cover;background:#203d52;border:2px solid #d5e2e8;border-radius:50%;width:64px;height:64px}.student-main span{min-width:0}.student-main strong{white-space:nowrap;text-overflow:ellipsis;font-size:14px;display:block;overflow:hidden}.student-main small{color:#90a7b6;margin-top:2px;font-size:10px;display:block}.card-actions{justify-content:center;align-items:center;gap:8px;margin-top:8px;display:flex}.card-actions button{color:#fff;border:0;border-radius:50%;width:28px;height:28px;font-size:18px;font-weight:900}.card-actions .minus{background:var(--red)}.card-actions .plus{background:#26b875}.card-actions .sound{color:#a9eadd;background:#173b53;border-radius:8px;width:auto;padding:0 8px;font-size:10px}.out-button{color:#a8bac6;letter-spacing:.12em;background:#0a1b28;border:1px solid #37556a;border-radius:7px;width:100%;margin-top:9px;padding:6px;font-size:10px;font-weight:900;display:block}.layout-switch{background:#071a28;border:1px solid #315169;border-radius:9px;align-items:center;gap:3px;padding:3px;display:flex}.layout-switch button{color:#91a7b7;background:0 0;border:0;border-radius:7px;padding:6px 9px;font-size:10px;font-weight:850}.layout-switch button.active{color:#031713;background:#20d6ae}.student-grid.horseshoe-layout,.full-student-grid.horseshoe-layout{grid-template-columns:repeat(var(--horseshoe-columns),minmax(115px,1fr));align-items:start;min-height:520px}.student-card[draggable=true],.full-student[draggable=true]{cursor:grab}.student-card[draggable=true]:active,.full-student[draggable=true]:active{cursor:grabbing}.activity-panel{border:1px solid var(--line);background:linear-gradient(145deg,#102b40,#071824);border-radius:20px;grid-template-columns:1fr 1fr;min-height:540px;display:grid;overflow:hidden}.activity-copy{flex-direction:column;justify-content:center;padding:60px;display:flex}.activity-copy h2{max-width:480px;margin:12px 0;font-size:37px}.activity-copy>p:not(.eyebrow){color:#9bb0be;max-width:470px;line-height:1.7}.activity-copy button{align-self:flex-start;margin-top:20px}.random-card{background:radial-gradient(circle,#164563,#071926 65%);border-left:1px solid #25485f;flex-direction:column;justify-content:center;align-items:center;display:flex}.random-card>span{color:#3c6880;border:2px dashed #3f6e88;border-radius:50%;place-items:center;width:130px;height:130px;font-size:64px;display:grid}.random-card img{object-fit:cover;border:5px solid var(--teal);border-radius:50%;width:190px;height:190px;box-shadow:0 0 45px #20d6ae3d}.random-card h3{margin:20px 0 0;font-size:35px}.random-card p{color:#98adba}.learn-panel{place-items:center;min-height:560px;display:grid}.learn-card{text-align:center;background:linear-gradient(145deg,#102f46,#071a28);border:1px solid #2c5068;border-radius:22px;width:min(580px,100%);padding:38px}.learn-card img{object-fit:cover;border:2px solid #4b6e81;border-radius:20px;width:210px;height:210px}.learn-card h2{margin:20px 0 5px;font-size:35px}.learn-card>p{color:#9fb2bf}.learn-actions{justify-content:center;gap:8px;margin-top:24px;display:flex}.progress-dots{gap:6px;margin-top:15px;display:flex}.progress-dots span{background:#28475b;border-radius:50%;width:7px;height:7px}.progress-dots .current{background:var(--teal)}.import-panel{max-width:1100px;margin:0 auto}.locked-banner{background:#272618;border:1px solid #594f26;border-radius:14px;align-items:center;gap:16px;padding:18px;display:flex}.locked-banner>span{font-size:28px}.locked-banner h2{margin:0 0 3px;font-size:17px}.locked-banner p{color:#baad7d;margin:0;font-size:12px}.locked-banner a{color:#d6c76e;margin-left:auto}.import-drop{text-align:center;background:#091d2c;border:2px dashed #274d64;border-radius:16px;margin-top:16px;padding:38px}.import-drop>span{color:#566f7e;font-size:48px}.import-drop h3{margin:8px 0}.import-drop p{color:#7f98a8}.import-drop button{cursor:not-allowed;color:#617887;background:#152b39;border:1px solid #344f60;border-radius:8px;padding:9px 14px}.import-options{grid-template-columns:repeat(7,1fr);gap:9px;margin-top:13px;display:grid}.import-options button{color:#fff;text-align:center;background:#10283a;border:1px solid #29495e;border-radius:12px;min-width:0;padding:18px 8px;position:relative}.import-options button:hover{border-color:#5d536f}.import-options button>span{color:var(--teal);height:34px;font-size:25px;display:block}.import-options strong{margin-top:6px;font-size:12px;display:block}.import-options small{color:#7c94a4;font-size:9px}.import-options i{font-size:10px;font-style:normal;position:absolute;top:6px;right:6px}.modal-backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);z-index:50;background:#00050ac7;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.student-modal,.locked-modal{text-align:center;background:linear-gradient(150deg,#13354d,#071927);border:1px solid #386079;border-radius:22px;width:min(390px,100%);padding:34px;position:relative;box-shadow:0 35px 90px #0000008c}.student-modal img{object-fit:cover;border:4px solid var(--teal);border-radius:50%;width:180px;height:180px}.student-modal p{letter-spacing:.16em;color:var(--teal);font-size:9px;font-weight:900}.student-modal h2{margin:8px 0;font-size:34px}.student-modal>span{color:#9eb2be;margin-bottom:20px;display:block}.close{color:#91a6b3;background:0 0;border:0;font-size:28px;position:absolute;top:10px;right:13px}.locked-modal .big-lock{font-size:50px}.locked-modal h2{font-size:28px}.locked-modal p{color:#9db0bc;line-height:1.6}.locked-modal .activate-link{margin:22px 0 10px;display:block}.locked-modal>button{width:100%}.upgrade-button{border:0}.upgrade-modal{background:linear-gradient(150deg,#12364e,#061724);border:1px solid #3a657d;border-radius:24px;width:min(760px,100%);max-height:min(820px,92vh);padding:34px;position:relative;overflow:auto;box-shadow:0 35px 100px #0009}.upgrade-modal h2{margin:8px 0 10px;font-size:34px;line-height:1.12}.upgrade-intro{color:#a6bac6;margin:0 0 20px;line-height:1.6}.upgrade-benefits{grid-template-columns:1fr 1fr;gap:10px;display:grid}.upgrade-benefits article{background:#0a2233;border:1px solid #294d63;border-radius:13px;grid-template-columns:42px 1fr;gap:11px;padding:14px;display:grid}.upgrade-benefits article>span{width:38px;height:38px;color:var(--teal);background:#123d3a;border-radius:10px;place-items:center;font-size:13px;font-weight:900;display:grid}.upgrade-benefits strong,.upgrade-benefits small{display:block}.upgrade-benefits strong{font-size:13px;line-height:1.35}.upgrade-benefits small{color:#8fa7b6;margin-top:4px;font-size:11px;line-height:1.45}.upgrade-devices{text-align:center;color:#b7d8cd;margin:18px 0 12px;font-size:12px;font-weight:800}.upgrade-continue{text-align:center;display:block}.upgrade-return{color:#c8d6dd;background:#0e2639;border:1px solid #315169;border-radius:10px;width:100%;margin-top:9px;padding:11px 14px;font-weight:750}.pro-showcase{background:#071b29;border:1px solid #376278;border-radius:16px;margin:24px 0;overflow:hidden}.pro-showcase img{width:100%;height:auto;display:block}.pro-showcase figcaption{gap:5px;padding:15px 17px;display:grid}.pro-showcase figcaption strong{color:#eaf6f7;font-size:14px}.pro-showcase figcaption span{color:#91a9b7;font-size:12px;line-height:1.55}.activation-page{background:radial-gradient(circle at 70% 15%,#17445f,#0000 35%),linear-gradient(145deg,#071926,#020a10);place-items:center;min-height:100vh;padding:30px;display:grid}.activation-card{background:linear-gradient(150deg,#102f45,#071925);border:1px solid #315970;border-radius:24px;width:min(620px,100%);padding:38px;box-shadow:0 35px 100px #00000080}.back-link{color:#8fa8b7;font-size:13px;text-decoration:none}.activation-logo{letter-spacing:-2px;margin:28px 0;font-size:35px;font-weight:900}.activation-logo>span{color:#ef342f}.activation-logo>em{color:#ffc928;font-style:normal}.activation-logo>strong{color:#ff8838}.activation-logo>b{color:#935df5}.activation-card h1{margin:9px 0;font-size:38px}.activation-card>p:not(.eyebrow){color:#9cb1be;line-height:1.7}.upgrade-price{background:linear-gradient(135deg,#0c332f,#0a2230);border:1px solid #3b7b68;border-radius:14px;grid-template-columns:1fr auto;align-items:center;gap:5px 16px;margin:22px 0;padding:17px 18px;display:grid}.upgrade-price span{letter-spacing:.14em;color:#78bfae;font-size:10px;font-weight:900}.upgrade-price strong{color:#aaffdf;grid-area:1/2/3;font-size:25px}.upgrade-price small{color:#88a7a7;font-size:11px}.payment-qr{text-align:center;background:#f7f8f8;border:1px solid #315a70;border-radius:18px;margin:20px 0;padding:16px}.payment-qr img{border-radius:11px;width:min(390px,100%);height:auto;margin:auto;display:block}.payment-qr figcaption{color:#40515a;margin-top:12px;font-size:12px;font-weight:750}.licence-rule{background:#0b2030;border:1px solid #284b61;border-radius:12px;flex-direction:column;gap:6px;margin:22px 0;padding:16px;display:flex}.licence-rule strong{color:var(--teal)}.licence-rule span{color:#93a9b7;font-size:12px}.activation-card form{gap:15px;display:grid}.activation-card label{color:#c8d5dc;gap:7px;font-size:12px;font-weight:750;display:grid}.activation-card input{color:#fff;background:#061724;border:1px solid #36586c;border-radius:9px;outline:none;width:100%;padding:12px}.activation-card input:focus{border-color:var(--teal);box-shadow:0 0 0 3px #20d6ae1f}.activation-card form button{border:0;margin-top:6px}.activation-card form button:disabled{opacity:.55}.activation-message{border-left:3px solid var(--teal);background:#0b2231;padding:12px;font-size:13px}.activation-card>small{color:#6f8796;margin-top:20px;display:block}.bank-step{grid-template-columns:30px 1fr;gap:10px 12px;margin:19px 0;display:grid}.bank-step>span{width:28px;height:28px;color:var(--teal);background:#173e4d;border-radius:50%;place-items:center;font-weight:900;display:grid}.bank-step p{color:#8fa6b4;flex-direction:column;gap:2px;margin:0;font-size:12px;line-height:1.5;display:flex}.bank-step strong{color:#e7f0f4;font-size:13px}.bank-details{background:#071b2a;border:1px solid #2a5066;border-radius:13px;grid-template-columns:130px 1fr;gap:9px 14px;margin:20px 0;padding:17px;display:grid}.bank-details span{color:#7893a4;font-size:12px}.bank-details strong{color:#eef6f8;font-size:13px}.bank-details .account-number{color:#8ff3d6;letter-spacing:.04em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.bank-details .payment-amount{color:#ffd66f}.download-link{color:#071713;background:linear-gradient(135deg,#ffd550,#ff9a38);border-radius:10px;justify-content:center;align-items:center;margin-top:14px;padding:13px 17px;font-weight:900;text-decoration:none;display:flex;box-shadow:0 8px 25px #ff9a3829}.international-payment{background:linear-gradient(135deg,#2b2918,#16232b);border:1px solid #665d2b;border-radius:13px;margin:22px 0;padding:16px 18px}.international-payment>strong{color:#ffd66f}.international-payment p{color:#aebfc7;margin:7px 0 0;font-size:13px;line-height:1.6}.international-payment b{color:#fff}.international-payment a{color:#79efd0;font-weight:800}.payoneer-details{background:#04121b59;border:1px solid #ffd66f38;border-radius:9px;grid-template-columns:120px 1fr;gap:7px 12px;margin:12px 0;padding:12px;font-size:12px;display:grid}.payoneer-details span{color:#8fa6b4}.payoneer-details b{letter-spacing:.04em}.update-status{background:#0a2131;border:1px solid #31566b;border-radius:10px;justify-content:space-between;align-items:center;margin-top:16px;padding:12px 14px;display:flex}.update-status span{color:#7893a4;font-size:11px}.update-status strong{color:#b7f4e2;font-size:13px}.presentation-link{color:#b9d0db;font-size:13px;font-weight:750;text-decoration:none}.presentation-link:hover{color:#fff}.presentation-page{color:#f4f8fb;background:radial-gradient(circle at 82% 5%,#164a68 0,#0000 28%),linear-gradient(145deg,#061725,#020a11);min-height:100vh}.presentation-header{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#04111deb;border-bottom:1px solid #1b3b50;justify-content:space-between;align-items:center;height:76px;padding:0 max(24px,50vw - 590px);display:flex;position:sticky;top:0}.presentation-logo{color:#fff;letter-spacing:-2px;font-size:29px;font-weight:950;text-decoration:none}.presentation-logo span{color:#ef342f}.presentation-logo em{color:#ffc928;font-style:normal}.presentation-logo strong{color:#ff8838}.presentation-logo b{color:#935df5}.presentation-header nav{align-items:center;gap:18px;display:flex}.presentation-header nav a{color:#b9cbd5;font-size:13px;font-weight:750;text-decoration:none}.presentation-header nav .presentation-upgrade{color:#061b15;background:#20d6ae;border-radius:9px;padding:10px 14px}.presentation-hero{max-width:1180px;margin:auto;padding:90px 24px 70px}.presentation-hero h1{letter-spacing:-.055em;max-width:900px;margin:16px 0 28px;font-size:clamp(48px,8vw,92px);line-height:.95}.presentation-hero>p:not(.eyebrow){color:#a9bdc8;max-width:700px;font-size:19px;line-height:1.65}.presentation-actions{gap:11px;margin-top:34px;display:flex}.presentation-actions a{color:#041713;background:#20d6ae;border-radius:10px;padding:13px 18px;font-weight:850;text-decoration:none}.presentation-actions a+a{color:#d8e5eb;background:#0d2a3d;border:1px solid #31566d}.presentation-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;max-width:1180px;margin:auto;padding:20px 24px 90px;scroll-margin-top:90px;display:grid}.presentation-grid figure{background:#0b2030;border:1px solid #294b61;border-radius:15px;margin:0;overflow:hidden;box-shadow:0 15px 40px #00000038}.presentation-grid figure a{aspect-ratio:16/9;background:#fff;display:block;overflow:hidden}.presentation-grid img{object-fit:contain;width:100%;height:100%;transition:transform .25s;display:block}.presentation-grid a:hover img{transform:scale(1.015)}.presentation-grid figcaption{color:#dbe6eb;align-items:center;gap:12px;padding:14px 16px;font-size:13px;font-weight:750;display:flex}.presentation-grid figcaption span{color:#20d6ae;letter-spacing:.12em;font-size:10px}.presentation-cta{background:linear-gradient(135deg,#0b3531,#0b2435);border:1px solid #32705f;border-radius:20px;justify-content:space-between;align-items:center;gap:30px;max-width:1132px;margin:0 auto 70px;padding:38px;display:flex}.presentation-cta h2{margin:8px 0;font-size:30px}.presentation-cta>div>p:not(.eyebrow){color:#95aea9}.presentation-cta>a{color:#061b15;background:#20d6ae;border-radius:10px;flex:none;padding:14px 18px;font-weight:900;text-decoration:none}.presentation-footer{color:#6f8998;border-top:1px solid #1f4054;justify-content:space-between;align-items:center;max-width:1180px;margin:auto;padding:25px 24px 45px;font-size:12px;display:flex}.traffic-counter{text-align:right;grid-template-columns:auto auto;align-items:center;gap:2px 10px;display:grid}.traffic-counter>span{letter-spacing:.16em;color:#6f8998;font-size:8px}.traffic-counter>strong{color:#b9f3e2;grid-area:1/2/3;font-size:21px}.traffic-counter>small{color:#607b8a;font-size:9px}@media (width<=700px){.presentation-link{display:none}.presentation-header{padding:0 14px}.presentation-header nav{gap:10px}.presentation-header nav>a:first-child{display:none}.presentation-hero{padding:58px 18px 42px}.presentation-hero h1{font-size:49px}.presentation-hero>p:not(.eyebrow){font-size:16px}.presentation-actions{text-align:center;flex-direction:column;align-items:stretch}.presentation-grid{grid-template-columns:1fr;gap:16px;padding:10px 12px 55px}.presentation-cta{margin:0 12px 45px;padding:25px 20px;display:block}.presentation-cta h2{font-size:25px}.presentation-cta>a{text-align:center;margin-top:22px;display:block}.presentation-footer{align-items:flex-end;margin:0 12px;padding:22px 0 32px}.traffic-counter small{max-width:155px}}.admin-page{background:radial-gradient(circle at 80% 0,#123e59,#0000 30%),#05131f;min-height:100vh}.admin-top{background:#071a29;border-bottom:1px solid #1c3b50;justify-content:space-between;align-items:center;height:70px;padding:0 32px;display:flex}.admin-brand{color:#fff;letter-spacing:-1.5px;font-size:25px;font-weight:900;text-decoration:none}.admin-brand>span{color:#ef342f}.admin-brand>em{color:#ffc928;font-style:normal}.admin-brand>strong{color:#ff8838}.admin-brand>b{color:#935df5}.admin-brand>i{letter-spacing:.12em;color:#092118;background:var(--teal);border-radius:5px;margin-left:7px;padding:5px 7px;font-size:9px;font-style:normal}.admin-top>div{color:#8fa6b4;align-items:center;gap:16px;font-size:12px;display:flex}.admin-top>div a{color:#cbd9df}.admin-content{max-width:1180px;margin:0 auto;padding:36px 25px}.admin-heading{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.admin-heading h1{margin:6px 0;font-size:34px}.admin-heading>div>p:not(.eyebrow){color:#8fa6b4;margin:0}.admin-secure{color:#91c9b9;background:#102a2a;border:1px solid #275b4e;border-radius:99px;padding:8px 11px;font-size:11px}.admin-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.approval-form,.issued-key{background:linear-gradient(145deg,#102d42,#081b29);border:1px solid #294b60;border-radius:17px;padding:24px}.approval-form h2{margin:0 0 18px}.approval-form label{color:#c6d4dc;gap:6px;margin:12px 0;font-size:12px;font-weight:750;display:grid}.approval-form input{color:#fff;background:#061724;border:1px solid #36596e;border-radius:9px;outline:none;padding:12px}.approval-form input:focus{border-color:var(--teal);box-shadow:0 0 0 3px #20d6ae1f}.approval-form button{border:0;width:100%;margin-top:8px}.approval-form small{color:#7f96a5;margin-top:13px;display:block}.issued-key{flex-direction:column;justify-content:center;align-items:flex-start;display:flex}.issued-key>p{color:#7d95a4;letter-spacing:.17em;font-size:9px;font-weight:900}.issued-key>strong{margin:10px 0;font-size:22px}.issued-key>span{color:#829aa8;font-size:12px;line-height:1.6}.issued-key.ready{background:linear-gradient(145deg,#123c3b,#082126);border-color:#287964}.issued-key code{color:#b6ffe8;letter-spacing:.06em;word-break:break-all;background:#061d1b;border-radius:8px;margin:10px 0;padding:12px;font-size:23px}.issued-key button{color:#b8f5e4;background:#123e35;border:1px solid #348a74;border-radius:8px;margin-bottom:10px;padding:8px 12px}.admin-message{border-left:3px solid var(--teal);background:#102b3d;margin:16px 0;padding:12px 15px}.licence-table{background:#091e2e;border:1px solid #294b60;border-radius:17px;margin-top:22px;overflow:hidden}.table-title{border-bottom:1px solid #294b60;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.table-title h2{margin:0;font-size:17px}.table-title span{color:#7e97a7;font-size:11px}.table-scroll{overflow:auto}.licence-table table{border-collapse:collapse;width:100%;min-width:800px}.licence-table th{text-align:left;color:#7891a1;letter-spacing:.08em;background:#071927;padding:12px 16px;font-size:10px}.licence-table td{color:#bfd0d8;border-top:1px solid #1d394c;padding:15px 16px;font-size:12px}.licence-table td strong,.licence-table td small{display:block}.licence-table td small{color:#718a99;margin-top:4px}.licence-table td button{color:#b9cad3;background:#0e2738;border:1px solid #3c596b;border-radius:7px;padding:7px 9px}.licence-table td button:disabled{opacity:.35;cursor:not-allowed}.status{border-radius:99px;padding:5px 8px;font-size:10px;font-weight:800;display:inline-block}.status.active{color:#93f3d5;background:#133a32}.status.waiting{color:#e8cf7f;background:#3a3319}.empty-row{text-align:center!important;color:#708896!important;padding:40px!important}.admin-denied{background:#05131f;place-items:center;min-height:100vh;display:grid}.admin-denied section{text-align:center;background:#0d293c;border:1px solid #31556b;border-radius:18px;padding:40px}.admin-denied a{color:var(--teal)}@media (width<=900px){.app-shell{grid-template-columns:78px 1fr}.sidebar>button{justify-content:center;padding:13px 5px;font-size:0}.nav-icon{font-size:22px}.lock-dot,.sidebar-foot p,.sidebar-foot .logo,.fixed-note{display:none}.student-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.import-options{grid-template-columns:repeat(3,1fr)}.activity-copy{padding:35px}.topbar{padding:0 15px}.workspace{padding:20px 16px}.workspace-head{flex-wrap:wrap}.head-actions{justify-content:flex-start;max-width:100%}.class-note p{display:none}}@media (width<=600px){.app-shell{padding-bottom:72px;display:block}.topbar{height:65px}.logo{font-size:25px}.demo-badge{display:none}.activate-link{padding:9px 11px;font-size:12px}.sidebar{z-index:30;background:#071a29;border-top:1px solid #1c3b50;border-right:0;grid-template-columns:repeat(5,1fr);height:68px;padding:6px;display:grid;position:fixed;bottom:0;left:0;right:0}.sidebar>button{flex-direction:column;gap:1px;padding:5px 1px;font-size:8px;display:flex}.sidebar>button.active:before{border-radius:0 0 4px 4px;width:25px;height:3px;top:-6px;left:auto}.nav-icon{font-size:17px}.sidebar-foot{display:none}.workspace{padding:16px 10px}.workspace-head{align-items:flex-end}.workspace-head h1{font-size:22px}.head-actions button:first-child{display:none}.student-grid{gap:8px}.student-card{padding:8px}.student-main img{width:54px;height:54px}.student-main strong{font-size:12px}.class-note span:before,.class-note span:after{width:35px}.team-summary{gap:6px}.team{padding:8px}.team>span{display:none}.team strong{font-size:20px}.activity-panel{grid-template-columns:1fr}.activity-copy{padding:28px}.activity-copy h2{font-size:29px}.random-card{border-top:1px solid #25485f;border-left:0;min-height:330px}.learn-card{padding:22px 12px}.learn-card img{width:170px;height:170px}.learn-actions{flex-wrap:wrap}.import-options{grid-template-columns:repeat(2,1fr)}.locked-banner{flex-wrap:wrap;align-items:flex-start}.locked-banner a{margin-left:44px}.card-actions{gap:5px}.card-actions button{width:25px;height:25px}.card-actions .sound{padding:0 5px}.activation-page{padding:14px}.activation-card{padding:25px 18px}.activation-card h1{font-size:31px}.upgrade-price{grid-template-columns:1fr;padding:14px}.upgrade-price strong{grid-area:auto;font-size:23px}.bank-details{grid-template-columns:1fr;gap:3px}.bank-details strong{margin-bottom:8px}.payment-qr{padding:10px}.admin-top{padding:0 14px}.admin-top>div>span{display:none}.admin-content{padding:25px 12px}.admin-heading{display:block}.admin-secure{margin-top:12px;display:inline-block}.admin-grid{grid-template-columns:1fr}.issued-key code{font-size:17px}.admin-brand{font-size:21px}}.card-actions .sound,.student-popout .audio-button,.student-popout .pronunciation-recorder{display:none!important}.student-card{border:3px solid var(--teal);border-radius:18px;grid-template-rows:minmax(0,1fr) auto auto;padding:10px;display:grid}.student-main{gap:5px;overflow:visible}.student-main img{border:3px solid #d8e4e9;width:clamp(56px,7.6vh,88px);height:clamp(56px,7.6vh,88px)}.student-main strong{color:#fff;white-space:normal;text-overflow:clip;text-align:center;font-size:clamp(15px,1.25vw,21px);font-weight:900;line-height:1.12;overflow:visible}.student-main small{color:#9bb0bd;white-space:normal;text-align:center;font-size:clamp(11px,.95vw,15px);font-weight:700;line-height:1.12}.card-actions{gap:8px;margin-top:7px}.card-actions button{width:40px;height:40px;font-size:28px}.card-actions .sound{border-radius:12px;width:40px;padding:0;font-size:0}.card-actions .sound:after{content:"◖))";font-size:14px}.out-button{border:2px solid #3a5c70;border-radius:12px;margin-top:9px;padding:10px;font-size:14px;line-height:16px}@media (width>=681px) and (height<=920px){.student-card{grid-template-rows:minmax(0,1fr) 24px 21px;padding:6px}.student-main{gap:2px}.student-main img{border-width:2px;width:clamp(45px,6vh,62px);height:clamp(45px,6vh,62px)}.student-main strong{font-size:clamp(13px,1.1vw,16px)}.student-main small{font-size:10px}.card-actions{gap:4px;margin:1px 0 0}.card-actions button,.card-actions .sound{width:23px;height:23px;font-size:17px}.card-actions .sound:after{font-size:9px}.out-button{border-width:1px;border-radius:8px;margin:2px 0 0;padding:3px;font-size:9px;line-height:11px}}@media (width<=600px){.topbar{gap:6px;min-width:0;padding:0 8px}.topbar .brand-block{flex:0 92px;min-width:0}.topbar .logo{width:88px;min-width:0;height:auto;display:block}.top-actions{gap:6px;min-width:0}.top-actions .help-menu{min-width:0}.friends-practice-actions .help-menu{display:none}.friends-demo-return{white-space:normal;text-align:center;max-width:155px;padding:7px 9px;font-size:10px;line-height:1.15}.help-menu summary{text-overflow:ellipsis;max-width:144px;padding:8px 9px;font-size:11px;overflow:hidden}.top-actions .upgrade-button{padding:8px 9px;font-size:10px;line-height:1.2}.help-dropdown{border-radius:13px;width:auto;max-height:calc(100dvh - 154px);padding:15px;position:fixed;top:74px;left:10px;right:10px}.help-dropdown h3{font-size:18px}.help-dropdown section{padding:8px 0}.help-dropdown strong{font-size:12px}.help-dropdown p{font-size:11px;line-height:1.5}.student-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.student-card{min-width:0}.student-main strong,.student-main small{max-width:100%}}.full-loading,.full-welcome{background:radial-gradient(circle at 70% 10%,#17445f,#0000 35%),linear-gradient(145deg,#071926,#020a10);place-items:center;min-height:100vh;padding:24px;display:grid}.full-loading{text-align:center;color:#9eb3bf}.full-loading p{margin-top:18px}.full-logo{letter-spacing:-2px;white-space:nowrap;align-items:center;font-size:31px;font-weight:950;display:inline-flex}.full-logo i,.full-logo em,.full-logo strong{font-style:normal}.full-logo i{color:#ef342f}.full-logo b{color:#fff}.full-logo em{color:#ffc928}.full-logo strong{color:#ff8838}.full-logo>span{color:#935df5}.full-welcome>section{background:linear-gradient(145deg,#102f45,#071925);border:1px solid #315970;border-radius:25px;width:min(620px,100%);padding:46px;box-shadow:0 35px 100px #00000080}.full-welcome h1{margin:15px 0 8px;font-size:43px}.full-welcome>section>p:not(.eyebrow){color:#9cb1be;line-height:1.7}.full-welcome form{gap:15px;margin-top:26px;display:grid}.full-welcome form>div{grid-template-columns:1fr 1fr;gap:12px;display:grid}.full-welcome label,.full-student-form label{color:#c8d5dc;gap:7px;font-size:12px;font-weight:750;display:grid}.full-welcome input,.full-student-form input,.full-student-form select{color:#fff;background:#061724;border:1px solid #36586c;border-radius:9px;min-width:0;padding:12px}.full-welcome button{border:0}.full-shell{background:radial-gradient(circle at 78% 0,#123e59 0,#0000 32%),linear-gradient(145deg,#061421,#020b12);grid-template-rows:72px 1fr;grid-template-columns:205px 1fr;min-height:100vh;display:grid}.full-topbar{z-index:30;background:#051420f5;border-bottom:1px solid #19364c;grid-column:1/-1;justify-content:space-between;align-items:center;padding:0 24px;display:flex;position:sticky;top:0}.full-topbar>div{align-items:center;gap:14px;display:flex}.full-version{letter-spacing:.12em;color:#072319;background:#20d6ae;border-radius:99px;padding:6px 8px;font-size:10px;font-weight:900}.full-top-actions{color:#7892a2;font-size:11px}.full-top-actions button,.full-heading-actions button,.full-title-row button,.full-activity button,.full-learn button,.full-manual button,.full-modal button{color:#fff;background:#0e2639;border:1px solid #315169;border-radius:9px;padding:9px 12px;font-weight:750}.full-sidebar{background:#061420d1;border-right:1px solid #17354b;flex-direction:column;grid-row:2;gap:7px;padding:18px 11px;display:flex}.full-sidebar button{color:#93a8b7;text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:11px;padding:12px;font-weight:750;display:flex}.full-sidebar button span{text-align:center;color:#20d6ae;width:20px;font-size:18px}.full-sidebar button:hover,.full-sidebar button.active{color:#fff;background:#102d43;border-color:#214a65}.full-workspace{min-width:0;padding:25px 28px 34px}.full-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px;display:flex}.full-heading h1{margin:12px 0 0;font-size:28px}.full-title-row{align-items:center;gap:8px;display:flex}.full-title-row select{font:inherit;color:#fff;background:#0a2132;border:1px solid #2e536a;border-radius:9px;padding:7px 36px 7px 10px;font-size:19px;font-weight:900}.full-title-row button{padding:7px 10px}.full-heading-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.name-toggle{color:#9eb0bb;align-items:center;gap:7px;font-size:11px;display:flex}.full-team-summary{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:13px;display:grid}.full-team{background:linear-gradient(145deg,#112c41,#0a1f30);border:1px solid #29495f;border-radius:13px;align-items:center;gap:12px;padding:12px 15px;display:flex}.full-team>span{border-radius:9px;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.full-team div{flex:1;justify-content:space-between;align-items:center;display:flex}.full-team small{color:#8fa6b5}.full-team strong{font-size:25px}.full-team.team-1>span{color:#20d6ae;background:#123f3a}.full-team.team-2>span{color:#3da5ff;background:#173856}.full-team.team-3>span{color:#ff8a27;background:#4d321c}.full-front{color:#b6c6d0;justify-content:center;align-items:center;gap:16px;margin-bottom:13px;font-size:12px;display:flex}.full-front span:before,.full-front span:after{content:"";vertical-align:middle;background:#29485c;width:72px;height:1px;margin:0 10px;display:inline-block}.full-front p{color:#7893a4;margin:0}.full-student-grid{grid-template-columns:repeat(var(--full-columns),minmax(125px,1fr));gap:10px;display:grid}.full-student{background:linear-gradient(155deg,#102b40,#091d2d);border:1px solid #29495f;border-top:4px solid #708799;border-radius:14px;min-width:0;padding:10px;position:relative;box-shadow:0 9px 22px #0000002b}.full-student.male{border-top-color:#3da5ff}.full-student.female{border-top-color:#ff69b4}.full-student.eliminated{opacity:.38;filter:grayscale(.55)}.full-student.swap-selected{box-shadow:0 0 0 2px #20d6ae,0 0 25px #20d6ae38}.full-seat{color:#7f98a8;z-index:2;background:#071724;border:0;border-radius:5px;padding:4px;font-size:10px;position:absolute;top:6px;left:6px}.full-student-main{color:#fff;background:0 0;border:0;flex-direction:column;align-items:center;gap:6px;width:100%;padding:2px;display:flex}.full-student-main img,.full-avatar{object-fit:cover;background:#1c3b50;border:2px solid #d5e2e8;border-radius:50%;width:78px;height:78px}.full-avatar{color:#9cb4c2;place-items:center;font-size:30px;font-weight:900;display:grid}.full-student-main strong{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:14px;overflow:hidden}.full-student-main small{color:#8fa6b4;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:10px;overflow:hidden}.full-score{justify-content:center;align-items:center;gap:7px;margin-top:7px;display:flex}.full-score button{color:#fff;border:0;font-weight:900}.full-score .minus,.full-score .plus{border-radius:50%;width:27px;height:27px;font-size:17px}.full-score .minus{background:#ff4b43}.full-score .plus{background:#27b878}.full-score .hear{color:#a9eadd;background:#173b53;border-radius:7px;height:27px;font-size:10px}.full-out{color:#a8bac6;letter-spacing:.1em;background:#0a1b28;border:1px solid #37556a;border-radius:7px;width:100%;margin-top:8px;padding:6px;font-size:10px;font-weight:900;display:block}.full-empty{text-align:center;background:#081b29;border:1px dashed #315169;border-radius:18px;place-content:center;min-height:350px;padding:30px;display:grid}.full-empty h2{margin:0}.full-empty p{color:#8ea5b4}.full-empty button{border:0;justify-self:center}.full-activity{background:linear-gradient(145deg,#102b40,#071824);border:1px solid #29495f;border-radius:20px;grid-template-columns:1fr 1fr;min-height:560px;display:grid;overflow:hidden}.full-activity>section{flex-direction:column;justify-content:center;align-items:flex-start;padding:55px;display:flex}.full-activity h2{max-width:460px;margin:12px 0;font-size:38px}.full-activity>section>p:not(.eyebrow){color:#9bb0be;line-height:1.6}.full-activity>article{background:radial-gradient(circle,#164563,#071926 65%);border-left:1px solid #29495f;flex-direction:column;justify-content:center;align-items:center;display:flex}.full-activity img,.full-random-avatar{object-fit:cover;border:5px solid #20d6ae;border-radius:50%;width:190px;height:190px;box-shadow:0 0 45px #20d6ae38}.full-random-avatar{color:#aac4d2;background:#183e55;place-items:center;font-size:75px;display:grid}.full-activity>article h2{margin:18px 0 2px;font-size:36px}.full-activity>article p{color:#9ab0bd}.full-learn{place-items:center;min-height:570px;display:grid}.full-learn>section{text-align:center;background:linear-gradient(145deg,#102f46,#071a28);border:1px solid #2c5068;border-radius:22px;width:min(600px,100%);padding:38px}.full-learn img,.full-learn-avatar{object-fit:cover;border:3px solid #3e657b;border-radius:22px;width:220px;height:220px}.full-learn-avatar{background:#173c54;place-items:center;margin:auto;font-size:75px;font-weight:900;display:grid}.full-learn h2{margin:18px 0 5px;font-size:38px}.full-learn p{color:#9fb2bf}.full-learn>section>div{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:22px;display:flex}.full-import{max-width:1080px;margin:auto}.full-import-intro{background:#0a2030;border:1px dashed #326079;border-radius:18px;justify-content:space-between;align-items:center;gap:24px;padding:28px;display:flex}.full-import-intro h2{margin:8px 0;font-size:28px}.full-import-intro p:not(.eyebrow){color:#8fa6b4;max-width:650px;margin:0}.full-import-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px;display:grid}.full-import-grid button{color:#fff;text-align:center;background:#10283a;border:1px solid #29495e;border-radius:13px;padding:21px 10px}.full-import-grid button:hover{border-color:#20d6ae}.full-import-grid span,.full-import-grid strong,.full-import-grid small{display:block}.full-import-grid span{color:#20d6ae;height:36px;font-size:27px}.full-import-grid strong{margin-top:6px;font-size:12px}.full-import-grid small{color:#7d96a6;margin-top:4px;font-size:9px}.full-import-message{color:#b9ccd5;background:#0b2231;border-left:3px solid #20d6ae;padding:12px 15px}.full-manual{background:#0b2132;border:1px solid #29495f;border-radius:15px;justify-content:space-between;align-items:center;margin-top:14px;padding:20px;display:flex}.full-manual h3{margin:0 0 4px}.full-manual p{color:#829aa8;margin:0;font-size:12px}.full-history{max-width:1100px;margin:auto}.full-history-head{border-bottom:1px solid #29495f;justify-content:space-between;align-items:flex-end;padding-bottom:17px;display:flex}.full-history-head h2{margin:8px 0 0;font-size:30px}.full-history-head>strong{color:#9eead4}.full-month-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin:15px 0;display:grid}.full-month-grid article{background:#0d2638;border:1px solid #29495f;border-radius:12px;grid-template-columns:1fr auto;align-items:center;padding:13px;display:grid}.full-month-grid span{font-size:12px}.full-month-grid strong{color:#20d6ae;grid-area:1/2/3;font-size:25px}.full-month-grid small{color:#7790a0}.full-session-list{gap:8px;display:grid}.full-session-list article{background:#091f2f;border:1px solid #27475c;border-radius:11px;justify-content:space-between;align-items:center;padding:12px 15px;display:flex}.full-session-list article div{align-items:center;gap:15px;display:flex}.full-session-list small{color:#7d96a5}.full-session-list span{color:#b6cad4}.full-modal{z-index:60;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#00050acc;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.full-modal>section,.full-student-form{text-align:center;background:linear-gradient(150deg,#13354d,#071927);border:1px solid #386079;border-radius:22px;width:min(470px,100%);padding:35px;position:relative;box-shadow:0 35px 90px #0000008c}.full-modal>section>img,.full-popup-avatar{object-fit:cover;border:4px solid #20d6ae;border-radius:50%;width:190px;height:190px}.full-popup-avatar{background:#173c54;place-items:center;margin:auto;font-size:70px;font-weight:900;display:grid}.full-modal>section h2{margin:8px 0;font-size:34px}.full-modal>section>span{color:#9db2bf;margin-bottom:19px;display:block}.full-modal>section>div{justify-content:center;gap:8px;display:flex}.full-close{position:absolute;right:12px;color:#91a6b3!important;background:0 0!important;border:0!important;padding:2px!important;font-size:28px!important;top:9px!important}.full-student-form{text-align:left;width:min(650px,100%)}.full-student-form h2{margin:8px 0 20px;font-size:29px}.full-form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.full-student-form>button:last-child{border:0;margin:22px 0 0 auto;display:block}@media (width<=1000px){.full-shell{grid-template-columns:75px 1fr}.full-sidebar button{justify-content:center;font-size:0}.full-sidebar button span{font-size:21px}.full-student-grid{grid-template-columns:repeat(min(var(--full-columns),4),minmax(120px,1fr))}.full-top-actions>span{display:none}.full-import-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=680px){.full-shell{padding-bottom:70px;display:block}.full-topbar{height:66px;padding:0 12px}.full-logo{font-size:25px}.full-version,.full-top-actions>button:first-of-type{display:none}.full-top-actions button{padding:8px;font-size:10px}.full-sidebar{z-index:40;border-top:1px solid #1c3b50;border-right:0;grid-template-columns:repeat(6,1fr);height:68px;padding:5px;display:grid;position:fixed;bottom:0;left:0;right:0}.full-sidebar button{flex-direction:column;gap:1px;padding:4px 1px;font-size:7px;display:flex}.full-sidebar button span{font-size:15px}.full-workspace{padding:16px 9px}.full-heading{align-items:flex-start;display:block}.full-heading-actions{justify-content:flex-start;margin-top:12px}.full-heading-actions button:first-of-type{display:none}.full-title-row select{max-width:220px;font-size:17px}.full-student-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.full-student-main img,.full-avatar{width:68px;height:68px}.full-front p{display:none}.full-front span:before,.full-front span:after{width:40px}.full-team-summary{gap:5px}.full-team{padding:8px}.full-team>span{display:none}.full-activity{grid-template-columns:1fr}.full-activity>section{padding:27px}.full-activity h2{font-size:29px}.full-activity>article{border-top:1px solid #29495f;border-left:0;min-height:340px}.full-import-intro{padding:20px;display:block}.full-import-intro button{margin-top:16px}.full-import-grid,.full-month-grid{grid-template-columns:repeat(2,1fr)}.full-form-grid{grid-template-columns:1fr}.full-welcome>section{padding:28px 20px}.full-welcome h1{font-size:34px}}@media (width<=600px){.workspace-head{flex-direction:column;align-items:stretch}.head-actions{justify-content:flex-start}.name-mode-control{order:-1;width:100%}.name-mode-control button{flex:1}.head-actions>button:not(.primary){display:none}}.full-comments-page{gap:16px;max-width:1280px;margin:auto;display:grid}.full-class-handover{background:linear-gradient(145deg,#10363b,#071c29);border:1px solid #347064;border-radius:17px;padding:20px}.full-class-handover header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:15px;display:flex}.full-class-handover h2{margin:6px 0;font-size:24px}.full-class-handover header p:not(.eyebrow){color:#9db1bd;margin:0}.full-class-handover header>strong{white-space:nowrap;color:#9ff2dc;border:1px solid #2e806b;border-radius:999px;padding:7px 10px;font-size:10px}.full-class-handover>div{grid-template-columns:1fr 1fr;gap:12px;display:grid}.full-class-handover label{color:#d6e4e4;gap:7px;font-size:12px;font-weight:850;display:grid}.full-class-handover textarea{box-sizing:border-box;resize:vertical;color:#fff;width:100%;font:inherit;background:#061d27;border:1px solid #3b6967;border-radius:11px;padding:12px;line-height:1.5}.full-class-handover textarea:focus{outline-offset:1px;outline:2px solid #20d6ae}.full-class-handover footer{justify-content:space-between;align-items:center;gap:12px;margin-top:11px;display:flex}.full-class-handover footer span{color:#7fa09f;font-size:10px}.full-class-handover footer button{color:#e18d92;background:0 0;border:0;padding:5px}.full-comments{grid-template-columns:240px minmax(0,1fr);align-items:start;gap:16px;display:grid}.full-comments-roster,.full-comment-entry,.full-comment-history{background:linear-gradient(145deg,#102b40,#071824);border:1px solid #29495f;border-radius:17px;padding:18px}.full-comments-roster h2{margin:7px 0 15px}.full-comments-roster>button{color:#bfd0d8;text-align:left;background:0 0;border:0;border-bottom:1px solid #234357;grid-template-columns:36px 1fr;align-items:center;gap:9px;width:100%;padding:9px;display:grid}.full-comments-roster>button>span{color:#20d6ae;background:#173e54;border-radius:50%;place-items:center;width:32px;height:32px;font-weight:900;display:grid;overflow:hidden}.full-comments-roster img{object-fit:cover;width:100%;height:100%}.full-comments-roster>button.active{color:#fff;background:#123d3a;border-radius:9px;box-shadow:inset 3px 0 #20d6ae}.full-comments-main{grid-template-columns:minmax(320px,.85fr) minmax(350px,1.15fr);gap:16px;display:grid}.full-comment-entry h2,.full-comment-history h2{margin:7px 0 15px}.full-comment-fields{grid-template-columns:1fr 1fr;gap:10px;display:grid}.full-comment-entry label{color:#c7d5dc;gap:6px;font-size:12px;font-weight:800;display:grid}.full-comment-entry select,.full-comment-entry textarea{color:#fff;width:100%;font:inherit;background:#061724;border:1px solid #36586c;border-radius:9px;padding:11px}.full-comment-rating{border:1px solid #2e5065;border-radius:11px;margin:14px 0}.full-comment-rating legend{color:#c7d5dc;font-size:12px;font-weight:800}.full-comment-rating button{color:#536b7a;background:0 0;border:0;padding:3px;font-size:26px}.full-comment-rating button.active{color:#f2ad16}.full-comment-text textarea{resize:vertical;min-height:130px}.full-dictation{background:#0a292f;border:1px solid #2f5d68;border-radius:11px;grid-template-columns:minmax(160px,1fr) auto;align-items:end;gap:8px;margin:11px 0;padding:11px;display:grid}.full-dictation button{color:#fff;background:#168276;border:0;border-radius:9px;min-height:40px;padding:9px 13px;font-weight:850}.full-dictation button.recording{background:#bd3845;box-shadow:0 0 0 4px #bd384526}.full-dictation small{color:#8faab5;grid-column:1/-1}.full-comment-save{width:100%;padding:12px}.full-comment-history{gap:10px;display:grid}.full-comment-history>article{background:#0a2030;border:1px solid #29495f;border-radius:12px;padding:13px}.full-comment-history>article>div{justify-content:space-between;gap:10px;display:flex}.full-comment-history article span{color:#f2ad16}.full-comment-history time{color:#7893a4;margin-top:4px;font-size:10px;display:block}.full-comment-history article p{white-space:pre-wrap;color:#c3d1d8;line-height:1.55}.full-comment-history article>button{color:#e2777e;background:0 0;border:0;padding:0}.full-comment-history .full-empty{min-height:160px}@media (width<=1050px){.full-comments{grid-template-columns:1fr}.full-comments-roster{align-items:center;gap:8px;display:flex;overflow:auto}.full-comments-roster>.eyebrow,.full-comments-roster>h2{display:none}.full-comments-roster>button{border:1px solid #234357;border-radius:9px;min-width:150px}.full-comments-main{grid-template-columns:1fr}}@media (width<=680px){.full-sidebar{grid-template-columns:repeat(8,1fr)}.full-sidebar button{font-size:6px}.full-class-handover header,.full-class-handover footer{display:block}.full-class-handover header>strong{margin-top:10px;display:inline-block}.full-class-handover>div{grid-template-columns:1fr}.full-class-handover footer button{margin-top:8px}.full-comments-main{display:block}.full-comment-history{margin-top:12px}.full-comment-fields,.full-dictation{grid-template-columns:1fr}.full-dictation small{grid-column:auto}}.friends-page{background:radial-gradient(circle at 80% 10%,#15445f,#0000 34%),radial-gradient(circle at 5% 85%,#4d174d,#0000 33%),linear-gradient(145deg,#071926,#02090f);place-items:center;min-height:100vh;padding:28px;display:grid}.friends-card{background:linear-gradient(145deg,#102f45f7,#071925fa);border:1px solid #315970;border-radius:26px;width:min(980px,100%);padding:44px;box-shadow:0 35px 100px #0000008c}.friends-logo{width:min(250px,64%);height:auto;margin:25px 0 22px;display:block}.friends-card h1{margin:10px 0;font-size:clamp(34px,6vw,54px);line-height:1.02}.friends-card>p:not(.eyebrow):not(.friends-status){color:#a9bdc8;line-height:1.65}.friends-form{grid-template-columns:1fr auto;align-items:end;gap:10px;margin:26px 0;display:grid}.friends-form label{color:#d1dde3;gap:7px;font-size:12px;font-weight:800;display:grid}.friends-form input{color:#fff;background:#061724;border:1px solid #3b6075;border-radius:10px;padding:13px}.friends-form button{color:#03141c;background:linear-gradient(100deg,#20d6ae,#18c7ea);border:0;border-radius:10px;padding:14px 18px;font-weight:900}.friends-status{font-weight:800;color:#72e8cf!important}.friends-choices{grid-template-columns:repeat(3,1fr);gap:12px;margin:26px 0;display:grid}.friends-choices a{color:#fff;border-radius:16px;gap:7px;min-height:150px;padding:22px;text-decoration:none;transition:transform .2s,border-color .2s;display:grid}.friends-choices a:hover{transform:translateY(-2px)}.friends-choices span{letter-spacing:.15em;font-size:10px;font-weight:950}.friends-choices strong{font-size:20px}.friends-choices small{color:#a9bdc8;line-height:1.45}.friends-online{background:linear-gradient(145deg,#12423e,#0a2732);border:1px solid #20d6ae}.friends-online span{color:#52ebca}.friends-download{background:linear-gradient(145deg,#33275a,#171a38);border:1px solid #8a68ef}.friends-download span{color:#b9a5ff}.friends-demo{background:linear-gradient(145deg,#4a2e1b,#241d25);border:1px solid #ec8f36}.friends-demo span{color:#ffb76f}.friends-privacy{background:#071d2b;border:1px solid #29495f;border-radius:13px;gap:5px;padding:16px;display:grid}.friends-privacy strong{color:#fff}.friends-privacy span{color:#8fa6b4;font-size:12px;line-height:1.5}@media (width<=780px){.friends-choices{grid-template-columns:1fr}}@media (width<=620px){.friends-page{padding:12px}.friends-card{padding:28px 20px}.friends-form{grid-template-columns:1fr}.friends-form button{width:100%}}.device-download-panel{background:linear-gradient(145deg,#0c2b3f,#071b29);border:1px solid #386079;border-radius:17px;margin:20px 0;padding:21px}.device-download-panel>div:first-child h2{margin:5px 0 6px;font-size:24px}.device-download-panel>div:first-child>p:not(.eyebrow){color:#91a8b6;margin:0 0 15px;font-size:12px}.device-download-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.device-download-grid a{color:#fff;background:#0a2233;border:1px solid #315970;border-radius:11px;gap:4px;min-width:0;padding:13px 10px;text-decoration:none;transition:all .18s;display:grid}.device-download-grid a:hover{border-color:#20d6ae;transform:translateY(-2px)}.device-download-grid strong{color:#9ff2dc}.device-download-grid span{color:#9aafbb;font-size:9px}.device-download-grid small{color:#20d6ae;text-transform:uppercase;letter-spacing:.08em;margin-top:5px;font-size:9px;font-weight:900}.device-download-panel aside{color:#dacd84;background:#2a2718;border:1px solid #5f5627;border-radius:10px;gap:8px;margin-top:12px;padding:11px 13px;font-size:11px;line-height:1.45;display:flex}.device-download-panel aside strong{color:#ffe46d;flex:none}.friends-primary-choices{grid-template-columns:repeat(2,1fr)}.friends-device-downloads{margin:0 0 18px}.friends-device-downloads h2{color:#fff}.friends-device-downloads aside span{color:#d8cf9a}@media (width<=820px){.device-download-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.device-download-panel aside{display:grid}}@media (width<=480px){.device-download-panel{padding:16px 12px}.device-download-grid{grid-template-columns:1fr}.device-download-grid a{grid-template-columns:1fr auto;align-items:center}.device-download-grid a span{grid-column:1}.device-download-grid a small{grid-area:1/2/3;margin:0}.friends-primary-choices{grid-template-columns:1fr}}.full-name-modes{background:#081d2c;border:1px solid #315169;border-radius:11px;align-items:center;gap:3px;padding:4px;display:flex}.full-name-modes>span{color:#7893a4;padding:0 6px;font-size:9px;font-weight:900}.full-name-modes button{font-size:10px;color:#91a7b5!important;background:0 0!important;border:0!important;padding:7px 8px!important}.full-name-modes button.active{color:#031913!important;background:#20d6ae!important}.feature-intro{background:linear-gradient(145deg,#102f45,#071925);border:1px solid #315970;border-radius:18px;justify-content:space-between;align-items:center;gap:22px;padding:25px;display:flex}.feature-intro h2{margin:7px 0;font-size:28px}.feature-intro p:not(.eyebrow){color:#91a8b6;max-width:720px;margin:0;line-height:1.55}.feature-intro>strong{text-align:center;color:#9ff2dc;background:#0b3330;border:1px solid #3a7769;border-radius:13px;min-width:135px;padding:14px}.confusion-page,.sprint-page,.mastery-page{gap:15px;max-width:1150px;margin:auto;display:grid}.confusion-trainer{background:#071b29;border:1px solid #315970;border-radius:18px;grid-template-columns:.85fr 1.15fr;min-height:430px;display:grid;overflow:hidden}.confusion-face{background:radial-gradient(circle,#184864,#071926 68%);flex-direction:column;justify-content:center;align-items:center;padding:28px;display:flex}.confusion-face img,.confusion-face>b{object-fit:cover;border:5px solid #20d6ae;border-radius:50%;width:185px;height:185px}.confusion-face>b{background:#173d54;place-items:center;font-size:70px;display:grid}.confusion-face h3{margin:16px 0 4px;font-size:28px}.confusion-face small{color:#8fa6b4}.class-chip{letter-spacing:.06em;text-transform:uppercase;background:#103c37;border:1px solid #347d6c;border-radius:99px;margin-bottom:10px;padding:5px 9px;font-weight:900;color:#80efd1!important;width:auto!important;height:auto!important;font-size:9px!important;display:inline-flex!important}.confusion-choices{grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;gap:10px;padding:30px;display:grid}.confusion-choices>button:not(.primary){text-align:left;color:#fff;background:#0e2639;border:1px solid #315169;border-radius:12px;gap:5px;padding:15px;display:grid}.confusion-choices>button:hover{border-color:#20d6ae}.confusion-choices button span{color:#20d6ae;text-transform:uppercase;font-size:9px;font-weight:900}.confusion-choices button strong{font-size:18px}.confusion-choices button small{color:#829baa}.confusion-choices p,.confusion-choices>.primary{grid-column:1/-1}.confusion-choices p{border-radius:9px;margin:2px 0;padding:10px 12px;font-size:12px}.confusion-choices p.correct{color:#82efd0;background:#103a31}.confusion-choices p.retry{color:#ffadb4;background:#3b2026}.confusion-pool{background:#071b29;border:1px solid #29495f;border-radius:17px;padding:19px}.confusion-pool h3{margin:6px 0 15px}.confusion-pool>div:last-child{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.confusion-pool article{background:#0b2638;border:1px solid #29495f;border-radius:11px;align-content:start;padding:11px;display:grid}.confusion-pool article strong{font-size:12px}.confusion-pool article small{color:#7893a4;margin-top:4px;font-size:9px}.sprint-clock{letter-spacing:.05em;font-size:28px!important}.sprint-card{text-align:center;background:linear-gradient(145deg,#102f46,#071a28);border:1px solid #315970;border-radius:21px;width:min(620px,100%);margin:auto;padding:30px}.sprint-card>img,.sprint-card>b{object-fit:cover;border:4px solid #20d6ae;border-radius:22px;width:210px;height:210px;margin:auto}.sprint-card>b{background:#173d54;place-items:center;font-size:72px;display:grid}.sprint-card h2{margin:17px 0 4px;font-size:34px}.sprint-card>p{color:#9fb2bf}.sprint-card>button,.sprint-card>div button,.sprint-card footer button,.cover-setup button,.cover-shell button,.cover-grid button,.demo-cover-overlay button{color:#fff;background:#0e2639;border:1px solid #315169;border-radius:9px;padding:10px 14px;font-weight:800}.sprint-card>div{justify-content:center;gap:8px;display:flex}.retry-button{color:#ffb2b8!important;border-color:#74414a!important}.sprint-card footer{border-top:1px solid #29495f;justify-content:center;gap:8px;margin-top:20px;padding-top:15px;display:flex}.mastery-classes{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.mastery-classes article{background:#0b2638;border:1px solid #29495f;border-radius:13px;grid-template-columns:1fr auto;gap:6px;padding:14px;display:grid}.mastery-classes article.active{border-color:#20d6ae}.mastery-classes article strong{color:#9ff2dc}.mastery-classes article>div{background:#061724;border-radius:99px;grid-column:1/-1;height:7px;overflow:hidden}.mastery-classes article i,.mastery-bar i{background:linear-gradient(90deg,#20d6ae,#3da5ff);border-radius:99px;height:100%;display:block}.mastery-classes article small{color:#7893a4;grid-column:1/-1}.mastery-roster{background:#071b29;border:1px solid #29495f;border-radius:17px;padding:19px}.mastery-roster h3{margin:6px 0 15px}.mastery-roster>article{border-top:1px solid #234357;grid-template-columns:minmax(160px,1fr) 50px minmax(140px,1fr);align-items:center;gap:12px;padding:11px;display:grid}.mastery-roster article div:first-child{display:grid}.mastery-roster article small{color:#7893a4}.mastery-roster article>span{color:#9ff2dc;font-weight:900}.mastery-bar{background:#061724;border-radius:99px;height:8px;overflow:hidden}.cover-setup{place-items:center;min-height:540px;display:grid}.cover-setup>section{background:linear-gradient(145deg,#102f45,#071925);border:1px solid #315970;border-radius:22px;width:min(780px,100%);padding:35px}.cover-setup h2{margin:8px 0;font-size:34px}.cover-setup p{color:#9db1bd;line-height:1.65}.cover-date-fields{grid-template-columns:1fr 1fr;gap:10px;margin:18px 0 6px;display:grid}.cover-date-fields label,.cover-password{color:#c8d5dc;gap:7px;font-size:12px;font-weight:800;display:grid}.cover-date-fields input,.cover-password input,.cover-rota-editor textarea{color:#fff;background:#061724;border:1px solid #36586c;border-radius:9px;padding:12px}.cover-password{margin:14px 0}.cover-password small,.cover-setup>section>small{color:#7893a4;line-height:1.5;display:block}.cover-rota-editor{background:#071b29;border:1px solid #315970;border-radius:14px;gap:9px;margin:18px 0;padding:16px;display:grid}.cover-rota-editor>div{gap:3px;display:grid}.cover-rota-editor>div span{color:#8fa8b6;font-size:11px}.cover-rota-editor label{color:#9ff2dc;grid-template-columns:150px 1fr;align-items:start;gap:10px;font-size:11px;font-weight:850;display:grid}.cover-rota-editor textarea{resize:vertical;min-height:70px;font:inherit}.cover-selection-summary{background:#0b2930;border-left:3px solid #20d6ae;padding:10px 12px;margin:12px 0!important}.cover-selection-summary strong{color:#9ff2dc}.cover-actions{flex-wrap:wrap;gap:8px;margin:18px 0 10px;display:flex}.cover-share-ready{background:#0b3330;border:1px solid #3b7b68;border-radius:12px;grid-template-columns:1fr auto;align-items:end;gap:9px;margin:12px 0;padding:14px;display:grid}.cover-share-ready label{color:#9ff2dc;gap:6px;font-size:11px;font-weight:850;display:grid}.cover-share-ready input{color:#d8fff3;background:#041713;border:1px solid #3b6f65;border-radius:8px;min-width:0;padding:10px}.cover-share-ready button{color:#031713;background:#20d6ae;border:0;border-radius:8px;padding:11px 14px;font-weight:900}.cover-status{background:#0b2930;border-left:3px solid #20d6ae;color:#a8ead8!important;padding:10px 12px!important}.cover-shell,.demo-cover-overlay{background:radial-gradient(circle at 75% 0,#123e59,#0000 32%),#04111e;min-height:100vh;padding-bottom:30px}.demo-cover-overlay{z-index:100;position:fixed;inset:0;overflow:auto}.cover-shell>header,.demo-cover-overlay>header{background:#061725;border-bottom:1px solid #19364c;justify-content:space-between;align-items:center;gap:18px;min-height:74px;padding:10px 24px;display:flex}.cover-shell>header>div,.demo-cover-overlay>header>div{align-items:center;gap:13px;display:flex}.cover-shell>header span,.demo-cover-overlay>header span{color:#20d6ae;letter-spacing:.1em;font-size:10px;font-weight:900}.cover-shell>header b,.demo-cover-overlay>header b{color:#9ff2dc;font-size:22px}.cover-notice{color:#e8d990;background:#2b2918;border:1px solid #665d2b;border-radius:11px;justify-content:space-between;gap:15px;max-width:1180px;margin:16px auto;padding:13px 15px;display:flex}.cover-notice span{color:#c4b97e}.cover-grid{grid-template-columns:repeat(var(--full-columns,4),minmax(150px,1fr));gap:11px;max-width:1180px;margin:auto;padding:0 18px;display:grid}.cover-grid article{text-align:center;background:#0b2134;border:1px solid #29495f;border-radius:14px;padding:13px}.cover-grid article>small{color:#20d6ae;font-weight:800;display:block}.cover-grid img,.cover-grid article>span{object-fit:cover;border:3px solid #20d6ae;border-radius:50%;width:100px;height:100px;margin:10px auto}.cover-grid article>span{background:#173d54;place-items:center;font-size:40px;font-weight:900;display:grid}.cover-grid h2{margin:8px 0 3px;font-size:17px}.cover-grid p{color:#9fb2bf;font-size:11px}.cover-grid button{padding:7px 9px}.demo-cover-overlay .logo{width:150px}.cover-plans,.cover-rota-view{background:#071b29;border:1px solid #315970;border-radius:12px;align-items:center;gap:9px;max-width:1180px;margin:0 auto 14px;padding:11px 14px;display:flex;overflow:auto}.cover-plans>div,.cover-rota-view>div{min-width:190px;display:grid}.cover-plans>div span,.cover-rota-view>div span{color:#8fa8b6;font-size:10px}.cover-plans button{white-space:nowrap;padding:8px 10px}.cover-rota-view article{background:#0a2233;border:1px solid #29495f;border-radius:9px;min-width:220px;padding:9px 11px}.cover-rota-view article strong{color:#9ff2dc;font-size:11px}.cover-rota-view article p{white-space:pre-wrap;color:#a9bdc8;margin:5px 0 0;font-size:10px;line-height:1.45}.cover-score{justify-content:center;align-items:center;gap:8px;margin-top:9px;display:flex}.cover-score button{border-radius:50%;width:34px;height:34px;padding:0}.cover-score button:first-child{background:#8a3039;border-color:#ba4a54}.cover-score button:last-child{background:#157c63;border-color:#20b88e}.cover-score strong{min-width:30px;font-size:20px}@media (width<=1000px){.confusion-pool>div:last-child{grid-template-columns:repeat(3,1fr)}.mastery-classes{grid-template-columns:repeat(2,1fr)}}@media (width<=680px){.feature-intro{padding:18px;display:block}.feature-intro>strong{margin-top:13px;display:block}.confusion-trainer{grid-template-columns:1fr}.confusion-face{padding:24px}.confusion-choices{grid-template-columns:1fr;padding:18px}.confusion-pool>div:last-child{grid-template-columns:repeat(2,1fr)}.mastery-classes{grid-template-columns:1fr}.mastery-roster>article{grid-template-columns:1fr 45px}.mastery-bar{grid-column:1/-1}.cover-setup>section{padding:25px 18px}.cover-date-fields,.cover-rota-editor label{grid-template-columns:1fr}.cover-shell>header,.demo-cover-overlay>header{flex-direction:column;align-items:flex-start}.cover-notice{margin:10px;display:block}.cover-notice span{margin-top:5px;display:block}.cover-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 9px}.cover-grid img,.cover-grid article>span{width:78px;height:78px}.full-name-modes{width:100%;overflow:auto}.full-name-modes button{white-space:nowrap}.full-sidebar,.sidebar{overflow-x:auto;display:flex!important}.full-sidebar button,.sidebar>button{min-width:64px}.name-mode-control{overflow-x:auto}.name-mode-control button{min-width:max-content}}@media print{.cover-shell{color:#111;background:#fff;padding:0}.cover-shell>header button,.cover-score button,.cover-grid article>button{display:none}.cover-shell>header,.cover-notice,.cover-rota-view,.cover-plans,.cover-grid article{color:#111;box-shadow:none;background:#fff;border-color:#bbb}.cover-shell>header{position:static}.cover-grid{grid-template-columns:repeat(3,1fr)}.cover-grid article{break-inside:avoid}.cover-grid article p,.cover-rota-view article p,.cover-notice span{color:#333}}@media (width<=680px){.class-note,.full-front{flex-wrap:wrap}.layout-switch{order:3}.student-grid.horseshoe-layout,.full-student-grid.horseshoe-layout{grid-template-columns:repeat(var(--horseshoe-columns),minmax(112px,1fr));min-width:calc(var(--horseshoe-columns) * 122px);min-height:500px}:is(.workspace:has(.horseshoe-layout),.full-workspace:has(.horseshoe-layout)){overflow-x:auto}}.founder-offer{color:#e7d98a;background:#292617;border:1px solid #6e6125;border-radius:11px;margin:16px 0 5px;padding:12px 14px;font-size:12px;line-height:1.5}.founder-offer strong{color:#ffd85f}.presentation-feature-band{max-width:1180px;margin:0 auto 30px;padding:45px 24px}.presentation-feature-band h2{max-width:850px;margin:10px 0 24px;font-size:clamp(30px,4vw,48px);line-height:1.1}.presentation-feature-grid{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.presentation-feature-grid article{background:#0a2233;border:1px solid #315169;border-radius:14px;gap:7px;padding:16px;display:grid}.presentation-feature-grid strong{color:#9ff2dc}.presentation-feature-grid span{color:#91a8b6;font-size:12px;line-height:1.45}@media (width<=900px){.presentation-feature-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.presentation-feature-grid{grid-template-columns:1fr}}.john-page{background:radial-gradient(circle at 82% 8%,#1a5f7e99,#0000 35%),radial-gradient(circle at 4% 90%,#5b1e6094,#0000 34%),linear-gradient(145deg,#071926,#02090f);place-items:center;min-height:100vh;padding:28px;display:grid}.john-card{background:linear-gradient(145deg,#102f45fa,#071925fc);border:1px solid #315970;border-radius:26px;width:min(980px,100%);padding:44px;box-shadow:0 35px 100px #00000094}.john-logo{width:min(250px,64%);height:auto;margin:0 0 28px;display:block}.john-card h1{letter-spacing:-.045em;margin:10px 0;font-size:clamp(38px,6vw,62px);line-height:.98}.john-card>p:not(.eyebrow){color:#a9bdc8;max-width:720px;line-height:1.7}.john-assurance-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin:28px 0;display:grid}.john-assurance-grid article{background:#0a2233;border:1px solid #294d63;border-radius:14px;grid-template-columns:34px 1fr;gap:6px 10px;padding:16px;display:grid}.john-assurance-grid span{color:#65efd0;background:#123d3a;border-radius:9px;grid-row:1/3;place-items:center;width:30px;height:30px;font-size:10px;font-weight:950;display:grid}.john-assurance-grid strong{font-size:13px}.john-assurance-grid small{color:#8fa7b6;line-height:1.45}.john-form{background:#071b29;border:1px solid #386079;border-radius:16px;grid-template-columns:1fr auto;align-items:end;gap:10px;margin-top:24px;padding:18px;display:grid}.john-form label{color:#d1dde3;gap:7px;font-size:12px;font-weight:800;display:grid}.john-form input{color:#fff;background:#04131f;border:1px solid #3b6075;border-radius:10px;padding:13px}.john-form button,.john-download-panel>a{color:#03141c;background:linear-gradient(100deg,#20d6ae,#18c7ea);border:0;border-radius:10px;padding:14px 18px;font-weight:950;text-decoration:none}.john-status{font-weight:800;color:#72e8cf!important}.john-download-panel{background:linear-gradient(135deg,#0c332f,#0a2230);border:1px solid #3f8d79;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;margin-top:24px;padding:18px;display:grid}.john-download-icon{color:#031713;background:#20d6ae;border-radius:15px;place-items:center;width:52px;height:52px;font-size:28px;font-weight:950;display:grid}.john-download-panel h2{margin:4px 0;font-size:20px}.john-download-panel p:not(.eyebrow){color:#a9bdc8;margin:0;font-size:12px;line-height:1.5}.john-online-panel{background:linear-gradient(135deg,#302958,#0a2230);border:1px solid #7563d6;border-radius:16px;grid-template-columns:1fr auto;align-items:center;gap:18px;margin-top:24px;padding:20px;display:grid}.john-online-panel h2{margin:4px 0;font-size:22px}.john-online-panel p:not(.eyebrow){color:#b8b1df;margin:0;font-size:12px;line-height:1.5}.john-online-panel>a{color:#06131c;white-space:nowrap;background:linear-gradient(100deg,#9a75ff,#5ee3dd);border:0;border-radius:10px;padding:14px 18px;font-weight:950;text-decoration:none}@media (width<=760px){.john-card{padding:30px 22px}.john-assurance-grid,.john-form{grid-template-columns:1fr}.john-form button{width:100%}.john-online-panel{grid-template-columns:1fr}.john-online-panel>a{text-align:center}.john-download-panel{grid-template-columns:auto 1fr}.john-download-panel>a{text-align:center;grid-column:1/-1}}.cover-link-gate{background:radial-gradient(circle at 75% 8%,#15445f,#0000 36%),linear-gradient(145deg,#071926,#02090f);place-items:center;min-height:100vh;padding:20px;display:grid}.cover-link-gate>section{background:linear-gradient(145deg,#102f45,#071925);border:1px solid #315970;border-radius:24px;width:min(560px,100%);padding:36px;box-shadow:0 35px 100px #0000008c}.cover-link-gate img{width:min(230px,65%);height:auto}.cover-link-gate h1{margin:10px 0;font-size:clamp(32px,7vw,48px);line-height:1.04}.cover-link-gate>section>p:not(.eyebrow){color:#9db1bd;line-height:1.65}.cover-link-gate form{gap:10px;margin-top:22px;display:grid}.cover-link-gate label{color:#c8d5dc;gap:7px;font-size:12px;font-weight:800;display:grid}.cover-link-gate input{color:#fff;background:#04131f;border:1px solid #36586c;border-radius:9px;padding:13px}.cover-link-gate button{color:#031713;background:#20d6ae;border:0;border-radius:9px;padding:13px;font-weight:900}.cover-link-message{color:#ffd27d!important}.cover-link-page{background:radial-gradient(circle at 75% 0,#123e59,#0000 32%),#04111e;min-height:100vh;padding-bottom:30px}.cover-link-page>header{background:#061725;border-bottom:1px solid #19364c;justify-content:space-between;align-items:center;gap:18px;min-height:74px;padding:10px 24px;display:flex}.cover-link-page>header>div{align-items:center;gap:13px;display:flex}.cover-link-page>header img{width:145px;height:auto}.cover-link-page>header span{color:#20d6ae;letter-spacing:.1em;font-size:10px;font-weight:900}.cover-link-page>header b{color:#9ff2dc;font-size:20px}.cover-link-page button,.cover-link-page a{color:#fff;background:#0e2639;border:1px solid #315169;border-radius:9px;padding:9px 12px;font-weight:800;text-decoration:none}.cover-link-notice,.cover-link-rota,.cover-link-plans{background:#071b29;border:1px solid #315970;border-radius:13px;max-width:1180px;margin:16px auto;padding:15px}.cover-link-notice{color:#e8d990;background:#2b2918;border-color:#665d2b;justify-content:space-between;gap:15px;display:flex}.cover-link-notice span{color:#c4b97e}.cover-link-rota h2,.cover-link-plans h2{margin:0 0 10px}.cover-link-rota article,.cover-link-plans article{border-top:1px solid #29495f;justify-content:space-between;gap:18px;padding:11px 0;display:flex}.cover-link-rota article p{white-space:pre-wrap;color:#a9bdc8;margin:0}.cover-link-plans article div{display:grid}.cover-link-plans small{color:#8fa8b6}.cover-link-plans a{color:#031713;background:#20d6ae}.cover-link-grid{grid-template-columns:repeat(4,minmax(150px,1fr));gap:11px;max-width:1180px;margin:auto;padding:0 18px;display:grid}.cover-link-grid>article{text-align:center;background:#0b2134;border:1px solid #29495f;border-radius:14px;padding:13px}.cover-link-grid article>small{color:#20d6ae;font-weight:800;display:block}.cover-link-grid img,.cover-link-grid article>span{object-fit:cover;border:3px solid #20d6ae;border-radius:50%;width:100px;height:100px;margin:10px auto}.cover-link-grid article>span{background:#173d54;place-items:center;font-size:40px;font-weight:900;display:grid}.cover-link-grid h2{margin:8px 0 3px;font-size:17px}.cover-link-grid p{color:#9fb2bf;font-size:11px}.cover-link-grid>article>div{justify-content:center;align-items:center;gap:8px;margin-top:9px;display:flex}.cover-link-grid>article>div button{border-radius:50%;width:34px;height:34px;padding:0}.cover-link-grid>article>div strong{min-width:30px;font-size:20px}@media (width<=720px){.cover-link-page>header{flex-direction:column;align-items:flex-start}.cover-link-notice{margin:10px;display:block}.cover-link-notice span{margin-top:5px;display:block}.cover-link-rota,.cover-link-plans{margin:10px}.cover-link-rota article,.cover-link-plans article{display:grid}.cover-link-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 9px}.cover-link-grid img,.cover-link-grid article>span{width:78px;height:78px}}@media print{.cover-link-page{color:#111;background:#fff;padding:0}.cover-link-page>header button,.cover-link-grid>article>button,.cover-link-grid>article>div button{display:none}.cover-link-page>header,.cover-link-notice,.cover-link-rota,.cover-link-plans,.cover-link-grid>article{color:#111;background:#fff;border-color:#aaa}.cover-link-page>header{position:static}.cover-link-grid{grid-template-columns:repeat(3,1fr)}.cover-link-grid>article{break-inside:avoid}.cover-link-grid p,.cover-link-rota p,.cover-link-notice span{color:#333}}.friends-logo,.john-logo{width:min(430px,92%)}.cover-link-gate img{width:min(400px,90%)}.cover-link-page>header img{width:190px}@media (width<=600px){.friends-logo,.john-logo{width:min(345px,96%)}.cover-link-page>header img{width:155px}}.social-follow{color:#fff;background:linear-gradient(135deg,#0b2435,#081a29);border:1px solid #315970;border-radius:14px;grid-template-columns:repeat(auto-fit,minmax(min(330px,100%),1fr));align-items:center;gap:18px;margin-top:22px;padding:15px 17px;display:grid}.social-follow-brand{align-items:center;gap:12px;min-width:0;display:flex}.social-follow-avatar{object-fit:cover;border:1px solid #5136a6;border-radius:15px;flex:none;width:62px;height:62px;box-shadow:0 8px 24px #5b2ada38}.social-follow-copy{gap:3px;min-width:0;display:grid}.social-follow-copy strong,.social-follow-copy>span{overflow-wrap:anywhere}.social-follow-copy strong{color:#fff;font-size:13px}.social-follow-copy>span{color:#8fa8b7;font-size:11px}.vniq-wordmark{letter-spacing:-.08em;align-items:baseline;font-size:1.12em;font-weight:900;line-height:1;display:inline-flex}.vniq-wordmark i,.vniq-wordmark b,.vniq-wordmark em,.vniq-wordmark>span{font-style:normal;font-weight:900}.vniq-wordmark i{color:#ef342f}.vniq-wordmark b{color:#ffc928}.vniq-wordmark em{color:#ff8838}.vniq-wordmark>span{color:#935df5}.social-follow-links{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:8px;min-width:0;display:grid}.social-follow-links>a{color:#fff;border:1px solid #0000;border-radius:10px;grid-template-rows:auto auto;grid-template-columns:30px minmax(0,1fr);align-items:center;column-gap:8px;min-width:0;padding:7px;text-decoration:none;display:grid}.social-follow-links>a:hover{background:#102d43;border-color:#315970}.social-follow-links img{object-fit:contain;grid-row:1/3;width:30px;height:30px}.social-follow-links b,.social-follow-links small{overflow-wrap:anywhere;min-width:0}.social-follow-links b{font-size:11px;line-height:1.1}.social-follow-links small{color:#a9bdc8;font-size:10px;line-height:1.2}.social-follow-links small strong{color:#d6e6ed}.social-follow-compact{gap:10px;margin:14px 0 10px;padding:13px;display:grid}.social-follow-compact .social-follow-avatar{border-radius:12px;width:46px;height:46px}.social-follow-compact .social-follow-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.social-follow-compact .social-follow-links>a{min-width:0}.social-follow-compact .social-follow-links img{width:27px;height:27px}.full-sidebar .social-follow{margin-top:auto;padding:11px 9px}.full-sidebar .social-follow-brand{gap:8px}.full-sidebar .social-follow-avatar{border-radius:10px;width:40px;height:40px}.full-sidebar .social-follow-copy strong{font-size:10px}.full-sidebar .social-follow-copy>span{font-size:9px}.full-sidebar .social-follow-links{grid-template-columns:1fr}.full-sidebar .social-follow-links>a{grid-template-columns:24px 1fr;padding:4px}.full-sidebar .social-follow-links img{width:24px;height:24px}.full-sidebar .social-follow-links b{font-size:9px}.full-sidebar .social-follow-links small{overflow-wrap:anywhere;font-size:8px}@media (width<=1000px){.full-sidebar .social-follow{display:none}}@media (width<=640px){.social-follow{display:grid}.social-follow-links{grid-template-columns:1fr;display:grid}.social-follow-links>a{min-width:0}}.demo-help-dropdown{width:min(390px,90vw)}.demo-help-dropdown h3{font-size:15px}.demo-help-locked-heading{color:#ffd86b!important;margin-top:16px!important}.demo-help-upgrade{color:#ffe278;background:#292617;border:1px solid #887729;border-radius:10px;margin:15px 0 5px;padding:12px;font-size:12px;font-weight:850;line-height:1.45;text-decoration:none;display:block}.teacher-countdown{justify-content:flex-end;align-items:center;gap:6px;min-width:0;display:flex}.teacher-countdown-toggle,.teacher-countdown-controls button{color:#fff;white-space:nowrap;background:#0e2639;border:1px solid #315169;border-radius:9px;padding:8px 10px;font-weight:800}.teacher-countdown-toggle{font-variant-numeric:tabular-nums}.teacher-countdown.finished .teacher-countdown-toggle{color:#ffe88b;background:#4a3511;border-color:#ffcb4b}.teacher-countdown-controls{flex-wrap:wrap;align-items:flex-end;gap:5px;display:flex}.teacher-countdown-controls label{color:#91a9b7;text-transform:uppercase;gap:2px;font-size:8px;font-weight:850;display:grid}.teacher-countdown-controls input{color:#fff;width:48px;font:inherit;background:#061722;border:1px solid #315169;border-radius:7px;padding:7px 5px;font-size:11px}.teacher-countdown-controls .teacher-countdown-start{color:#9ff2dc;background:#123b35;border-color:#27977d}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=900px){.teacher-countdown{flex-wrap:wrap;width:100%}.teacher-countdown-controls{flex:1;justify-content:flex-end}}@media (width<=600px){.teacher-countdown,.teacher-countdown-controls{justify-content:flex-start}.teacher-countdown-controls input{width:43px}.demo-help-dropdown{width:auto}}.observer-page{color:#fff;background:radial-gradient(circle at 78% 0,#123e59 0,#0000 34%),linear-gradient(145deg,#061421,#020b12);min-height:100vh;padding:28px}.observer-shell{width:min(1160px,100%);margin:auto}.observer-shell>header{background:linear-gradient(145deg,#102f45,#071925);border:1px solid #315970;border-radius:20px;align-items:center;gap:24px;padding:24px;display:flex}.observer-shell>header img{width:min(300px,35%);height:auto}.observer-shell>header h1{margin:5px 0;font-size:clamp(30px,4vw,46px)}.observer-shell>header p:not(.eyebrow){color:#9fb4c0;margin:0;line-height:1.55}.observer-login{background:#091e2e;border:1px solid #315970;border-radius:17px;gap:14px;width:min(560px,100%);margin:22px auto;padding:24px;display:grid}.observer-login label{color:#c6d4dc;gap:6px;font-size:12px;font-weight:800;display:grid}.observer-login input{color:#fff;background:#061724;border:1px solid #36596e;border-radius:9px;padding:12px}.observer-login button,.observer-actions a,.observer-actions button{color:#fff;background:#0e2639;border:1px solid #315169;border-radius:9px;padding:11px 14px;font-weight:850;text-decoration:none}.observer-login button,.observer-actions a:first-child{color:#041713;background:linear-gradient(135deg,#2ce6bc,#19c69d);border:0}.observer-login p{color:#ffd48a;margin:0}.observer-actions{flex-wrap:wrap;justify-content:flex-end;gap:9px;margin:18px 0;display:flex}.observer-metrics{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.observer-metrics article,.observer-chart,.observer-table{background:linear-gradient(145deg,#102d42,#081b29);border:1px solid #294b60;border-radius:16px}.observer-metrics article{gap:6px;padding:20px;display:grid}.observer-metrics span{color:#20d6ae;letter-spacing:.1em;font-size:10px;font-weight:900}.observer-metrics strong{font-size:38px}.observer-metrics small{color:#839cab}.observer-chart{grid-template-columns:260px 1fr;gap:22px;margin-top:14px;padding:24px;display:grid}.observer-chart h2,.observer-table h2{margin:0 0 6px}.observer-chart p{color:#829aa8;font-size:12px;line-height:1.55}.observer-bars{border-bottom:1px solid #35556a;grid-template-columns:repeat(7,1fr);align-items:end;gap:10px;height:190px;display:grid}.observer-bars article{grid-template-rows:1fr auto auto;place-items:end center;gap:4px;height:100%;display:grid}.observer-bars article>span{background:linear-gradient(#2ce6bc,#1688b1);border-radius:8px 8px 2px 2px;width:min(38px,70%);min-height:6px}.observer-bars strong{font-size:11px}.observer-bars small{color:#7893a4;font-size:10px}.observer-table{margin-top:14px;padding:22px}.observer-table>div{overflow:auto}.observer-table table{border-collapse:collapse;width:100%;min-width:580px}.observer-table th,.observer-table td{text-align:left;border-top:1px solid #29495e;padding:11px}.observer-table th{color:#7f99a8;letter-spacing:.08em;font-size:10px}.observer-table td{color:#c4d2da;font-size:12px}@media (width<=760px){.observer-page{padding:12px}.observer-shell>header{display:block}.observer-shell>header img{width:min(280px,85%);margin-bottom:15px}.observer-metrics,.observer-chart{grid-template-columns:1fr}.observer-actions{justify-content:flex-start}}.demo-opening{gap:14px;max-width:1120px;margin:0 auto;display:grid}.demo-offline-card{background:linear-gradient(135deg,#0d3933,#0a2433);border:1px solid #2f8f79;border-radius:18px;grid-template-columns:1fr auto;align-items:center;gap:24px;padding:24px 26px;display:grid;box-shadow:0 18px 45px #00000038}.demo-offline-card h2{letter-spacing:-.025em;margin:7px 0 5px;font-size:clamp(27px,4vw,42px)}.demo-offline-card p:not(.eyebrow){color:#acd1c8;max-width:720px;margin:0;line-height:1.55}.demo-offline-card>strong{color:#b7ffeb;letter-spacing:.12em;white-space:nowrap;background:#0a2a27;border:1px solid #5be5c2;border-radius:999px;padding:12px 15px;font-size:11px}.demo-opening-grid{grid-template-columns:1.18fr .82fr;gap:14px;display:grid}.demo-menu-panel,.demo-instructions-panel,.demo-locked-summary{background:linear-gradient(145deg,#102d42,#081b29);border:1px solid #294d63;border-radius:17px}.demo-menu-panel,.demo-instructions-panel{padding:22px}.demo-menu-panel h2,.demo-instructions-panel h2{margin:7px 0 5px;font-size:24px}.demo-menu-panel>div>p:not(.eyebrow){color:#8fa8b7;margin:0;font-size:12px}.demo-menu-buttons{grid-template-columns:1fr 1fr;gap:9px;margin-top:17px;display:grid}.demo-menu-buttons button{color:#fff;text-align:left;background:#0b2233;border:1px solid #315970;border-radius:12px;grid-template-rows:auto auto;grid-template-columns:34px 1fr;align-items:center;gap:2px 9px;padding:13px;display:grid}.demo-menu-buttons button:hover{background:#103143;border-color:#20d6ae}.demo-menu-buttons button>span{color:#73efd3;background:#123d3a;border-radius:9px;grid-row:1/3;place-items:center;width:32px;height:32px;font-size:17px;display:grid}.demo-menu-buttons strong{font-size:12px}.demo-menu-buttons small{color:#809baa;font-size:9px}.demo-instructions-panel ol{counter-reset:demo-steps;gap:13px;margin:18px 0 14px;padding:0;list-style:none;display:grid}.demo-instructions-panel li{counter-increment:demo-steps;grid-template-columns:30px 1fr;gap:3px 10px;display:grid}.demo-instructions-panel li:before{content:counter(demo-steps);color:#031713;background:#20d6ae;border-radius:9px;grid-row:1/3;place-items:center;width:28px;height:28px;font-size:11px;font-weight:950;display:grid}.demo-instructions-panel li strong{font-size:12px}.demo-instructions-panel li span,.demo-instructions-panel>small{color:#8fa8b7;font-size:11px;line-height:1.45}.demo-locked-summary{justify-content:space-between;align-items:center;gap:28px;padding:16px 20px;display:flex}.demo-locked-summary h3{margin:5px 0 0;font-size:15px}.demo-locked-summary>p{color:#8fa8b7;text-align:right;max-width:490px;margin:0;font-size:11px;line-height:1.5}.student-grid:after,.teacher-front-grid:after,.cover-grid:after,.cover-link-grid:after{content:"↑ YOU — TEACHER / FRONT OF CLASS — ALWAYS AT THE BOTTOM — FACING STUDENT FACES";color:#d7fff5;text-align:center;letter-spacing:.07em;background:#0b352f;border:2px solid #20d6ae;border-radius:10px;order:999;grid-column:1/-1;margin-top:7px;padding:11px 12px;font-size:11px;font-weight:950;display:block}@media (width<=760px){.demo-offline-card{grid-template-columns:1fr;padding:20px}.demo-offline-card>strong{justify-self:start}.demo-opening-grid{grid-template-columns:1fr}.demo-menu-buttons{grid-template-columns:1fr 1fr}.demo-locked-summary{display:block}.demo-locked-summary>p{text-align:left;margin-top:9px}}@media (width<=460px){.demo-menu-buttons{grid-template-columns:1fr}}.demo-comments-page{gap:14px;max-width:1180px;margin:auto;display:grid}.demo-comment-layout{grid-template-columns:230px minmax(0,1fr);gap:14px;display:grid}.demo-comment-roster,.demo-comment-entry,.demo-comment-history{background:linear-gradient(145deg,#102b40,#071824);border:1px solid #29495f;border-radius:16px;padding:17px}.demo-comment-roster h3,.demo-comment-entry h3{margin:7px 0 14px}.demo-comment-roster>button{color:#bfd0d8;text-align:left;background:0 0;border:0;border-bottom:1px solid #234357;grid-template-columns:34px 1fr;align-items:center;gap:9px;width:100%;padding:8px;display:grid}.demo-comment-roster>button.active{color:#fff;background:#123d3a;border-radius:9px;box-shadow:inset 3px 0 #20d6ae}.demo-comment-roster img{object-fit:cover;border:2px solid #d8e4e9;border-radius:50%;width:32px;height:32px}.demo-comment-main{grid-template-columns:minmax(300px,.9fr) minmax(320px,1.1fr);gap:14px;display:grid}.demo-comment-fields{grid-template-columns:1fr 1fr;gap:10px;display:grid}.demo-comment-entry label{color:#c7d5dc;gap:6px;font-size:12px;font-weight:800;display:grid}.demo-comment-entry select,.demo-comment-entry textarea{color:#fff;width:100%;font:inherit;background:#061724;border:1px solid #36586c;border-radius:9px;padding:10px}.demo-comment-entry fieldset{border:1px solid #2e5065;border-radius:10px}.demo-comment-entry legend{color:#c7d5dc;font-size:11px;font-weight:800}.demo-comment-entry fieldset button{color:#536b7a;background:0 0;border:0;padding:2px;font-size:23px}.demo-comment-entry fieldset button.active{color:#f2ad16}.demo-comment-text{margin-top:12px}.demo-comment-save{border-radius:9px;width:100%;margin-top:10px;padding:11px}.demo-comment-save:disabled{opacity:.45;cursor:not-allowed}.demo-comment-entry>small{color:#7f98a7;margin-top:8px;display:block}.demo-comment-history{align-content:start;gap:9px;display:grid}.demo-comment-history>article{background:#0a2030;border:1px solid #29495f;border-radius:11px;padding:12px}.demo-comment-history article>div{justify-content:space-between;gap:8px;display:flex}.demo-comment-history article span{color:#f2ad16}.demo-comment-history article p{color:#c3d1d8;line-height:1.5}.demo-comment-history article>button{color:#e2777e;background:0 0;border:0;padding:0}.demo-comment-empty{color:#7f98a7}.friends-card>.social-follow{margin-bottom:16px}@media (width<=980px){.demo-comment-layout{grid-template-columns:1fr}.demo-comment-roster{align-items:center;gap:7px;display:flex;overflow:auto}.demo-comment-roster>.eyebrow,.demo-comment-roster>h3{display:none}.demo-comment-roster>button{border:1px solid #234357;border-radius:9px;min-width:145px}.demo-comment-main{grid-template-columns:1fr}}@media (width<=600px){.demo-comment-fields{grid-template-columns:1fr}.demo-comment-entry,.demo-comment-history{padding:14px}}.public-language-control{color:#d6e3e9;background:#051622b8;border:1px solid #315970;border-radius:13px;flex-wrap:wrap;align-items:center;gap:9px;margin:16px 0;padding:13px 15px;display:flex}.public-language-control label{align-items:center;gap:8px;font-size:11px;font-weight:900;display:flex}.public-language-control select,.public-language-control input{color:#fff;font:inherit;background:#071b29;border:1px solid #3a6076;border-radius:8px;padding:8px 10px}.public-language-control input{width:175px}.public-language-control small{color:#91a9b6;flex:340px;line-height:1.45}.public-language-control.compact{background:0 0;border:0;margin:0;padding:0}.public-language-control.compact label>span{display:none}.public-language-control.compact select{max-width:145px;padding:7px 8px;font-size:10px}.public-language-control.compact input{width:110px;padding:7px;font-size:10px}.friends-card>.public-language-control{margin:20px 0}.demo-language-note{color:#93adba;background:#0a2232;border:1px solid #315970;border-radius:13px;margin:0;padding:14px 16px;font-size:12px;line-height:1.55}.demo-language-note strong{color:#fff;margin-right:5px}.vietnamese-voice-control{color:#b8ccd6;white-space:nowrap;align-items:center;gap:7px;font-size:10px;font-weight:850;display:flex}.vietnamese-voice-control select{color:#fff;font:inherit;background:#071b29;border:1px solid #3a6076;border-radius:8px;padding:7px 9px;font-size:10px}.vietnamese-voice-control>small{color:#f4d27d;white-space:normal;max-width:260px;line-height:1.3}.vietnamese-voice-control.compact>span,.vietnamese-voice-control.compact>small{display:none}.vietnamese-voice-control.compact select{max-width:205px}.hanoi-audio-setup{background:#0a2932;border:1px solid #2f6570;border-left:4px solid #20d6ae;border-radius:13px;justify-content:space-between;align-items:center;gap:16px;margin:15px 0;padding:15px;display:flex}.hanoi-audio-setup>div{gap:4px;display:grid}.hanoi-audio-setup strong{color:#fff}.hanoi-audio-setup span,.hanoi-audio-setup small{color:#a9c1cb;line-height:1.45}.hanoi-audio-setup small{color:#8ff0d8;font-weight:800}.hanoi-audio-setup button{color:#e6fff9;background:#103d3b;border:1px solid #20d6ae;border-radius:9px;flex:none;padding:10px 12px;font-weight:850}.other-language-audio-help{color:#a9bec9;background:#091f2e;border:1px solid #315169;border-radius:11px;padding:12px;font-size:11px;line-height:1.55}.other-language-audio-help a{color:#8ff0d8}@media (width<=700px){.hanoi-audio-setup{flex-direction:column;align-items:stretch}.vietnamese-voice-control.compact select{max-width:145px}}@media (width<=680px){.public-language-control.compact input{display:none}.public-language-control.compact select{max-width:104px}.public-language-control:not(.compact){align-items:stretch}.public-language-control:not(.compact) label{justify-content:space-between}.public-language-control:not(.compact) select,.public-language-control:not(.compact) input{width:100%}}.full-dictation input{box-sizing:border-box;color:#fff;width:100%;font:inherit;background:#061724;border:1px solid #36586c;border-radius:9px;padding:11px}.demo-language-note a,.public-language-control a{color:#6ee8cc;font-weight:850}.class-note p strong{color:#eafff9}.student-main{position:relative}.sick-emoji{z-index:8;line-height:1;top:3px;right:calc(50% - 38px);font-size:14px!important;position:absolute!important}.demo-comment-attendance{background:#092330;border:1px solid #36586c;border-radius:10px;margin:0 0 12px;padding:10px}.demo-comment-attendance p{color:#9eb3bf;margin:0 0 8px;font-size:11px;line-height:1.45}.demo-comment-attendance button{color:#fff;background:#102d40;border:1px solid #4a6879;border-radius:8px;padding:7px 10px;font-weight:850}.demo-comment-attendance button.active{color:#fff2b7;background:#4c3d18;border-color:#e1b84b}.demo-tips-page{gap:16px;max-width:860px;margin:0 auto;display:grid}.demo-tips-page>header{background:linear-gradient(135deg,#102d43,#0b2235);border:1px solid #315169;border-radius:18px;padding:28px}.demo-tips-page h2{margin:6px 0 12px;font-size:clamp(30px,4vw,46px)}.demo-tips-page>header>p:last-child{color:#c6d7df;max-width:720px;margin:0;font-size:17px;line-height:1.65}.demo-tips-page>section{background:#2c250e;border:1px solid #6b5420;border-radius:16px;align-items:center;gap:16px;padding:20px;display:flex}.demo-tips-page>section>span{color:#ffd33d;font-size:30px}.demo-tips-page>section>div{flex:1}.demo-tips-page h3{color:#fff;margin:0 0 4px}.demo-tips-page>section p{color:#ddcf9b;margin:0}.demo-tips-page a{color:#04131e;white-space:nowrap;background:#20d6ae;border-radius:9px;padding:10px 14px;font-weight:900;text-decoration:none}@media (width<=680px){.demo-tips-page>section{flex-wrap:wrap;align-items:flex-start}.demo-tips-page a{text-align:center;width:100%}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}