*{box-sizing:border-box}.adminShell{color:#0f172a;background:#f8fafc;min-height:100vh;padding:32px}.adminWorkspace{flex-direction:column;gap:18px;display:flex}.adminSignInPanel,.adminPanel{background:#fff;border:1px solid #dbe4f0;border-radius:8px;box-shadow:0 16px 40px #0f172a14}.adminSignInPanel{max-width:520px;margin:8vh auto 0;padding:28px}.adminHeader{justify-content:space-between;align-items:center;gap:20px;display:flex}.adminHeader h1,.adminSignInPanel h1,.adminPanel h2{letter-spacing:0;margin:0}.adminHeader p,.adminSignInPanel p{color:#475569;margin:6px 0 0}.adminEyebrow{color:#2563eb;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;font-size:.78rem;font-weight:800;display:block}.adminHeaderActions,.adminAuthButtons,.adminPanelHeader,.adminRowActions{align-items:center;gap:10px;display:flex}.adminHeaderActions{color:#475569;font-size:.95rem}.adminAuthButtons{margin-top:18px}.adminNotice,.adminWarning{border-radius:8px;padding:12px 14px}.adminNotice{color:#166534;background:#ecfdf5;border:1px solid #bbf7d0}.adminWarning{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa}.adminPanel{padding:20px}.adminPanel .btnPrimary{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);min-height:44px}.adminPanel .btnSecondary,.adminHeader .btnSecondary{color:#1e293b;background:#fff;border:1px solid #cbd5e1}.adminPanel .btnSecondary:hover,.adminHeader .btnSecondary:hover{background:#f8fafc;border-color:#94a3b8}.adminPanelHeader{justify-content:space-between;margin-bottom:14px}.adminGrantForm{grid-template-columns:minmax(260px,1.35fr) minmax(170px,.75fr) minmax(220px,1fr) auto auto;align-items:end;gap:16px;display:grid}.adminGrantForm label,.adminTable td>strong,.adminTable td>small{display:block}.adminGrantForm label{color:#1e293b;letter-spacing:.02em;margin:0;font-size:.9rem;font-weight:700}.adminGrantForm input,.adminTable input{color:#0f172a;font:inherit;background:#fff;border:1px solid #b6c3d1;border-radius:7px;width:100%;min-height:42px;margin-top:6px;padding:9px 11px;display:block;box-shadow:0 1px 2px #0f172a0a}.adminGrantForm input::placeholder,.adminTable input::placeholder{color:#64748b;opacity:1}.adminGrantForm input:focus,.adminTable input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb24}.adminCheckbox{white-space:nowrap;align-items:center;gap:8px;min-height:38px;display:flex!important}.adminCheckbox input{accent-color:#2563eb;width:auto;min-height:auto;margin:0}.adminTableWrap{overflow-x:auto}.adminTable{border-collapse:collapse;width:100%;min-width:1040px}.adminTable th,.adminTable td{text-align:left;vertical-align:top;border-top:1px solid #e2e8f0;padding:12px}.adminTable td{color:#0f172a}.adminTable th{color:#334155;letter-spacing:.08em;text-transform:uppercase;font-size:.78rem}.adminTable td>small{color:#64748b;margin-top:4px}.adminTable input{max-width:240px}.adminEmailError{max-width:520px;line-height:1.45}.adminRevokedRow{background:#fbfdff}.adminRevokedRow td{color:#475569}.adminStatus{text-transform:capitalize;border-radius:999px;padding:4px 10px;font-size:.8rem;font-weight:800;display:inline-flex}.adminStatus-active{color:#166534;background:#dcfce7}.adminStatus-expired{color:#92400e;background:#fef3c7}.adminStatus-revoked{color:#991b1b;background:#fee2e2}.adminRowActions{flex-wrap:wrap;align-items:flex-start}.adminMutedAction{color:#64748b;align-items:center;min-height:32px;font-size:.85rem;font-weight:700;display:inline-flex}.dangerButton{color:#991b1b!important;border-color:#fecaca!important}.dangerButton:hover{background:#fff1f2!important;border-color:#fda4af!important}@media (max-width:980px){.adminShell{padding:20px}.adminHeader{flex-direction:column;align-items:flex-start}.adminGrantForm{grid-template-columns:1fr}}:root{--bg:#0f172a;--panel:#0f172a;--panel2:#1e293b;--line:#334155;--text:#f8fafc;--muted:#94a3b8;--blue:#38bdf8;--green:#10b981;--red:#ef4444;--yellow:#fbbf24}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}button,input,textarea,select{font-family:inherit}button{cursor:pointer;border:0;border-radius:10px;padding:10px 16px;font-size:15px;font-weight:800}input,textarea,select{color:#f8fafc;background:#1e293b;border:1px solid #475569;border-radius:8px;width:100%;padding:10px;font-size:16px}textarea{resize:vertical;min-height:180px;line-height:1.4}label{color:#94a3b8;text-transform:uppercase;margin:10px 0 5px;font-size:13px;font-weight:800;display:block}.app{padding:14px}.container{background:#1e293b;border-radius:16px;width:100%;max-width:none;margin:0 auto;padding:18px;box-shadow:0 12px 24px #00000059}.topBar{border-bottom:2px solid #334155;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;padding-bottom:12px;display:flex}.titleBlock h1{color:#38bdf8;margin:0;font-size:26px}.titleBlock p{color:#94a3b8;margin:4px 0 0;font-size:13px}.navButtons{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.btnPrimary{color:#0f172a;background:#38bdf8}.btnSecondary{color:#f8fafc;background:#334155;border:1px solid #475569}.btnDanger{color:#fff;background:#ef4444}.btnGreen{color:#fff;background:#10b981}.btnSmall{border-radius:8px;padding:6px 10px;font-size:12px}.message{color:#cbd5e1;background:#334155;border:1px solid #475569;border-radius:12px;margin-bottom:14px;padding:14px}.message.warn{color:#fde68a;border-color:#fbbf24}.muted{color:#94a3b8;line-height:1.45}.panel{background:#0f172a;border:1px solid #334155;border-radius:14px;padding:16px}.panel h2,.panel h3{color:#e2e8f0;margin-top:0}.buttonRow{margin-top:12px}.classButtonPanel{flex-wrap:wrap;justify-content:center;gap:18px;margin:18px 0;display:flex}.classBtn{color:#fff;background:#ef4444;border-radius:14px;min-width:210px;padding:18px 70px;font-size:34px;box-shadow:0 8px 14px #00000040}.classBtn:hover{background:#dc2626;transform:translateY(-1px)}.cardsToolbar{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:15px;display:flex}#output{flex-wrap:wrap;place-content:flex-start center;align-items:stretch;gap:18px;width:100%;display:flex}.playing-card{color:#000;aspect-ratio:3/3.8;background:linear-gradient(#fff 0%,#fbfbfc 100%);border:2px solid #e5e7eb;border-radius:18px;flex-direction:column;flex:0 0 calc(20% - 14.4px);max-width:calc(20% - 14.4px);display:flex;position:relative;overflow:hidden;box-shadow:0 10px 18px #00000073}.playing-card:before{content:"";pointer-events:none;z-index:0;border:1px solid #ececec;border-radius:12px;position:absolute;inset:10px}.cardOrnament{color:#0f172a8c;z-index:3;letter-spacing:1px;font-family:Georgia,Times New Roman,serif;font-size:18px;line-height:1;position:absolute}.cardOrnament.tr{top:10px;right:10px}.cardOrnament.bl{bottom:10px;left:10px;transform:rotate(180deg)}.corner{color:#000;z-index:3;align-items:baseline;gap:4px;width:88px;font-family:Georgia,Times New Roman,serif;display:flex;position:absolute}.corner.top-left{text-align:left;justify-content:flex-start;top:16px;left:16px}.corner.bottom-right{text-align:left;justify-content:flex-start;bottom:16px;right:16px;transform:rotate(180deg)}.corner .rank{letter-spacing:0;font-size:62px;font-weight:700;line-height:.82;display:block}.cardCenter{z-index:2;flex-direction:column;gap:8px;width:96%;margin:auto;display:flex;position:relative}.seatRow{color:#000;z-index:2;background:#ffffffeb;border:1px solid #e5e7eb;border-left:6px solid #cbd5e1;border-radius:10px;align-items:center;gap:10px;min-height:88px;padding:10px 8px;display:flex;position:relative;overflow:hidden}.redSuit{color:#dc2626;border-left-color:#ef4444}.blackSuit{color:#000;border-left-color:#0f172a}.suitSym{text-align:center;flex-shrink:0;width:24px;font-size:28px;line-height:1}.student-name{letter-spacing:0;white-space:nowrap;text-overflow:clip;color:#000;text-align:left;flex:1;padding-bottom:5px;font-family:Arial,Helvetica,sans-serif;font-size:58px;font-weight:900;line-height:1.14;display:block;overflow:hidden}.setupGrid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.settingsLayout{grid-template-columns:280px 1fr;gap:16px;margin-top:16px;display:grid}.settingsClassList{gap:8px;display:grid}.settingsClassBtn{color:#f8fafc;text-align:left;background:#1e293b;border:1px solid #334155;border-radius:10px;padding:10px}.settingsClassBtn.active{border-color:#38bdf8;box-shadow:0 0 0 2px #38bdf826}.settingsClassBtn strong,.settingsClassBtn span{display:block}.settingsClassBtn span{color:#94a3b8;margin-top:3px;font-size:12px}.settingsSummary{grid-template-columns:repeat(5,1fr);gap:10px;margin:14px 0;display:grid}.summaryBox{background:#020617;border:1px solid #334155;border-radius:14px;padding:12px}.summaryBox strong{color:#38bdf8;margin-bottom:5px;font-size:26px;line-height:1;display:block}.summaryBox span{color:#94a3b8;text-transform:uppercase;font-size:12px;font-weight:900}.settingsCardSection{background:#111827;border:1px solid #334155;border-radius:16px;margin-bottom:14px;padding:14px}.miniCardGrid{grid-template-columns:repeat(auto-fit,minmax(58px,1fr));gap:8px;margin-top:8px;display:grid}.miniCard{color:#111827;background:#f8fafc;border:3px solid #0000;border-radius:12px;min-height:72px;font-size:28px;font-weight:950;box-shadow:0 6px 10px #00000040}.miniCard.off{color:#94a3b8;opacity:.5;box-shadow:none;background:#334155}.miniCard.frontOn{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf833,0 6px 10px #00000040}.chipList{background:#020617;border:1px solid #334155;border-radius:14px;flex-wrap:wrap;gap:8px;max-height:220px;margin-top:10px;padding:10px;display:flex;overflow-y:auto}.chip{color:#f8fafc;background:#1e293b;border:1px solid #334155;border-radius:999px;padding:8px 12px;font-weight:800}.chip.selected{color:#082f49;background:#38bdf8;border-color:#7dd3fc}.placementChipGroup{flex-wrap:wrap;justify-content:flex-start;gap:7px;display:flex}.placementChip{color:#e2e8f0;background:#1e293b;border:1px solid #334155;border-radius:999px;min-height:31px;padding:6px 10px;font-size:12px;font-weight:900;transition:background .15s,border-color .15s,box-shadow .15s,color .15s,opacity .15s,transform .15s;position:relative}.placementChip.selected{color:#082f49;opacity:1;background:#38bdf8;border-color:#7dd3fc;transform:translateY(-1px)}.placementChip.selected:after{content:"";opacity:.9;background:currentColor;border-radius:999px;width:6px;height:6px;position:absolute;top:4px;right:5px}.placementChip.placement-front,.roomLocationBadges b.placement-front,.showcaseLocationBadges b.placement-front,.frontStudentShowcase span.placement-front{color:#bae6fd;background:#0ea5e912;border-color:#38bdf86b}.placementChip.placement-back,.roomLocationBadges b.placement-back,.showcaseLocationBadges b.placement-back,.frontStudentShowcase span.placement-back{color:#c7d2fe;background:#6366f114;border-color:#818cf870}.placementChip.placement-teacher,.roomLocationBadges b.placement-teacher,.showcaseLocationBadges b.placement-teacher,.frontStudentShowcase span.placement-teacher{color:#99f6e4;background:#0d948814;border-color:#2dd4bf6b}.placementChip.placement-door,.roomLocationBadges b.placement-door,.showcaseLocationBadges b.placement-door,.frontStudentShowcase span.placement-door{color:#fed7aa;background:#ea580c14;border-color:#fb923c70}.placementChip.selected.placement-front{color:#f0f9ff;background:#0ea5e98f;border-color:#7dd3fc;box-shadow:inset 0 0 0 1px #e0f2fe2e,0 0 0 2px #38bdf847}.placementChip.selected.placement-back{color:#eef2ff;background:#6366f18f;border-color:#a5b4fc;box-shadow:inset 0 0 0 1px #e0e7ff2e,0 0 0 2px #818cf847}.placementChip.selected.placement-teacher{color:#f0fdfa;background:#0d948894;border-color:#5eead4;box-shadow:inset 0 0 0 1px #ccfbf12e,0 0 0 2px #2dd4bf47}.placementChip.selected.placement-door{color:#fff7ed;background:#ea580c8f;border-color:#fdba74;box-shadow:inset 0 0 0 1px #ffedd52e,0 0 0 2px #fb923c47}.placementChip:not(.selected){opacity:.78}.placementChip:not(.selected):hover{opacity:1}.roomLocationBadges b.placement-front,.showcaseLocationBadges b.placement-front,.frontStudentShowcase span.placement-front{color:#bae6fd;background:#0ea5e924;border-color:#38bdf894}.roomLocationBadges b.placement-back,.showcaseLocationBadges b.placement-back,.frontStudentShowcase span.placement-back{color:#c7d2fe;background:#6366f126;border-color:#818cf899}.roomLocationBadges b.placement-teacher,.showcaseLocationBadges b.placement-teacher,.frontStudentShowcase span.placement-teacher{color:#99f6e4;background:#0d948826;border-color:#2dd4bf94}.roomLocationBadges b.placement-door,.showcaseLocationBadges b.placement-door,.frontStudentShowcase span.placement-door{color:#fed7aa;background:#ea580c26;border-color:#fb923c9e}.studentPlacementChips{align-items:center}.studentPlacementChips small{color:#fbbf24;flex-basis:100%;font-size:10px;font-weight:850}.studentSetupDashboard{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:14px;display:grid}.studentSetupRosterPanel,.studentSetupRulesPanel{min-width:0}.compactStudentTable{max-height:min(560px,62vh)}.compactStudentTable .studentRow,.compactStudentTable .studentHead{grid-template-columns:minmax(150px,.9fr) minmax(120px,.62fr) minmax(250px,1.2fr) auto}.compactStudentTable .studentRow{min-height:58px;padding:8px 12px}.compactStudentTable .studentRow>input{min-width:0}.compactStudentTable .studentPlacementChips{flex-wrap:nowrap;gap:5px}.compactStudentTable .studentPlacementChips .placementChip{min-height:28px;padding:4px 8px;font-size:11px}.studentSetupRulesPanel .sectionHeadingRow{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px 12px;margin-bottom:0;display:grid}.studentSetupRulesPanel .sectionHeadingRow p{grid-column:1/-1;max-width:none;margin:0;line-height:1.25}.studentSetupRulesPanel .sectionHeadingRow>span{color:#bae6fd;background:#38bdf81f;border-radius:999px;flex:none;align-self:center;padding:5px 8px;font-size:11px;font-weight:900}.realRuleBuilder{gap:8px;padding:12px 0;display:grid}.realRuleBuilder>span{color:#93c5fd;letter-spacing:.05em;text-transform:uppercase;font-size:11px;font-weight:950}.realSavedRulesList{max-height:330px;overflow-y:auto}.roomLocationEditor{gap:9px;margin-top:8px;display:grid}.roomLocationTagPicker{background:0 0;border:0;border-radius:0;justify-content:flex-start;align-items:center;gap:10px;padding:0;display:flex}.roomLocationTagPicker div{flex-wrap:wrap;justify-content:flex-start;gap:6px;display:flex}.roomLocationTagPicker .placementChip{min-height:29px;padding:5px 9px;font-size:11px}.roomLocationCard{color:#f8fafc;opacity:1;background:linear-gradient(#1e293beb,#0f172afa);border-color:#475569e0;grid-template-rows:minmax(0,1fr) auto;align-items:center;gap:6px;padding:8px 6px;display:grid;box-shadow:0 8px 14px #0000003d}.roomLocationCard.off{color:#64748b;opacity:.5;box-shadow:none;background:#0b1220;border-color:#3341557a}.roomLocationCard.placement-front{background:linear-gradient(#0ea5e933,#0f172a);border-color:#38bdf8a3}.roomLocationCard.placement-back{background:linear-gradient(#6366f133,#0f172a);border-color:#818cf8a3}.roomLocationCard.placement-teacher{background:linear-gradient(#0d948833,#0f172a);border-color:#2dd4bfa3}.roomLocationCard.placement-door{background:linear-gradient(#ea580c33,#0f172a);border-color:#fb923ca8}.roomLocationCard.off.placement-front,.roomLocationCard.off.placement-back,.roomLocationCard.off.placement-teacher,.roomLocationCard.off.placement-door{background:#0b1220;border-color:#47556985}.roomLocationCard.roomLocationHighlight-front{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf838,0 6px 10px #00000040}.roomLocationCard.roomLocationHighlight-back{border-color:#818cf8;box-shadow:0 0 0 3px #818cf838,0 6px 10px #00000040}.roomLocationCard.roomLocationHighlight-teacher{border-color:#2dd4bf;box-shadow:0 0 0 3px #2dd4bf38,0 6px 10px #00000040}.roomLocationCard.roomLocationHighlight-door{border-color:#fb923c;box-shadow:0 0 0 3px #fb923c38,0 6px 10px #00000040}.roomLocationCard strong{font-size:24px;line-height:1}.unifiedRoomLocationGrid .roomLocationCard{min-height:92px}.unifiedRoomLocationGrid{grid-template-columns:repeat(auto-fit,minmax(96px,1fr))}.roomLocationCardMain{width:100%;min-height:58px;color:inherit;cursor:pointer;background:0 0;border:0;align-content:center;justify-items:center;gap:6px;padding:4px 2px;display:grid}.roomLocationCardMain:disabled{cursor:not-allowed}.roomLocationCard.off .roomLocationCardMain{opacity:.72}.roomLocationBadges{flex-wrap:wrap;justify-content:center;gap:3px;display:flex}.roomLocationBadges b{color:#bae6fd;text-transform:uppercase;background:#0f172a;border:1px solid #94a3b842;border-radius:999px;padding:3px 5px;font-size:8px;font-weight:950;line-height:1}.roomLocationBadges b.empty{color:#94a3b8;background:#0f172a9e;border-color:#94a3b838}.roomLocationCard.off .roomLocationBadges b{color:#94a3b8;background:#0f172a94;border-color:#64748b4d}.roomLocationOnOff{color:#94a3b8;cursor:pointer;background:#020617;border:1px solid #334155;border-radius:999px;width:100%;min-height:24px;font-size:10px;font-weight:950}.roomLocationOnOff.on{color:#ccfbf1;background:#0d948857;border-color:#2dd4bfc7}.roomLocationOnOff.off{color:#64748b;background:#0f172ab8;border-color:#64748b47}.studentTable{background:#020617;border:1px solid #334155;border-radius:14px;max-height:380px;margin-top:10px;overflow:hidden auto}.studentRow,.studentHead{border-bottom:1px solid #1e293b;grid-template-columns:minmax(170px,1.1fr) minmax(140px,.9fr) minmax(210px,1.3fr) 90px;align-items:center;gap:8px;padding:10px;display:grid}.studentHead{color:#94a3b8;text-transform:uppercase;z-index:1;background:#0f172a;font-size:12px;font-weight:900;position:sticky;top:0}.studentNameCell strong,.studentNameCell small{display:block}.studentNameCell small{color:#94a3b8;margin-top:3px}.studentRuleBadges{flex-wrap:wrap;gap:4px;margin-top:7px;display:flex}.studentRuleBadge{border:1px solid #94a3b83d;border-radius:999px;max-width:100%;padding:4px 7px;font-size:10px;font-weight:900;line-height:1.1}.studentRuleBadge.ruleType-apart,.ruleTypeBadge.ruleType-apart{color:#fecaca;background:#7f1d1d47;border-color:#f8717175}.studentRuleBadge.ruleType-together,.ruleTypeBadge.ruleType-together{color:#99f6e4;background:#0d948833;border-color:#2dd4bf75}.studentRuleBadge.placement-front{color:#bae6fd;background:#0ea5e924;border-color:#38bdf880}.studentRuleBadge.placement-back{color:#c7d2fe;background:#6366f129;border-color:#818cf880}.studentRuleBadge.placement-teacher{color:#99f6e4;background:#0d948829;border-color:#2dd4bf80}.studentRuleBadge.placement-door{color:#fed7aa;background:#ea580c29;border-color:#fb923c85}.studentRuleBadge.more{color:#cbd5e1;background:#1e293bb3;border-color:#94a3b83d}.inlineTwo{grid-template-columns:1fr auto;align-items:end;gap:8px;display:grid}.ruleCreator{grid-template-columns:minmax(150px,.8fr) 1fr 1fr auto;align-items:end;gap:8px;display:grid}.rules{gap:8px;margin-top:10px;display:grid}.ruleRow{background:#020617;border:1px solid #334155;border-radius:12px;justify-content:space-between;align-items:center;gap:8px;padding:9px;display:flex}.ruleTypeBadge{color:#bae6fd;background:#38bdf824;border:1px solid #94a3b83d;border-radius:999px;flex:none;padding:4px 8px;font-size:11px;font-weight:950}@media (max-width:760px){.studentSetupDashboard{grid-template-columns:1fr}.compactStudentTable{max-height:520px}.compactStudentTable .studentPlacementChips{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.compactStudentTable .studentPlacementChips .placementChip{min-width:0;padding-left:4px;padding-right:4px}.roomLocationTagPicker{flex-direction:column;align-items:flex-start}.roomLocationTagPicker div{grid-template-columns:repeat(4,minmax(0,1fr));justify-content:stretch;gap:4px;width:100%;display:grid}.roomLocationTagPicker .placementChip{min-height:27px;padding:4px 3px;font-size:10.5px;line-height:1}.ruleCreator{grid-template-columns:1fr}.ruleRow{flex-direction:column;align-items:stretch}}@media (max-width:1299px) and (min-width:1050px){.playing-card{flex:0 0 calc(25% - 13.5px);max-width:calc(25% - 13.5px)}}@media (max-width:1049px) and (min-width:800px){.playing-card{flex:0 0 calc(33.3333% - 12px);max-width:calc(33.3333% - 12px)}}@media (max-width:799px) and (min-width:560px){.playing-card{flex:0 0 calc(50% - 9px);max-width:calc(50% - 9px)}}@media (max-width:559px){.playing-card{flex:0 0 100%;max-width:100%}}@media (max-width:900px){.setupGrid,.settingsLayout{grid-template-columns:1fr}.settingsSummary{grid-template-columns:repeat(2,1fr)}.studentRow,.studentHead{grid-template-columns:1fr}.studentPlacementChips{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;width:100%;display:grid}.studentPlacementChips .placementChip{min-height:27px;padding:4px 3px;font-size:10.5px;line-height:1}.studentPlacementChips small{grid-column:1/-1}.studentHead{display:none}.ruleCreator{grid-template-columns:1fr}.topBar{flex-direction:column;align-items:flex-start}}.playing-card{overflow:hidden}.corner .rank{font-size:56px}.cardCenter{flex-direction:column;justify-content:center;gap:7px;width:auto;margin:0;display:flex;position:absolute;inset:74px 10px 68px}.seatRow{flex:1;min-height:0;padding:6px 8px}.student-name{padding-bottom:0;line-height:1}.seatRow{padding-top:5px;padding-bottom:9px;overflow:visible}.student-name{padding-bottom:8px;line-height:1.12;overflow:visible;transform:translateY(-1px)}.stackedButtons{flex-wrap:wrap;gap:8px;display:flex}.stackedButtons button{flex:1;min-width:150px}.student-name{letter-spacing:0;min-width:0;max-width:100%}.seatRow.redSuit .student-name{color:#b91c1c}.seatRow.blackSuit .student-name{color:#020617}.seatRow.redSuit .suitSym{color:#dc2626}.seatRow.blackSuit .suitSym{color:#020617}.student-name{font-size:50px}.seatRow{min-width:0;overflow:hidden}.suitSym{flex:0 0 28px}.student-name{white-space:nowrap;text-overflow:clip;letter-spacing:0;width:100%;min-width:0;max-width:100%;padding-bottom:6px;line-height:1.18;overflow:hidden}.fitStudentName{white-space:nowrap;text-overflow:clip;overflow:hidden}@media (max-width:1500px){.seatRow{gap:7px;padding-left:7px;padding-right:6px}.suitSym{flex-basis:24px;font-size:24px}.student-name{letter-spacing:0}}.groupSizeButtons{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.groupSizeBtn{color:#f8fafc;background:#1e293b;border:2px solid #334155;border-radius:14px;flex:1;min-width:90px;padding:14px;font-size:24px}.groupSizeBtn.active{color:#082f49;background:#38bdf8;border-color:#7dd3fc}.suitPickerGrid{grid-template-columns:repeat(4,minmax(90px,1fr));gap:10px;margin-top:10px;display:grid}.suitPicker{background:#020617;border:1px solid #334155;border-radius:12px;padding:10px}.suitPicker.inactive{opacity:.45}.suitPicker select{text-align:center;font-size:26px;font-weight:900}.cardCenter.groupSize2{gap:12px;top:82px;bottom:76px}.cardCenter.groupSize2 .seatRow{padding-top:10px;padding-bottom:14px}.cardCenter.groupSize4{gap:5px;top:70px;bottom:58px}.cardCenter.groupSize4 .seatRow{padding-top:4px;padding-bottom:6px}@media (max-width:900px){.suitPickerGrid{grid-template-columns:repeat(2,1fr)}}.teacherFlowGrid{grid-template-columns:minmax(420px,980px);justify-content:center;align-items:stretch}.setupHeader{align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.setupHeader h2{margin-bottom:4px}.stepPill{color:#052e1b;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;background:#10b981;border-radius:999px;justify-content:center;align-items:center;padding:5px 10px;font-size:12px;font-weight:950;display:inline-flex}.stepPill.blue{color:#082f49;background:#38bdf8;margin-bottom:10px}.primaryActionRow{grid-template-columns:1fr 1fr;gap:10px;display:grid}.primaryActionRow button{min-height:48px}.helperText{color:#94a3b8;margin:10px 0 0;font-size:13px;line-height:1.4}.sampleClassPanel{flex-direction:column;display:flex}.bigSampleButton{width:100%;min-height:58px;margin:8px 0 14px;font-size:20px}.saveNote{background:#020617;border:1px solid #334155;border-radius:14px;margin-top:auto;padding:12px}.saveNote strong,.saveNote span{display:block}.saveNote strong{color:#e2e8f0;margin-bottom:5px}.saveNote span{color:#94a3b8;font-size:13px;line-height:1.4}.editHeader{border-bottom:1px solid #334155;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;padding-bottom:12px;display:flex}.editHeader h3{margin:8px 0 2px}.editHeader .btnPrimary{min-width:150px}.settingsActionBar{z-index:5;background:#020617f5;border:1px solid #38bdf8;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;margin:18px 0;padding:12px;display:flex;position:sticky;bottom:10px;box-shadow:0 12px 28px #00000073}.settingsActionBar strong,.settingsActionBar span{display:block}.settingsActionBar strong{color:#f8fafc}.settingsActionBar span{color:#94a3b8;margin-top:3px;font-size:13px}.settingsActionButtons{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.settingsActionButtons button{min-width:135px}.classDataLoading{color:#cbd5e1;place-items:center;min-height:calc(100dvh - 150px);font-size:16px;font-weight:700;display:grid}.emptyDealHero{justify-content:center;align-items:center;min-height:calc(100vh - 150px);padding:28px 12px;display:flex}.emptyDealCard{text-align:center;background:#0f172a;border:1px solid #334155;border-radius:22px;width:100%;max-width:720px;padding:30px;box-shadow:0 18px 36px #00000059}.emptyDealCard h2{color:#f8fafc;margin:12px 0 8px;font-size:34px}.emptyDealCard p{color:#94a3b8;max-width:560px;margin:0 auto 20px;font-size:17px;line-height:1.45}.emptyDealActions{grid-template-columns:1fr 1fr;gap:12px;max-width:520px;margin:0 auto;display:grid}.emptyDealActions .bigSampleButton{margin:0}@media (max-width:700px){.emptyDealActions{grid-template-columns:1fr}.emptyDealCard h2{font-size:26px}}.cardsToolbar button{min-width:120px}.focusedEditPage{max-width:1200px;margin:0 auto}.focusedEditTopBar{justify-content:space-between;gap:10px;margin-bottom:12px;display:flex}.focusedEditTopBar button{min-width:140px}.focusedEditPanel{padding:18px}.appHeader{background:radial-gradient(circle at 0 0,#38bdf824,#0000 34%),linear-gradient(135deg,#0f172aeb,#1e293beb);border:1px solid #334155f2;border-radius:18px;margin-bottom:18px;padding:16px 18px;box-shadow:0 14px 30px #00000038}.brandBlock{align-items:center;gap:14px;min-width:0;display:flex}.brandHomeButton{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:14px;padding:0;display:flex}.titleBlock{min-width:0;max-width:760px}.brandMark{color:#fff;background:linear-gradient(135deg,#38bdf8,#2563eb);border-radius:16px;place-items:center;width:54px;height:54px;font-size:34px;line-height:1;display:grid;box-shadow:0 10px 22px #2563eb59}.brandEyebrow{color:#7dd3fc;letter-spacing:.12em;text-transform:uppercase;margin-bottom:3px;font-size:12px;font-weight:950}.titleBlock h1{color:#f8fafc;letter-spacing:0;font-size:34px}.titleBlock p{color:#cbd5e1;font-size:16px;font-weight:700}.appHeader .navButtons button{box-shadow:0 6px 14px #00000040}.emptyDealCard{background:radial-gradient(circle at top,#38bdf81f,#0000 42%),#0f172a}.emptyDealCard h2{letter-spacing:0}.sampleClassPanel{background:radial-gradient(circle at 100% 0,#10b9811a,#0000 38%),#0f172a}.createClassPanel{background:radial-gradient(circle at 0 0,#38bdf814,#0000 34%),#0f172a}.bigSampleButton,.primaryActionRow .btnPrimary{color:#fff;background:linear-gradient(135deg,#38bdf8,#2563eb)}.primaryActionRow .btnGreen{background:linear-gradient(135deg,#10b981,#059669)}@media (max-width:900px){.brandMark{width:46px;height:46px;font-size:28px}.titleBlock h1{font-size:28px}.titleBlock p{font-size:14px}}.coachOverlay{z-index:50;background:#0206179e;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.coachModal{text-align:center;background:radial-gradient(circle at 0 0,#38bdf829,#0000 42%),#0f172a;border:1px solid #334155;border-radius:22px;width:min(560px,100%);padding:26px;box-shadow:0 22px 55px #0000007a}.coachModal h2{color:#f8fafc;letter-spacing:0;margin:12px 0 8px;font-size:28px}.coachModal p{color:#cbd5e1;margin:0 0 20px;font-size:16px;line-height:1.48}.coachActions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.tourableSection{transition:box-shadow .2s,border-color .2s,transform .2s}.tourHighlight{border-color:#38bdf8;transform:translateY(-2px);box-shadow:0 0 0 4px #38bdf838,0 18px 36px #00000047}.inlineSaveNote{margin-top:12px}@media (max-width:700px){.coachActions{grid-template-columns:1fr}}.emptyFeatureGrid{text-align:left;grid-template-columns:1fr 1fr;gap:12px;max-width:620px;margin:22px auto 0;display:grid}.emptyFeatureGrid div{background:#02061794;border:1px solid #334155;border-radius:16px;padding:14px}.emptyFeatureGrid strong,.emptyFeatureGrid span{display:block}.emptyFeatureGrid strong{color:#f8fafc;margin-bottom:5px;font-size:15px}.emptyFeatureGrid span{color:#94a3b8;font-size:13px;line-height:1.4}@media (max-width:700px){.emptyFeatureGrid{grid-template-columns:1fr}}.classMenuWrap{width:100%}.practiceModeBanner{text-align:center;background:radial-gradient(circle at top,#38bdf81f,#0000 42%),#0f172a;border:1px solid #334155;border-radius:20px;max-width:760px;margin:0 auto 18px;padding:18px;box-shadow:0 14px 30px #0000003d}.practiceModeBanner h2{color:#f8fafc;margin:10px 0 6px;font-size:28px}.practiceModeBanner p{color:#cbd5e1;max-width:600px;margin:0 auto 14px;line-height:1.45}.practiceModeBanner button{min-width:170px}.sampleSizeNotes{flex-wrap:wrap;justify-content:center;gap:8px;margin:12px auto 14px;display:flex}.sampleSizeNotes span{color:#cbd5e1;background:#38bdf81f;border:1px solid #38bdf859;border-radius:999px;padding:7px 10px;font-size:13px;font-weight:800}.practiceHintBar{text-align:center;background:#020617b8;border:1px solid #38bdf873;border-radius:16px;max-width:860px;margin:0 auto 12px;padding:12px 14px;box-shadow:0 12px 26px #00000038}.practiceHintBar strong,.practiceHintBar span{display:block}.practiceHintBar strong{color:#f8fafc;margin-bottom:4px;font-size:16px}.practiceHintBar span{color:#cbd5e1;line-height:1.35}.practiceHintBar b{color:#7dd3fc}.groupPatternNote{background:#020617;border:1px solid #334155;border-radius:14px;flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0 12px;padding:11px 12px;display:flex}.groupPatternNote strong{color:#f8fafc}.groupPatternNote span{color:#7dd3fc;font-weight:950}.topClassSwitcher{background:#020617b8;border:1px solid #38bdf859;border-radius:18px;grid-template-columns:220px 1fr;align-items:center;gap:12px;max-width:1120px;margin:0 auto 12px;padding:12px;display:grid}.topClassSwitcherText strong,.topClassSwitcherText span{display:block}.topClassSwitcherText strong{color:#f8fafc;font-size:16px}.topClassSwitcherText span{color:#94a3b8;margin-top:3px;font-size:13px;line-height:1.35}.topClassButtons{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.topClassButton{color:#f8fafc;background:#334155;border:1px solid #475569;border-radius:12px;min-width:145px;padding:10px 14px;font-size:14px}.topClassButton.active{color:#fff;background:linear-gradient(135deg,#38bdf8,#2563eb);border-color:#7dd3fc}@media (max-width:900px){.topClassSwitcher{text-align:center;grid-template-columns:1fr}.topClassButton{flex:1;min-width:130px}}.topClassSwitcher{grid-template-columns:190px 1fr;max-width:1180px;margin-bottom:10px;padding:14px}.topClassButtons{justify-content:center}.topClassButton{border-radius:14px;min-width:170px;min-height:48px;font-size:16px}.topClassButton.active{transform:translateY(-1px);box-shadow:0 10px 22px #2563eb52}.currentClassPill{color:#f8fafc;text-align:center;background:#020617b8;border:1px solid #38bdf873;border-radius:14px;flex-direction:column;justify-content:center;min-width:230px;min-height:42px;padding:8px 16px;display:flex}.currentClassPill span{color:#7dd3fc;letter-spacing:.08em;text-transform:uppercase;margin-bottom:3px;font-size:11px;font-weight:950;line-height:1}.currentClassPill strong{color:#f8fafc;font-size:16px;line-height:1.1}.cardsToolbar{align-items:center}@media (max-width:900px){.topClassSwitcher{grid-template-columns:1fr}.topClassButton{min-width:140px}.currentClassPill{order:-1;width:100%}}.appHeader{grid-template-columns:auto 1fr auto;align-items:center;gap:18px;display:grid}.headerClassButtons{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.headerClassButton{color:#f8fafc;background:#334155;border:1px solid #475569;border-radius:14px;min-width:150px;min-height:46px;padding:10px 14px;font-size:15px;font-weight:950;box-shadow:0 8px 16px #00000038}.headerClassButton.active{color:#fff;background:linear-gradient(135deg,#38bdf8,#2563eb);border-color:#7dd3fc;transform:translateY(-1px);box-shadow:0 10px 22px #2563eb52}@media (max-width:1100px){.appHeader{grid-template-columns:1fr}.headerClassButtons{order:2}.navButtons{order:3;justify-content:center}.brandBlock{justify-content:center}}@media (max-width:700px){.headerClassButton{flex:1;min-width:130px}}.headerClassButton{color:#fff;background:#ef4444;border:1px solid #f87171;box-shadow:0 8px 16px #ef444433}.headerClassButton:hover{background:#dc2626;transform:translateY(-1px)}.headerClassButton.active{color:#fff;background:linear-gradient(135deg,#dc2626,#991b1b);border-color:#fecaca;box-shadow:0 10px 22px #dc262659}.topClassButton{color:#fff;background:#ef4444;border-color:#f87171}.topClassButton.active{background:linear-gradient(135deg,#dc2626,#991b1b);border-color:#fecaca}.appHeader{min-height:126px;position:relative}.headerClassButtons{flex-wrap:nowrap;justify-content:center;gap:14px;width:max-content;max-width:calc(100% - 440px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.headerClassButton{border-radius:16px;min-width:175px;min-height:54px;padding:12px 20px;font-size:17px}@media (max-width:1200px){.appHeader{grid-template-columns:1fr;min-height:auto}.headerClassButtons{flex-wrap:wrap;order:2;width:100%;max-width:none;margin-top:14px;position:static;transform:none}.headerClassButton{min-width:160px}}@media (max-width:700px){.headerClassButtons{gap:8px}.headerClassButton{min-width:120px;min-height:48px;padding:10px 12px;font-size:14px}}.headerClassButtons{gap:18px}.headerClassButton{min-width:195px;min-height:58px;font-size:18px}.tutorialPulse{z-index:4;animation:1.25s ease-in-out infinite tutorialPulse;position:relative;box-shadow:0 0 0 5px #38bdf847,0 14px 26px #38bdf847!important}@keyframes tutorialPulse{0%{transform:translateY(-1px)scale(1)}50%{transform:translateY(-2px)scale(1.055)}to{transform:translateY(-1px)scale(1)}}@media (max-width:700px){.headerClassButton{min-width:125px;min-height:48px;font-size:14px}}.coachModal{max-width:620px}.coachModal h2{letter-spacing:0;margin-top:14px;font-size:30px}.coachModal p{max-width:500px;margin-left:auto;margin-right:auto}.singleCoachAction{grid-template-columns:minmax(240px,360px);justify-content:center}.tutorialPulse{animation:1.15s ease-in-out infinite tutorialPulse}.createClassPanel.tourableSection{transition:box-shadow .2s,border-color .2s}.headerClassButtons{min-width:440px}@media (max-width:1200px){.headerClassButtons{min-width:0}}.collapsedCreateClass{background:#0f172a;border:1px solid #334155;border-radius:18px;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;width:100%;max-width:980px;margin:0 auto;padding:14px;display:flex}.collapsedCreateClass button{min-width:190px;min-height:46px;font-size:17px}.collapsedCreateClass span{color:#94a3b8;font-size:14px}.closeCreateButton{align-self:flex-start;margin-left:auto}.createClassPanel .saveNote strong{color:#7dd3fc}.rosterFormatExamples{color:#94a3b8;flex-wrap:wrap;align-items:center;gap:8px;margin:9px 0 4px;font-size:13px;display:flex}.rosterFormatExamples strong{color:#cbd5e1;margin-right:2px}.rosterFormatExamples span{color:#cbd5e1;background:#020617;border:1px solid #334155;border-radius:999px;padding:5px 9px}.accountPanel{color:#cbd5e1;background:#0f172a;border:1px solid #334155;border-radius:999px;flex:0 auto;align-items:center;gap:8px;min-height:44px;padding:6px 8px 6px 12px;display:flex}.accountText{flex-direction:column;flex:0 auto;min-width:0;line-height:1.05;display:flex}.accountText strong{color:#f8fafc;white-space:nowrap;text-overflow:ellipsis;max-width:170px;font-size:14px;overflow:hidden}.billingStatusPill{color:#cbd5e1;text-transform:uppercase;background:#1e293b;border-radius:999px;width:fit-content;margin-top:5px;padding:4px 8px;font-size:11px;font-style:normal;font-weight:950;line-height:1}.billingStatusPill.trial{color:#bae6fd;background:#0ea5e92e}.billingStatusPill.pro{color:#99f6e4;background:#2dd4bf2e}.billingPlanDetail{color:#bae6fd;max-width:190px;margin-top:4px;font-size:11px;font-weight:800;line-height:1.2}.accountActions{flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.btnSmall{min-height:34px;padding:7px 12px;font-size:13px}.accountPanel .btnSmall{white-space:nowrap;min-height:42px;padding:7px 11px;font-size:12px}@media (max-width:900px){.accountPanel{border-radius:16px;justify-content:space-between;width:100%}}@media (max-width:520px){.accountPanel{border-radius:16px;flex-direction:column;align-items:stretch}.accountPanel .btnSmall{width:100%}.accountActions{grid-template-columns:1fr;width:100%;display:grid}.accountText strong{white-space:normal}}.signedOutAccount{grid-template-columns:1fr;justify-items:center;gap:6px;min-width:0;display:grid}.authProviderButtons{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;min-width:0;display:flex}.googleSignInButton{color:#1f1f1f;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #747775;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:42px;padding:0 14px 0 12px;font-family:Arial,Roboto,sans-serif;font-size:14px;font-weight:600;line-height:20px;transition:background-color .15s,box-shadow .15s,transform .15s;display:inline-flex;box-shadow:0 1px 2px #0000002e}.googleSignInButton:hover{background:#f8faff;box-shadow:0 2px 5px #00000038}.googleSignInButton:active{transform:translateY(1px);box-shadow:0 1px 2px #0000002e}.googleSignInButton:focus-visible{outline-offset:2px;outline:3px solid #4285f459}.googleSignInIcon{flex:0 0 18px;width:18px;height:18px;display:inline-flex}.googleSignInIcon svg{width:18px;height:18px;display:block}.microsoftSignInIcon{flex:0 0 18px;grid-template-columns:1fr 1fr;gap:2px;width:18px;height:18px;display:grid}.microsoftSignInIcon span:first-child{background:#f25022}.microsoftSignInIcon span:nth-child(2){background:#7fba00}.microsoftSignInIcon span:nth-child(3){background:#00a4ef}.microsoftSignInIcon span:nth-child(4){background:#ffb900}.compactAuthButton{min-height:38px;padding-left:11px;padding-right:12px;font-size:13px}@media (max-width:1350px){.appHeader{grid-template-columns:1fr}.appHeader .accountPanel{border-radius:22px;justify-content:center;justify-self:stretch}}@media (max-width:900px){.signedOutAccount{flex-wrap:wrap;justify-content:center;width:100%}}@media (max-width:520px){.signedOutAccount{flex-direction:column;align-items:stretch}.googleSignInButton{border-radius:12px;width:100%}.authProviderButtons{grid-template-columns:1fr;width:100%;display:grid}}@media (max-width:700px){.coachOverlay{-webkit-backdrop-filter:blur(4px);background:#020617b8;justify-content:stretch;align-items:flex-end;padding:0}.coachModal{width:100%;max-width:none;max-height:calc(100dvh - 12px);padding:30px 18px calc(18px + env(safe-area-inset-bottom));text-align:left;border-bottom:0;border-left:0;border-right:0;border-radius:24px 24px 0 0;animation:.24s ease-out mobileCoachIn;position:relative;overflow-y:auto;box-shadow:0 -18px 48px #0000008c}.coachModal:before{content:"";background:#475569;border-radius:999px;width:42px;height:5px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.coachModal .stepPill{padding:5px 9px;font-size:10px}.coachModal h2{letter-spacing:0;margin:12px 0 9px;font-size:clamp(23px,7vw,29px);line-height:1.08}.coachModal p{max-width:none;margin:0 0 18px;font-size:15px;line-height:1.45}.coachModal strong{color:#f8fafc}.coachActions,.singleCoachAction,.mobileCoachAction{grid-template-columns:1fr;gap:9px;width:100%;max-width:none;display:grid}.coachActions button,.mobileCoachAction button{border-radius:14px;width:100%;min-height:52px;font-size:16px}.tourButtons .btnPrimary{grid-area:1/1/auto/-1;min-height:48px;font-size:15px}.tourButtons button:first-child{grid-area:2/1}.tourButtons button:nth-child(2){grid-area:2/2}.tourButtons button{min-height:42px}.tourableSection{scroll-margin-top:12px;scroll-margin-bottom:330px}.tourHighlight{transform:none;box-shadow:0 0 0 4px #38bdf842,0 12px 28px #00000052}.tutorialPulse{overflow:visible}.appHeader{gap:12px;padding:14px}.brandBlock{gap:10px}.brandMark{border-radius:13px;width:42px;height:42px;font-size:25px}.brandEyebrow{font-size:9px}.titleBlock h1{font-size:25px}.titleBlock p{font-size:13px}.headerClassButtons{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.headerClassButton{width:100%;min-width:0;min-height:50px;font-size:15px}.cardsToolbar{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}.cardsToolbar .currentClassPill{order:-1;grid-column:1/-1}.cardsToolbar button{width:100%;min-width:0;min-height:48px}.emptyDealHero{min-height:auto;padding:14px 0 24px}.emptyDealCard{border-radius:18px;padding:22px 16px}.emptyDealCard h2{font-size:27px;line-height:1.08}.emptyDealCard p{font-size:15px}@keyframes mobileCoachIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}}@media (max-width:390px){.coachModal{padding-left:15px;padding-right:15px}.coachModal h2{font-size:23px}.headerClassButtons{gap:7px}.headerClassButton{padding-left:9px;padding-right:9px;font-size:14px}}@media (prefers-reduced-motion:reduce){.coachModal,.tutorialPulse{animation:none!important}}.displayModeButtons{grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;display:grid}.displayModeBtn{color:#f8fafc;text-align:left;background:#1e293b;border:2px solid #334155;border-radius:15px;min-height:86px;padding:14px}.displayModeBtn strong,.displayModeBtn span{display:block}.displayModeBtn strong{margin-bottom:5px;font-size:17px}.displayModeBtn span{color:#94a3b8;font-size:13px}.displayModeBtn.active{background:#38bdf829;border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf81f}.displayModeBtn.active span{color:#bae6fd}#output.numberedOutput{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:stretch;gap:18px;display:grid}.numbered-group{color:#0f172a;background:radial-gradient(circle at 100% 0,#38bdf824,#0000 36%),linear-gradient(#f8fafc 0%,#eef2f7 100%);border:2px solid #cbd5e1;border-radius:20px;flex-direction:column;min-height:310px;display:flex;overflow:hidden;box-shadow:0 12px 24px #00000061}.numberedGroupHeader{color:#fff;background:linear-gradient(135deg,#2563eb,#0ea5e9);justify-content:space-between;align-items:center;min-height:84px;padding:12px 18px;display:flex}.numberedGroupHeader span{letter-spacing:0;font-size:25px;font-weight:900}.numberedGroupHeader strong{font-size:52px;line-height:1}.numberedStudentList{flex:1;align-content:center;gap:8px;padding:15px;display:grid}.numberedStudent{color:#0f172a;text-align:center;overflow-wrap:normal;background:#fff;border:1px solid #dbe3ec;border-radius:11px;justify-content:center;align-items:center;min-height:48px;padding:8px 12px;font-size:clamp(24px,2.25vw,38px);font-weight:950;line-height:1.05;display:flex}@media (max-width:700px){.displayModeButtons{grid-template-columns:1fr}#output.numberedOutput{grid-template-columns:1fr;gap:12px}.numbered-group{border-radius:16px;min-height:0}.numberedGroupHeader{min-height:58px;padding:9px 13px}.numberedGroupHeader span{font-size:19px}.numberedGroupHeader strong{font-size:38px}.numberedStudentList{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:7px;padding:10px}.numberedStudent{min-height:42px;padding:7px;font-size:18px}.groupSizeBtn{min-width:58px;padding:11px;font-size:21px}}.adjustGroupsOverlay{z-index:90;-webkit-backdrop-filter:blur(6px);background:#020617e0;padding:18px;position:fixed;inset:0;overflow:hidden}.adjustGroupsPanel{background:#0f172a;border:1px solid #334155;border-radius:18px;width:min(1260px,100%);height:100%;margin:0 auto;padding:14px;overflow-y:auto;box-shadow:0 24px 70px #0000008f}.adjustGroupsHeader{z-index:5;background:#0f172af7;border-bottom:1px solid #334155;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 14px;margin:-14px -14px 10px;padding:12px 14px 10px;display:grid;position:sticky;top:-14px}.adjustGroupsHeader h2{color:#f8fafc;margin:0;font-size:24px}.adjustHeaderActions{align-items:center;gap:8px;display:flex}.adjustHeaderActions button:disabled{opacity:.45;cursor:not-allowed}.desktopAdjustStatusBar{background:#020617d1;border:1px solid #334155;border-radius:10px;grid-column:1/-1;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:8px 10px;display:flex}.desktopAdjustStatusBar>div{flex-wrap:wrap;align-items:baseline;gap:3px 10px;min-width:0;display:flex}.desktopAdjustStatusBar strong{color:#f8fafc;font-size:14px}.desktopAdjustStatusBar span{color:#94a3b8;font-size:12px}.desktopAdjustStatusBar .adjustInlineFeedback{color:#67e8f9;font-weight:800}.desktopAdjustStatusBar .clearSelectionAction{color:#e2e8f0;background:#1e293b;border:1px solid #475569;border-radius:8px;flex:none;min-height:34px;padding:6px 10px;font-weight:850}.adjustActionBar{background:#020617f2;border:1px solid #334155;border-radius:14px;flex-wrap:wrap;gap:8px;margin:0 0 12px;padding:9px;display:none}.adjustActionBar button{color:#f8fafc;background:#1e293b;border:1px solid #475569;border-radius:11px;min-height:42px;padding:9px 14px;font-weight:900}.adjustActionBar button.active{color:#082f49;background:#38bdf8;border-color:#7dd3fc}.adjustActionBar .clearSelectionAction{margin-left:auto}.mobileAdjustSelectionStatus{display:none}.adjustGroupsGrid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:9px;display:grid}.adjustGroupCard{background:#111827;border:1px solid #334155;border-radius:13px;padding:9px;transition:border-color .14s,background-color .14s,box-shadow .14s}.adjustGroupCard.hasConflict{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1f}.adjustGroupTitle{justify-content:space-between;align-items:center;gap:8px;min-height:30px;margin-bottom:6px;display:flex}.adjustGroupTitle strong{color:#f8fafc;font-size:16px}.adjustGroupTitle span{color:#94a3b8;font-size:11px}.adjustGroupTitleActions{align-items:center;gap:5px;display:flex;position:relative}.adjustGroupMenu{z-index:7;position:relative}.adjustGroupMenu>button{color:#cbd5e1;background:#1e293b;border:1px solid #475569;border-radius:7px;place-items:center;width:30px;height:28px;padding:0;font-size:11px;display:grid}.adjustGroupMenu>button:hover,.adjustGroupMenu>button:focus-visible,.adjustGroupMenu>button[aria-expanded=true]{color:#fff;background:#243b5a;border-color:#7dd3fc;outline:none}.adjustGroupMenu>div{z-index:20;background:#0b1324;border:1px solid #475569;border-radius:7px;width:148px;padding:5px;position:absolute;top:calc(100% + 5px);right:0;box-shadow:0 12px 28px #02061780}.adjustGroupMenu>div button{color:#e2e8f0;text-align:left;background:0 0;border:0;border-radius:5px;width:100%;min-height:36px;padding:7px 8px;font-size:12px;font-weight:800}.adjustGroupMenu>div button:hover,.adjustGroupMenu>div button:focus-visible{background:#1e293b;outline:none}.desktopAdjustGroupCount{text-align:center;background:#1e293b;border-radius:999px;min-width:24px;padding:2px 7px;font-weight:900}.mobileAdjustGroupCount{display:none}.moveHereButton{color:#052e1b;background:#10b981;border:0;border-radius:10px;min-height:38px;padding:8px 11px;font-weight:950}.moveHereButton:disabled{opacity:.35;cursor:not-allowed}.adjustWarning{color:#fde68a;background:#f59e0b24;border:1px solid #f59e0b73;border-radius:10px;margin-bottom:6px;padding:7px 9px;font-size:12px;font-weight:900}.adjustStudentList{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;display:grid}.adjustStudentChip{color:#f8fafc;text-align:left;background:#1e293b;border:1px solid #334155;border-radius:9px;min-height:40px;padding:7px 8px;font-weight:850;transition:border-color .14s,background-color .14s,box-shadow .14s;position:relative;overflow:hidden}.adjustStudentChip span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.adjustStudentChip small{color:#422006;text-transform:uppercase;background:#f59e0b;border-radius:999px;margin-top:3px;padding:2px 5px;font-size:9px;font-weight:950;display:inline-block}.adjustStudentChip.selected{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border-color:#93c5fd;box-shadow:0 0 0 3px #60a5fa38}.adjustStudentChip.swapTarget{border-color:#a78bfa;box-shadow:inset 0 0 0 1px #a78bfa40}.adjustGroupCard.desktopMoveDestination{cursor:pointer}.adjustGroupCard.desktopMoveDestination:hover,.adjustGroupCard.desktopMoveDestination:focus-visible{background:#064e3b3d;border-color:#34d399;outline:none;box-shadow:inset 0 0 0 1px #34d3994d,0 0 0 3px #34d3991f}.adjustGroupCard.groupSwitchSource{background:#082f49b8;border-color:#7dd3fc;box-shadow:inset 0 0 0 2px #7dd3fcb3,0 0 0 3px #0ea5e924}.adjustGroupCard.groupSwitchDestination{cursor:pointer;border-color:#34d399}.adjustGroupCard.groupSwitchDestination:hover,.adjustGroupCard.groupSwitchDestination:focus-visible{background:#064e3b3d;outline:none;box-shadow:inset 0 0 0 1px #34d39959,0 0 0 3px #34d39921}.adjustGroupCard.groupSwitchSource .adjustStudentList,.adjustGroupCard.groupSwitchDestination .adjustStudentList{pointer-events:none}.adjustStudentChip:disabled{cursor:default;opacity:.68}.adjustGroupSwitchBar{z-index:9;color:#bae6fd;background:#082f49f7;border:1px solid #38bdf8;border-radius:9px;align-items:center;gap:8px;margin:0 0 10px;padding:8px 10px;display:flex;position:sticky;top:0;box-shadow:0 8px 22px #02061757}.adjustGroupSwitchBar strong{color:#f8fafc}.adjustGroupSwitchBar>span:nth-child(2){color:#7dd3fc;font-size:12px}.adjustGroupSwitchBar button{color:#f8fafc;background:#0f172a;border:1px solid #7dd3fc;border-radius:7px;min-height:34px;margin-left:auto;padding:6px 10px;font-weight:850}.adjustStudentChip.swapTarget:hover,.adjustStudentChip.swapTarget:focus-visible{background:#6d28d957;border-color:#c4b5fd;outline:none;box-shadow:inset 0 0 0 1px #c4b5fd6b,0 0 0 3px #8b5cf624}.adjustStudentChip.frontMismatch{border-color:#f59e0b}.adjustStudentChip.selected.frontMismatch{border-color:#93c5fd}.emptyAdjustGroup{color:#64748b;text-align:center;grid-column:1/-1;padding:12px;font-style:italic}.adjustSaveOverlay{-webkit-backdrop-filter:blur(7px);background:#020617d6;place-items:center;padding:18px;display:grid}.adjustSaveModal{background:#0f172a;border:1px solid #475569;border-radius:18px;width:min(500px,100%);padding:22px;box-shadow:0 26px 78px #0009}.adjustSaveModal h2{color:#f8fafc;margin:12px 0 6px;font-size:26px}.adjustSaveModal p{color:#94a3b8;margin:0 0 16px}.adjustSaveModal label{color:#e2e8f0;margin-bottom:6px;font-weight:850;display:block}.adjustSaveModal input{width:100%;min-height:48px}@media (max-width:980px) and (min-width:701px){.adjustGroupsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:701px){.adjustStudentChip small{display:none}}.cardsToolbar{flex-wrap:wrap}@media (max-width:700px){.adjustGroupsOverlay{padding:0}.adjustGroupsPanel{border:0;border-radius:0;width:100%;padding:6px}.adjustGroupsHeader{align-items:center;gap:6px;margin:-6px -6px 6px;padding:7px 8px;display:flex;top:-6px}.adjustGroupsHeader .stepPill,.adjustGroupsHeader p{display:none}.adjustGroupsHeader h2{margin:0;font-size:18px;line-height:1.1}.adjustHeaderActions{flex-direction:row;gap:5px;margin-left:auto}.adjustHeaderActions button{min-height:34px;padding:6px 9px;font-size:12px}.desktopAdjustStatusBar,.desktopAdjustCancelAction,.desktopAdjustSaveAction{display:none}.demoAdjustGuide{border-radius:10px;margin:5px 0;padding:7px 9px;font-size:11px}.adjustActionBar{z-index:4;border-radius:10px;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:4px;margin:0 0 6px;padding:5px;display:grid;position:sticky;top:45px}.mobileAdjustSelectionStatus{color:#e2e8f0;text-overflow:ellipsis;white-space:nowrap;min-width:0;padding:0 4px;font-size:11px;font-weight:850;display:block;overflow:hidden}.adjustActionBar button{border-radius:8px;min-height:34px;padding:5px 7px;font-size:11px}.adjustActionBar .clearSelectionAction{margin-left:0}.adjustGroupSwitchBar{z-index:5;flex-wrap:wrap;margin-bottom:6px;padding:7px 8px;font-size:11px;top:45px}.adjustGroupSwitchBar>span:nth-child(2){display:none}.adjustGroupSwitchBar button{min-height:34px;padding:5px 8px}.adjustGroupsGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.adjustGroupCard{border-radius:11px;min-width:0;padding:7px}.adjustGroupCard.mobileMoveDestination{cursor:pointer;background:#064e3b47;border-color:#34d399;box-shadow:inset 0 0 0 1px #34d39961}.adjustGroupTitle{gap:5px;min-height:34px;margin-bottom:5px}.adjustGroupTitle strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:1.05;overflow:hidden}.adjustGroupTitle span{margin-top:1px;font-size:10px}.adjustGroupTitle .desktopAdjustGroupCount{display:none}.adjustGroupTitle .mobileAdjustGroupCount{display:block}.adjustGroupMenu>button{width:30px;height:30px}.adjustGroupMenu>div{width:142px}.adjustGroupTitle .moveHereButton{display:none}.adjustWarning{border-radius:7px;margin-bottom:5px;padding:5px 6px;font-size:9px}.adjustStudentList{grid-template-columns:1fr;gap:4px}.adjustStudentChip{border-radius:8px;min-height:38px;padding:6px 7px;font-size:12px}.emptyAdjustGroup{padding:8px 3px;font-size:11px}.cardsToolbar{grid-template-columns:1fr 1fr}.cardsToolbar .currentClassPill{grid-column:1/-1}}@media (max-width:340px){.adjustGroupsGrid{grid-template-columns:1fr}.adjustActionBar{grid-template-columns:repeat(3,1fr)}.mobileAdjustSelectionStatus{grid-column:1/-1;align-items:center;min-height:24px;display:flex}}.studentPreviewOverlay{z-index:120;background:#020617;padding:16px;position:fixed;inset:0;overflow:hidden}.studentPreviewShell{background:radial-gradient(circle at top,#38bdf81a,#0000 34%),#0f172a;border:1px solid #334155;border-radius:22px;flex-direction:column;width:min(1280px,100%);height:100%;margin:0 auto;display:flex;overflow:hidden;box-shadow:0 24px 70px #0000008f}.studentPreviewHeader{background:#0f172afa;border-bottom:1px solid #334155;flex:none;justify-content:space-between;align-items:center;gap:14px;padding:16px 18px;display:flex}.studentPreviewHeader h2{color:#f8fafc;margin:3px 0;font-size:28px}.studentPreviewHeader p{color:#94a3b8;margin:0}.previewModeTabs{background:#020617;border-bottom:1px solid #334155;flex:none;justify-content:center;gap:8px;padding:10px 14px;display:flex}.previewModeTabs button{color:#cbd5e1;background:#1e293b;border:1px solid #475569;border-radius:12px;min-width:150px;min-height:42px;padding:9px 14px;font-weight:900}.previewModeTabs button.active{color:#082f49;background:#38bdf8;border-color:#7dd3fc}.previewDemoControlStrip{background:linear-gradient(90deg,#14b8a629,#0ea5e914),#08111f;border-bottom:1px solid #2dd4bf5c;flex:none;grid-template-columns:minmax(210px,.85fr) minmax(0,1.2fr) auto;align-items:center;gap:10px;padding:10px 14px;display:grid}.previewDemoControlStrip span,.previewDemoControlStrip strong{display:block}.previewDemoControlStrip>div:first-child>span{color:#5eead4;letter-spacing:.07em;text-transform:uppercase;font-size:10px;font-weight:950}.previewDemoControlStrip>div:first-child>strong{color:#f8fafc;margin-top:3px;font-size:13px;line-height:1.3}.previewDemoControlItems{flex-wrap:wrap;gap:6px;display:flex}.previewDemoControlItems span{color:#cbd5e1;background:#0f172a9e;border:1px solid #7dd3fc57;border-radius:999px;min-width:0;padding:6px 8px;font-size:11px;font-weight:850}.previewDemoControlStrip button{color:#e0f2fe;white-space:nowrap;background:#0ea5e92e;border:1px solid #7dd3fc94;border-radius:9px;min-height:34px;padding:7px 10px;font-size:12px;font-weight:900}.previewOverviewGrid{flex:1;align-content:start;gap:14px;padding:16px;display:grid;overflow-y:auto}.cardPreviewOverview{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.numberedPreviewOverview{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.previewMiniCard{color:#0f172a;background:linear-gradient(#fff 0%,#f8fafc 100%);border:2px solid #e5e7eb;border-radius:17px;min-height:250px;padding:18px 12px 12px;position:relative;box-shadow:0 10px 22px #00000052}.previewMiniRank{font-family:Georgia,Times New Roman,serif;font-size:34px;font-weight:800;line-height:1;position:absolute;top:10px;left:13px}.previewMiniCardStudents{align-content:center;gap:7px;height:100%;padding-top:34px;display:grid}.previewMiniCardStudents>span{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:9px;align-items:center;gap:7px;min-height:38px;padding:7px 9px;font-size:18px;font-weight:900;display:flex;overflow:hidden}.previewMiniCardStudents>span.redSuit{color:#dc2626}.previewMiniCardStudents b{text-align:center;flex:0 0 18px;width:18px}.previewMiniNumberGroup{color:#0f172a;background:#eef2f7;border:2px solid #cbd5e1;border-radius:17px;min-height:230px;overflow:hidden;box-shadow:0 10px 22px #00000052}.previewMiniNumberHeader{color:#fff;background:linear-gradient(135deg,#2563eb,#0ea5e9);justify-content:space-between;align-items:center;min-height:64px;padding:10px 14px;display:flex}.previewMiniNumberHeader span{font-size:20px;font-weight:900}.previewMiniNumberHeader strong{font-size:38px;line-height:1}.previewMiniStudentList{gap:7px;padding:10px;display:grid}.previewMiniStudentList span{text-align:center;background:#fff;border:1px solid #dbe3ec;border-radius:9px;justify-content:center;align-items:center;min-height:36px;padding:6px 9px;font-size:17px;font-weight:900;display:flex}.previewSwipeSection{flex-direction:column;flex:1;min-height:0;padding:14px;display:flex;overflow-y:auto}.previewSwipeStage{touch-action:pan-y;-webkit-user-select:none;user-select:none;flex:1;place-items:center;min-height:360px;display:grid}.previewLargeCard{aspect-ratio:3/3.8;color:#0f172a;background:linear-gradient(#fff 0%,#f8fafc 100%);border:3px solid #e5e7eb;border-radius:24px;width:min(560px,92%);max-height:68vh;position:relative;overflow:hidden;box-shadow:0 22px 50px #00000075}.previewLargeCard:before{content:"";border:1px solid #e5e7eb;border-radius:16px;position:absolute;inset:13px}.previewLargeCardCorner{z-index:2;font-family:Georgia,Times New Roman,serif;font-size:clamp(50px,8vw,76px);font-weight:800;line-height:1;position:absolute}.previewLargeCardCorner.top{top:20px;left:22px}.previewLargeCardCorner.bottom{bottom:20px;right:22px;transform:rotate(180deg)}.previewLargeCardStudents{z-index:2;align-content:center;gap:9px;display:grid;position:absolute;inset:92px 22px 78px}.previewLargeCardStudents>div{background:#fffffff5;border:1px solid #e2e8f0;border-left:6px solid #0f172a;border-radius:12px;align-items:center;gap:10px;min-height:56px;padding:8px 12px;display:flex;overflow:hidden}.previewLargeCardStudents>div.redSuit{color:#dc2626;border-left-color:#ef4444}.previewLargeCardStudents>div.blackSuit{color:#0f172a;border-left-color:#0f172a}.previewLargeCardStudents span{text-align:center;flex:0 0 26px;width:26px;font-size:29px}.previewLargeCardStudents strong{white-space:nowrap;min-width:0;font-size:clamp(28px,5vw,48px);line-height:1;overflow:hidden}.previewLargeNumberGroup{color:#0f172a;background:#eef2f7;border:3px solid #cbd5e1;border-radius:24px;width:min(620px,94%);min-height:440px;overflow:hidden;box-shadow:0 22px 50px #00000075}.previewLargeNumberHeader{color:#fff;background:linear-gradient(135deg,#2563eb,#0ea5e9);justify-content:space-between;align-items:center;min-height:105px;padding:15px 22px;display:flex}.previewLargeNumberHeader span{font-size:34px;font-weight:950}.previewLargeNumberHeader strong{font-size:68px;line-height:1}.previewLargeNumberStudents{gap:9px;padding:16px;display:grid}.previewLargeNumberStudents>div{text-align:center;background:#fff;border:1px solid #dbe3ec;border-radius:11px;justify-content:center;align-items:center;min-height:54px;padding:9px 12px;font-size:clamp(25px,4vw,40px);font-weight:950;display:flex}.previewSwipeHint{color:#94a3b8;text-align:center;margin:6px 0 10px;font-size:13px}.previewNavigation{flex:none;grid-template-columns:minmax(120px,1fr) minmax(150px,auto) minmax(120px,1fr);align-items:center;gap:10px;width:min(760px,100%);margin:0 auto;display:grid}.previewNavigation>div{text-align:center}.previewNavigation strong,.previewNavigation span{display:block}.previewNavigation strong{color:#f8fafc;font-size:17px}.previewNavigation span{color:#94a3b8;margin-top:2px;font-size:12px}.previewNavigation button{min-height:48px}.previewNavigation button:disabled{opacity:.4;cursor:not-allowed}@media (max-width:700px){.studentPreviewOverlay{padding:0}.studentPreviewShell{border:0;border-radius:0;width:100%}.studentPreviewHeader{padding:calc(12px + env(safe-area-inset-top)) 12px 12px;align-items:flex-start}.studentPreviewHeader h2{font-size:22px}.studentPreviewHeader p{display:none}.studentPreviewHeader .stepPill{padding:4px 7px;font-size:9px}.studentPreviewHeader>button{max-width:145px;min-height:42px;padding:8px 10px;font-size:12px}.previewModeTabs{padding:8px 10px}.previewDemoControlStrip{grid-template-columns:minmax(0,1fr) auto;padding:8px 10px}.previewDemoControlStrip>div:first-child>strong{font-size:12px}.previewDemoControlItems{display:none}.previewModeTabs button{flex:1;min-width:0;min-height:44px}.previewOverviewGrid{gap:9px;padding:10px}.cardPreviewOverview,.numberedPreviewOverview{grid-template-columns:repeat(2,minmax(0,1fr))}.previewMiniCard{min-height:190px;padding:14px 8px 8px}.previewMiniRank{font-size:26px;top:8px;left:9px}.previewMiniCardStudents{gap:5px;padding-top:28px}.previewMiniCardStudents>span{gap:4px;min-height:30px;padding:5px 6px;font-size:13px}.previewMiniCardStudents b{flex-basis:13px;width:13px}.previewMiniNumberGroup{min-height:210px}.previewMiniNumberHeader{min-height:49px;padding:7px 9px}.previewMiniNumberHeader span{font-size:15px}.previewMiniNumberHeader strong{font-size:29px}.previewMiniStudentList{grid-template-columns:1fr;align-content:start;gap:7px;padding:10px 8px 12px}.previewMiniStudentList span{width:100%;min-width:0;min-height:30px;box-shadow:none;color:#071225;text-align:center;white-space:nowrap;text-overflow:clip;background:0 0;border:0;border-radius:0;padding:0 2px;font-size:clamp(22px,6.8vw,30px);line-height:1.05;display:block;overflow:hidden}.previewSwipeSection{padding:9px 10px calc(10px + env(safe-area-inset-bottom))}.previewSwipeStage{flex:1;min-height:0}.previewLargeCard{border-radius:20px;width:min(340px,88vw);max-height:none}.previewLargeCardCorner{font-size:44px}.previewLargeCardCorner.top{top:15px;left:16px}.previewLargeCardCorner.bottom{bottom:15px;right:16px}.previewLargeCardStudents{gap:6px;inset:68px 14px 58px}.previewLargeCardStudents>div{border-radius:9px;gap:6px;min-height:42px;padding:6px 8px}.previewLargeCardStudents span{flex-basis:20px;width:20px;font-size:22px}.previewLargeCardStudents strong{font-size:clamp(21px,7vw,31px)}.previewLargeNumberGroup{border-radius:20px;width:min(390px,92vw);min-height:360px}.previewLargeNumberHeader{min-height:78px;padding:11px 15px}.previewLargeNumberHeader span{font-size:25px}.previewLargeNumberHeader strong{font-size:52px}.previewLargeNumberStudents{gap:7px;padding:11px}.previewLargeNumberStudents>div{min-height:45px;padding:7px 9px;font-size:clamp(21px,6vw,29px)}.previewSwipeHint{margin:3px 0 7px;font-size:11px}.previewNavigation{grid-template-columns:1fr auto 1fr;gap:7px}.previewNavigation button{min-height:45px;padding:8px;font-size:13px}.previewNavigation strong{font-size:14px}.previewNavigation span{font-size:10px}.adjustHeaderActions{flex-wrap:wrap;justify-content:flex-end}.cardsToolbar{grid-template-columns:1fr 1fr}.cardsToolbar .previewStudentViewButton{grid-column:1/-1}}@media (max-width:390px){.cardPreviewOverview,.numberedPreviewOverview{gap:7px}.previewMiniCard{min-height:175px}.previewMiniCardStudents>span,.previewMiniStudentList span{font-size:12px}.studentPreviewHeader>button{max-width:122px}}.mobileOnlyPreviewButton{display:none!important}@media (max-width:700px){.mobileOnlyPreviewButton{justify-content:center;align-items:center;display:inline-flex!important}.activeDealView{padding-left:8px;padding-right:8px}.activeDealView .appHeader{grid-template-columns:1fr auto;gap:8px;min-height:auto;margin-bottom:8px;padding:8px}.activeDealView .brandBlock{display:none}.activeDealView .headerClassButtons{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;width:100%;min-width:0;max-width:none;margin:0;display:grid;position:static;transform:none}.activeDealView .headerClassButton{border-radius:11px;width:100%;min-width:0;min-height:42px;padding:7px 8px;font-size:13px}.activeDealView .navButtons{margin:0}.activeDealView .navButtons button{min-height:42px;padding:7px 10px;font-size:13px}.activeDealView .dealPage{padding-top:0}.activeDealView .cardsToolbar{z-index:40;-webkit-backdrop-filter:blur(10px);background:#0f172af5;border:1px solid #334155;border-radius:14px;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0 0 9px;padding:8px;display:grid;position:sticky;top:0;box-shadow:0 8px 20px #00000047}.activeDealView .cardsToolbar .currentClassPill{border-radius:10px;order:-1;grid-column:1/-1;width:100%;min-width:0;min-height:38px;padding:6px 10px}.activeDealView .cardsToolbar .currentClassPill span{font-size:9px}.activeDealView .cardsToolbar .currentClassPill strong{font-size:15px}.activeDealView .cardsToolbar button{border-radius:11px;width:100%;min-width:0;min-height:44px;padding:7px 5px;font-size:12px}.activeDealView #output:not(.numberedOutput){padding-bottom:calc(14px + env(safe-area-inset-bottom));grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:9px;display:grid}.activeDealView #output .playing-card{aspect-ratio:auto;border-width:2px;border-radius:16px;flex:none;width:100%;min-width:0;max-width:none;min-height:188px}.activeDealView #output .playing-card:before{border-radius:10px;inset:7px}.activeDealView #output .cardOrnament,.activeDealView #output .corner.bottom-right{display:none}.activeDealView #output .corner{width:auto}.activeDealView #output .corner.top-left{top:9px;left:11px}.activeDealView #output .corner .rank{letter-spacing:0;font-size:31px;line-height:1}.activeDealView #output .cardCenter,.activeDealView #output .cardCenter.groupSize2,.activeDealView #output .cardCenter.groupSize3,.activeDealView #output .cardCenter.groupSize4{box-sizing:border-box;justify-content:center;gap:5px;width:auto;min-height:100%;margin:0;padding:43px 8px 9px;display:flex;position:static;inset:auto}.activeDealView #output .seatRow,.activeDealView #output .cardCenter.groupSize2 .seatRow,.activeDealView #output .cardCenter.groupSize4 .seatRow{border-left-width:4px;border-radius:9px;flex:none;gap:9px;min-width:0;min-height:31px;padding:5px 6px;overflow:hidden}.activeDealView #output .suitSym{flex:0 0 17px;width:17px;margin-right:1px;font-size:18px;line-height:1}.activeDealView #output .student-name{letter-spacing:0;text-overflow:clip;width:auto;min-width:0;padding:0;line-height:1.05;overflow:hidden;transform:none;font-size:clamp(12px,3.65vw,16px)!important}.activeDealView #output.numberedOutput{padding-bottom:calc(14px + env(safe-area-inset-bottom));grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.activeDealView #output.numberedOutput .numbered-group{border-radius:16px;min-height:210px}.activeDealView #output.numberedOutput .numberedGroupHeader{min-height:49px;padding:7px 9px}.activeDealView #output.numberedOutput .numberedGroupHeader span{font-size:15px}.activeDealView #output.numberedOutput .numberedGroupHeader strong{font-size:29px}.activeDealView #output.numberedOutput .numberedStudentList{grid-template-columns:1fr;align-content:start;justify-items:stretch;gap:7px;padding:10px 8px 12px}.activeDealView #output.numberedOutput .numberedStudent{min-width:0;min-height:30px;box-shadow:none;color:#071225;text-align:center;white-space:nowrap;text-overflow:clip;background:0 0;border:0;border-radius:0;padding:0 2px;line-height:1.05;display:block;overflow:hidden;font-size:clamp(22px,6.8vw,30px)!important}}@media (min-width:701px){.playing-card .seatRow{gap:6px;padding-left:6px;padding-right:5px}.playing-card .suitSym{flex-basis:22px;width:22px;font-size:23px}.playing-card .student-name{letter-spacing:0}}.groupingMethodOverlay,.manualGroupsOverlay{z-index:145;-webkit-backdrop-filter:blur(8px);background:#020617d1;position:fixed;inset:0}.groupingMethodOverlay{place-items:center;padding:18px;display:grid}.groupingMethodModal{text-align:center;background:radial-gradient(circle at top,#38bdf81f,#0000 40%),#0f172a;border:1px solid #334155;border-radius:24px;width:min(680px,100%);padding:24px;box-shadow:0 28px 80px #00000094}.groupingMethodModal h2{margin:10px 0 5px;font-size:32px}.groupingMethodModal>p{color:#94a3b8;margin:0 0 18px}.groupingMethodChoices{grid-template-columns:1fr 1fr;gap:12px;display:grid}.groupingMethodChoice{color:#f8fafc;text-align:center;background:#111827;border:2px solid #334155;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:190px;padding:20px;display:flex}.groupingMethodChoice:hover{border-color:#64748b;transform:translateY(-2px)}.groupingMethodChoice.randomChoice{background:radial-gradient(circle at top,#38bdf829,#0000 44%),#111827}.groupingMethodChoice.manualChoice{background:radial-gradient(circle at top,#10b98126,#0000 44%),#111827}.methodIcon{font-size:40px;line-height:1}.groupingMethodChoice strong{font-size:21px}.groupingMethodChoice small{color:#cbd5e1;max-width:220px;font-size:14px;line-height:1.35}.groupingMethodCancel{min-width:150px;margin-top:14px}.currentClassMethodButton{cursor:pointer}.currentClassMethodButton:hover{background:#020617e6;border-color:#38bdf8}.manualGroupsOverlay{padding:14px;overflow:hidden}.manualGroupsPanel{background:#0f172a;border:1px solid #334155;border-radius:22px;width:min(1420px,100%);height:100%;margin:0 auto;overflow-y:auto;box-shadow:0 26px 80px #0009}.manualGroupsHeader{z-index:12;-webkit-backdrop-filter:blur(10px);background:#0f172af7;border-bottom:1px solid #334155;justify-content:space-between;align-items:center;gap:14px;padding:16px 18px;display:flex;position:sticky;top:0}.manualGroupsHeader h2{margin:3px 0;font-size:28px}.manualGroupsHeader p{color:#94a3b8;margin:0}.manualHeaderActions{flex-wrap:wrap;gap:8px;display:flex}.manualBuildControls,.manualStatusBar,.manualUnassignedSection{background:#111827;border:1px solid #334155;border-radius:16px;margin:14px 16px 0;padding:14px}.manualBuildControls{justify-content:space-between;align-items:center;gap:14px;display:flex}.manualBuildControls strong,.manualBuildControls span{display:block}.manualBuildControls span{color:#94a3b8;margin-top:3px;font-size:13px}.manualSizeButtons{flex-wrap:wrap;gap:7px;display:flex}.manualSizeButtons button{color:#f8fafc;background:#1e293b;border:1px solid #475569;border-radius:11px;width:48px;height:44px;font-size:18px;font-weight:950}.manualSizeButtons button.active{color:#082f49;background:#38bdf8;border-color:#7dd3fc}.manualStatusBar{color:#cbd5e1;justify-content:space-between;gap:12px;display:flex}.manualStatusBar span{color:#94a3b8}.manualSelectedActions{z-index:11;background:#020617f5;border:1px solid #475569;border-radius:14px;flex-wrap:wrap;justify-content:center;gap:8px;margin:10px 16px 0;padding:9px;display:flex;position:sticky;top:96px}.manualSelectedActions button{color:#f8fafc;background:#334155;border:1px solid #475569;border-radius:10px;min-height:40px;padding:8px 12px;font-weight:850}.manualSectionTitle,.manualGroupTitle{justify-content:space-between;align-items:center;gap:10px;display:flex}.manualSectionTitle strong,.manualSectionTitle span,.manualGroupTitle strong,.manualGroupTitle span{display:block}.manualSectionTitle span,.manualGroupTitle span{color:#94a3b8;margin-top:2px;font-size:13px}.manualStudentPool,.manualGroupStudents{flex-wrap:wrap;gap:7px;margin-top:10px;display:flex}.manualStudentChip{color:#f8fafc;background:#1e293b;border:1px solid #475569;border-radius:999px;min-height:39px;padding:8px 11px;font-weight:850}.manualStudentChip.selected{color:#082f49;background:#38bdf8;border-color:#bae6fd;box-shadow:0 0 0 3px #38bdf82e}.manualStudentChip.frontMismatch{border-color:#f59e0b}.manualStudentChip small{color:#fbbf24;margin-top:2px;font-size:9px;display:block}.manualGroupsGrid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;padding:14px 16px 20px;display:grid}.manualGroupCard{background:radial-gradient(circle at 100% 0,#38bdf814,#0000 42%),#111827;border:1px solid #334155;border-radius:17px;min-height:190px;padding:13px}.manualGroupCard.hasConflict{border-color:#f59e0b}.manualPlaceButton{color:#082f49;background:#38bdf8;border:1px solid #7dd3fc;border-radius:10px;min-height:38px;padding:7px 11px;font-weight:950}.manualPlaceButton:disabled{opacity:.4}.manualEmptyMessage,.manualEmptyGroup{color:#64748b;padding:10px 2px;font-style:italic}@media (max-width:700px){.groupingMethodOverlay{align-items:end;padding:0}.groupingMethodModal{width:100%;padding:24px 15px calc(16px + env(safe-area-inset-bottom));text-align:left;border-bottom:0;border-left:0;border-right:0;border-radius:24px 24px 0 0}.groupingMethodModal h2{font-size:26px}.groupingMethodChoices{grid-template-columns:1fr;gap:9px}.groupingMethodChoice{text-align:left;grid-template-rows:auto auto;grid-template-columns:42px 1fr;place-items:center start;column-gap:10px;min-height:104px;padding:14px;display:grid}.methodIcon{grid-row:1/3;font-size:31px}.groupingMethodChoice strong{font-size:18px}.groupingMethodChoice small{max-width:none;font-size:13px}.groupingMethodCancel{width:100%;min-height:46px}.manualGroupsOverlay{padding:0}.manualGroupsPanel{border:0;border-radius:0}.manualGroupsHeader{align-items:flex-start;padding:11px}.manualGroupsHeader h2{font-size:22px}.manualGroupsHeader p{font-size:13px}.manualHeaderActions{grid-template-columns:repeat(3,1fr);width:100%;display:grid}.manualHeaderActions button{min-width:0;padding:7px 5px;font-size:12px}.manualGroupsHeader{flex-direction:column}.manualBuildControls,.manualStatusBar,.manualUnassignedSection{border-radius:13px;margin-left:8px;margin-right:8px;padding:10px}.manualBuildControls{flex-direction:column;align-items:flex-start}.manualSizeButtons{width:100%}.manualSizeButtons button{flex:1;width:auto;min-width:42px}.manualStatusBar{flex-direction:column;gap:3px}.manualSelectedActions{grid-template-columns:1fr 1fr;margin-left:8px;margin-right:8px;display:grid;top:142px}.manualStudentPool{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.manualStudentChip{border-radius:11px;width:100%;min-width:0;padding:8px 6px;font-size:13px;overflow:hidden}.manualGroupsGrid{grid-template-columns:1fr;gap:9px;padding:10px 8px 18px}.manualGroupCard{border-radius:14px;min-height:135px;padding:10px}.manualGroupStudents{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.currentClassMethodButton{cursor:pointer}}.savedGroupSetsPicker{border-top:1px solid #334155;gap:9px;margin-top:16px;padding-top:15px;display:grid}.savedGroupSetsHeading strong,.savedGroupSetsHeading span{display:block}.savedGroupSetsHeading strong{color:#f8fafc;font-size:17px}.savedGroupSetsHeading span{color:#94a3b8;margin-top:3px;font-size:13px}.savedGroupSetRow{background:#020617;border:1px solid #334155;border-radius:13px;justify-content:space-between;align-items:center;gap:12px;padding:11px 12px;display:flex}.savedGroupSetRow>div:first-child strong,.savedGroupSetRow>div:first-child span{display:block}.savedGroupSetRow>div:first-child strong{color:#f8fafc}.savedGroupSetRow>div:first-child span{color:#94a3b8;margin-top:3px;font-size:12px}.savedGroupSetActions{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.manualSaveRow{background:#0f172a;border:1px solid #334155;border-radius:14px;grid-template-columns:minmax(220px,1fr) minmax(220px,360px);align-items:center;gap:12px;padding:12px;display:grid}.manualSaveRow strong,.manualSaveRow span{display:block}.manualSaveRow strong{color:#f8fafc}.manualSaveRow span{color:#94a3b8;margin-top:3px;font-size:13px}.manualSaveRow input{width:100%}@media (max-width:700px){.savedGroupSetRow{flex-direction:column;align-items:stretch}.savedGroupSetActions{grid-template-columns:1fr 1fr 1fr;display:grid}.savedGroupSetActions button{width:100%;min-width:0}.manualSaveRow{grid-template-columns:1fr}.manualGroupsHeader .manualHeaderActions{grid-template-columns:repeat(2,minmax(0,1fr))}.manualGroupsHeader .manualHeaderActions .btnPrimary{grid-column:1/-1}}.defaultGroupingPanel{text-align:left;background:#020617;border:1px solid #334155;border-radius:15px;justify-content:space-between;align-items:center;gap:12px;margin:0 0 14px;padding:12px;display:flex}.defaultGroupingPanel strong,.defaultGroupingPanel span{display:block}.defaultGroupingPanel strong{color:#f8fafc;font-size:14px}.defaultGroupingPanel span{color:#7dd3fc;margin-top:3px;font-size:13px}.defaultGroupingButtons{flex-wrap:wrap;gap:7px;display:flex}.defaultGroupingButtons button{color:#cbd5e1;background:#1e293b;border:1px solid #475569;border-radius:10px;min-height:38px;padding:7px 11px;font-weight:850}.defaultGroupingButtons button.active{color:#082f49;background:#38bdf8;border-color:#7dd3fc}.savedGroupSetActions .savedDefaultActive{color:#a7f3d0;background:#10b98129;border-color:#10b981}.changeGroupingButton{border-color:#7dd3fc}.manualPoolActions{gap:7px;display:flex}.manualPoolActions button{color:#f8fafc;background:#1e293b;border:1px solid #475569;border-radius:9px;min-height:34px;padding:6px 10px;font-size:12px;font-weight:850}.manualPoolActions button:disabled{opacity:.4}.manualStatusBar strong{color:#7dd3fc}.manualPlaceButton{white-space:nowrap}@media (max-width:700px){.defaultGroupingPanel{flex-direction:column;align-items:stretch}.defaultGroupingButtons{grid-template-columns:1fr 1fr;display:grid}.defaultGroupingButtons button{width:100%}.savedGroupSetActions{grid-template-columns:1fr 1fr;width:100%;display:grid}.savedGroupSetActions button{width:100%}.activeDealView .cardsToolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.activeDealView .cardsToolbar .currentClassPill{grid-column:1/-1}.manualSectionTitle{align-items:flex-start}.manualPoolActions{flex-direction:column}.manualPoolActions button{min-height:32px}.manualSelectedActions{justify-content:stretch}.manualSelectedActions button{flex:140px}}.appUpdateBanner{z-index:250;color:#f8fafc;-webkit-backdrop-filter:blur(10px);background:#082f49f7;border:1px solid #7dd3fc;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;width:min(560px,100% - 24px);padding:11px 12px;display:flex;position:fixed;top:12px;left:50%;transform:translate(-50%);box-shadow:0 16px 40px #0000006b}.appUpdateBanner strong,.appUpdateBanner span{display:block}.appUpdateBanner strong{font-size:14px}.appUpdateBanner span{color:#bae6fd;margin-top:2px;font-size:12px}.appUpdateBanner button{color:#082f49;cursor:pointer;background:#38bdf8;border:0;border-radius:10px;flex:none;min-height:40px;padding:8px 13px;font-weight:950}.appVersionLabel{z-index:35;color:#94a3b8;letter-spacing:.02em;pointer-events:none;background:#020617c2;border-radius:999px;padding:3px 7px;font-size:10px;font-weight:800;position:fixed;bottom:6px;right:8px}.legalFooterLinks{z-index:35;background:#020617c2;border-radius:12px;flex-wrap:wrap;align-items:center;gap:6px;max-width:min(1100px,100vw - 130px);padding:3px 7px;font-size:10px;font-weight:800;display:flex;position:fixed;bottom:6px;left:8px}.legalFooterLinks a,.legalFooterLinks span{color:#94a3b8;text-decoration:none}.legalFooterLinks a:hover{color:#e0f2fe}@media (max-width:700px){.appUpdateBanner{top:auto;bottom:calc(12px + env(safe-area-inset-bottom));flex-direction:column;align-items:stretch}.appUpdateBanner button{width:100%}.appVersionLabel{width:fit-content;margin:10px 5px 0 auto;font-size:9px;position:static}.legalFooterLinks{justify-content:center;max-width:calc(100vw - 10px);margin:6px auto 0;font-size:9px;position:static}}.editGroupingToggleWrap{background:#0f172a;border:1px solid #334155;border-radius:17px;margin:0 0 14px;padding:12px}.editGroupingToggle{grid-template-columns:1fr 1fr;gap:8px;display:grid}.editGroupingToggle button{color:#cbd5e1;background:#1e293b;border:2px solid #334155;border-radius:13px;min-height:54px;padding:10px 14px;font-size:17px;font-weight:950;position:relative}.editGroupingToggle button.active{color:#082f49;background:#38bdf8;border-color:#7dd3fc;box-shadow:0 0 0 3px #38bdf824}.editGroupingToggle button span{background:#02061738;border-radius:999px;place-items:center;min-width:23px;height:23px;margin-left:7px;padding:0 6px;font-size:12px;display:inline-grid}.editGroupingToggleWrap>p{color:#94a3b8;text-align:center;margin:9px 2px 0;font-size:13px}.groupingDefaultStrip{background:#020617;border:1px solid #334155;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding:11px 12px;display:flex}.groupingDefaultStrip strong,.groupingDefaultStrip span{display:block}.groupingDefaultStrip strong{color:#f8fafc;font-size:13px}.groupingDefaultStrip span{color:#7dd3fc;margin-top:3px;font-size:13px}.groupingDefaultStrip>div:last-child{flex-wrap:wrap;gap:7px;display:flex}.groupingDefaultStrip button{color:#cbd5e1;background:#1e293b;border:1px solid #475569;border-radius:10px;min-height:38px;padding:7px 10px;font-weight:850}.groupingDefaultStrip button.active{color:#a7f3d0;background:#10b9812e;border-color:#10b981}.createdGroupsManager{min-height:420px}.createdGroupsHeader{border-bottom:1px solid #334155;justify-content:space-between;align-items:center;gap:18px;margin-bottom:16px;padding-bottom:14px;display:flex}.createdGroupsHeader h2{color:#f8fafc;margin:8px 0 4px}.createdGroupsHeader p{color:#94a3b8;margin:0}.createdGroupsEmpty{text-align:center;background:#020617;border:2px dashed #334155;border-radius:17px;align-content:center;place-items:center;gap:9px;min-height:270px;padding:28px;display:grid}.createdGroupsEmpty strong{color:#f8fafc;font-size:21px}.createdGroupsEmpty span{color:#94a3b8;max-width:520px;line-height:1.45}.createdGroupsEmpty button{margin-top:8px}.createdGroupsList{gap:11px;display:grid}.createdGroupSetCard{background:#020617;border:1px solid #334155;border-radius:15px;justify-content:space-between;align-items:center;gap:15px;padding:14px;display:flex}.createdGroupSetInfo strong,.createdGroupSetInfo span,.createdGroupSetInfo em{display:block}.createdGroupSetInfo strong{color:#f8fafc;font-size:18px}.createdGroupSetInfo span{color:#94a3b8;margin-top:4px;font-size:13px}.createdGroupSetInfo em{color:#a7f3d0;background:#10b98129;border-radius:999px;width:fit-content;margin-top:7px;padding:4px 8px;font-size:11px;font-style:normal;font-weight:900}.createdGroupSetActions{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.createdGroupSetActions button{min-height:40px}.manualSaveControls{grid-template-columns:minmax(220px,1fr) auto;gap:8px;min-width:min(520px,100%);display:grid}.manualSaveControls input{min-width:0}.manualSaveControls button:disabled{opacity:.45;cursor:not-allowed}@media (max-width:700px){.editGroupingToggleWrap{padding:8px}.editGroupingToggle button{min-height:49px;padding:8px;font-size:14px}.groupingDefaultStrip,.createdGroupsHeader,.createdGroupSetCard{flex-direction:column;align-items:stretch}.groupingDefaultStrip>div:last-child,.createdGroupSetActions{grid-template-columns:1fr 1fr;width:100%;display:grid}.groupingDefaultStrip button,.createdGroupSetActions button,.createdGroupsHeader>button{width:100%}.manualSaveControls{grid-template-columns:1fr;width:100%;min-width:0}.manualSaveControls button{width:100%;min-height:48px}}.groupingMethodChoices.customOnly{grid-template-columns:minmax(260px,520px);justify-content:center}.groupingMethodChoice.manualChoice{justify-content:center;min-height:142px}.groupingMethodChoice.manualChoice strong{font-size:24px}.groupingMethodChoice.manualChoice small{max-width:360px;margin-left:auto;margin-right:auto}.customGroupCountControl{align-items:center}.groupCountStepper{grid-template-columns:54px 76px 54px;align-items:center;gap:8px;display:grid}.groupCountStepper button{color:#f8fafc;cursor:pointer;background:#1e293b;border:2px solid #475569;border-radius:13px;min-height:50px;font-size:30px;font-weight:950}.groupCountStepper button:hover:not(:disabled){background:#26364d;border-color:#7dd3fc}.groupCountStepper button:disabled{opacity:.35;cursor:not-allowed}.groupCountStepper strong{color:#e0f2fe;background:#38bdf824;border:2px solid #38bdf8;border-radius:13px;place-items:center;min-height:50px;font-size:27px;display:grid}@media (max-width:700px){.groupingMethodChoices.customOnly{grid-template-columns:1fr}.customGroupCountControl{align-items:stretch}.groupCountStepper{grid-template-columns:1fr 1.2fr 1fr;width:100%}.groupCountStepper button,.groupCountStepper strong{min-height:48px}}.classesPage,.redesignedClassEditor{max-width:1180px;margin:0 auto}.classesPageHeader,.classEditorTopBar,.tabActionHeader,.customGroupsManagerHeader,.sectionHeadingRow{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.classesPageHeader{margin-bottom:16px}.classesHeaderActions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.classesPageHeader h2,.classEditorHeading h2{color:#f8fafc;margin:2px 0 5px;font-size:30px}.classesPageHeader p,.classEditorHeading p,.tabActionHeader p,.customGroupsManagerHeader p{color:#94a3b8;margin:0;line-height:1.45}.classesMobileCopy,.classesMobileHeading,.classesMobileActionLabel{display:none}.classEditorHeading p{font-size:13px;font-weight:800}.classEditorEyebrow{color:#7dd3fc;letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:950}.classCardGrid{grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:14px;margin-top:18px;display:grid}.classManagementCard{background:radial-gradient(circle at 100% 0,#38bdf81a,#0000 40%),#0f172a;border:1px solid #334155;border-radius:18px;flex-direction:column;gap:10px;min-height:190px;padding:18px;display:flex;box-shadow:0 12px 24px #00000038}.classManagementCard>div strong,.classManagementCard>div span{display:block}.classManagementCard>div strong{color:#f8fafc;font-size:21px}.classManagementCard>div span,.classManagementCard p{color:#94a3b8;font-size:13px}.classManagementCard p{margin:0}.classManagementCard button{width:100%;margin-top:auto}.classCardEmpty{color:#94a3b8}.classEditorTopBar{background:#0f172a;border:1px solid #334155;border-radius:17px;align-items:center;margin-bottom:12px;padding:13px 15px}.classEditorHeaderLeft{flex:420px;align-items:center;gap:13px;min-width:0;display:flex}.classEditorBackButton{flex:none}.classEditorMobileNavRow{display:contents}.classEditorMobileDealButton,.mobileBackLabel{display:none}.classEditorHeading{flex:1;min-width:0}.editableClassTitle{min-width:0}.editableClassTitleButton{color:#f8fafc;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;max-width:100%;padding:0;display:inline-flex}.editableClassTitleButton span{text-overflow:ellipsis;color:#f8fafc;min-width:0;font-size:29px;font-weight:950;line-height:1.1;overflow:hidden}.editableClassTitleButton b{color:#93c5fd;background:#111827;border:1px solid #334155;border-radius:999px;flex:none;place-items:center;width:24px;height:24px;font-size:12px;display:grid}.editableClassTitle input{border-radius:11px;width:min(340px,100%);min-height:42px;padding:6px 10px;font-size:25px;font-weight:950}.classEditorHeaderActions{flex-wrap:wrap;flex:none;justify-content:flex-end;align-items:end;gap:10px;display:flex}.classEditorMobileMenu,.dashboardMobileMenu,.appMobileMenu,.mobileRulesTab{display:none}.headerDefaultAction{gap:3px;margin:0;display:grid}.headerDefaultAction span{color:#94a3b8;letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:950}.headerDefaultAction select{border-radius:10px;width:190px;min-height:40px;padding:6px 9px;font-size:13px;font-weight:850}.headerDealGroupsButton{min-height:40px;padding:9px 16px;box-shadow:0 10px 22px #2563eb52}.autoSavedStatus{color:#a7f3d0;background:#10b98121;border-radius:999px;flex:none;place-items:center;min-height:40px;padding:7px 10px;font-size:12px;font-weight:900;display:grid}.classDefaultControl{background:#111827;border:1px solid #334155;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;padding:14px 16px;display:flex}.classDefaultControl strong,.classDefaultControl span{display:block}.classDefaultControl strong{color:#f8fafc}.classDefaultControl span{color:#94a3b8;margin-top:3px;font-size:13px}.classDefaultControl select{width:min(320px,100%);min-height:44px;font-weight:800}.classEditorTabs{background:#020617;border:1px solid #334155;border-radius:16px;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px;padding:7px;display:grid}.classEditorTabs button{color:#94a3b8;background:0 0;border:1px solid #0000;border-radius:11px;min-height:48px;padding:9px 12px;font-size:15px;font-weight:900}.classEditorTabs button.active{color:#082f49;background:#38bdf8;border-color:#7dd3fc}.classEditorTabs button span{background:#022f492e;border-radius:999px;place-items:center;min-width:22px;height:22px;margin-left:7px;font-size:11px;display:inline-grid}.tabActionHeader,.customGroupsManagerHeader{border-bottom:1px solid #334155;margin-bottom:14px;padding-bottom:14px}.tabActionHeader h3,.customGroupsManagerHeader h3{color:#f8fafc;margin:0 0 4px;font-size:24px}.tabHeaderActions{gap:8px;display:flex}.compactSettingsSection{max-width:620px}.sectionHeadingRow{align-items:center}.sectionHeadingRow h3{margin-bottom:2px}.mobileStudentSetupHeading{display:none}.sectionHeadingRow>span{color:#cbd5e1;background:#1e293b;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:850}.classDangerZone{background:#7f1d1d14;border:1px solid #7f1d1d;border-radius:14px;margin-top:16px;overflow:hidden}.classDangerZone summary{color:#fecaca;cursor:pointer;padding:13px 15px;font-weight:900}.classDangerZone>div{padding:0 15px 15px}.classDangerZone strong,.classDangerZone span{display:block}.classDangerZone span{color:#fca5a5;margin:4px 0 12px;font-size:13px}.numberGroupGrid .miniCard{min-height:58px;font-size:22px}.customGroupsEmptyState{text-align:center;background:#020617;border:1px dashed #475569;border-radius:17px;align-content:center;place-items:center;gap:9px;min-height:230px;padding:28px;display:grid}.customGroupsEmptyState strong{color:#f8fafc;font-size:21px}.customGroupsEmptyState span{color:#94a3b8;max-width:520px;line-height:1.45}.customGroupSetList{gap:10px;display:grid}.customGroupSetCard{background:#111827;border:1px solid #334155;border-radius:15px;justify-content:space-between;align-items:center;gap:14px;padding:14px;display:flex}.customGroupSetInfo>div{align-items:center;gap:8px;display:flex}.customGroupSetInfo strong{color:#f8fafc;font-size:18px}.customGroupSetInfo em{color:#a7f3d0;text-transform:uppercase;background:#10b98129;border-radius:999px;padding:3px 7px;font-size:10px;font-style:normal;font-weight:900}.customGroupSetInfo>span{color:#94a3b8;margin-top:4px;font-size:13px;display:block}.customGroupSetPrimaryActions{align-items:center;gap:7px;display:flex}.customSetMoreMenu{position:relative}.customSetMoreMenu summary{color:#f8fafc;cursor:pointer;background:#1e293b;border:1px solid #475569;border-radius:10px;min-height:42px;padding:9px 12px;font-weight:850;list-style:none}.customSetMoreMenu summary::-webkit-details-marker{display:none}.customSetMoreMenu>div{z-index:50;background:#0f172a;border:1px solid #475569;border-radius:12px;gap:5px;width:170px;padding:6px;display:grid;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 14px 32px #00000070}.customSetMoreMenu>div button{color:#f8fafc;text-align:left;background:#1e293b;border:0;border-radius:8px;width:100%;padding:9px}.customSetMoreMenu>div button:hover{background:#334155}.customSetMoreMenu .dangerText{color:#fecaca}.customBuilderSetup{gap:10px;margin-bottom:12px;display:grid}.customSetNameField,.customDisplayChoice,.customGroupCountControl{background:#111827;border:1px solid #334155;border-radius:15px;padding:13px}.customSetNameField span{color:#e2e8f0;margin-bottom:6px;font-size:13px;font-weight:900;display:block}.customSetNameField input{width:100%;min-height:46px;font-size:17px}.customDisplayChoice{grid-template-columns:minmax(220px,1fr) minmax(320px,1.25fr);align-items:center;gap:14px;display:grid}.customDisplayChoice>div:first-child strong,.customDisplayChoice>div:first-child span{display:block}.customDisplayChoice>div:first-child span{color:#94a3b8;margin-top:4px;font-size:13px;line-height:1.4}.customDisplayButtons{grid-template-columns:1fr 1fr;gap:8px;display:grid}.customDisplayButtons button{color:#f8fafc;text-align:left;background:#1e293b;border:2px solid #334155;border-radius:13px;min-height:70px;padding:11px}.customDisplayButtons button strong,.customDisplayButtons button span{display:block}.customDisplayButtons button span{color:#94a3b8;margin-top:3px;font-size:12px}.customDisplayButtons button.active{background:#38bdf826;border-color:#38bdf8}.customDisplayButtons button.active span{color:#bae6fd}.manualGroupIdentity{min-width:0}.manualGroupIdentity input{color:#f8fafc;background:#020617;border:1px solid #475569;border-radius:9px;width:min(240px,100%);min-height:38px;padding:7px 9px;font-size:16px;font-weight:900}.manualGroupIdentity>strong,.manualGroupIdentity>span{display:block}.manualGroupIdentity>span{color:#94a3b8;margin-top:3px;font-size:12px}.manualStudentChip.inGroup b{text-align:center;flex:none;width:18px;font-size:18px}.customBuilderFooter{z-index:30;padding:13px 18px calc(13px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(10px);background:#0f172af7;border-top:1px solid #475569;justify-content:space-between;align-items:center;gap:14px;margin:16px -18px -18px;display:flex;position:sticky;bottom:0}.customBuilderFooter strong,.customBuilderFooter span{display:block}.customBuilderFooter span{color:#94a3b8;margin-top:3px;font-size:12px}.customBuilderFooterActions{gap:8px;display:flex}.namedGroupHeaderText,.namedPreviewHeader{overflow-wrap:anywhere;text-align:center;width:100%;max-width:100%;line-height:1.05;font-size:clamp(19px,2.2vw,34px)!important}@media (max-width:800px){.settingsFocusModeView .appHeader{display:none}.classEditorTopBar,.classDefaultControl,.tabActionHeader,.customGroupsManagerHeader,.customGroupSetCard,.customBuilderFooter{flex-direction:column;align-items:stretch}.classEditorHeaderLeft,.classEditorHeaderActions{width:100%}.classEditorHeaderLeft{flex-direction:column;align-items:flex-start;gap:9px}.classEditorHeaderActions{grid-template-columns:1fr 1fr;align-items:end;display:grid}.settingsFocusModeView .redesignedClassEditor .classEditorHeaderActions{display:none}.redesignedClassEditor .classEditorMobileMenu{flex:none;align-self:flex-start;display:block;position:relative}.redesignedClassEditor .classEditorMobileMenu summary{color:#f8fafc;cursor:pointer;background:#1e293b;border:1px solid #475569;border-radius:10px;place-items:center;width:38px;height:38px;font-size:18px;font-weight:950;list-style:none;display:grid}.redesignedClassEditor .classEditorMobileMenu summary::-webkit-details-marker{display:none}.redesignedClassEditor .classEditorMobileMenu div{z-index:40;background:#0f172a;border:1px solid #334155;border-radius:14px;gap:6px;min-width:190px;padding:8px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 40px #00000075}.redesignedClassEditor .classEditorMobileMenu a,.redesignedClassEditor .classEditorMobileMenu button{color:#dbeafe;text-align:left;background:0 0;border:1px solid #0000;border-radius:9px;min-height:36px;padding:8px 10px;font-size:13px;font-weight:850;text-decoration:none}.redesignedClassEditor .classEditorMobileMenu button:disabled{opacity:.55}.headerDefaultAction{grid-column:1/-1}.headerDefaultAction select{width:100%}.autoSavedStatus{align-self:flex-start}.classDefaultControl select{width:100%}.classEditorTabs{grid-template-columns:repeat(4,minmax(0,1fr))}.redesignedClassEditor .mobileRulesTab{display:block}.redesignedClassEditor .studentSetup-all .studentSetupRulesPanel{display:none}.redesignedClassEditor .studentSetup-rules{grid-template-columns:1fr}.tabHeaderActions,.customGroupSetPrimaryActions,.customBuilderFooterActions{grid-template-columns:1fr 1fr;width:100%;display:grid}.customGroupSetPrimaryActions .customSetMoreMenu{grid-column:1/-1}.customSetMoreMenu summary{text-align:center;width:100%}.customSetMoreMenu>div{width:100%;margin-top:6px;position:static}.customDisplayChoice,.customDisplayButtons{grid-template-columns:1fr}.customBuilderFooter{margin-bottom:-12px;margin-left:-12px;margin-right:-12px}}@media (max-width:520px){.classesPageHeader{flex-direction:column;align-items:stretch}.classEditorTopBar{padding:12px}.classEditorHeading h2,.editableClassTitleButton span,.classesPageHeader h2{font-size:25px}.customGroupSetPrimaryActions,.customBuilderFooterActions,.tabHeaderActions{grid-template-columns:1fr}.classBtn{flex-direction:column;align-items:stretch}.classBtnActions{width:100%}.classBtnAction{flex:1 1 0}}.chooseClassHeader{text-align:center;max-width:720px;margin:10px auto 4px}.chooseClassHeader h2{color:#f8fafc;margin:3px 0 4px;font-size:30px}.chooseClassHeader p{color:#94a3b8;margin:0;line-height:1.45}.classButtonPanel{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;max-width:980px;margin:18px auto;display:grid}.classBtn{color:#f8fafc;text-align:left;background:radial-gradient(circle at 100% 0,#ef44441a,#0000 42%),#0f172a;border:1px solid #475569;border-left:7px solid #ef4444;border-radius:16px;justify-content:space-between;align-items:center;gap:14px;width:100%;min-width:0;min-height:104px;padding:16px 18px;display:flex;box-shadow:0 10px 22px #0000003d}.classBtn:hover{background:radial-gradient(circle at 100% 0,#ef444429,#0000 45%),#172033;border-color:#64748b;transform:translateY(-1px)}.classBtnMain{min-width:0}.classBtnMain strong,.classBtnMain small{display:block}.classBtnMain strong{color:#f8fafc;font-size:22px;line-height:1.15}.classBtnMain small{color:#94a3b8;margin-top:7px;font-size:13px;line-height:1.35}.classBtnActions{flex:none;align-items:center;gap:8px;display:flex}.classBtnAction{color:#dbeafe;cursor:pointer;background:#1e293b;border:1px solid #475569;border-radius:10px;min-height:38px;padding:8px 13px;font-size:14px;font-weight:950}.classBtnAction.primary{color:#fff;background:linear-gradient(135deg,#0575ff,#7c22ce);border-color:#7dd3fc;box-shadow:0 8px 18px #2563eb47}.classBtnAction.secondary{color:#cbd5e1}.classBtnAction:hover{transform:translateY(-1px)}.classBtnAction.primary:hover{background:linear-gradient(135deg,#0068eb,#6d28d9)}.classBtnAction.secondary:hover{background:#334155;border-color:#94a3b8}.dailyControlBar{background:#0f172af5;border:1px solid #334155;border-radius:17px;grid-template-columns:minmax(190px,1fr) auto auto;align-items:center;gap:10px;max-width:1180px;margin:0 auto 15px;padding:10px;display:grid;box-shadow:0 10px 24px #00000040}.dailyClassStatus{min-width:0;padding:4px 7px}.dailyClassStatus span,.dailyClassStatus strong,.dailyClassStatus small{display:block}.dailyClassStatus span{color:#64748b;letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:950}.dailyClassStatus strong{color:#f8fafc;margin-top:2px;font-size:20px;line-height:1.1}.dailyClassStatus small{color:#7dd3fc;margin-top:4px;font-size:12px;font-weight:800}.dailyPrimaryActions,.dailySecondaryActions{align-items:center;gap:7px;display:flex}.classManagementCard{min-height:205px}.classManagementInfo strong,.classManagementInfo span{display:block}.classManagementCard p strong{color:#cbd5e1}.classManagementActions{grid-template-columns:1fr auto;gap:8px;margin-top:auto;display:grid}.classManagementActions button{margin:0}.classDefaultControl{border-left:5px solid #38bdf8}.classEditorTabs{z-index:45;position:sticky;top:8px;box-shadow:0 8px 22px #0000004d}.focusedEditPanel{padding-top:16px}.groupingRulesSection{background:#111827;border:1px solid #334155;border-radius:16px;margin-top:14px;padding:14px}.groupingRulesSection .sectionHeadingRow h3{margin:0 0 4px}.groupingRulesSection .sectionHeadingRow>span{color:#bae6fd;background:#38bdf81f;border-radius:999px;align-self:flex-start;margin-left:auto;padding:5px 9px;font-size:11px;font-weight:900}.groupingRulesContent,.roomSetupContent{border-top:1px solid #334155;padding:0 16px 16px}.roomSetupCoreSection{background:linear-gradient(#0d94880b,#0000 120px),#111827b8;border-color:#2dd4bf38;padding:12px}.roomSetupCoreSection .roomSetupContent{border-top:0;margin-top:5px;padding:0}.roomSetupCoreSection .sectionHeadingRow{display:block}.roomSetupCoreSection .sectionHeadingRow h3{margin-bottom:0}.roomSetupCoreSection .sectionHeadingRow p{max-width:640px;font-size:13px}.roomSetupControlGrid{grid-template-columns:minmax(300px,1.15fr) minmax(250px,.85fr);gap:12px;padding:8px 0 4px;display:grid}.groupingRulesContent>section,.roomSetupSection{padding:8px 0 1px}.roomSetupControlGrid .roomSetupSection{border:0;padding:0}.roomSetupControlGrid .roomSetupSection[data-tour=group-size]{background:radial-gradient(circle at 100% 0,#38bdf821,#0000 42%),#0f172ac7;border:1px solid #38bdf86b;border-radius:14px;padding:11px 12px;box-shadow:inset 0 0 0 1px #7dd3fc0f}.groupingRulesContent>section+section,.roomSetupSection+.roomSetupSection{border-top:0;margin-top:8px}.groupingRulesContent h3,.roomSetupSection h3{color:#f8fafc;margin:0 0 4px}.roomSetupCoreSection .roomSetupSection>p.muted{margin-bottom:7px;font-size:13px}.roomSetupCoreSection .displayModeButtons{gap:6px;margin-top:5px}.roomSetupCoreSection .displayModeBtn{background:#0f172ac2;border-width:1px;border-radius:10px;min-height:40px;padding:7px 9px}.roomSetupCoreSection .displayModeBtn strong{margin-bottom:1px;font-size:13px}.roomSetupCoreSection .displayModeBtn span{font-size:10px}.roomSetupCompactHeading{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:6px;display:flex}.roomSetupCompactHeading h3{color:#f8fafc;margin:0;font-size:16px}.roomSetupCompactHeading span{color:#bae6fd;background:#0284c72e;border-radius:999px;padding:4px 7px;font-size:11px;font-weight:900}.roomSetupCoreSection .groupPatternNote{border-radius:11px;margin:6px 0 8px;padding:7px 9px;font-size:13px}.roomSetupCoreSection .groupSizeButtons{gap:8px;margin-top:7px}.roomSetupCoreSection .groupSizeBtn{border-width:1px;border-radius:11px;flex:none;min-width:52px;min-height:42px;padding:8px 14px;font-size:18px;font-weight:950}.compactSuitSection{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;margin-top:4px;padding:5px 0 2px;display:grid}.compactSuitSection h3{white-space:nowrap;color:#cbd5e1;margin:0;font-size:12px}.compactSuitSection .suitPickerGrid{flex-wrap:wrap;gap:6px;margin-top:0;display:flex}.compactSuitSection .suitPicker{background:0 0;border:0;border-radius:0;min-width:48px;padding:0}.compactSuitSection .suitPicker label{display:none}.compactSuitSection .suitPicker select{color:#f8fafc;background:#020617;border:1px solid #334155;border-radius:9px;width:48px;min-height:32px;padding:3px 5px;font-size:17px}.roomLocationsSection{background:radial-gradient(circle at 0 0,#38bdf80f,#0000 34%),#02061757;border:1px solid #334155a3;border-radius:15px;margin-top:9px;padding:12px}.roomLocationsSection h3{font-size:18px}.roomLocationsSection>p.muted{margin-bottom:8px}.customGroupsManagerHeader{align-items:center}.customGroupSetCard{transition:border-color .15s,transform .15s}.customGroupSetCard:hover{border-color:#475569;transform:translateY(-1px)}.customBuilderSteps{grid-template-columns:repeat(3,1fr);gap:7px;margin:0 0 12px;display:grid}.customBuilderSteps span{color:#94a3b8;text-align:center;background:#111827;border:1px solid #334155;border-radius:11px;place-items:center;min-height:40px;padding:8px 10px;font-size:12px;font-weight:900;display:grid}.customBuilderSteps span.active{color:#bae6fd;background:#38bdf824;border-color:#38bdf8}.customBuilderStage{background:#0b1220;border:1px solid #334155;border-radius:17px;margin-bottom:12px;padding:14px}.assignStudentsStage{padding-bottom:18px}.builderStageHeading{align-items:center;gap:10px;margin-bottom:12px;display:flex}.builderStageHeading>span{color:#082f49;background:#38bdf8;border-radius:999px;flex:none;place-items:center;width:38px;height:38px;font-size:12px;font-weight:950;display:grid}.builderStageHeading strong,.builderStageHeading small{display:block}.builderStageHeading strong{color:#f8fafc;font-size:17px}.builderStageHeading small{color:#94a3b8;margin-top:2px;line-height:1.35}.customBuilderStage .customBuilderSetup{margin-bottom:0}.customBuilderStage .manualUnassignedSection{margin-top:12px}.customBuilderFooter{border-top-color:#38bdf8}.mobileBuilderTitle,.mobileBuilderSteps,.mobileWizardNav,.mobileBuilderSummary,.mobileBuilderBackButton{display:none}@media (max-width:700px){.manualGroupsPanel{min-height:100dvh;padding-bottom:env(safe-area-inset-bottom)}.manualGroupsHeader{flex-direction:row;align-items:center;gap:8px;min-height:68px;padding:9px 10px}.manualGroupsHeader>div:first-child{gap:1px;min-width:0;display:grid}.manualGroupsHeader .stepPill,.manualGroupsHeader p{display:none}.mobileBuilderTitle{color:#94a3b8;text-transform:uppercase;font-size:11px;font-weight:900;line-height:1.1;display:block}.manualGroupsHeader h2{color:#f8fafc;text-overflow:ellipsis;white-space:nowrap;margin:2px 0 0;font-size:21px;line-height:1.05;overflow:hidden}.manualGroupsHeader .manualHeaderActions{flex:none;gap:5px;width:auto;margin-left:auto;display:flex}.manualGroupsHeader .manualHeaderActions button{min-height:34px;padding:6px 8px;font-size:12px}.manualGroupsHeader .manualUndoButton:disabled,.customBuilderSteps{display:none}.mobileBuilderSteps{z-index:11;background:#0f172afa;border-bottom:1px solid #334155;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:0;padding:8px 10px;display:grid;position:sticky;top:68px}.mobileBuilderSteps button{color:#94a3b8;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:9px;min-width:0;min-height:34px;padding:5px 4px;font-size:12px;font-weight:900}.mobileBuilderSteps button span{border:1px solid #475569;border-radius:50%;place-items:center;width:19px;height:19px;margin-right:3px;font-size:10px;display:inline-grid}.mobileBuilderSteps button.active{color:#e0f2fe;background:#38bdf81f;border-color:#38bdf8}.mobileBuilderSteps button.active span{color:#082f49;background:#38bdf8;border-color:#38bdf8}.mobileBuilderSteps button.completed:not(.active){color:#ccfbf1;border-color:#2dd4bf61}.mobileBuilderSteps button.completed:not(.active) span{color:#ccfbf1;background:#0f766e3d;border-color:#2dd4bf94}.mobileBuilderSteps button.unavailable:not(.active){cursor:pointer;opacity:.48}.mobileBuilderSteps button:disabled{opacity:.45}.mobileWizardStage{display:none}.mobileWizardStage.mobileWizardStageActive{display:block}.customBuilderStage.mobileWizardStageActive{border-radius:14px;margin:10px 8px 88px;padding:12px}.customBuilderStage .builderStageHeading{align-items:flex-start;margin-bottom:10px}.customBuilderStage .builderStageHeading>span{display:none}.customBuilderStage .builderStageHeading strong{font-size:19px}.customBuilderStage .builderStageHeading small{max-width:32rem;font-size:12px}.customBuilderStage .customSetNameField,.customBuilderStage .customDisplayChoice,.customBuilderStage .customGroupCountControl{border-radius:12px;padding:11px}.customBuilderStage .customDisplayChoice>div:first-child span{display:none}.customBuilderStage .customDisplayButtons{grid-template-columns:1fr 1fr}.customBuilderStage .customDisplayButtons button{min-height:62px;padding:9px}.mobileWizardNav{z-index:35;padding:9px 10px calc(9px + env(safe-area-inset-bottom));background:#0f172afa;border-top:1px solid #475569;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:7px;display:grid;position:fixed;bottom:0;left:0;right:0}.mobileWizardNavSingle{grid-template-columns:1fr}.mobileWizardNav button{width:100%;min-width:0;min-height:44px;padding:8px;font-size:13px}.mobileBuilderSummary.mobileWizardStageActive{background:#0b1220;border:1px solid #334155;border-radius:14px;margin:10px 8px 148px;padding:12px}.mobileBuilderSummaryHeading strong,.mobileBuilderSummaryHeading span,.mobileBuilderSummaryGroup strong,.mobileBuilderSummaryGroup span{display:block}.mobileBuilderSummaryHeading strong{color:#f8fafc;font-size:19px}.mobileBuilderSummaryHeading span{color:#94a3b8;margin-top:3px;font-size:12px}.mobileBuilderSummaryGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:10px;display:grid}.mobileBuilderSummaryGroup{background:#111827;border:1px solid #334155;border-radius:10px;min-width:0;padding:9px}.mobileBuilderSummaryGroup strong{color:#e0f2fe;text-overflow:ellipsis;white-space:nowrap;margin-bottom:6px;font-size:14px;overflow:hidden}.mobileBuilderSummaryGroup span{color:#e2e8f0;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.45;overflow:hidden}.customBuilderFooter{display:none}.customBuilderFooter.mobileWizardFooterActive{z-index:35;padding:9px 10px calc(9px + env(safe-area-inset-bottom));margin:0;display:block;position:fixed;bottom:0;left:0;right:0}.customBuilderFooter.mobileWizardFooterActive>div:first-child{display:none}.customBuilderFooter .customBuilderFooterActions{grid-template-columns:1fr 1fr;gap:7px;display:grid}.customBuilderFooter .mobileBuilderBackButton{grid-column:1/-1;display:block}.customBuilderFooter .customBuilderFooterActions button{width:100%;min-width:0;min-height:42px;padding:7px;font-size:13px}}@media (max-width:800px){.dailyControlBar{grid-template-columns:1fr;align-items:stretch}.dailyPrimaryActions,.dailySecondaryActions{grid-template-columns:1fr 1fr;display:grid}.dailyPrimaryActions:has(.dailyMainAction:only-child){grid-template-columns:1fr}.dailyPrimaryActions button,.dailySecondaryActions button{width:100%}.classManagementActions{grid-template-columns:1fr 1fr}.classEditorTabs{top:4px}.customBuilderSteps{grid-template-columns:1fr}.customBuilderSteps span{min-height:34px}}@media (max-width:520px){.classButtonPanel{grid-template-columns:1fr}.classBtn{min-height:92px;padding:13px 14px}.classBtnMain strong{font-size:19px}.redesignedClassEditor{margin-left:-2px;margin-right:-2px}.redesignedClassEditor .classEditorTopBar{border-radius:14px;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:0;padding:9px 10px 10px;display:grid}.redesignedClassEditor .classEditorHeaderLeft{flex:none;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:4px;width:100%;display:grid}.redesignedClassEditor .classEditorMobileNavRow{justify-content:space-between;align-items:center;gap:8px;min-width:0;margin-bottom:2px;display:flex}.redesignedClassEditor .classEditorBackButton,.redesignedClassEditor .classEditorMobileDealButton{white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;min-height:34px;padding:6px 9px;font-size:12px;line-height:1;display:inline-flex}.redesignedClassEditor .classEditorMobileDealButton{flex:none}.redesignedClassEditor .desktopBackLabel{display:none}.redesignedClassEditor .mobileBackLabel{display:inline}.redesignedClassEditor .classEditorHeading{min-width:0}.redesignedClassEditor .classEditorEyebrow{display:none}.redesignedClassEditor .editableClassTitleButton{justify-content:flex-start;gap:7px;width:100%}.redesignedClassEditor .editableClassTitleButton span{font-size:clamp(25px,7vw,30px);line-height:1}.redesignedClassEditor .editableClassTitleButton b{width:23px;height:23px}.redesignedClassEditor .editableClassTitle input{width:100%;min-height:40px;font-size:20px}.redesignedClassEditor .classEditorHeading p{margin-top:2px;font-size:11px;line-height:1.25}.redesignedClassEditor .classEditorHeaderActions{display:none}.redesignedClassEditor .headerDefaultAction{grid-column:1/-1}.redesignedClassEditor .headerDefaultAction span{font-size:9px}.redesignedClassEditor .headerDefaultAction select{min-height:39px;font-size:12px}.redesignedClassEditor .headerDealGroupsButton{border-radius:10px;width:100%;min-height:40px;padding:8px 10px;font-size:13px}.redesignedClassEditor .autoSavedStatus{text-align:center;white-space:normal;border-radius:10px;min-height:40px;padding:6px 8px;font-size:10px;line-height:1.2}.redesignedClassEditor .classEditorTabs{border-radius:13px;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-bottom:10px;padding:5px;top:4px}.redesignedClassEditor .classEditorTabs button{white-space:normal;border-radius:9px;min-height:42px;padding:6px 4px;font-size:11px;line-height:1.12}.redesignedClassEditor .classEditorTabs button span{min-width:18px;height:18px;margin-left:3px;font-size:10px}.redesignedClassEditor .studentSetupDashboard{gap:10px}.redesignedClassEditor .studentSetupRosterPanel{border-radius:14px;padding:12px}.redesignedClassEditor .studentSetupRosterPanel .sectionHeadingRow{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.redesignedClassEditor .studentSetupRosterPanel .sectionHeadingRow h3{display:none}.redesignedClassEditor .studentSetupRosterPanel .sectionHeadingRow p{margin-top:0;font-size:13px;line-height:1.3;display:block}.redesignedClassEditor .studentSetupRosterPanel .sectionHeadingRow>span{white-space:nowrap;border-radius:999px;align-self:start;padding:7px 9px;font-size:11px}.redesignedClassEditor .compactStudentTable{border-radius:13px;max-height:none;overflow:visible}.redesignedClassEditor .compactStudentTable .studentHead{display:none}.redesignedClassEditor .compactStudentTable .studentRow{background:#0f172ab8;grid-template-columns:minmax(0,1fr);gap:8px;min-height:0;padding:11px;display:grid}.redesignedClassEditor .compactStudentTable .studentRow+.studentRow{border-top:1px solid #1e293b}.redesignedClassEditor .compactStudentTable .studentNameCell strong{overflow-wrap:anywhere;font-size:15px;line-height:1.18}.redesignedClassEditor .compactStudentTable .studentRuleBadges{margin-top:6px}.redesignedClassEditor .compactStudentTable .studentRow>input{border-radius:10px;width:100%;min-height:42px;padding:8px 10px;font-size:15px}.redesignedClassEditor .compactStudentTable .studentPlacementChips{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;width:100%;display:grid}.redesignedClassEditor .compactStudentTable .studentPlacementChips .placementChip{min-height:32px;padding:5px 3px;font-size:10.5px;line-height:1}.redesignedClassEditor .compactStudentTable .studentPlacementChips small{grid-column:1/-1}.redesignedClassEditor .compactStudentTable .studentRow>.btnDanger{border-radius:10px;width:100%;min-height:38px}.redesignedClassEditor .studentSetupRosterPanel>label{margin-top:12px}.dailyPrimaryActions,.dailySecondaryActions,.classManagementActions{grid-template-columns:1fr}.dailyControlBar{padding:9px}.roomSetupControlGrid,.compactSuitSection{grid-template-columns:1fr}.groupingRulesContent,.roomSetupContent{padding-left:12px;padding-right:12px}.customBuilderStage{padding:11px}}:root{--brand-navy-950:#020617;--brand-navy-900:#0f172a;--brand-navy-800:#1e293b;--brand-blue-600:#2563eb;--brand-blue-500:#3b82f6;--brand-sky-400:#38bdf8;--brand-teal-400:#2dd4bf;--brand-teal-500:#14b8a6;--brand-text:#f8fafc;--brand-muted:#94a3b8}.appHeader{background:radial-gradient(circle at 0 0,#38bdf826,#0000 34%),radial-gradient(circle at 100% 0,#2dd4bf1a,#0000 30%),linear-gradient(135deg,#0f172afa,#1e293bf5);border-color:#475569f2}.brandMark.brandShuffleLogo{aspect-ratio:1;background:radial-gradient(circle at 50% 46%,#ffffff1f,#0000 38%),linear-gradient(145deg,#020617,#111827);border:1px solid #94a3b894;border-radius:20px;flex:0 0 72px;width:72px;height:72px;padding:0;overflow:hidden;box-shadow:0 12px 28px #02061785,inset 0 1px #ffffff29}.brandShuffleLogo img{object-fit:contain;aspect-ratio:1;width:100%;height:100%;display:block}.brandEyebrow{color:#7dd3fc}.titleBlock h1{color:var(--brand-text);letter-spacing:0}.titleBlock p{color:#dbeafe;margin-top:1px;font-size:15px;font-weight:800}.brandSubline{color:#99f6e4;max-width:720px;margin-top:3px;font-size:12px;font-weight:800;line-height:1.35;display:block}.brandWelcomeCard{background:radial-gradient(circle at 14% 0,#2563eb29,#0000 34%),radial-gradient(circle at 88% 12%,#14b8a61c,#0000 29%),linear-gradient(155deg,#0f172a,#111c30);border-color:#334155;max-width:1120px;padding:34px}.brandWelcomeCard h2{letter-spacing:0;max-width:860px;margin:14px auto 8px;font-size:clamp(32px,4.2vw,48px);line-height:1.05}.brandWelcomeLead{color:#dbeafe;max-width:780px;margin:0 auto;font-size:18px;font-weight:650;line-height:1.5}.brandWelcomeCard .brandWelcomeTagline{color:#99f6e4;max-width:620px;margin:14px auto 0;font-size:17px;font-weight:850;line-height:1.35}.brandFeatureGrid{text-align:left;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:25px 0;display:grid}.brandFeatureHeading{color:#f8fafc;margin:24px 0 -6px;font-size:18px;line-height:1.2}.brandFeatureGrid article{background:#02061785;border:1px solid #334155;border-radius:17px;min-height:174px;padding:17px}.brandFeatureGrid article:nth-child(2){border-color:#2dd4bf6b}.brandFeatureGrid article:nth-child(4){border-color:#7dd3fc61}.brandFeatureNumber{color:#7dd3fc;background:#38bdf829;border-radius:10px;place-items:center;width:31px;height:31px;margin-bottom:12px;font-size:13px;font-weight:950;display:grid}.brandFeatureGrid article:nth-child(2) .brandFeatureNumber{color:#5eead4;background:#2dd4bf26}.brandFeatureGrid strong{color:#f8fafc;font-size:16px;line-height:1.18;display:block}.brandFeatureGrid p{color:#94a3b8;margin:7px 0 0;font-size:14px;line-height:1.45}.earlyAccessNotice{text-align:left;background:#02061757;border:1px solid #7dd3fc47;border-radius:14px;gap:5px;max-width:860px;margin:0 auto;padding:14px 16px;display:grid}.earlyAccessNotice strong{color:#7dd3fc;letter-spacing:.1em;text-transform:uppercase;font-size:12px;font-weight:950}.earlyAccessNotice span{color:#cbd5e1;font-size:13px;line-height:1.45}.earlyAccessNotice a{color:#99f6e4;font-weight:850;text-decoration:none}.classBtnAction{color:#7dd3fc}.classManagementCard{border-top:3px solid #3b82f6b8}.btnPrimary{background:linear-gradient(135deg, var(--brand-blue-600), #0ea5e9);border-color:#60a5fa}.btnPrimary:hover{background:linear-gradient(135deg,#1d4ed8,#0284c7)}.btnGreen{background:linear-gradient(135deg, #0f766e, var(--brand-teal-500));border-color:#5eead4}.stepPill{background:var(--brand-teal-400);color:#042f2e}.stepPill.blue{background:var(--brand-sky-400);color:#082f49}.classEditorTabs button.active,.editGroupingToggle button.active,.displayModeBtn.active,.customDisplayChoice.active{color:#e0f2fe;background:#2563eb33;border-color:#38bdf8}.classDefaultControl,.dailyControlBar{border-left-color:var(--brand-blue-500)}.btnDanger{background:#7f1d1d;border-color:#ef4444}.message.warn{border-color:#f59e0b}@media (max-width:980px){.brandFeatureGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.brandMark.brandShuffleLogo{border-radius:16px;flex-basis:56px;width:56px;min-width:56px;height:56px;min-height:56px}.titleBlock p{font-size:13px}.brandSubline{font-size:10px}.brandWelcomeCard{padding:24px 15px}.brandWelcomeCard h2{letter-spacing:0;font-size:30px}.brandFeatureGrid{grid-template-columns:1fr}.brandFeatureGrid article{min-height:0}}@media (max-width:480px){.brandSubline{display:none}.brandEyebrow{font-size:8px}}.signupOverlay{z-index:300;-webkit-backdrop-filter:blur(8px);background:#020617d1;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.signupCard{color:#f8fafc;text-align:center;background:radial-gradient(circle at 0 0,#2563eb29,#0000 36%),radial-gradient(circle at 100% 0,#14b8a61a,#0000 32%),#0f172a;border:1px solid #475569;border-radius:24px;width:min(590px,100%);max-height:calc(100dvh - 36px);padding:26px;overflow-y:auto;box-shadow:0 28px 80px #0000009e}.signupCard h2{letter-spacing:0;margin:13px 0 8px;font-size:clamp(27px,5vw,38px);line-height:1.06}.signupCard>p{color:#cbd5e1;max-width:500px;margin:0 auto 18px;line-height:1.5}.signupBenefits{text-align:left;background:#0206178c;border:1px solid #334155;border-radius:15px;gap:9px;margin:18px 0;padding:14px;display:grid}.signupBenefits span{color:#dbeafe;font-size:14px;font-weight:750}.signupGoogleButton{justify-content:center;width:100%;min-height:52px}.signupCard .authProviderButtons{grid-template-columns:1fr;gap:9px;display:grid}.signupCancel{width:100%;margin-top:9px}.signupPaymentNote{color:#94a3b8;margin:12px auto 0;font-size:13px;line-height:1.4}.trialPromptCard,.planPickerCard{width:min(570px,100%)}.importTrialCard{width:min(640px,100%)}.importTrialCard>.btnPrimary{width:100%;min-height:48px}.importAuthButtons{margin:16px 0}.freeImportChoice{background:#02061757;border:1px solid #7dd3fc47;border-radius:14px;margin-top:16px;padding:14px}.freeImportChoice label{color:#bae6fd;margin-top:0}.freeImportChoice p{color:#94a3b8;margin:9px 0;font-size:13px;line-height:1.45}.freeImportChoice button{width:100%}.modalActionGrid{grid-template-columns:1fr 1fr;gap:10px;margin-top:22px;display:grid}.modalActionGrid .btnPrimary,.modalActionGrid .btnSecondary{width:100%}.planChoiceGrid{grid-template-columns:1fr 1fr;gap:12px;margin:22px 0 8px;display:grid}.planChoiceButton{color:#f8fafc;cursor:pointer;min-height:118px;font:inherit;text-align:center;background:#0206178c;border:1px solid #334155;border-radius:16px;align-content:center;justify-items:center;gap:8px;padding:16px;transition:transform .15s,border-color .15s,background .15s;display:grid}.planChoiceButton:hover:not(:disabled){background:#0ea5e924;border-color:#38bdf8;transform:translateY(-1px)}.planChoiceButton:disabled{cursor:wait;opacity:.7}.planChoiceButton span{color:#bae6fd;text-transform:uppercase;font-size:13px;font-weight:950}.planChoiceButton strong{font-size:23px;line-height:1}.planChoiceButton small{color:#cbd5e1;font-size:12px;font-weight:800}.featuredPlanChoice{background:#0ea5e92b;border-color:#38bdf8}.founderPriceNote{text-align:left;background:#0f766e24;border:1px solid #2dd4bf6b;border-radius:14px;margin:14px 0 4px;padding:13px 14px}.founderPriceNote strong,.founderPriceNote span{display:block}.founderPriceNote strong{color:#ccfbf1;font-size:13px}.founderPriceNote span{color:#dbeafe;margin-top:4px;font-size:13px;line-height:1.45}.onboardingFeatureSummary{text-align:left;grid-template-columns:1fr 1fr;gap:9px;margin:19px 0;display:grid}.onboardingFeatureSummary article{background:#02061780;border:1px solid #334155;border-radius:14px;padding:13px}.onboardingFeatureSummary strong,.onboardingFeatureSummary span{display:block}.onboardingFeatureSummary strong{color:#f8fafc;font-size:15px}.onboardingFeatureSummary span{color:#94a3b8;margin-top:4px;font-size:12px;line-height:1.4}.acquisitionCoach{max-width:560px}.acquisitionCoach p{max-width:480px}.demoTarget{z-index:130;position:relative}.demoAdjustGuide{background:#0ea5e91f;border:1px solid #38bdf8;border-radius:13px;margin:0 0 11px;padding:11px 13px}.demoAdjustGuide strong,.demoAdjustGuide span{display:block}.demoAdjustGuide strong{color:#e0f2fe}.demoAdjustGuide span{color:#7dd3fc;margin-top:3px;font-size:12px}.contextTipBanner{background:#0f766e21;border:1px solid #2dd4bf8c;border-radius:13px;justify-content:space-between;align-items:center;gap:13px;margin:10px 0 13px;padding:11px 13px;display:flex}.contextTipBanner strong,.contextTipBanner span{display:block}.contextTipBanner strong{color:#ccfbf1;font-size:14px}.contextTipBanner span{color:#99f6e4;margin-top:3px;font-size:12px;line-height:1.4}.contextTipBanner button{color:#f0fdfa;background:#0f766e;border:1px solid #5eead4;border-radius:10px;flex:none;min-height:36px;padding:7px 12px;font-weight:900}.savedGroupSetRow.demoTarget{border-color:#38bdf8;box-shadow:0 0 0 4px #38bdf82b}.signedOutClassesGate{text-align:center;max-width:660px;margin:18px auto;padding:24px}.signedOutClassesGate h2{color:#f8fafc;margin:12px 0 7px}.signedOutClassesGate p{color:#94a3b8;max-width:540px;margin:0 auto 17px;line-height:1.5}.signedOutClassesGate .googleSignInButton{margin:0 auto}@media (max-width:700px){.signupOverlay{align-items:end;padding:0}.signupCard{width:100%;max-height:calc(100dvh - 10px);padding:27px 16px calc(16px + env(safe-area-inset-bottom));border-bottom:0;border-left:0;border-right:0;border-radius:24px 24px 0 0}.modalActionGrid,.planChoiceGrid,.onboardingFeatureSummary{grid-template-columns:1fr}.contextTipBanner{flex-direction:column;align-items:stretch}.contextTipBanner button{width:100%}}.compactDemoBanner{text-align:left;justify-content:space-between;align-items:center;gap:15px;padding:12px 14px;display:flex}.compactDemoBanner>div{min-width:0}.compactDemoBanner strong,.compactDemoBanner small{display:block}.compactDemoBanner strong{color:#f8fafc;margin-top:7px;font-size:18px}.compactDemoBanner small{color:#94a3b8;margin-top:3px;line-height:1.4}@media (max-width:560px){.demoGuideFooter,.compactDemoBanner{flex-direction:column;align-items:stretch}.demoGuideFooter button,.compactDemoBanner button{width:100%}}.arrangementStatus{text-align:center;border-radius:14px;justify-content:center;align-items:center;gap:9px;max-width:1180px;min-height:48px;margin:0 auto 12px;padding:10px 14px;font-weight:900;display:flex}.arrangementStatus span{border-radius:999px;place-items:center;width:28px;height:28px;font-size:18px;display:grid}.arrangementStatus.isShuffling{color:#dbeafe;background:#2563eb29;border:1px solid #60a5fa}.arrangementStatus.isShuffling span{background:#2563eb;animation:.65s linear infinite classShuffleSpin}.arrangementStatus.isComplete{color:#ccfbf1;background:#0f766e29;border:1px solid #5eead4;animation:.25s ease-out arrangementNoticeIn}.arrangementStatus.isComplete span{background:#0f766e}.arrangementOutput{animation:.38s ease-out arrangementReveal}.arrangementOutput.randomArrangement{--arrangement-accent:#38bdf8}.arrangementOutput.customArrangement{--arrangement-accent:#2dd4bf;animation-name:customArrangementReveal}.arrangementOutput.shuffleInProgress{opacity:.32;filter:blur(2px);pointer-events:none;transition:opacity .18s,filter .18s,transform .18s;transform:scale(.99)}.arrangementOutput.randomArrangement>article{box-shadow:0 0 0 2px color-mix(in srgb, var(--arrangement-accent) 22%, transparent), 0 14px 28px #00000038}.arrangementOutput.customArrangement>article{box-shadow:0 0 0 2px color-mix(in srgb, var(--arrangement-accent) 28%, transparent), 0 14px 28px #00000038}@keyframes classShuffleSpin{to{transform:rotate(360deg)}}@keyframes arrangementReveal{0%{opacity:.25;transform:translateY(10px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes customArrangementReveal{0%{opacity:.2;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes arrangementNoticeIn{0%{opacity:0;transform:translateY(-6px)}}.dailyClassStatus{align-content:center;display:grid}.activeModeBadge{text-transform:uppercase;border-radius:999px;width:fit-content;margin-bottom:5px;padding:4px 8px;letter-spacing:.08em!important;font-size:10px!important;font-weight:950!important}.activeModeBadge.randomMode{background:#2563eb33;border:1px solid #60a5fa85;color:#93c5fd!important}.activeModeBadge.customMode{background:#0f766e33;border:1px solid #2dd4bf85;color:#99f6e4!important}.saveArrangementButton{color:#ccfbf1;border-color:#2dd4bf9e}.brandWelcomeCard{max-width:1040px;padding:30px}.brandWelcomeActions{margin:20px auto 8px}.brandWelcomeActions .bigSampleButton{min-height:54px;font-size:18px}.homepageSignInLink{color:#bae6fd;text-underline-offset:3px;box-shadow:none;background:0 0;border:0;margin:0 auto 8px;padding:6px 8px;font-size:14px;font-weight:850;text-decoration:underline}.homepageSignInLink:hover{color:#f8fafc;background:0 0;transform:none}.brandFeatureGrid{margin-top:22px;margin-bottom:0}.brandFeatureGrid article:first-child{background:linear-gradient(#0ea5e91f,#0206178a);border-color:#7dd3fc94}.brandFeatureGrid article:first-child .brandFeatureNumber{color:#082f49;background:#38bdf8}.dailyControlBar{border-left-width:5px}.dailyMainAction{min-width:166px}.presentBoardButton{background:#0ea5e91f}.boardModeView{background:#020617}.boardModeView #output{width:min(100%, var(--board-output-width,100%));gap:var(--board-gap,clamp(6px, 1.25vmin, 14px));flex-wrap:wrap;place-content:center;align-items:center;max-width:none;height:calc(100dvh - 16px);min-height:0;margin:0 auto;padding:10px;display:flex;overflow:hidden}.boardModeView #output.numberedOutput{align-content:center}.boardModeView #output .playing-card,.boardModeView #output .numbered-group{width:min(100%, var(--board-card-width,100%));max-width:var(--board-card-width,none);height:min(100%, var(--board-card-height,100%));max-height:var(--board-card-height,none);min-height:0}.boardModeView #output .playing-card{aspect-ratio:4/3;border-radius:clamp(10px,1.5vmin,18px);flex:none}.boardModeView #output .playing-card:before{border-radius:clamp(8px,1.1vmin,12px);inset:clamp(5px,1vmin,10px)}.boardModeView #output .cardOrnament{font-size:clamp(10px,1.6vmin,18px)}.boardModeView #output .cardOrnament.tr{top:clamp(5px,1vmin,10px);right:clamp(5px,1vmin,10px)}.boardModeView #output .cardOrnament.bl{bottom:clamp(5px,1vmin,10px);left:clamp(5px,1vmin,10px)}.boardModeView #output .corner{width:auto}.boardModeView #output .corner.top-left{top:clamp(8px,1.4vmin,16px);left:clamp(8px,1.4vmin,16px)}.boardModeView #output .corner.bottom-right{bottom:clamp(8px,1.4vmin,16px);right:clamp(8px,1.4vmin,16px)}.boardModeView #output .corner .rank{font-size:clamp(28px,6.2vmin,62px)}.boardModeView #output .cardCenter,.boardModeView #output .cardCenter.groupSize2,.boardModeView #output .cardCenter.groupSize4{gap:clamp(3px,.9vmin,8px);width:92%;min-height:0;max-height:72%}.boardModeView #output .seatRow,.boardModeView #output .cardCenter.groupSize2 .seatRow,.boardModeView #output .cardCenter.groupSize4 .seatRow{border-left-width:clamp(3px,.65vmin,6px);border-radius:clamp(6px,1vmin,10px);flex:1 1 0;gap:clamp(4px,.8vmin,8px);min-height:0;padding:clamp(3px,.9vmin,10px) clamp(4px,.9vmin,8px)}.boardModeView #output .suitSym{flex-basis:clamp(14px,2vmin,24px);width:clamp(14px,2vmin,24px);font-size:clamp(16px,2.8vmin,28px)}.boardModeView #output .student-name{text-overflow:clip;text-align:center;min-width:0;line-height:1;overflow:hidden;font-size:var(--board-name-size,clamp(12px, 3.4vmin, 34px))!important}.boardModeView #output.numberedOutput .numbered-group{border-radius:clamp(12px,1.6vmin,20px)}.boardModeView #output.numberedOutput .numberedGroupHeader{flex:0 0 clamp(42px,12%,84px);min-height:0;padding:clamp(6px,1.1vmin,12px) clamp(8px,1.5vmin,18px)}.boardModeView #output.numberedOutput .numberedGroupHeader span{font-size:clamp(14px,2.4vmin,25px)}.boardModeView #output.numberedOutput .numberedGroupHeader strong{font-size:clamp(28px,6vmin,52px)}.boardModeView #output.numberedOutput .numberedStudentList{gap:clamp(4px,.9vmin,8px);min-height:0;padding:clamp(6px,1.2vmin,15px)}.boardModeView #output.numberedOutput .numberedStudent{min-height:0;padding:clamp(4px,.9vmin,8px) clamp(6px,1vmin,12px);font-size:clamp(14px,3.2vmin,34px)}.exitBoardModeButton,.boardModeActions{-webkit-backdrop-filter:blur(8px)}.interactiveDemoBoardCallout{z-index:315;color:#e2e8f0;-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#082f49f5,#0f172afa),#020617;border:1px solid #2dd4bfb3;border-radius:17px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;width:min(760px,100vw - 40px);min-height:0;padding:15px 16px;display:grid;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 20px 44px #0000007a}.interactiveDemoBoardText>span{color:#5eead4;letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:950;display:block}.interactiveDemoBoardText>strong{color:#f8fafc;margin-top:5px;font-size:20px;line-height:1.12;display:block}.interactiveDemoBoardText>p{color:#bae6fd;max-width:520px;margin:6px 0 0;font-size:13px;font-weight:750;line-height:1.38}.interactiveDemoBoardCallout button{color:#fff;background:linear-gradient(135deg,#0ea5e9,#2563eb);border:1px solid #7dd3fc;border-radius:12px;width:auto;min-width:190px;min-height:44px;font-size:13px;font-weight:950;box-shadow:0 14px 30px #0ea5e947}.interactiveDemoBoardActions{display:contents}.interactiveDemoBoardCallout .demoPrimaryNextButton{animation:1.15s ease-in-out infinite tutorialPulse;box-shadow:0 0 0 5px #38bdf838,0 14px 30px #0ea5e947}@media (max-width:700px){.interactiveDemoBoardCallout{width:auto;min-height:0;padding:12px 12px calc(10px + env(safe-area-inset-bottom));border-radius:16px 16px 0 0;grid-template-columns:minmax(0,1fr);gap:11px;bottom:8px;left:8px;right:8px;transform:none}.interactiveDemoBoardText>span{font-size:11px}.interactiveDemoBoardText>strong{font-size:17px}.interactiveDemoBoardText>p{font-size:12px}.interactiveDemoBoardCallout button{width:100%;min-width:0;min-height:44px;font-size:13px}.interactiveDemoBoardActions{grid-template-columns:minmax(0,1fr);align-items:center;gap:7px;display:grid}.brandWelcomeCard{padding:20px 14px 16px}.brandWelcomeCard h2{margin-top:10px;font-size:29px;line-height:1.06}.brandWelcomeLead{font-size:15px;line-height:1.42}.brandWelcomeCard .brandWelcomeTagline{margin-top:11px;font-size:15px;line-height:1.35}.brandWelcomeActions{grid-template-columns:1fr;gap:9px;margin-top:14px}.brandWelcomeActions .bigSampleButton{min-height:50px;font-size:16px}.brandFeatureGrid{gap:9px;margin-top:14px}.brandFeatureGrid article{grid-template-columns:34px minmax(0,1fr);align-items:start;column-gap:10px;padding:12px;display:grid}.brandFeatureNumber{grid-row:1/span 2;margin-bottom:0}.brandFeatureGrid strong{font-size:16px;line-height:1.15}.brandFeatureGrid p{margin-top:3px;font-size:12.5px;line-height:1.3}.activeDealView .dailyControlBar{-webkit-backdrop-filter:blur(10px);background:#0f172af7;border-left-width:4px;padding:9px}.activeDealView .dailyPrimaryActions{grid-template-columns:minmax(0,1.18fr) minmax(0,.92fr)}.activeDealView .dailyMainAction{min-height:50px;font-size:14px}.exitBoardModeButton{min-height:36px;padding:7px 10px;font-size:12px;top:8px;right:8px}}@media (max-width:380px){.brandWelcomeCard h2{font-size:25px}}.saveArrangementOverlay{z-index:310;-webkit-backdrop-filter:blur(8px);background:#020617d1;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.saveArrangementModal{background:radial-gradient(circle at 100% 0,#14b8a61f,#0000 36%),#0f172a;border:1px solid #475569;border-radius:22px;width:min(520px,100%);padding:24px;box-shadow:0 28px 80px #00000094}.saveArrangementModal h2{color:#f8fafc;margin:13px 0 7px;font-size:30px;line-height:1.08}.saveArrangementModal p{color:#94a3b8;margin:0 0 17px;line-height:1.5}.saveArrangementModal label{color:#e2e8f0;margin-bottom:6px;font-weight:850;display:block}.saveArrangementModal input{width:100%;min-height:50px}.saveArrangementActions{grid-template-columns:1fr 1fr;gap:9px;margin-top:17px;display:grid}.compactGroupPicker{width:min(760px,100% - 26px);max-height:min(780px,100dvh - 28px);padding:23px;overflow-y:auto}.compactGroupPicker>h2{margin-bottom:5px}.dailyGroupingChoice{color:#f8fafc;text-align:left;cursor:pointer;background:#2563eb1f;border:1px solid #3b82f6;border-radius:14px;justify-content:space-between;align-items:center;gap:14px;width:100%;margin:14px 0;padding:13px 14px;display:flex}.dailyGroupingChoice strong,.dailyGroupingChoice span{display:block}.dailyGroupingChoice span{color:#bfdbfe;margin-top:3px;font-size:12px}.dailyGroupingChoice b{color:#fff;background:#2563eb;border-radius:9px;flex:none;padding:7px 11px}.compactSavedPicker{margin-top:14px}.savedGroupsDesktopCopy,.desktopSavedGroupsCurrentAction,.savedGroupSetsHeading .savedGroupsDesktopCopy{display:none}.compactSavedSetRow{background:#02061785;border:1px solid #334155;border-radius:14px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:0;padding:12px;display:grid}.compactSavedSetRow+.compactSavedSetRow{margin-top:8px}.savedSetSummary{min-width:0}.savedSetSummary strong,.savedSetSummary span{display:block}.savedSetSummary strong{color:#f8fafc;font-size:17px;line-height:1.2}.savedSetSummary span{color:#94a3b8;margin-top:4px;font-size:12px}.useSavedSetButton{min-width:168px;min-height:42px}.createNewSetRow{color:#e2e8f0;text-align:left;cursor:pointer;background:#1e293b8a;border:1px dashed #64748b;border-radius:13px;align-items:center;gap:11px;width:100%;margin-top:10px;padding:12px 13px;display:flex}.createNewSetRow>span{color:#5eead4;background:#2dd4bf26;border-radius:10px;flex:none;place-items:center;width:31px;height:31px;font-size:21px;font-weight:900;display:grid}.createNewSetRow strong,.createNewSetRow small{display:block}.createNewSetRow small{color:#94a3b8;margin-top:2px}.noSavedSetsMessage{color:#94a3b8;text-align:center;background:#0206176b;border:1px solid #334155;border-radius:12px;padding:14px}.inputError{border-color:#f87171!important;box-shadow:0 0 0 3px #f8717129!important}.inlineFieldError{color:#fca5a5;margin-top:7px;font-size:13px;font-weight:800;line-height:1.35;display:block}@media (min-width:701px){.savedGroupsChooserModal{text-align:left;width:min(800px,100% - 36px);padding:26px}.savedGroupsChooserModal .savedGroupsChooserBadge,.savedGroupsChooserModal .savedGroupsMobileCopy{display:none}.savedGroupsChooserModal .savedGroupsDesktopCopy{display:inline}.savedGroupsChooserModal>h2{margin:0 0 7px;font-size:31px}.savedGroupsChooserModal>p{max-width:650px;margin-bottom:20px;font-size:15px}.savedGroupsChooserModal .compactSavedPicker{margin-top:0;padding-top:18px}.savedGroupsChooserModal .savedGroupSetsHeading strong{font-size:18px}.savedGroupsChooserModal .noSavedSetsMessage{color:#cbd5e1;background:#0206175c;border:1px dashed #475569;border-radius:10px;padding:13px 14px}.desktopSavedGroupsCurrentAction{margin-top:10px;display:block}.savedGroupsManageAction{color:#f8fafc;text-align:left;cursor:pointer;background:#2563eb1f;border:1px solid #2563eb;border-radius:11px;width:100%;min-height:64px;padding:12px 14px}.savedGroupsManageAction strong,.savedGroupsManageAction small{display:block}.savedGroupsManageAction strong{font-size:16px}.savedGroupsManageAction small{color:#bfdbfe;margin-top:4px;font-size:12px}.savedGroupsInlineSaveForm{background:#02061780;border:1px solid #334155;border-radius:11px;margin-top:8px;padding:13px}.savedGroupsInlineSaveForm label{color:#e2e8f0;margin-bottom:6px;font-size:13px;font-weight:850;display:block}.savedGroupsInlineSaveForm input{width:100%;min-height:44px}.savedGroupsInlineSaveActions{justify-content:flex-end;gap:8px;margin-top:10px;display:flex}.savedGroupsInlineSaveActions button{min-width:140px}.savedGroupsChooserFeedback{color:#99f6e4;background:#0d948829;border:1px solid #2dd4bf8c;border-radius:9px;padding:9px 11px;font-size:13px;font-weight:850}.savedGroupsChooserModal .createNewSetRow{min-height:64px}.savedGroupsChooserModal .groupingMethodCancel{width:auto;min-width:120px;margin:14px 0 0 auto}}.rosterImportPreview{border-top:1px solid #334155;margin:0 13px 13px;padding-top:13px}.rosterImportPreviewHeader{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.rosterImportPreviewHeader strong,.rosterImportPreviewHeader span{display:block}.rosterImportPreviewHeader strong{color:#f8fafc;font-size:15px}.rosterImportPreviewHeader span{color:#94a3b8;margin-top:2px;font-size:12px;line-height:1.35}.rosterImportClassList{gap:9px;display:grid}.rosterImportClass{background:#02061773;border:1px solid #334155;border-radius:12px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:10px;display:grid}.rosterImportClass.selected{background:linear-gradient(#0ea5e917,#02061773);border-color:#38bdf88c}.rosterImportCheck{color:#cbd5e1;text-transform:none;cursor:pointer;align-items:center;gap:7px;margin:0;font-size:12px;font-weight:850;display:inline-flex}.rosterImportCheck input{accent-color:#38bdf8;width:18px;height:18px;margin:0}.rosterImportClassMain{min-width:0}.rosterImportClassMain input{min-height:38px;padding:8px 10px;font-size:15px}.rosterImportClassMain small{color:#94a3b8;margin-top:4px;line-height:1.35;display:block}.singleCreateAction{grid-template-columns:1fr}.singleCreateAction .btnPrimary{width:100%;min-height:50px}.rosterCreateActions{grid-template-columns:minmax(0,1fr) auto}@media (max-width:620px){.rosterImportPreviewHeader,.rosterCreateActions{grid-template-columns:1fr}.rosterImportPreviewHeader{display:grid}.rosterCreateActions button{width:100%}}.classReadyPanel{background:radial-gradient(circle at 100% 0,#14b8a61f,#0000 35%),#0f172a;border-color:#2dd4bf94;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:15px;margin:0 0 16px;padding:20px;display:grid}.classReadyPanel h2{color:#f8fafc;margin:0}.classReadyPanel p{color:#94a3b8;margin:5px 0 0;line-height:1.45}.classReadyActions{gap:8px;display:flex}@media (max-width:900px){.dailyControlBar{grid-template-columns:1fr}.dailyPrimaryActions,.dailySecondaryActions{grid-template-columns:1fr 1fr}.classReadyPanel{grid-template-columns:1fr}.classReadyPanel>.stepPill{width:fit-content}.classReadyActions{width:100%}.classReadyActions button{flex:1}}@media (max-width:700px){.compactGroupPicker{width:100%;max-height:calc(100dvh - 8px);padding:20px 15px calc(16px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0}.groupingMethodOverlay{align-items:end;padding:0}.compactSavedSetRow{grid-template-columns:1fr;padding:13px}.useSavedSetButton{width:100%;min-width:0}.savedSetSummary strong{font-size:18px}.createNewSetRow{min-height:58px}.saveArrangementOverlay{align-items:end;padding:0}.saveArrangementModal{width:100%;padding:24px 16px calc(16px + env(safe-area-inset-bottom));border-bottom:0;border-left:0;border-right:0;border-radius:24px 24px 0 0}.dailyPrimaryActions,.dailySecondaryActions{grid-template-columns:1fr}.classReadyActions{flex-direction:column}.arrangementStatus{margin-left:10px;margin-right:10px}}.settingsDemoHighlight{box-shadow:0 0 0 3px #2dd4bf21,0 14px 32px #0000003d;border-color:#2dd4bf!important}.settingsDemoNextTab{animation:1.35s ease-in-out infinite settingsDemoTabPulse;color:#e0f2fe!important;border-color:#38bdf8!important}@keyframes settingsDemoTabPulse{0%,to{box-shadow:0 0 #38bdf826}50%{box-shadow:0 0 0 5px #38bdf833}}.demoRosterPreview{padding-bottom:14px}.demoStudentSetupTable{background:#020617;border:1px solid #334155;border-radius:14px;margin-top:12px;overflow:hidden}.demoStudentSetupRow{border-bottom:1px solid #1e293b;grid-template-columns:minmax(170px,1fr) minmax(120px,.7fr) minmax(180px,1fr);align-items:center;gap:10px;padding:10px 12px;display:grid}.demoStudentSetupRow:last-of-type{border-bottom:0}.demoDisplayNameValue{color:#f8fafc;background:#1e293b;border:1px solid #334155;border-radius:10px;min-width:0;padding:8px 10px;font-weight:850}.demoStudentNeedBadges{margin-top:0}.demoStudentSetupMore{color:#7dd3fc;border-top:1px solid #1e293b;padding:8px 12px;font-size:12px;font-weight:900}@media (max-width:760px){.settingsDemoComplete{flex-direction:column;align-items:stretch}.settingsDemoChecklist,.demoStudentSetupRow{grid-template-columns:1fr}.settingsDemoComplete>div:last-child{grid-template-columns:1fr;display:grid}.settingsDemoComplete button{width:100%}}.settingsShowcaseOverlay{z-index:290;background:#020617;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.settingsShowcaseShell{background:radial-gradient(circle at 0 0,#2563eb1f,#0000 31%),radial-gradient(circle at 100% 0,#14b8a617,#0000 29%),#0f172a;border:1px solid #475569;border-radius:24px;grid-template-rows:auto auto minmax(0,1fr) auto;width:min(1080px,100%);max-height:calc(100dvh - 36px);display:grid;overflow:hidden;box-shadow:0 30px 90px #000000a8}.settingsShowcaseHeader{border-bottom:1px solid #334155;justify-content:space-between;align-items:center;gap:12px;padding:12px 21px 10px;display:flex}.settingsShowcaseEyebrow{color:#5eead4;letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:950}.settingsShowcaseTabs{border-bottom:1px solid #334155;grid-template-columns:repeat(3,1fr);gap:8px;padding:10px 21px;display:grid}.settingsShowcaseTabs.mobileDemoTabs{grid-template-columns:repeat(4,minmax(0,1fr))}.settingsShowcaseTabs button{color:#94a3b8;cursor:pointer;background:#02061775;border:1px solid #334155;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:8px 11px;font-weight:900;display:flex}.settingsShowcaseTabs button span{border:1px solid #475569;border-radius:999px;place-items:center;width:24px;height:24px;font-size:11px;display:grid}.settingsShowcaseTabs button.active{color:#e0f2fe;background:#2563eb26;border-color:#38bdf8}.settingsShowcaseTabs button.active span{color:#082f49;background:#38bdf8;border-color:#7dd3fc}.settingsShowcaseBody{padding:18px 21px;overflow-y:auto}.settingsShowcaseStep{animation:.22s settingsShowcaseIn}@keyframes settingsShowcaseIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.settingsShowcaseStepHeading>span{color:#7dd3fc;letter-spacing:.07em;text-transform:uppercase;font-size:11px;font-weight:950}.settingsShowcaseStepHeading h3{color:#f8fafc;margin:4px 0 3px;font-size:25px;line-height:1.1}.settingsShowcaseStepHeading p{color:#94a3b8;max-width:780px;margin:0;line-height:1.45}.studentFeatureShowcase{grid-template-columns:repeat(3,1fr);gap:11px;margin-top:16px;display:grid}.showcaseStudentSetupCard{background:0 0;border:0;border-radius:0;margin:0;padding:0;overflow:hidden}.showcaseStudentSetupHeader{justify-content:space-between;align-items:flex-start;gap:18px;padding:18px 20px 14px;display:flex}.showcaseStudentSetupHeader h3{color:#f8fafc;margin:0 0 5px;font-size:21px}.showcaseStudentSetupHeader p{color:#94a3b8;margin:0}.showcaseStudentSetupHeader>span{color:#cbd5e1;background:#1e293b;border-radius:999px;flex:none;padding:6px 10px;font-size:12px;font-weight:900}.showcaseStudentSetupTable{background:#020617;border-top:1px solid #334155;overflow:hidden}.showcaseStudentSetupGrid{grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);gap:12px;padding:0 20px 20px;display:grid}.showcaseStudentSetupPanel{background:#0206177a;border:1px solid #334155;border-radius:14px;min-width:0;overflow:hidden}.mobileRulesShowcase{gap:12px;display:grid}.mobileStandaloneRulesPanel{width:100%}.showcasePanelTitle{border-bottom:1px solid #334155;padding:11px 14px 9px}.showcasePanelTitle h3{color:#f8fafc;margin:0;font-size:17px}.showcasePanelTitle p{color:#94a3b8;margin:4px 0 0;font-size:12px;line-height:1.35}.showcaseStudentSetupTable.compact{border-top:0}.showcaseStudentSetupHead,.showcaseStudentSetupRow{grid-template-columns:minmax(170px,1fr) minmax(120px,.62fr) minmax(260px,1.25fr);align-items:center;gap:12px;display:grid}.showcaseStudentSetupHead{color:#94a3b8;text-transform:uppercase;background:#0f172a;border-bottom:1px solid #1e293b;padding:9px 12px;font-size:11px;font-weight:950}.showcaseStudentSetupRow{border-bottom:1px solid #1e293b;min-height:58px;padding:10px 12px}.showcaseStudentSetupRow:last-child{border-bottom:0}.showcaseStudentSetupTable.compact .showcaseStudentSetupRow{grid-template-columns:minmax(72px,.48fr) minmax(96px,.52fr) minmax(220px,1.08fr);gap:8px;min-height:54px;padding:7px 10px}.showcaseStudentSetupStudentCell strong{color:#f8fafc;font-size:14px;display:block}.showcaseStudentSetupStudentCell .studentRuleBadges{margin-top:4px}.showcaseStudentSetupRow>b{color:#f8fafc;background:#1e293b;border:1px solid #334155;border-radius:10px;min-width:0;padding:8px 10px;font-size:13px}.showcaseDisplayNameInput{color:#f8fafc;background:#1e293b;border:1px solid #334155;border-radius:10px;width:100%;min-width:0;padding:7px 9px;font-size:13px;font-weight:850}.showcasePlacementChips{flex-wrap:nowrap;gap:5px;margin-top:0}.showcasePlacementChips .placementChip{cursor:pointer;min-height:28px;padding:4px 8px;font-size:11px}.showcaseRulesPanel{padding:0}.showcaseRuleBuilder{gap:7px;padding:10px 14px 9px;display:grid}.showcaseRuleBuilder>span,.showcaseSavedRulesTitle{color:#93c5fd;letter-spacing:.05em;text-transform:uppercase;margin:0;font-size:11px;font-weight:950}.showcaseRuleTypeToggle,.showcaseRuleStudents{gap:6px;display:grid}.showcaseRuleTypeToggle{background:#020617;border:1px solid #334155;border-radius:12px;grid-template-columns:1fr 1fr;gap:0;padding:3px}.showcaseRuleTypeToggle button{color:#cbd5e1;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;min-height:31px;font-size:11px;font-weight:950}.showcaseRuleTypeToggle button:not(.active):hover{color:#e2e8f0;background:#1e293bb8}.showcaseRuleTypeToggle button.active.ruleType-together{color:#ccfbf1;background:#0d94886b;border-color:#2dd4bfb8;box-shadow:0 0 0 1px #2dd4bf29}.showcaseRuleTypeToggle button.active.ruleType-apart{color:#fecaca;background:#7f1d1d75;border-color:#f87171b8;box-shadow:0 0 0 1px #f8717129}.showcaseRuleStudents{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center}.showcaseRuleStudents select{min-width:0}.showcaseRuleStudents>span{color:#94a3b8;font-weight:950}.showcaseAddRuleButton{width:100%;min-height:34px;padding:7px 11px}.showcaseAddRuleButton:disabled{color:#64748b;cursor:not-allowed;opacity:.82;background:#1e293b;border-color:#334155}.showcaseSavedRulesTitle{padding:0 14px;display:block}.showcaseRulesList{max-height:150px;padding:7px 14px 12px;overflow-y:auto}.showcaseSavedRule{background:#0f172abf;border-color:#94a3b838;align-items:center}.showcaseSavedRule.ruleType-together{border-color:#2dd4bf57}.showcaseSavedRule.ruleType-apart{border-color:#f8717157}.showcaseSavedRule strong{color:#f8fafc;font-size:13px}.settingsFeatureCard{background:#02061780;border:1px solid #334155;border-radius:16px;min-width:0;padding:15px}.settingsFeatureLabel{color:#5eead4;letter-spacing:.07em;text-transform:uppercase;margin-bottom:10px;font-size:10px;font-weight:950;display:block}.settingsFeatureCard>strong{color:#f8fafc;font-size:18px}.settingsFeatureCard>p{color:#cbd5e1;margin:10px 0 0;font-size:13px;font-weight:700;line-height:1.45}.settingsFeatureCard>small{color:#94a3b8;margin-top:12px;font-size:12px;line-height:1.4;display:block}.placementValueCard{background:radial-gradient(circle at 100% 0,#2dd4bf1f,#0000 42%),#0206179e;border-color:#2dd4bf85;box-shadow:inset 0 0 0 1px #2dd4bf14}.displayNameExample{color:#94a3b8;background:#111827;border:1px solid #334155;border-radius:11px;margin-top:10px;padding:10px;font-size:12px}.displayNameExample b{color:#e0f2fe;margin-top:3px;font-size:18px;display:block}.frontStudentShowcase{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.frontStudentShowcase span{color:#e2e8f0;background:#0f172ab8;border:1px solid #94a3b83d;border-radius:10px;min-width:96px;padding:8px 9px;font-size:12px;font-weight:850}.frontStudentShowcase b{color:inherit;opacity:.92;text-transform:uppercase;margin-top:2px;font-size:9px;display:block}.separationShowcase{gap:7px;display:grid}.separationShowcase>div{text-align:center;background:#111827;border:1px solid #334155;border-radius:10px;padding:8px}.separationShowcase strong{color:#f8fafc;font-size:13px;display:block}.separationShowcase span{color:#67e8f9;letter-spacing:.05em;text-transform:uppercase;margin:3px 0;font-size:9px;font-weight:950;display:block}.separationShowcase span.supportPartnerLabel{color:#5eead4}.separationShowcase span.quietRuleLabel{color:#cbd5e1}.randomSettingsShowcase{grid-template-columns:minmax(270px,.8fr) minmax(0,1.2fr);gap:11px;margin-top:16px;display:grid}.settingsControlCard label{color:#cbd5e1;margin:0 0 7px;font-size:12px;font-weight:900;display:block}.settingsControlCard label:not(:first-child){margin-top:15px}.showcaseChoiceRow,.showcaseSizeRow{gap:7px;display:grid}.showcaseChoiceRow{grid-template-columns:1fr 1fr}.showcaseSizeRow{grid-template-columns:repeat(5,1fr)}.showcaseChoiceRow button,.showcaseSizeRow button{color:#cbd5e1;cursor:pointer;background:#1e293b;border:1px solid #475569;border-radius:9px;min-height:39px;font-weight:900}.showcaseChoiceRow button.active,.showcaseSizeRow button.active{color:#e0f2fe;background:#2563eb2e;border-color:#38bdf8}.showcaseGroupNames{border-top:1px solid #334155;margin-top:14px;padding-top:13px}.showcaseGroupNames h4,.showcaseGroupNames p{margin:0}.showcaseGroupNames h4{color:#f8fafc;font-size:15px}.showcaseGroupNames p{color:#94a3b8;margin-top:4px;font-size:12px;line-height:1.35}.showcaseGroupNameFields{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:10px;display:grid}.settingsControlCard .showcaseGroupNameFields label{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px;margin:0;display:grid}.showcaseGroupNameFields label span{color:#cbd5e1;white-space:nowrap;font-size:10px;font-weight:900}.showcaseGroupNameFields input{color:#f8fafc;background:#020617;border:1px solid #475569;border-radius:7px;width:100%;min-width:0;min-height:36px;padding:6px 8px;font-size:12px;font-weight:800}.showcaseGroupNameFields input:focus{outline-offset:1px;border-color:#38bdf8;outline:2px solid #38bdf838}.showcaseSuitOrder{background:#111827;border:1px solid #334155;border-radius:11px;margin-top:14px;padding:10px}.showcaseSuitOrder>span,.showcaseSuitOrder strong{display:block}.showcaseSuitOrder>span{color:#94a3b8;font-size:11px}.showcaseSuitOrder strong{color:#f8fafc;letter-spacing:5px;margin-top:4px;font-size:22px}.showcaseSuitPicker{grid-template-columns:repeat(4,1fr);align-items:start;gap:7px;margin-top:8px;display:grid}.showcaseSuitPicker label{grid-template-rows:12px 36px;gap:4px;min-width:0;margin:0;display:grid}.settingsControlCard .showcaseSuitPicker label{margin-top:0}.showcaseSuitPicker label.inactive{opacity:.52}.showcaseSuitPicker small{color:#94a3b8;font-size:10px;font-weight:850}.showcaseSuitPicker select{box-sizing:border-box;color:#f8fafc;background:#020617;border:1px solid #334155;border-radius:9px;width:100%;height:36px;min-height:35px;padding:5px 7px;font-size:16px;font-weight:900;display:block}.roomPreviewHeading{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.roomPreviewHeading strong{color:#f8fafc;display:block}.roomPreviewHeading small{color:#7dd3fc;font-size:10px}.showcaseRoomTagPicker{flex-wrap:wrap;gap:7px;margin-top:12px;display:flex}.showcaseRoomGrid{grid-template-columns:repeat(4,1fr);gap:7px;margin-top:13px;display:grid}.showcaseRoomGrid>div{text-align:center;background:#111827;border:1px solid #334155;border-radius:11px;grid-template-rows:minmax(0,1fr) auto;gap:6px;min-height:78px;padding:7px;display:grid}.showcaseRoomGrid>div.off{opacity:.48}.showcaseRoomGrid>div.selectedTag{box-shadow:0 0 0 2px #7dd3fc2e}.showcaseRoomGrid>div.tagged.placement-front{background:linear-gradient(#0ea5e924,#111827);border-color:#38bdf894}.showcaseRoomGrid>div.tagged.placement-back{background:linear-gradient(#6366f124,#111827);border-color:#818cf894}.showcaseRoomGrid>div.tagged.placement-teacher{background:linear-gradient(#0d948824,#111827);border-color:#2dd4bf94}.showcaseRoomGrid>div.tagged.placement-door{background:linear-gradient(#ea580c24,#111827);border-color:#fb923c9e}.showcaseRoomTileMain{width:100%;min-width:0;min-height:48px;color:inherit;cursor:pointer;background:0 0;border:0;align-content:center;justify-items:center;gap:5px;padding:2px;display:grid}.showcaseRoomTileMain:disabled{cursor:not-allowed}.showcaseRoomToggle{color:#cbd5e1;cursor:pointer;background:#020617ad;border:1px solid #334155;border-radius:999px;min-height:22px;font-size:9px;font-weight:950}.showcaseRoomGrid strong{color:#f8fafc;font-size:21px}.showcaseLocationBadges{flex-wrap:wrap;justify-content:center;gap:3px;display:flex}.showcaseLocationBadges b{color:#cbd5e1;text-transform:uppercase;border:1px solid #94a3b83d;border-radius:999px;padding:3px 5px;font-size:8px;font-weight:950;line-height:1}.roomPreviewCard>p{color:#94a3b8;margin:12px 0 0;font-size:12px;line-height:1.4}.customSettingsShowcase{grid-template-columns:minmax(0,1fr) minmax(300px,.9fr);gap:11px;margin-top:16px;display:grid}.showcaseSavedSetList{gap:8px;display:grid}.showcaseSavedSetList article{background:#02061780;border:1px solid #334155;border-radius:13px;justify-content:space-between;align-items:center;gap:12px;min-height:70px;padding:12px 13px;display:flex}.showcaseSavedSetList strong,.showcaseSavedSetList span{display:block}.showcaseSavedSetList strong{color:#f8fafc}.showcaseSavedSetList span{color:#94a3b8;margin-top:4px;font-size:12px}.showcaseSavedSetList b{color:#5eead4;text-transform:uppercase;background:#0f766e2e;border-radius:999px;padding:5px 8px;font-size:10px}.defaultChoiceList{gap:7px;display:grid}.defaultChoiceList button{color:#cbd5e1;text-align:left;cursor:pointer;background:#111827;border:1px solid #334155;border-radius:11px;justify-content:space-between;align-items:center;gap:9px;min-height:57px;padding:9px 10px;display:flex}.defaultChoiceList button.active{background:#2563eb24;border-color:#38bdf8}.defaultChoiceList strong,.defaultChoiceList small{display:block}.defaultChoiceList strong{color:#f8fafc}.defaultChoiceList small{color:#94a3b8;margin-top:2px}.defaultChoiceList b{color:#7dd3fc;text-transform:uppercase;font-size:10px}.settingsShowcaseFooter{background:#020617b8;border-top:1px solid #334155;grid-template-columns:minmax(130px,auto) 1fr minmax(190px,auto);align-items:center;gap:12px;padding:12px 21px;display:grid}.settingsShowcaseProgress{justify-content:center;gap:6px;display:flex}.settingsShowcaseProgress span{background:#334155;border-radius:999px;width:28px;height:5px}.settingsShowcaseProgress span.active{background:#38bdf8}@media (max-width:760px){.settingsShowcaseOverlay{align-items:end;padding:0}.settingsShowcaseShell{border-bottom:0;border-left:0;border-right:0;border-radius:24px 24px 0 0;width:100%;max-height:100dvh}.settingsShowcaseHeader{padding:10px 12px 8px}.settingsShowcaseEyebrow{font-size:11px}.settingsShowcaseTabs{padding:7px 12px}.settingsShowcaseTabs button{min-height:43px;padding:7px 5px;font-size:11px}.settingsShowcaseTabs button span{display:none}.settingsShowcaseBody{padding:10px 12px}.settingsShowcaseStepHeading h3{font-size:21px}.studentFeatureShowcase,.randomSettingsShowcase,.customSettingsShowcase{grid-template-columns:1fr}.showcaseStudentSetupHeader{align-items:center;padding:10px 12px 8px;display:flex}.showcaseStudentSetupHeader>span{margin-top:0;display:inline-block}.showcaseStudentSetupHeader p{display:none}.showcaseStudentSetupGrid{grid-template-columns:1fr;gap:9px;padding:0 10px 12px}.showcasePanelTitle{padding:9px 10px 7px}.showcasePanelTitle h3{font-size:15px}.showcasePanelTitle p,.showcaseStudentSetupHead{display:none}.showcaseStudentSetupRow{grid-template-columns:1fr;align-items:stretch;gap:7px}.showcaseStudentSetupTable.compact .showcaseStudentSetupRow{grid-template-columns:1fr;gap:5px;min-height:0;padding:7px 9px}.showcaseStudentSetupTable.compact{-webkit-overflow-scrolling:touch;max-height:min(54dvh,520px);overflow-y:auto}.showcaseDisplayNameInput{min-height:34px;padding:6px 8px;font-size:12px}.showcasePlacementChips{flex-wrap:nowrap;gap:3px}.showcasePlacementChips .placementChip{flex:1 1 0;min-width:0;min-height:26px;padding-left:4px;padding-right:4px;font-size:10px}.showcaseRuleBuilder{padding:8px 10px}.showcaseRulesList{max-height:126px;padding:6px 10px 10px}.showcaseRuleStudents{grid-template-columns:1fr}.showcaseRuleStudents>span{display:none}.showcaseRoomGrid{grid-template-columns:repeat(4,1fr)}.showcaseGroupNameFields{grid-template-columns:1fr}.showcaseGroupNameFields input{min-height:42px;font-size:14px}.settingsShowcaseFooter{padding:10px 12px calc(10px + env(safe-area-inset-bottom));grid-template-columns:1fr 1fr}.settingsShowcaseProgress{display:none}.settingsShowcaseFooter button{width:100%}}@media (max-width:430px){.settingsShowcaseTabs{grid-template-columns:repeat(3,minmax(0,1fr))}.settingsShowcaseTabs.mobileDemoTabs{grid-template-columns:repeat(4,minmax(0,1fr))}.settingsShowcaseTabs button{white-space:normal;font-size:10px;line-height:1.15}.showcaseChoiceRow{grid-template-columns:1fr}.showcaseSizeRow,.showcaseRoomGrid{grid-template-columns:repeat(3,1fr)}}.saveArrangementHint{color:#7dd3fc;margin-top:7px;font-size:12px;line-height:1.4;display:block}@media (max-width:700px){.saveArrangementOverlay{place-items:end stretch;padding:0}.saveArrangementModal{width:100%;max-height:min(78dvh,620px);padding:20px 16px calc(15px + env(safe-area-inset-bottom));overscroll-behavior:contain;border-bottom:0;border-left:0;border-right:0;border-radius:24px 24px 0 0;overflow-y:auto}.saveArrangementModal h2{margin-top:11px;font-size:25px}.saveArrangementModal p{margin-bottom:14px;font-size:13px}.saveArrangementModal input{min-height:48px;font-size:16px}.saveArrangementActions{bottom:calc(-15px - env(safe-area-inset-bottom));padding:12px 16px calc(15px + env(safe-area-inset-bottom));background:linear-gradient(#0f172ad1,#0f172a 18%);margin:16px -16px 0;position:sticky}}@media (max-width:430px){.saveArrangementActions{grid-template-columns:1fr}.saveArrangementActions .btnPrimary{order:-1}}.presentBoardButton{color:#e0f2fe;border-color:#7dd3fc9e}@media (max-width:700px){.activeDealView .dailyControlBar{z-index:70;border-radius:15px;margin-bottom:10px;position:sticky;top:7px}.activeDealView .dailyClassStatus{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:2px 8px;display:grid}.activeDealView .dailyClassStatus strong{text-overflow:ellipsis;white-space:nowrap;margin-top:0;overflow:hidden}.activeDealView .dailyClassStatus small{grid-column:1/-1}.activeDealView .dailyPrimaryActions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.activeDealView .dailyPrimaryActions button,.activeDealView .dailySecondaryActions button{min-width:0;min-height:46px;padding-left:8px;padding-right:8px;font-size:13px;line-height:1.15}.activeDealView .dailySecondaryActions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}}@media (max-width:380px){.activeDealView .dailyPrimaryActions,.activeDealView .dailySecondaryActions{grid-template-columns:1fr}}.accountSettingsPage{gap:14px;width:min(980px,100%);margin:0 auto;display:grid}.accountSettingsHeader{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.accountSettingsHeader h2,.accountSettingsHeader p,.accountSettingsPage h3,.accountSettingsPage p{margin:0}.accountSettingsHeader h2{color:#f8fafc;margin-top:3px;font-size:30px}.accountSettingsHeader p,.accountSettingsPage p{color:#94a3b8;margin-top:5px;line-height:1.45}.accountSettingsGrid{grid-template-columns:1fr;gap:12px;display:grid}.accountOverviewPanel,.accountDangerZone{padding:16px}.accountPlanSummary{background:#111827;border:1px solid #334155;border-radius:12px;margin-top:14px;padding:12px}.accountPlanSummary span,.accountPlanSummary strong,.accountPlanSummary small{display:block}.accountPlanSummary span,.accountPlanSummary small{color:#94a3b8;font-size:12px}.accountPlanSummary strong{color:#f8fafc;margin:3px 0;font-size:18px}.accountBillingSummary{gap:6px;margin:12px 0 0;display:grid}.accountBillingSummary div{color:#cbd5e1;justify-content:space-between;gap:12px;font-size:13px;display:flex}.accountBillingSummary dt,.accountBillingSummary dd{margin:0}.accountBillingSummary dd{color:#f8fafc;text-align:right;font-weight:800}.accountSettingsActions,.accountDangerActions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.accountSettingsActions a{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.accountDangerZone{background:#450a0a29;border-color:#ef444461;justify-content:space-between;align-items:center;gap:18px;display:flex}.accountDangerZone .classEditorEyebrow{color:#fca5a5}.accountDangerActions{flex:none;margin-top:0}.customSetNameField.hasError{border-color:#f87171;box-shadow:0 0 0 3px #f8717124}.customSetNameField.hasError input{border-color:#f87171}.customSetNameError{color:#fecaca;margin-top:6px;font-size:12px;font-weight:800;line-height:1.3;display:block}.mobileWorkspaceActions{display:none}@media (max-width:800px){.activeDealView .dailyPrimaryActions,.activeDealView .dailySecondaryActions{display:none}.activeDealView .mobileWorkspaceActions{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.mobileWorkspaceActions .mobileWorkspacePrimary{grid-column:1/-1;min-height:52px;font-size:15px}.mobileWorkspaceActions button:not(.mobileWorkspacePrimary){min-width:0;min-height:46px;padding:7px;font-size:12.5px;line-height:1.12}.accountSettingsPage{gap:10px}.accountSettingsHeader{align-items:center}.accountSettingsHeader h2{font-size:25px}.accountSettingsHeader p{display:none}.accountSettingsGrid{grid-template-columns:1fr;gap:9px}.accountOverviewPanel,.accountDangerZone{padding:13px}.accountDangerZone{flex-direction:column;align-items:stretch}.accountDangerActions{grid-template-columns:1fr;display:grid}.accountDangerActions button{width:100%}}@media (max-width:700px){.manualGroupsHeader{min-height:56px;padding:6px 8px}.mobileBuilderTitle{font-size:10px}.manualGroupsHeader h2{font-size:18px}.mobileBuilderSteps{gap:4px;padding:5px 7px;top:56px}.mobileBuilderSteps button{min-height:30px;padding:3px;font-size:11px}.mobileBuilderSteps button span{width:17px;height:17px}.customBuilderStage.mobileWizardStageActive{margin:6px 5px 78px;padding:8px}.customBuilderStage .builderStageHeading{margin-bottom:6px}.customBuilderStage .builderStageHeading strong{font-size:17px}.customBuilderStage .builderStageHeading small{font-size:11px}.assignStudentsStage .manualStatusBar,.assignStudentsStage .manualUnassignedSection{margin:5px 0 0;padding:7px}.assignStudentsStage .manualStatusBar{font-size:12px}.assignStudentsStage .manualSelectedActions{gap:4px;margin:5px 0 0;padding:5px;top:93px}.assignStudentsStage .manualSelectedActions button{min-height:36px;padding:6px;font-size:11px}.assignStudentsStage .manualSectionTitle span{font-size:11px}.assignStudentsStage .manualStudentPool{gap:4px;margin-top:6px}.assignStudentsStage .manualStudentChip{border-radius:8px;min-height:36px;padding:6px;font-size:11px}.assignStudentsStage .manualGroupsGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:6px 0 0}.assignStudentsStage .manualGroupCard{border-radius:10px;min-width:0;min-height:0;padding:6px}.assignStudentsStage .manualGroupTitle{flex-direction:column;align-items:stretch;gap:5px}.assignStudentsStage .manualGroupIdentity input{width:100%;min-height:34px;padding:5px 6px;font-size:12px}.assignStudentsStage .manualGroupIdentity>strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.assignStudentsStage .manualGroupIdentity>span{font-size:10px}.assignStudentsStage .manualPlaceButton{width:100%;min-height:34px;padding:5px;font-size:10px}.assignStudentsStage .manualGroupStudents{grid-template-columns:1fr;gap:4px;margin-top:6px}}@media (max-width:340px){.assignStudentsStage .manualGroupsGrid{grid-template-columns:1fr}}@media (max-width:700px){.boardModeView.activeDealView #output.arrangementOutput:not(.numberedOutput){width:100%;height:100dvh;padding:8px 8px calc(158px + env(safe-area-inset-bottom));scroll-padding-bottom:calc(172px + env(safe-area-inset-bottom));grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;place-content:start center;align-items:start;gap:8px;margin:0;display:grid;overflow:hidden auto}.boardModeView.activeDealView #output.arrangementOutput:not(.numberedOutput) .sharedGroupCard,.boardModeView.activeDealView #output.arrangementOutput:not(.numberedOutput) .sharedGroupCard.groupSize4{aspect-ratio:4/3;width:100%;max-width:none;height:auto;min-height:0;max-height:none}.boardModeView.activeDealView #output .sharedGroupCard .corner.top-left{top:8px;left:9px}.boardModeView.activeDealView #output .sharedGroupCard .corner.bottom-right{opacity:1;display:grid;bottom:8px;right:9px}.boardModeView.activeDealView #output .sharedGroupCard .corner .rank{font-size:clamp(25px,9vw,36px)}.boardModeView.activeDealView #output .sharedGroupCard .sharedGroupStudents,.boardModeView.activeDealView #output .sharedGroupCard .sharedGroupStudents.groupSize2,.boardModeView.activeDealView #output .sharedGroupCard .sharedGroupStudents.groupSize3,.boardModeView.activeDealView #output .sharedGroupCard .sharedGroupStudents.groupSize4{gap:1px;inset:clamp(27px,9vw,38px) 9px clamp(24px,8vw,34px)}.boardModeView.activeDealView #output .sharedGroupCard.studentCount2 .sharedGroupStudents,.boardModeView.activeDealView #output .sharedGroupCard.studentCount2 .sharedGroupStudents.groupSize2,.boardModeView.activeDealView #output .sharedGroupCard.studentCount2 .sharedGroupStudents.groupSize3,.boardModeView.activeDealView #output .sharedGroupCard.studentCount2 .sharedGroupStudents.groupSize4{gap:3px;top:clamp(35px,11vw,46px);bottom:clamp(32px,10vw,42px)}.boardModeView.activeDealView #output .sharedGroupCard .sharedStudentRow,.boardModeView.activeDealView #output .sharedGroupStudents.groupSize4 .sharedStudentRow{flex:1 1 0;gap:3px;min-height:0;padding:0 3px}.boardModeView.activeDealView #output .sharedGroupCard.studentCount2 .sharedStudentRow{flex:0 auto;min-height:0}.boardModeView.activeDealView #output .sharedGroupCard .sharedSuitColumn{flex-basis:14px;width:14px;font-size:15px}.boardModeView.activeDealView #output .sharedGroupCard .sharedStudentName{line-height:1.02}}:root{--brand-blue-600:#0575ff;--brand-blue-500:#2563eb;--brand-sky-400:#60a5fa;--brand-indigo-600:#4f46e5;--brand-purple-600:#7c22ce;--brand-purple-500:#8b5cf6;--brand-violet-300:#c4b5fd;--brand-lavender-100:#ede9fe}.app{background:radial-gradient(circle at 12% 0%, #0575ff24, transparent 30%), radial-gradient(circle at 88% 4%, #7c22ce1f, transparent 26%), var(--brand-navy-950)}.appHeader,.brandWelcomeCard,.signupCard,.saveArrangementModal{background:radial-gradient(circle at 0 0,#0575ff26,#0000 35%),radial-gradient(circle at 100% 0,#7c22ce24,#0000 32%),linear-gradient(145deg,#0f172afa,#1b1936f5)}.brandEyebrow,.classBtnAction,.privacyDataLinks a,.privacySupportNote a{color:#93c5fd}.brandSubline,.earlyAccessNotice a{color:var(--brand-violet-300)}.btnPrimary,.primaryActionRow .btnPrimary,.modalActionGrid .btnPrimary,.importTrialCard>.btnPrimary,.singleCreateAction .btnPrimary,.manualGroupsHeader .manualHeaderActions .btnPrimary,.saveArrangementActions .btnPrimary{background:linear-gradient(135deg, var(--brand-blue-600), var(--brand-purple-600));border-color:var(--brand-violet-300);color:#fff}.btnPrimary:hover,.primaryActionRow .btnPrimary:hover,.modalActionGrid .btnPrimary:hover,.importTrialCard>.btnPrimary:hover,.singleCreateAction .btnPrimary:hover,.manualGroupsHeader .manualHeaderActions .btnPrimary:hover,.saveArrangementActions .btnPrimary:hover{background:linear-gradient(135deg,#005ee0,#6d28d9)}.stepPill,.stepPill.blue{background:linear-gradient(135deg, var(--brand-blue-600), var(--brand-purple-500));color:#fff}.brandFeatureGrid article:nth-child(2),.brandFeatureGrid article:nth-child(4){border-color:#a78bfa6b}.brandFeatureNumber,.brandFeatureGrid article:first-child .brandFeatureNumber,.brandFeatureGrid article:nth-child(2) .brandFeatureNumber{color:#fff;background:linear-gradient(135deg,#0575fff2,#7c22cef2)}.earlyAccessNotice,.billingDetailsPanel,.freeImportChoice{border-color:#a78bfa4d}.earlyAccessNotice strong,.freeImportChoice label,.billingDetailsPanel dd{color:var(--brand-lavender-100)}.classBtn{border-left-color:var(--brand-purple-500);background:radial-gradient(circle at 100% 0,#7c22ce1a,#0000 42%),radial-gradient(circle at 0 100%,#0575ff1f,#0000 44%),#0f172a}.classBtn:hover{border-left-color:var(--brand-violet-300);background:radial-gradient(circle at 100% 0,#7c22ce29,#0000 45%),radial-gradient(circle at 0 100%,#0575ff29,#0000 46%),#172033}.classManagementCard{border-top-color:#0575ffb8}.classManagementCard:nth-child(2n){border-top-color:#7c22ceb8}.planChoiceButton:hover:not(:disabled),.featuredPlanChoice{border-color:var(--brand-violet-300);background:#7c22ce29}.founderPriceNote,.demoControlStory,.contextTipBanner{background:linear-gradient(90deg,#4f46e529,#7c22ce1a),#0206176b;border-color:#a78bfa61}.founderPriceNote strong,.contextTipBanner strong,.contextTipBanner span,.demoControlStory>div:first-child>span{color:var(--brand-violet-300)}.demoAdjustGuide,.demoChecklist>div.current,.savedGroupSetRow.demoTarget{border-color:var(--brand-violet-300);background:#4f46e524}.demoAdjustGuide strong,.demoAdjustGuide span,.demoChecklist>div.current{color:var(--brand-lavender-100)}.demoChecklist>div.current>span{border-color:var(--brand-violet-300);background:linear-gradient(135deg, var(--brand-blue-600), var(--brand-purple-600));color:#fff}.adjustStudentChip.demoTarget,.moveHereButton.demoTarget,.adjustActionBar button.demoTarget{box-shadow:0 0 0 4px #7c22ce3d}.classEditorTabs button.active,.editGroupingToggle button.active,.displayModeBtn.active,.customDisplayChoice.active,.customDisplayButtons button.active,.settingsShowcaseTabs button.active,.showcaseChoiceRow button.active,.showcaseSizeRow button.active,.defaultChoiceList button.active,.previewModeTabs button.active,.groupSizeBtn.active,.manualSizeButtons button.active,.defaultGroupingButtons button.active,.topClassButton.active,.headerClassButton.active,.settingsClassBtn.active,.chip.selected,.adjustActionBar button.active,.adjustStudentChip.selected,.manualStudentChip.selected,.customBuilderSteps span.active{border-color:var(--brand-violet-300);color:#fff;background:linear-gradient(135deg,#0575ffeb,#7c22ceeb)}.displayModeBtn.active span,.customDisplayButtons button.active span,.settingsShowcaseTabs button.active span,.showcaseChoiceRow button.active span,.showcaseSizeRow button.active span,.defaultChoiceList button.active span{color:var(--brand-lavender-100)}.customBuilderFooter,.privacyDataPanel,.classDefaultControl,.dailyControlBar{border-left-color:var(--brand-purple-500)}.dailyGroupingChoice{border-color:var(--brand-violet-300);background:#4f46e524}.dailyGroupingChoice span{color:var(--brand-lavender-100)}.dailyGroupingChoice b{background:linear-gradient(135deg, var(--brand-blue-600), var(--brand-purple-600))}.legalPage{color:#f8fafc;background:radial-gradient(circle at 12% 0,#2563eb24,#0000 30%),radial-gradient(circle at 88% 4%,#14b8a61a,#0000 25%),#020617;min-height:100dvh;padding:20px}.legalPanel{background:radial-gradient(circle at 0 0,#38bdf81f,#0000 34%),#0f172a;border:1px solid #334155;border-radius:18px;width:min(880px,100%);margin:0 auto;padding:26px;box-shadow:0 20px 60px #0000006b}.legalBackLink{color:#7dd3fc;margin-bottom:18px;font-weight:850;text-decoration:none;display:inline-flex}.legalEyebrow{color:#5eead4;letter-spacing:.1em;text-transform:uppercase;margin:0 0 7px;font-size:12px;font-weight:950}.legalPanel h1{margin:0;font-size:clamp(32px,7vw,48px);line-height:1.02}.legalUpdated{color:#94a3b8;margin:8px 0 22px;font-size:13px;font-weight:800}.legalPanel h2{color:#e0f2fe;margin:25px 0 8px;font-size:20px}.legalPanel p{color:#cbd5e1;margin:0 0 12px;line-height:1.62}.legalPanel a{color:#7dd3fc;font-weight:850}.legalPanel ul,.legalPanel ol{color:#cbd5e1;line-height:1.7}.legalPlaceholder{background:#fbbf2414;border:1px solid #fbbf246b;border-radius:12px;padding:12px 14px}.legalSteps{padding-left:22px}.faqList{gap:12px;display:grid}.faqItem{background:#02061752;border:1px solid #334155;border-radius:14px;padding:14px 16px}.faqItem h2{margin-top:0}.legalSupportCallout{background:#14b8a61a;border-left:4px solid #2dd4bf;border-radius:0 14px 14px 0;margin-top:18px;padding:16px}.legalActionRow{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px;display:grid}.copyEmailControl{flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px;display:flex}.copyEmailControl span{color:#cbd5e1;-webkit-user-select:text;user-select:text;font-size:13px;line-height:1.4}.copyEmailControl a,.copyEmailInlineButton{color:#7dd3fc;font-size:13px;font-weight:850}.copyEmailInlineButton{cursor:pointer;background:0 0;border:0;border-radius:4px;padding:0;text-decoration:underline}.copyEmailInlineButton:focus-visible{outline-offset:3px;outline:2px solid #7dd3fc}.pricingPanel{width:min(1020px,100%)}.pricingGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:22px 0;display:grid}.pricingCard{background:#02061773;border:1px solid #334155;border-radius:16px;padding:18px}.featuredPricingCard{background:linear-gradient(#14b8a61f,#02061773);border-color:#2dd4bf94}.pricingPlanLabel{color:#7dd3fc;text-transform:uppercase;background:#38bdf824;border-radius:999px;margin-bottom:10px;padding:5px 9px;font-size:11px;font-weight:950;display:inline-flex}.featuredPricingCard .pricingPlanLabel{color:#5eead4;background:#2dd4bf24}.pricingCard h2{margin-top:0}.pricingPrice{color:#f8fafc;margin-bottom:5px;font-size:34px;line-height:1;display:block}.pricingAltPrice{color:#99f6e4;margin-bottom:5px;font-size:14px;font-weight:850;display:block}.pricingTrialNote{color:#bae6fd;margin-bottom:10px;font-size:13px;font-weight:850;display:block}.pricingCard ul{color:#cbd5e1;margin:14px 0 0;padding-left:19px;line-height:1.7}.pricingFounderNote{background:#0f766e24;border:1px solid #2dd4bf6b;border-radius:14px;margin-top:16px;padding:13px 14px}.pricingFounderNote strong,.pricingFounderNote span{display:block}.pricingFounderNote strong{color:#ccfbf1;font-size:13px}.pricingFounderNote span{color:#dbeafe;margin-top:4px;font-size:13px;line-height:1.45}.pricingCheckoutForm{gap:10px;margin-top:18px;display:grid}.legalPanel .pricingCheckoutButton{color:#fff;cursor:pointer;width:100%;min-height:50px;font:inherit;text-shadow:0 1px 1px #02061747;background:linear-gradient(135deg,#22c55e,#0284c7);border:0;border-radius:12px;justify-content:center;align-items:center;font-weight:950;text-decoration:none;display:inline-flex;box-shadow:0 14px 28px #0ea5e938}.legalPanel .pricingCheckoutButton:hover{filter:brightness(1.05)}.secondaryPricingCheckoutButton{color:#e0f2fe;box-shadow:none;background:#0f172acc;border:1px solid #7dd3fc80}.pricingCheckoutNote{color:#94a3b8;font-size:13px;line-height:1.4}.pricingNotes{background:#0ea5e917;border-left:4px solid #38bdf8;border-radius:0 14px 14px 0;padding:16px}.pricingNotes h2{margin-top:0}.supportForm{background:#0f172a94;border:1px solid #7dd3fc57;border-radius:14px;gap:14px;margin-top:22px;padding:18px;display:grid}.supportForm h2{margin:0}.supportSensitiveWarning{color:#fde68a;background:#fbbf241a;border:1px solid #fbbf2475;border-radius:10px;margin:0;padding:12px 14px;font-weight:800}.supportHoneyField{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.supportFieldGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.supportForm label{color:#dbeafe;margin:0}.supportForm input,.supportForm select,.supportForm textarea{color:#0f172a;background:#f8fafc;border:1px solid #93c5fd;margin-top:7px}.supportForm textarea{min-height:auto}.supportForm input:focus,.supportForm select:focus,.supportForm textarea:focus{outline-offset:2px;outline:3px solid #7dd3fc6b}.supportFieldHint{color:#bfdbfe;text-align:right;margin-top:5px;font-size:12px;display:block}.supportFieldHintLeft{text-align:left}.supportFormSuccess,.supportFormError{border-radius:10px;margin:0;padding:11px 12px;font-weight:800}.supportFormSuccess{color:#bbf7d0;background:#22c55e1f;border:1px solid #86efac6b}.supportFormError{color:#fecaca;background:#ef44441f;border:1px solid #fca5a570}.supportEmailBackups{gap:12px;margin-top:18px;display:grid}.supportForm .pricingCheckoutButton:disabled{cursor:wait;filter:grayscale(.2);opacity:.76}.appHeader{grid-template-columns:minmax(280px,1.15fr) minmax(140px,auto) auto auto;grid-template-areas:"brand classes nav account";align-items:center;gap:14px;min-height:auto;display:grid}.appHeader .brandBlock{grid-area:brand;justify-content:flex-start}.appHeader .headerClassButtons{flex-wrap:wrap;grid-area:classes;justify-content:center;align-items:center;gap:10px;width:auto;min-width:0;max-width:none;margin:0;display:flex;position:static;transform:none}.appHeader .headerClassButton{color:#f8fafc;text-align:center;white-space:nowrap;background:linear-gradient(135deg,#0f172afa,#1e293bf5);border:1px solid #60a5fa5c;border-radius:14px;width:156px;min-width:156px;max-width:156px;min-height:50px;padding:8px 14px;font-size:16px;font-weight:950;line-height:1;box-shadow:0 8px 18px #0206173d}.appHeader .headerClassButton:hover{background:linear-gradient(135deg,#1e293bfa,#2563eb57);border-color:#7dd3fca3;transform:translateY(-1px)}.appHeader .headerClassButton:focus-visible{outline-offset:3px;outline:3px solid #7dd3fcb8}.appHeader .headerClassButton.active,.appHeader .headerClassButton[aria-current=true]{background:linear-gradient(135deg, var(--brand-blue-600), var(--brand-purple-600));border-color:var(--brand-violet-300);color:#fff;box-shadow:0 10px 24px #4f46e557}.appHeader .navButtons{grid-area:nav;justify-content:flex-end}.appHeader .accountPanel{grid-area:account;justify-self:end}@media (max-width:1180px){.appHeader{grid-template-columns:minmax(280px,1fr) auto auto;grid-template-areas:"brand nav account""classes classes classes"}.appHeader .headerClassButtons{margin-top:2px}}@media (max-width:700px){.appHeader{grid-template-columns:1fr;grid-template-areas:"brand""classes""nav""account"}.appHeader .brandBlock,.appHeader .navButtons,.appHeader .accountPanel{justify-self:stretch}.appHeader .headerClassButtons{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;display:grid}.appHeader .headerClassButton{width:100%;min-width:0;max-width:none;min-height:46px;padding:8px 10px;font-size:14px}.legalPage{padding:12px}.legalPanel{border-radius:14px;padding:18px}.pricingGrid{grid-template-columns:1fr}.pricingPrice{font-size:30px}.supportFieldGrid,.legalActionRow{grid-template-columns:1fr}}.boardModeView{padding:8px}.demoExperienceView{background:#020617;width:100%;min-height:100dvh}.demoExperienceView .container{min-height:100dvh;box-shadow:none;background:#020617;border-radius:0}.demoExperienceView .dealPage{background:#020617;min-height:100dvh}.demoExperienceView .signupOverlay,.demoExperienceView .guestSessionNotice,.demoExperienceView .appHeader,.demoExperienceView .message{display:none}.boardModeView .container{box-shadow:none;background:0 0;border-radius:0;padding:0}.boardModeView .appHeader,.boardModeView .guestSessionNotice,.boardModeView .dailyControlBar,.boardModeView .message,.boardModeView .legalFooterLinks,.boardModeView .appVersionLabel{display:none}.boardModeView .dealPage{padding:0}.boardModeView #output{align-content:center;height:calc(100dvh - 16px);min-height:0;overflow:hidden}.exitBoardModeButton{top:auto;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:320;color:#e2e8f0;background:#0f172ae0;border:1px solid #475569;border-radius:10px;min-height:40px;padding:8px 12px;position:fixed;box-shadow:0 10px 24px #00000059}.boardModeActions{top:auto;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:320;background:#0f172ae0;border:1px solid #475569;border-radius:12px;flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:min(520px,100vw - 20px);padding:6px;display:flex;position:fixed;box-shadow:0 10px 24px #00000059}.boardModeActions button{color:#e2e8f0;white-space:nowrap;background:#1e293bd1;border:1px solid #94a3b86b;border-radius:9px;min-height:36px;padding:7px 9px;font-size:12px}.boardModeActions button:first-child{color:#e0f2fe;background:#0ea5e93d;border-color:#7dd3fc94}.groupCardSizingScope .fitStudentName{box-sizing:border-box;white-space:nowrap;text-overflow:clip;letter-spacing:0;width:100%;min-width:0;min-height:1.18em;padding:0 0 .08em;line-height:1.14;display:block;overflow:visible;transform:none}.sharedGroupCard{box-sizing:border-box}.previewOverviewGrid .sharedGroupCard,.previewSwipeStage .sharedGroupCard,.previewOverviewGrid .sharedNumberGroup,.previewSwipeStage .sharedNumberGroup{flex:none;width:100%;max-width:none}.sharedGroupCard .sharedGroupStudents,.sharedGroupCard .sharedGroupStudents.groupSize2,.sharedGroupCard .sharedGroupStudents.groupSize3,.sharedGroupCard .sharedGroupStudents.groupSize4{box-sizing:border-box;gap:clamp(6px,.72vw,10px);width:auto;max-height:none;inset:clamp(72px,17%,88px) 12px clamp(64px,15%,78px)}.sharedStudentRow,.sharedGroupCard .sharedStudentRow,.sharedGroupCard .sharedGroupStudents.groupSize2 .sharedStudentRow,.sharedGroupCard .sharedGroupStudents.groupSize4 .sharedStudentRow{box-sizing:border-box;border-left-width:6px;align-items:center;gap:clamp(8px,.7vw,10px);min-width:0;min-height:clamp(50px,4.15vw,68px);padding:6px 10px;display:flex;overflow:visible}.sharedSuitColumn,.sharedGroupCard .sharedSuitColumn,.boardModeView #output .sharedSuitColumn{box-sizing:border-box;text-align:center;flex:0 0 clamp(22px,2.2vw,28px);justify-content:center;align-items:center;width:clamp(22px,2.2vw,28px);margin:0;font-size:clamp(22px,2.5vw,30px);line-height:1;display:inline-flex}.sharedStudentName,.sharedGroupCard .sharedStudentName,.boardModeView #output .sharedStudentName{color:inherit;text-align:left;flex:auto;line-height:1.14}.redSuit .sharedStudentName{color:#b91c1c}.blackSuit .sharedStudentName{color:#020617}.sharedGroupCard.groupSize4{aspect-ratio:3/4.08}.sharedGroupCard.groupSize4 .corner .rank{font-size:clamp(46px,3.55vw,56px)}.sharedGroupCard.groupSize4 .corner.top-left{top:14px;left:14px}.sharedGroupCard.groupSize4 .corner.bottom-right{bottom:14px;right:14px}.sharedGroupCard .sharedGroupStudents.groupSize4{gap:clamp(4px,.48vw,7px);top:clamp(82px,19%,96px);bottom:clamp(82px,18%,94px)}.sharedGroupCard .sharedGroupStudents.groupSize4 .sharedStudentRow{flex:1 1 0;gap:clamp(8px,.62vw,10px);min-height:clamp(46px,3.25vw,58px);padding:4px 11px 5px 9px}.sharedGroupCard .sharedGroupStudents.groupSize4 .sharedSuitColumn{flex-basis:clamp(21px,1.85vw,26px);width:clamp(21px,1.85vw,26px);font-size:clamp(21px,2.15vw,28px)}.previewOverviewGrid .sharedGroupCard--mini{aspect-ratio:auto;min-height:250px}.previewOverviewGrid .sharedGroupCard--mini .corner .rank{font-size:34px}.previewOverviewGrid .sharedGroupCard--mini .cardOrnament{display:none}.previewOverviewGrid .sharedGroupCard--mini .corner.bottom-right{display:flex;bottom:9px;right:9px}.previewOverviewGrid .sharedGroupCard--mini .sharedGroupStudents{gap:7px;top:54px;bottom:42px}.previewOverviewGrid .sharedGroupCard--mini .sharedStudentRow{border-left-width:5px;min-height:40px;padding:5px 8px}.previewOverviewGrid .sharedGroupCard--mini .sharedSuitColumn{flex-basis:22px;width:22px;font-size:23px}.previewSwipeStage .sharedGroupCard--large{border-width:3px;border-radius:24px;flex:none;width:min(560px,92%);max-width:560px;max-height:68vh;box-shadow:0 22px 50px #00000075}.previewSwipeStage .sharedGroupCard--large .corner .rank{font-size:clamp(50px,8vw,76px)}.previewSwipeStage .sharedGroupCard--large .sharedGroupStudents{gap:9px;inset:92px 22px 78px}.previewSwipeStage .sharedGroupCard--large .sharedStudentRow{border-radius:12px;min-height:58px;padding:8px 12px}.previewSwipeStage .sharedGroupCard--large .sharedSuitColumn{flex-basis:28px;width:28px;font-size:30px}.previewSwipeStage .sharedGroupCard--large.groupSize4{aspect-ratio:3/4.04}.previewSwipeStage .sharedGroupCard--large.groupSize4 .sharedGroupStudents{gap:7px;top:96px;bottom:88px}.previewSwipeStage .sharedGroupCard--large.groupSize4 .sharedStudentRow{min-height:52px;padding-top:6px;padding-bottom:6px}.sharedNumberGroup--mini{min-height:230px}.sharedNumberGroup--large{border-width:3px;border-radius:24px;width:min(620px,94%);max-width:620px;min-height:440px;box-shadow:0 22px 50px #00000075}.sharedNumberGroup--large .numberedGroupHeader{min-height:105px}.sharedNumberGroup--large .numberedStudent{min-height:58px}.sharedNumberStudent{box-sizing:border-box;line-height:1.14;overflow:visible}.boardModeView #output .sharedGroupCard .sharedGroupStudents,.boardModeView #output .sharedGroupCard .sharedGroupStudents.groupSize2,.boardModeView #output .sharedGroupCard .sharedGroupStudents.groupSize3,.boardModeView #output .sharedGroupCard .sharedGroupStudents.groupSize4{gap:clamp(5px,.9vmin,9px);width:auto;max-height:none}.boardModeView #output .sharedGroupCard.groupSize4 .corner .rank{font-size:clamp(24px,5.25vmin,52px)}.boardModeView #output .sharedGroupCard .sharedGroupStudents.groupSize4{gap:clamp(3px,.65vmin,6px);top:clamp(46px,18%,86px);bottom:clamp(46px,17%,82px)}.boardModeView #output .sharedStudentRow,.boardModeView #output .sharedGroupStudents.groupSize2 .sharedStudentRow,.boardModeView #output .sharedGroupStudents.groupSize4 .sharedStudentRow{gap:clamp(7px,.9vmin,10px);min-height:clamp(40px,13.5%,68px);padding:clamp(5px,.9vmin,8px) clamp(8px,1vmin,10px);overflow:visible}.boardModeView #output .sharedGroupStudents.groupSize4 .sharedStudentRow{flex:1 1 0;min-height:clamp(34px,11.5%,56px);padding-top:clamp(3px,.62vmin,6px);padding-bottom:clamp(3px,.62vmin,6px)}.boardModeView #output .sharedStudentName{text-align:left;line-height:1.14}@media (max-width:1300px) and (min-width:701px){.sharedGroupCard.groupSize4 .corner .rank{font-size:clamp(42px,3.85vw,50px)}.sharedGroupCard .sharedGroupStudents.groupSize4{gap:5px;top:clamp(76px,18%,88px);bottom:clamp(78px,17.5%,88px)}.sharedGroupCard .sharedGroupStudents.groupSize4 .sharedStudentRow{min-height:44px;padding-top:4px;padding-bottom:4px}}@media (max-width:700px){.activeDealView #output .sharedGroupCard{aspect-ratio:auto;min-height:258px}.activeDealView #output .sharedGroupCard .corner.bottom-right{display:flex;bottom:9px;right:9px}.activeDealView #output .sharedGroupCard .sharedGroupStudents,.activeDealView #output .sharedGroupCard .sharedGroupStudents.groupSize2,.activeDealView #output .sharedGroupCard .sharedGroupStudents.groupSize3,.activeDealView #output .sharedGroupCard .sharedGroupStudents.groupSize4{gap:6px;width:auto;min-height:100%;padding:45px 8px 42px;position:static;inset:auto}.activeDealView #output .sharedStudentRow,.activeDealView #output .sharedGroupStudents.groupSize2 .sharedStudentRow,.activeDealView #output .sharedGroupStudents.groupSize4 .sharedStudentRow{border-left-width:4px;border-radius:9px;gap:8px;min-height:42px;padding:5px 8px;overflow:visible}.activeDealView #output .sharedSuitColumn{flex-basis:22px;width:22px;font-size:22px}.activeDealView #output .sharedStudentName{text-align:left;width:100%;padding-bottom:.08em;line-height:1.14}.activeDealView #output .sharedGroupCard.groupSize4{min-height:286px}.activeDealView #output .sharedGroupCard.groupSize4 .corner .rank{font-size:28px}.activeDealView #output .sharedGroupCard .sharedGroupStudents.groupSize4{gap:5px;padding-top:43px;padding-bottom:38px}.activeDealView #output .sharedGroupStudents.groupSize4 .sharedStudentRow{min-height:40px;padding-top:4px;padding-bottom:4px}.previewOverviewGrid .sharedGroupCard--mini{min-height:232px}.previewOverviewGrid .sharedGroupCard--mini .sharedGroupStudents{gap:6px;inset:44px 8px 36px}.previewOverviewGrid .sharedGroupCard--mini .sharedStudentRow{gap:7px;min-height:40px;padding:5px 8px}.previewSwipeStage .sharedGroupCard--large{border-radius:20px;width:min(360px,90vw);max-height:none}.previewSwipeStage .sharedGroupCard--large .sharedGroupStudents{gap:7px;inset:68px 14px 58px}.previewSwipeStage .sharedGroupCard--large .sharedStudentRow{gap:8px;min-height:46px;padding:6px 9px}.previewSwipeStage .sharedGroupCard--large .sharedSuitColumn{flex-basis:24px;width:24px;font-size:25px}.previewSwipeStage .sharedGroupCard--large.groupSize4{width:min(370px,91vw)}.previewSwipeStage .sharedGroupCard--large.groupSize4 .sharedGroupStudents{gap:6px;top:70px;bottom:62px}.previewSwipeStage .sharedGroupCard--large.groupSize4 .sharedStudentRow{min-height:43px;padding-top:5px;padding-bottom:5px}.sharedNumberGroup--mini{min-height:210px}.numberedPreviewOverview .sharedNumberGroup--mini{border-radius:16px;width:100%;max-width:none;height:auto;min-height:210px;max-height:none}.numberedPreviewOverview .sharedNumberGroup--mini .numberedGroupHeader{flex:none;min-height:52px;padding:8px 10px}.numberedPreviewOverview .sharedNumberGroup--mini .numberedGroupHeader span{font-size:clamp(15px,4.2vw,18px)}.numberedPreviewOverview .sharedNumberGroup--mini .numberedGroupHeader strong{font-size:clamp(30px,8.8vw,38px)}.numberedPreviewOverview .sharedNumberGroup--mini .numberedStudentList{grid-template-columns:1fr;align-content:start;justify-items:stretch;gap:8px;padding:12px 8px 14px;display:grid}.numberedPreviewOverview .sharedNumberGroup--mini .numberedStudent{width:100%;min-width:0;min-height:30px;box-shadow:none;color:#071225;text-align:center;white-space:nowrap;text-overflow:clip;background:0 0;border:0;border-radius:0;padding:0 2px;font-weight:950;line-height:1.05;display:block;overflow:hidden;font-size:clamp(24px,7.4vw,30px)!important}.sharedNumberGroup--large{border-radius:20px;width:min(390px,92vw);min-height:360px}}#output.arrangementOutput:not(.numberedOutput){grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));align-items:stretch;gap:clamp(14px,1.7vw,24px);display:grid}#output.arrangementOutput:not(.numberedOutput) .sharedGroupCard{aspect-ratio:16/9;flex:none;width:100%;max-width:none;min-height:clamp(240px,18vw,340px)}.sharedGroupCard,.sharedGroupCard.groupSize4{transform-style:preserve-3d;background:radial-gradient(circle,#2563eb0d,#0000 42%),linear-gradient(#fff 0%,#f8fafc 100%);border:2px solid #94a3b875;border-radius:22px;overflow:hidden;box-shadow:0 18px 34px #0f172a33,inset 0 3px #ffffffb8}.sharedGroupCard:before{z-index:1;border-color:#94a3b83d;border-radius:16px;inset:12px}.sharedGroupCard:after{content:"ClassShuffle";z-index:20;border-radius:inherit;color:#ffffffeb;letter-spacing:0;text-shadow:0 2px 8px #0f172a5c;pointer-events:none;opacity:0;backface-visibility:hidden;background:radial-gradient(circle,#fff3 0 7%,#0000 7.5%),radial-gradient(circle,#0000 0 23%,#ffffff5c 23.5% 24.5%,#0000 25%),repeating-linear-gradient(45deg,#ffffff2e 0 2px,#0000 2px 10px),repeating-linear-gradient(-45deg,#ffffff29 0 2px,#0000 2px 10px),linear-gradient(135deg,#7f1d1d 0%,#b91c1c 44%,#991b1b 100%);border:2px solid #ffffffc7;place-items:center;font-size:clamp(18px,3.6vw,42px);font-weight:950;display:grid;position:absolute;inset:0;transform:rotateY(180deg);box-shadow:inset 0 0 0 8px #ffffff26,inset 0 0 0 13px #0f172a24}.revealCards .sharedGroupCard{animation:.72s cubic-bezier(.2,.72,.2,1) both groupCardFlipFront;animation-delay:calc(var(--reveal-index,0) * 95ms)}.revealCards .sharedGroupCard:after{animation:.72s cubic-bezier(.2,.72,.2,1) both groupCardFlipBack;animation-delay:calc(var(--reveal-index,0) * 95ms);opacity:1}.sharedGroupCard .cardOrnament{display:none}.sharedGroupCard .corner{z-index:4;color:#0f172a;justify-items:center;gap:0;width:auto;min-width:34px;display:grid}.sharedGroupCard .corner.bottom-right{bottom:17px;right:18px}.sharedGroupCard .corner .rank{font-size:clamp(23px,2vw,34px);font-weight:900;line-height:.9}.sharedGroupCard .cornerSuit{margin-top:2px;font-size:clamp(14px,1.15vw,20px);line-height:1;display:block}.sharedGroupCard .corner.redSuit{color:#dc2626}.sharedGroupCard .corner.blackSuit{color:#0f172a}.sharedGroupCard .sharedGroupStudents,.sharedGroupCard .sharedGroupStudents.groupSize2,.sharedGroupCard .sharedGroupStudents.groupSize3,.sharedGroupCard .sharedGroupStudents.groupSize4{justify-content:center;gap:clamp(5px,.75vw,11px);width:auto;max-height:none;inset:clamp(40px,4.4vw,62px) clamp(42px,5vw,72px)}.sharedGroupCard .sharedStudentRow,.sharedGroupCard .sharedGroupStudents.groupSize2 .sharedStudentRow,.sharedGroupCard .sharedGroupStudents.groupSize4 .sharedStudentRow{min-height:0;box-shadow:none;background:#ffffffb3;border:0;border-radius:12px;flex:1 1 0;justify-content:center;gap:clamp(6px,.8vw,10px);padding:2px clamp(8px,1vw,14px)}.sharedGroupCard .sharedSuitColumn{color:currentColor;opacity:.72;flex-basis:clamp(18px,1.75vw,26px);width:clamp(18px,1.75vw,26px)}.sharedGroupCard .sharedStudentName,.boardModeView #output .sharedStudentName{text-align:center;color:#071225;padding-bottom:.06em;line-height:1.12}.sharedGroupCard .redSuit .sharedStudentName,.sharedGroupCard .blackSuit .sharedStudentName{color:#071225}.sharedGroupCard .sharedGroupStudents:before{content:"";z-index:-1;opacity:.025;background:currentColor;border-radius:999px;position:absolute;inset:6%;transform:rotate(-8deg)}.boardModeView #output{perspective:1400px}.boardModeView #output:not(.numberedOutput){grid-template-columns:repeat(var(--board-columns,2), minmax(0, var(--board-card-width,1fr)));place-content:center;display:grid}.boardModeView #output .sharedGroupCard,.boardModeView #output .sharedGroupCard.groupSize4{width:min(100%, var(--board-card-width,100%));max-width:var(--board-card-width,none);height:min(100%, var(--board-card-height,100%));max-height:var(--board-card-height,none);aspect-ratio:16/9}.boardModeView #output .sharedGroupCard .sharedGroupStudents,.boardModeView #output .sharedGroupCard .sharedGroupStudents.groupSize2,.boardModeView #output .sharedGroupCard .sharedGroupStudents.groupSize3,.boardModeView #output .sharedGroupCard .sharedGroupStudents.groupSize4{inset:clamp(32px,5vmin,58px) clamp(30px,5vmin,64px)}.previewSwipeStage,#output.arrangementOutput{perspective:1400px}.previewOverviewGrid .sharedGroupCard--mini{min-height:220px}.previewSwipeStage .sharedGroupCard--large,.previewSwipeStage .sharedGroupCard--large.groupSize4{aspect-ratio:16/9;width:min(760px,94%);max-width:760px;max-height:72vh}@keyframes groupCardFlipFront{0%{transform:rotateY(-180deg)}to{transform:rotateY(0)}}@keyframes groupCardFlipFrontPhone{0%{opacity:0;transform:rotateY(-180deg)scale(.92)}14%{opacity:1;transform:rotateY(-180deg)scale(.96)}58%{opacity:1;transform:rotateY(-180deg)scale(.98)}to{opacity:1;transform:rotateY(0)scale(1)}}@keyframes groupCardFlipBack{0%,48%{opacity:1;transform:rotateY(0)}49%,to{opacity:0;transform:rotateY(180deg)}}@keyframes groupCardFlipBackPhone{0%,58%{opacity:1;transform:rotateY(0)}59%,to{opacity:0;transform:rotateY(180deg)}}@keyframes groupCardBackOverlayPhone{0%,58%{opacity:1;transform:none}to{opacity:0;transform:none}}@media (max-width:700px){#output.arrangementOutput:not(.numberedOutput){grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.activeDealView #output .sharedGroupCard,.activeDealView #output .sharedGroupCard.groupSize4{aspect-ratio:1.22;min-height:180px}.activeDealView #output .sharedGroupCard .sharedGroupStudents,.activeDealView #output .sharedGroupCard .sharedGroupStudents.groupSize2,.activeDealView #output .sharedGroupCard .sharedGroupStudents.groupSize3,.activeDealView #output .sharedGroupCard .sharedGroupStudents.groupSize4{min-height:0;padding:0;position:absolute;inset:38px 28px}.activeDealView #output .sharedGroupCard .sharedStudentRow,.activeDealView #output .sharedGroupStudents.groupSize4 .sharedStudentRow{gap:5px;min-height:0;padding:1px 4px}.activeDealView #output .sharedGroupCard .sharedSuitColumn{flex-basis:16px;width:16px;font-size:17px}}@media (prefers-reduced-motion:reduce){.revealCards .sharedGroupCard,.revealCards .sharedGroupCard:after{animation:none!important}.revealCards .sharedGroupCard:after{opacity:0}}#output.arrangementOutput:not(.numberedOutput){grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),340px));justify-content:center;gap:clamp(10px,1.25vw,18px)}#output.arrangementOutput:not(.numberedOutput) .sharedGroupCard,.sharedGroupCard,.sharedGroupCard.groupSize4{aspect-ratio:4/3;min-height:clamp(250px,22vw,330px)}.sharedGroupCard{background:linear-gradient(#fffffff0,#f8fafcfa),#fff}.sharedGroupCard:before{border-color:#94a3b83d;inset:10px}.sharedGroupCard .corner{background:0 0;border:0;border-radius:0;min-width:auto;padding:0}.sharedGroupCard .corner.top-left{top:12px;left:13px}.sharedGroupCard .corner.bottom-right{opacity:1;bottom:12px;right:13px}.sharedGroupCard .corner .rank{font-family:Arial,Helvetica,sans-serif;font-size:clamp(28px,3.1vw,50px);line-height:1}.sharedGroupCard .cornerSuit,.sharedGroupCard .sharedGroupStudents:before{display:none}.sharedGroupCard .sharedGroupStudents,.sharedGroupCard .sharedGroupStudents.groupSize2,.sharedGroupCard .sharedGroupStudents.groupSize3,.sharedGroupCard .sharedGroupStudents.groupSize4{gap:clamp(4px,.55vw,8px);inset:clamp(34px,3.5vw,48px) clamp(14px,1.6vw,22px)}.sharedGroupCard .sharedStudentRow,.sharedGroupCard .sharedGroupStudents.groupSize2 .sharedStudentRow,.sharedGroupCard .sharedGroupStudents.groupSize4 .sharedStudentRow{background:#ffffff94;border-radius:10px;flex:0 auto;gap:clamp(5px,.65vw,8px);min-height:0;padding:2px clamp(5px,.8vw,10px)}.sharedGroupCard.studentCount2 .sharedGroupStudents,.sharedGroupCard.studentCount2 .sharedGroupStudents.groupSize2,.sharedGroupCard.studentCount2 .sharedGroupStudents.groupSize3,.sharedGroupCard.studentCount2 .sharedGroupStudents.groupSize4{justify-content:center;gap:clamp(4px,.55vw,8px);top:clamp(50px,5vw,76px);bottom:clamp(50px,5vw,76px)}.sharedGroupCard.groupSize2 .sharedStudentRow{min-height:clamp(62px,7.2vw,92px)}.sharedGroupCard.groupSize3 .sharedStudentRow{min-height:clamp(48px,5.6vw,72px)}.sharedGroupCard.groupSize4 .sharedStudentRow{min-height:clamp(39px,4.6vw,56px)}.sharedGroupCard.studentCount2 .sharedStudentRow,.sharedGroupCard.studentCount2 .sharedGroupStudents.groupSize2 .sharedStudentRow,.sharedGroupCard.studentCount2 .sharedGroupStudents.groupSize4 .sharedStudentRow{flex:0 auto;min-height:clamp(48px,5.6vw,72px)}.sharedGroupCard .sharedSuitColumn{opacity:.82;flex-basis:clamp(16px,1.45vw,23px);width:clamp(16px,1.45vw,23px);font-size:clamp(16px,1.65vw,25px)}.sharedGroupCard .sharedStudentName,.boardModeView #output .sharedStudentName{text-align:center;line-height:1.1}.boardModeView #output:not(.numberedOutput){grid-template-columns:repeat(var(--board-columns,2), minmax(0, var(--board-card-width,1fr)));grid-auto-rows:var(--board-card-height,auto);column-gap:var(--board-gap,8px);row-gap:var(--board-row-gap,var(--board-gap,8px));width:min(100%, var(--board-output-width,100%));height:var(--board-output-height,calc(100dvh - 16px));margin:var(--board-safe-top,0) auto var(--board-safe-bottom,0);padding:3px;overflow:hidden}.boardModeView #output.boardThreeRowFit:not(.numberedOutput){grid-auto-rows:var(--board-row-step,var(--board-card-height,auto));height:var(--board-output-height,calc(100dvh - 80px));padding-top:max(3px, calc((var(--board-output-height,100dvh) - var(--board-content-height,100%)) / 2));align-content:start;padding-bottom:0;overflow:hidden}.boardModeView #output.boardThreeRowFit:not(.numberedOutput) .sharedGroupCard{z-index:1;margin:0;position:relative;transform:none;box-shadow:0 0 0 3px #0f172a66,0 18px 32px #0206177a,inset 0 3px #ffffffc7}.boardModeView #output.boardThreeRowFit.boardColumns5:not(.numberedOutput) .sharedGroupCard:nth-child(n+6){z-index:2;box-shadow:0 -8px 14px #0206174d,0 0 0 3px #0f172a70,0 18px 32px #0206177a,inset 0 3px #ffffffc7}.boardModeView #output.boardThreeRowFit.boardColumns5:not(.numberedOutput) .sharedGroupCard:nth-child(n+11){z-index:3}.boardModeView #output.boardThreeRowFit:not(.numberedOutput) .sharedGroupCard .sharedGroupStudents,.boardModeView #output.boardThreeRowFit:not(.numberedOutput) .sharedGroupCard .sharedGroupStudents.groupSize2,.boardModeView #output.boardThreeRowFit:not(.numberedOutput) .sharedGroupCard .sharedGroupStudents.groupSize3,.boardModeView #output.boardThreeRowFit:not(.numberedOutput) .sharedGroupCard .sharedGroupStudents.groupSize4{bottom:max(clamp(58px, 7.8vmin, 86px), calc(var(--board-row-overlap,0px) + 10px))}.boardModeView #output.boardOutputScrollable{padding-bottom:calc(76px + env(safe-area-inset-bottom));overscroll-behavior:contain;scroll-padding-bottom:calc(90px + env(safe-area-inset-bottom));scrollbar-gutter:stable;align-content:start;overflow:hidden auto}.boardModeView #output.boardOutputScrollable:not(.numberedOutput){align-content:start}.boardModeView #output.boardOutputScrollable:not(.numberedOutput) .sharedGroupCard{z-index:1;position:relative;box-shadow:0 0 0 3px #0f172a61,0 20px 36px #02061780,inset 0 3px #ffffffc7}.boardModeView #output.boardOutputScrollable:not(.numberedOutput).boardColumns5 .sharedGroupCard:nth-child(n+6),.boardModeView #output.boardOutputScrollable:not(.numberedOutput).boardColumns4 .sharedGroupCard:nth-child(n+5),.boardModeView #output.boardOutputScrollable:not(.numberedOutput).boardColumns3 .sharedGroupCard:nth-child(n+4),.boardModeView #output.boardOutputScrollable:not(.numberedOutput).boardColumns2 .sharedGroupCard:nth-child(n+3){z-index:2;margin-top:0;box-shadow:0 -8px 14px #02061747,0 0 0 3px #0f172a6b,0 20px 36px #02061780,inset 0 3px #ffffffc7}.boardModeView #output.boardOutputScrollable:not(.numberedOutput).boardColumns5 .sharedGroupCard:nth-child(n+11),.boardModeView #output.boardOutputScrollable:not(.numberedOutput).boardColumns4 .sharedGroupCard:nth-child(n+9),.boardModeView #output.boardOutputScrollable:not(.numberedOutput).boardColumns3 .sharedGroupCard:nth-child(n+7),.boardModeView #output.boardOutputScrollable:not(.numberedOutput).boardColumns2 .sharedGroupCard:nth-child(n+5){z-index:3}.boardModeView #output.boardOutputScrollable:not(.numberedOutput) .sharedGroupCard:before{border-color:#0f172a61}.boardModeView #output .sharedGroupCard,.boardModeView #output .sharedGroupCard.groupSize4{aspect-ratio:4/3;height:min(100%, var(--board-card-height,100%));max-height:var(--board-card-height,none);min-height:0}.boardModeView #output .sharedGroupCard .corner.top-left{top:clamp(8px,1.5vmin,14px);left:clamp(9px,1.6vmin,15px)}.boardModeView #output .sharedGroupCard .corner.bottom-right{opacity:1;display:grid;bottom:clamp(8px,1.5vmin,14px);right:clamp(9px,1.6vmin,15px)}.boardModeView #output .sharedGroupCard .corner .rank{font-size:clamp(34px, calc(var(--board-name-size,42px) * 1.04), 60px);text-shadow:0 1px #ffffffe6;line-height:.9}.boardModeView #output .sharedGroupCard .sharedGroupStudents,.boardModeView #output .sharedGroupCard .sharedGroupStudents.groupSize2,.boardModeView #output .sharedGroupCard .sharedGroupStudents.groupSize3,.boardModeView #output .sharedGroupCard .sharedGroupStudents.groupSize4{justify-content:center;gap:clamp(4px,.7vmin,8px);inset:clamp(58px,7.8vmin,86px) clamp(12px,2.2vmin,22px)}.boardModeView #output .sharedGroupCard.groupSize2 .sharedGroupStudents{top:clamp(62px,8.2vmin,92px);bottom:clamp(62px,8.2vmin,92px)}.boardModeView #output .sharedGroupCard .sharedStudentRow,.boardModeView #output .sharedGroupStudents.groupSize4 .sharedStudentRow{flex:0 auto;min-height:0;padding-top:1px;padding-bottom:1px}.boardModeView #output .sharedGroupCard.studentCount2 .sharedGroupStudents,.boardModeView #output .sharedGroupCard.studentCount2 .sharedGroupStudents.groupSize2,.boardModeView #output .sharedGroupCard.studentCount2 .sharedGroupStudents.groupSize3,.boardModeView #output .sharedGroupCard.studentCount2 .sharedGroupStudents.groupSize4{top:clamp(72px,12vmin,118px);bottom:clamp(72px,12vmin,118px)}.boardModeView #output .sharedGroupCard.studentCount2 .sharedStudentRow{flex:0 auto;min-height:clamp(42px,11vmin,74px)}.previewSwipeStage .sharedGroupCard--large,.previewSwipeStage .sharedGroupCard--large.groupSize4{aspect-ratio:4/3;width:min(560px,92%);max-width:560px}@media (max-width:700px){.activeDealView .revealCards .sharedGroupCard{animation:.38s ease-out both arrangementReveal;animation-delay:calc(var(--reveal-index,0) * .15s)}.activeDealView .revealCards .sharedGroupCard:after{backface-visibility:visible;animation-name:groupCardBackOverlayPhone;animation-duration:1.25s;animation-timing-function:ease-out;animation-delay:calc(var(--reveal-index,0) * 95ms);transform:none}.activeDealView #output .sharedGroupCard:after{font-size:clamp(16px,6vw,24px)}#output.arrangementOutput:not(.numberedOutput){grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.activeDealView #output .sharedGroupCard,.activeDealView #output .sharedGroupCard.groupSize4{aspect-ratio:.96;min-height:192px}.activeDealView #output .sharedGroupCard .corner .rank{font-size:14px}.activeDealView #output .sharedGroupCard .corner.bottom-right{opacity:1;display:grid;bottom:10px;right:10px}.activeDealView #output .sharedGroupCard .sharedGroupStudents,.activeDealView #output .sharedGroupCard .sharedGroupStudents.groupSize2,.activeDealView #output .sharedGroupCard .sharedGroupStudents.groupSize3,.activeDealView #output .sharedGroupCard .sharedGroupStudents.groupSize4{gap:4px;padding:0;position:absolute;inset:32px 10px}.activeDealView #output .sharedGroupCard.studentCount2 .sharedGroupStudents,.activeDealView #output .sharedGroupCard.studentCount2 .sharedGroupStudents.groupSize2,.activeDealView #output .sharedGroupCard.studentCount2 .sharedGroupStudents.groupSize3,.activeDealView #output .sharedGroupCard.studentCount2 .sharedGroupStudents.groupSize4{gap:4px;top:42px;bottom:42px}.activeDealView #output .sharedGroupCard .sharedStudentRow,.activeDealView #output .sharedGroupStudents.groupSize4 .sharedStudentRow{gap:4px;padding:1px 3px}.activeDealView #output .sharedGroupCard.studentCount2 .sharedStudentRow{flex:0 auto;min-height:34px}.activeDealView #output .sharedGroupCard .sharedSuitColumn{flex-basis:15px;width:15px;font-size:16px}.previewSwipeStage{align-items:center;min-height:min(66vh,560px);padding:16px 0 12px}.previewSwipeStage .sharedGroupCard--large,.previewSwipeStage .sharedGroupCard--large.groupSize4{aspect-ratio:3/4.18;border-radius:20px;width:min(86vw,360px);max-width:360px;min-height:0;max-height:min(64vh,520px)}.previewSwipeStage .sharedGroupCard--large .corner.top-left{top:14px;left:15px}.previewSwipeStage .sharedGroupCard--large .corner.bottom-right{opacity:1;display:grid;bottom:14px;right:15px}.previewSwipeStage .sharedGroupCard--large .corner .rank{font-size:clamp(34px,10.5vw,48px)}.previewSwipeStage .sharedGroupCard--large .sharedGroupStudents,.previewSwipeStage .sharedGroupCard--large.groupSize4 .sharedGroupStudents{gap:8px;inset:78px 18px 66px}.previewSwipeStage .sharedGroupCard--large.studentCount2 .sharedGroupStudents,.previewSwipeStage .sharedGroupCard--large.studentCount2 .sharedGroupStudents.groupSize2,.previewSwipeStage .sharedGroupCard--large.studentCount2 .sharedGroupStudents.groupSize3,.previewSwipeStage .sharedGroupCard--large.studentCount2 .sharedGroupStudents.groupSize4{gap:8px;top:104px;bottom:92px}.previewSwipeStage .sharedGroupCard--large .sharedStudentRow,.previewSwipeStage .sharedGroupCard--large.groupSize4 .sharedStudentRow{flex:1 1 0;gap:8px;min-height:0;padding:5px 8px}.previewSwipeStage .sharedGroupCard--large.studentCount2 .sharedStudentRow{flex:0 auto;min-height:58px}.previewSwipeStage .sharedGroupCard--large .sharedSuitColumn{flex-basis:24px;width:24px;font-size:25px}.previewSwipeStage .sharedGroupCard--large .sharedStudentName{text-align:center;line-height:1.08}.classesHeaderActions{grid-template-columns:1fr;width:100%;display:grid}.classesHeaderActions button{width:100%}}.guestSessionNotice{background:linear-gradient(135deg,#2563eb1f,#0f766e17),#0f172a;border:1px solid #38bdf880;border-radius:13px;justify-content:space-between;align-items:center;gap:13px;max-width:1180px;margin:0 auto 13px;padding:10px 12px;display:flex}.guestSessionNotice strong,.guestSessionNotice span{display:block}.guestSessionNotice strong{color:#e0f2fe;font-size:13px}.guestSessionNotice span{color:#94a3b8;margin-top:2px;font-size:12px;line-height:1.4}.privacyDataPanel{border-left:5px solid #2dd4bfb8;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:16px;margin-top:16px;display:grid}.privacyDataPanel h2{color:#f8fafc;margin:7px 0 5px}.privacyDataPanel p{color:#94a3b8;max-width:760px;margin:0;line-height:1.45}.privacyDataLinks{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.privacyDataLinks a{color:#7dd3fc;font-size:13px;font-weight:850;text-decoration:none}.privacySupportNote{margin-top:10px!important}.privacySupportNote a{color:#7dd3fc;font-weight:850}.billingDetailsPanel{background:#02061759;border:1px solid #7dd3fc3d;border-radius:14px;max-width:520px;margin-top:14px;padding:13px}.billingDetailsPanel>strong{color:#f8fafc;margin-bottom:8px;display:block}.billingDetailsPanel dl{gap:7px;margin:0;display:grid}.billingDetailsPanel dl>div{border-bottom:1px solid #3341559e;justify-content:space-between;gap:12px;padding-bottom:7px;display:flex}.billingDetailsPanel dt,.billingDetailsPanel dd{margin:0;font-size:13px}.billingDetailsPanel dt{color:#94a3b8}.billingDetailsPanel dd{color:#e0f2fe;text-align:right;font-weight:850}.billingDetailsPanel button{margin-top:10px}.privacyDataActions{gap:8px;min-width:min(260px,100%);display:grid}.privacyDataActions button{width:100%}@media (max-width:760px){.guestSessionNotice,.privacyDataPanel{flex-direction:column;grid-template-columns:1fr;align-items:stretch}.guestSessionNotice button,.privacyDataActions{width:100%}}@media (max-width:700px){.activeDealView .dailyPrimaryActions{grid-template-columns:minmax(0,1.18fr) minmax(0,.92fr)}.activeDealView .dailyMainAction{min-height:50px;font-size:14px}}@media (max-width:380px){.activeDealView .dailyPrimaryActions,.activeDealView .dailySecondaryActions{grid-template-columns:1fr}}@media (max-width:767px){.activeDealView #output.numberedOutput,.boardModeView #output.numberedOutput{width:100%;max-width:none;height:auto;min-height:100dvh;padding:8px 8px calc(168px + env(safe-area-inset-bottom));grid-template-columns:repeat(2,minmax(0,1fr));place-content:start center;align-items:stretch;gap:9px;margin:0;display:grid;overflow:visible}.activeDealView #output.numberedOutput .numbered-group,.boardModeView #output.numberedOutput .numbered-group{border-radius:16px;width:100%;max-width:none;height:auto;min-height:210px;max-height:none}.activeDealView #output.numberedOutput .numberedGroupHeader,.boardModeView #output.numberedOutput .numberedGroupHeader{flex:none;min-height:52px;padding:8px 10px}.activeDealView #output.numberedOutput .numberedGroupHeader span,.boardModeView #output.numberedOutput .numberedGroupHeader span{font-size:clamp(15px,4.2vw,18px)}.activeDealView #output.numberedOutput .numberedGroupHeader strong,.boardModeView #output.numberedOutput .numberedGroupHeader strong{font-size:clamp(30px,8.8vw,38px)}.activeDealView #output.numberedOutput .numberedStudentList,.boardModeView #output.numberedOutput .numberedStudentList{grid-template-columns:1fr;align-content:start;justify-items:stretch;gap:8px;padding:12px 8px 14px;display:grid}.activeDealView #output.numberedOutput .numberedStudent,.boardModeView #output.numberedOutput .numberedStudent{width:100%;min-width:0;min-height:30px;box-shadow:none;color:#071225;text-align:center;white-space:nowrap;text-overflow:clip;background:0 0;border:0;border-radius:0;padding:0 2px;font-weight:950;line-height:1.05;display:block;overflow:hidden;font-size:clamp(24px,7.4vw,30px)!important}.studentPreviewOverlay{padding:0;overflow:hidden}.studentPreviewShell{border:0;border-radius:0;width:100%;height:100dvh}.studentPreviewHeader{gap:8px;padding:10px 9px}.studentPreviewHeader h2{font-size:19px;line-height:1.1}.studentPreviewHeader p{font-size:12px}.studentPreviewHeader>button{min-height:38px;padding:8px 10px;font-size:12px}.previewModeTabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:7px;display:grid}.previewModeTabs button{width:100%;min-width:0;min-height:38px;padding:8px 9px;font-size:13px}.previewOverviewGrid.cardPreviewOverview{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:clamp(190px,58vw,245px);gap:8px;padding:8px;overflow:hidden auto}.previewOverviewGrid .sharedGroupCard--mini,.previewOverviewGrid .sharedGroupCard--mini.groupSize4,.boardModeView #output.arrangementOutput:not(.numberedOutput) .sharedGroupCard,.boardModeView #output.arrangementOutput:not(.numberedOutput) .sharedGroupCard.groupSize4{aspect-ratio:auto;contain:layout paint;width:100%;max-width:none;height:100%;min-height:0;max-height:none;margin:0;position:relative;transform:none}.previewOverviewGrid .sharedGroupCard--mini .corner.top-left,.boardModeView #output .sharedGroupCard .corner.top-left{top:9px;left:10px}.previewOverviewGrid .sharedGroupCard--mini .corner.bottom-right,.boardModeView #output .sharedGroupCard .corner.bottom-right{opacity:1;display:grid;bottom:9px;right:10px}.previewOverviewGrid .sharedGroupCard--mini .corner .rank,.boardModeView #output .sharedGroupCard .corner .rank{font-size:clamp(26px,9vw,38px)}.previewOverviewGrid .sharedGroupCard--mini .sharedGroupStudents,.previewOverviewGrid .sharedGroupCard--mini .sharedGroupStudents.groupSize2,.previewOverviewGrid .sharedGroupCard--mini .sharedGroupStudents.groupSize3,.previewOverviewGrid .sharedGroupCard--mini .sharedGroupStudents.groupSize4,.boardModeView #output .sharedGroupCard .sharedGroupStudents,.boardModeView #output .sharedGroupCard .sharedGroupStudents.groupSize2,.boardModeView #output .sharedGroupCard .sharedGroupStudents.groupSize3,.boardModeView #output .sharedGroupCard .sharedGroupStudents.groupSize4{gap:4px;inset:clamp(38px,12vw,50px) 10px clamp(32px,10vw,44px)}.previewOverviewGrid .sharedGroupCard--mini .sharedStudentRow,.previewOverviewGrid .sharedGroupCard--mini .sharedGroupStudents.groupSize2 .sharedStudentRow,.previewOverviewGrid .sharedGroupCard--mini .sharedGroupStudents.groupSize4 .sharedStudentRow,.boardModeView #output .sharedGroupCard .sharedStudentRow,.boardModeView #output .sharedGroupStudents.groupSize2 .sharedStudentRow,.boardModeView #output .sharedGroupStudents.groupSize4 .sharedStudentRow{flex:1 1 0;gap:4px;min-height:0;padding:1px 3px}.previewOverviewGrid .sharedGroupCard--mini .sharedSuitColumn,.boardModeView #output .sharedGroupCard .sharedSuitColumn{flex-basis:15px;width:15px;font-size:16px}.boardModeView{min-height:100dvh;padding:0;overflow-y:auto}.boardModeView #output.boardOutputScrollable:not(.numberedOutput).boardColumns5 .sharedGroupCard:nth-child(n+6),.boardModeView #output.boardOutputScrollable:not(.numberedOutput).boardColumns4 .sharedGroupCard:nth-child(n+5),.boardModeView #output.boardOutputScrollable:not(.numberedOutput).boardColumns3 .sharedGroupCard:nth-child(n+4),.boardModeView #output.boardOutputScrollable:not(.numberedOutput).boardColumns2 .sharedGroupCard:nth-child(n+3),.boardModeView #output.boardOutputScrollable:not(.numberedOutput).boardColumns5 .sharedGroupCard:nth-child(n+11),.boardModeView #output.boardOutputScrollable:not(.numberedOutput).boardColumns4 .sharedGroupCard:nth-child(n+9),.boardModeView #output.boardOutputScrollable:not(.numberedOutput).boardColumns3 .sharedGroupCard:nth-child(n+7),.boardModeView #output.boardOutputScrollable:not(.numberedOutput).boardColumns2 .sharedGroupCard:nth-child(n+5){margin-top:0;transform:none}.boardModeView #output.arrangementOutput:not(.numberedOutput){width:100%;height:auto;min-height:100dvh;padding:8px 8px calc(214px + env(safe-area-inset-bottom));grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:clamp(190px,58vw,245px);place-content:start center;align-items:start;gap:8px;margin:0;display:grid;overflow:visible}.boardModeView #output.boardOutputScrollable{padding-bottom:calc(214px + env(safe-area-inset-bottom));scrollbar-gutter:auto;overflow:visible}.boardModeView #output .sharedGroupCard.studentCount2 .sharedStudentRow{flex:0 auto;min-height:34px}}.desktopClassShortcuts,.desktopWorkspaceActions{display:none}.srOnly{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (min-width:801px){html{scrollbar-width:thin}.app:not(.boardModeView) .appHeader{grid-template-columns:auto minmax(0,1fr) auto;gap:14px}.desktopClassShortcuts{grid-area:context;justify-content:center;align-items:center;gap:7px;min-width:0;display:flex;overflow:visible}.desktopCurrentClassContext{border-right:1px solid #334155;flex:0 auto;align-items:baseline;gap:5px;min-width:150px;max-width:250px;padding-right:13px;line-height:1.05;display:flex}.desktopCurrentClassContext span{color:#7dd3fc;text-transform:uppercase;font-size:9px;font-weight:900}.desktopCurrentClassContext strong{color:#f8fafc;text-overflow:ellipsis;white-space:nowrap;align-items:baseline;min-width:0;max-width:100%;font-size:15px;display:flex;overflow:hidden}.desktopCurrentClassContext small{color:#94a3b8;font-size:11px;font-weight:800}.desktopClassShortcutList{justify-content:center;align-items:center;gap:6px;min-width:0;display:flex}.desktopClassShortcut,.desktopClassOverflow summary{color:#dbeafe;text-overflow:ellipsis;white-space:nowrap;background:#172033;border:1px solid #475569;border-radius:9px;min-width:64px;max-width:148px;min-height:38px;padding:7px 12px;font-size:13px;font-weight:850;line-height:1;overflow:hidden}.desktopClassShortcut:hover,.desktopClassOverflow summary:hover,.desktopClassOverflow[open] summary{background:#1e293b;border-color:#7dd3fc}.desktopClassOverflow{z-index:500;flex:none;position:relative}.desktopClassOverflow summary{cursor:pointer;place-items:center;min-width:70px;list-style:none;display:grid}.desktopClassOverflow summary::-webkit-details-marker{display:none}.desktopClassOverflowMenu{z-index:520;background:#0f172a;border:1px solid #475569;border-radius:11px;gap:5px;width:min(300px,100vw - 28px);max-height:min(380px,100dvh - 130px);padding:8px;display:grid;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto;box-shadow:0 18px 44px #00000080}.desktopClassOverflowMenu button{color:#e2e8f0;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:42px;padding:8px 10px;display:grid}.desktopClassOverflowMenu button:hover{background:#1e293b;border-color:#475569}.desktopClassOverflowMenu strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;overflow:hidden}.desktopClassOverflowMenu span{color:#7dd3fc;white-space:nowrap;font-size:10px;font-weight:850}.desktopHeaderClassActions{z-index:500;flex:none;align-items:center;gap:7px;margin-left:3px;display:flex;position:relative}.desktopHeaderClassActions>button,.desktopClassTools summary{white-space:nowrap;border-radius:9px;min-height:38px;padding:7px 13px;font-size:12px;font-weight:850;line-height:1}.desktopHeaderClassActions .desktopHeaderDealButton{min-width:88px;padding-inline:20px}.desktopHeaderRandomButton{min-width:104px}.desktopClassTools{z-index:500;position:relative}.desktopClassTools summary{color:#dbeafe;text-overflow:ellipsis;cursor:pointer;background:#172033;border:1px solid #475569;justify-content:space-between;align-items:center;gap:8px;min-width:104px;max-width:170px;list-style:none;display:flex;overflow:hidden}.desktopClassTools summary::-webkit-details-marker{display:none}.desktopClassTools summary:hover,.desktopClassTools[open] summary{background:#1e293b;border-color:#7dd3fc}.desktopClassTools summary span{color:#94a3b8;flex:none;font-size:13px}.desktopClassToolsMenu{z-index:520;background:#0f172a;border:1px solid #475569;border-radius:11px;gap:5px;width:210px;padding:8px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 44px #00000080}.desktopClassToolsMenu button{color:#e2e8f0;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;min-height:40px;padding:8px 10px;font-size:12px;font-weight:800}.desktopClassToolsMenu button:hover{background:#1e293b;border-color:#475569}.activeDealView .dailyControlBar{border-radius:12px;grid-template-columns:minmax(150px,auto) minmax(0,1fr);align-items:center;gap:18px;min-height:72px;margin-bottom:12px;padding:10px 12px}.activeDealView .dailyClassStatus{min-width:150px;padding:0 4px}.activeDealView .dailyClassStatus strong{margin-top:2px;font-size:22px;line-height:1}.activeDealView .dailyClassStatus small{margin-top:4px;font-size:11px}.activeDealView .dailyPrimaryActions,.activeDealView .dailySecondaryActions{display:none}.desktopWorkspaceActions{justify-content:flex-end;align-items:center;gap:7px;min-width:0;display:flex}.desktopWorkspaceActions button,.desktopSavedGroupsSelect select{white-space:nowrap;border-radius:8px;height:40px;min-height:40px;padding:8px 13px;font-size:12px;font-weight:850;line-height:1}.desktopWorkspaceActions .desktopWorkspacePrimary{min-width:132px;padding-inline:22px;font-size:13px}.desktopWorkspaceModeAction{min-width:102px}.desktopSavedGroupsSelect{min-width:128px;position:relative}.desktopSavedGroupsSelect select{color:#e2e8f0;cursor:pointer;background:#1e293b;border:1px solid #475569;width:100%}.desktopSavedGroupsSelect select:disabled{color:#64748b;cursor:not-allowed;opacity:.72}}@media (min-width:768px){.desktopNumberGroupBoard #output.numberedOutput{grid-template-columns:repeat(var(--board-columns,4), minmax(0, 1fr));grid-auto-rows:var(--board-card-height,auto);width:min(100%, var(--board-output-width,100%));height:var(--board-output-height,calc(100dvh - 8px));gap:var(--board-gap,12px);overscroll-behavior:contain;place-content:start stretch;align-items:stretch;max-width:none;margin:0 auto;padding:8px 12px 74px;display:grid;overflow:hidden auto}.desktopNumberGroupBoard #output.numberedOutput .sharedNumberGroup{width:100%;max-width:none;height:var(--board-card-height,auto);min-height:var(--board-card-height,auto);border-radius:14px;align-self:stretch;max-height:none;overflow:hidden}.desktopNumberGroupBoard #output.numberedOutput .numberedGroupHeader{flex:0 0 74px;min-height:74px;padding:8px 14px}.desktopNumberGroupBoard #output.numberedOutput .numberedGroupHeader span{font-size:18px}.desktopNumberGroupBoard #output.numberedOutput .numberedGroupHeader strong{font-size:44px;line-height:1}.desktopNumberGroupBoard #output.numberedOutput .numberedStudentList{grid-template-columns:1fr;grid-auto-rows:minmax(var(--board-number-row-height,48px), auto);align-content:start;gap:0;min-height:0;padding:12px 12px 18px;display:grid;overflow:visible}.desktopNumberGroupBoard #output.numberedOutput .numberedStudent{min-width:0;min-height:var(--board-number-row-height,48px);letter-spacing:0;white-space:nowrap;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;justify-content:center;align-items:center;padding:2px 4px 5px;font-family:Segoe UI,Arial,Helvetica,sans-serif;font-weight:800;line-height:1.18;display:flex;overflow:visible;font-size:var(--board-number-name-size,30px)!important}}@media (min-width:801px) and (max-width:1100px){.desktopWorkspaceActions{gap:5px}.desktopWorkspaceActions button,.desktopSavedGroupsSelect select{padding-inline:9px}.desktopWorkspaceActions .desktopWorkspacePrimary{min-width:104px;padding-inline:14px}}@media (min-width:768px){.boardModeView.desktopPlayingCardBoard{padding-bottom:0}.boardModeView #output.arrangementOutput:not(.numberedOutput){grid-template-columns:repeat(var(--board-grid-tracks,10), calc((var(--board-card-width,1px) + var(--board-gap,0px)) / 2));column-gap:0}.boardModeView #output.arrangementOutput:not(.numberedOutput) .sharedGroupCard,.boardModeView #output.arrangementOutput:not(.numberedOutput) .sharedGroupCard.groupSize4{width:min(100%, var(--board-card-width,100%));max-width:var(--board-card-width,none);height:var(--board-card-height,auto);min-height:0;max-height:var(--board-card-height,none);margin:0 0 0 var(--board-half-gap,0px);aspect-ratio:3/4;grid-column:span 2;transform:none}.boardModeView #output.boardThreeRowFit:not(.numberedOutput) .sharedGroupCard .sharedGroupStudents,.boardModeView #output.boardThreeRowFit:not(.numberedOutput) .sharedGroupCard .sharedGroupStudents.groupSize2,.boardModeView #output.boardThreeRowFit:not(.numberedOutput) .sharedGroupCard .sharedGroupStudents.groupSize3,.boardModeView #output.boardThreeRowFit:not(.numberedOutput) .sharedGroupCard .sharedGroupStudents.groupSize4{top:clamp(48px,6.4vmin,68px);bottom:max(18px, calc(var(--board-row-overlap,0px) + 10px));gap:clamp(2px,.45vmin,5px)}.boardModeView #output.boardThreeRowFit.boardDenseFourStudents:not(.numberedOutput) .sharedGroupCard .sharedGroupStudents,.boardModeView #output.boardThreeRowFit.boardDenseFourStudents:not(.numberedOutput) .sharedGroupCard .sharedGroupStudents.groupSize4{top:clamp(44px,5.6vmin,58px);bottom:max(14px, calc(var(--board-row-overlap,0px) + 7px));gap:2px}.boardModeView #output.boardThreeRowFit.boardDenseFourStudents:not(.numberedOutput) .sharedGroupCard .corner.top-left{top:7px;left:9px}.boardModeView #output.boardThreeRowFit.boardDenseFourStudents:not(.numberedOutput) .sharedGroupCard .corner .rank{font-size:clamp(28px, calc(var(--board-name-size,30px) * .96), 42px)}.boardModeView #output.boardThreeRowFit:not(.numberedOutput) .sharedGroupCard .sharedStudentRow{min-height:0;padding:1px 4px 2px}.boardModeView #output.boardThreeRowFit:not(.numberedOutput) .sharedGroupCard .fitStudentName{min-height:1.24em;padding-bottom:.08em}.boardModeView.desktopPlayingCardBoard #output:not(.numberedOutput) .sharedStudentName{letter-spacing:0;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Segoe UI,Arial,Helvetica,sans-serif;font-weight:800;line-height:1.16;overflow:visible}.boardModeView #output.boardThreeRowFit.boardToolbarNameGuard:not(.numberedOutput) .sharedGroupCard:last-child .sharedGroupStudents,.boardModeView #output.boardThreeRowFit.boardToolbarNameGuard:not(.numberedOutput) .sharedGroupCard:last-child .sharedGroupStudents.groupSize2,.boardModeView #output.boardThreeRowFit.boardToolbarNameGuard:not(.numberedOutput) .sharedGroupCard:last-child .sharedGroupStudents.groupSize3,.boardModeView #output.boardThreeRowFit.boardToolbarNameGuard:not(.numberedOutput) .sharedGroupCard:last-child .sharedGroupStudents.groupSize4{bottom:calc(var(--board-row-overlap,0px) + var(--board-toolbar-overlap,0px) + 10px)}.boardModeView #output[data-card-count="6"] .sharedGroupCard:nth-child(6),.boardModeView #output[data-card-count="11"] .sharedGroupCard:nth-child(11){grid-column:5/span 2}.boardModeView #output[data-card-count="7"] .sharedGroupCard:nth-child(6),.boardModeView #output[data-card-count="12"] .sharedGroupCard:nth-child(11){grid-column:4/span 2}.boardModeView #output[data-card-count="7"] .sharedGroupCard:nth-child(7),.boardModeView #output[data-card-count="12"] .sharedGroupCard:nth-child(12){grid-column:6/span 2}.boardModeView #output[data-card-count="8"] .sharedGroupCard:nth-child(6),.boardModeView #output[data-card-count="13"] .sharedGroupCard:nth-child(11){grid-column:3/span 2}.boardModeView #output[data-card-count="8"] .sharedGroupCard:nth-child(7),.boardModeView #output[data-card-count="13"] .sharedGroupCard:nth-child(12){grid-column:5/span 2}.boardModeView #output[data-card-count="8"] .sharedGroupCard:nth-child(8),.boardModeView #output[data-card-count="13"] .sharedGroupCard:nth-child(13){grid-column:7/span 2}.boardModeView #output[data-card-count="9"] .sharedGroupCard:nth-child(6),.boardModeView #output[data-card-count="14"] .sharedGroupCard:nth-child(11){grid-column:2/span 2}.boardModeView #output[data-card-count="9"] .sharedGroupCard:nth-child(7),.boardModeView #output[data-card-count="14"] .sharedGroupCard:nth-child(12){grid-column:4/span 2}.boardModeView #output[data-card-count="9"] .sharedGroupCard:nth-child(8),.boardModeView #output[data-card-count="14"] .sharedGroupCard:nth-child(13){grid-column:6/span 2}.boardModeView #output[data-card-count="9"] .sharedGroupCard:nth-child(9),.boardModeView #output[data-card-count="14"] .sharedGroupCard:nth-child(14){grid-column:8/span 2}}@media (min-width:801px){.activeDealView:not(.boardModeView) #output.desktopWorkspaceCardPreview{grid-template-columns:repeat(var(--board-grid-tracks,10), calc((var(--board-card-width,1px) + var(--board-gap,0px)) / 2));grid-auto-rows:var(--board-card-height,auto);width:var(--board-output-width,100%);height:var(--board-output-height,auto);column-gap:0;row-gap:var(--board-row-gap,var(--board-gap,10px));min-height:0;transform:translateX(-50%) translateX(var(--workspace-center-offset,0px));place-content:start center;align-items:start;margin:0 auto;padding:3px;display:grid;position:relative;left:50%;overflow:visible}.activeDealView:not(.boardModeView) #output.desktopWorkspaceCardPreview.workspaceMultiRow{grid-template-columns:repeat(10, calc((var(--board-card-width,1px) + var(--board-gap,0px)) / 2));column-gap:0}.activeDealView:not(.boardModeView) #output.desktopWorkspaceCardPreview.workspaceMultiRow .sharedGroupCard{grid-column:span 2}.activeDealView:not(.boardModeView) #output.desktopWorkspaceCardPreview.workspaceThreeRowFit{grid-auto-rows:var(--board-card-height,auto);height:calc(var(--board-content-height) + 15px);min-height:calc(var(--board-content-height) + 15px);row-gap:var(--board-row-gap,var(--board-gap,10px));align-content:start;padding-top:3px;padding-bottom:12px;overflow:visible}.activeDealView:not(.boardModeView) #output.desktopWorkspaceCardPreview .sharedGroupCard,.activeDealView:not(.boardModeView) #output.desktopWorkspaceCardPreview .sharedGroupCard.groupSize4{width:min(100%, var(--board-card-width,100%));max-width:var(--board-card-width,none);height:var(--board-card-height,auto);min-height:0;max-height:var(--board-card-height,none);margin:0 0 0 var(--board-half-gap,0px);aspect-ratio:3/4;grid-column:span 2;position:relative;transform:none}.activeDealView:not(.boardModeView) #output.desktopWorkspaceCardPreview.workspaceThreeRowFit .sharedGroupCard{z-index:auto;box-shadow:0 0 0 3px #0f172a66,0 18px 32px #0206177a,inset 0 3px #ffffffc7}.activeDealView:not(.boardModeView) #output.desktopWorkspaceCardPreview.workspaceThreeRowFit .sharedGroupCard:nth-child(n+6){z-index:auto;box-shadow:0 -8px 14px #0206174d,0 0 0 3px #0f172a70,0 18px 32px #0206177a,inset 0 3px #ffffffc7}.activeDealView:not(.boardModeView) #output.desktopWorkspaceCardPreview.workspaceThreeRowFit .sharedGroupCard:nth-child(n+11){z-index:auto}.activeDealView:not(.boardModeView) #output.desktopWorkspaceCardPreview .sharedGroupStudents,.activeDealView:not(.boardModeView) #output.desktopWorkspaceCardPreview .sharedGroupStudents.groupSize2,.activeDealView:not(.boardModeView) #output.desktopWorkspaceCardPreview .sharedGroupStudents.groupSize3,.activeDealView:not(.boardModeView) #output.desktopWorkspaceCardPreview .sharedGroupStudents.groupSize4{justify-content:center;gap:clamp(4px,.7vmin,8px);inset:clamp(58px,7.8vmin,86px) clamp(12px,2.2vmin,22px)}.activeDealView:not(.boardModeView) #output.desktopWorkspaceCardPreview .sharedGroupCard .corner.top-left{top:clamp(8px,1.5vmin,14px);left:clamp(9px,1.6vmin,15px)}.activeDealView:not(.boardModeView) #output.desktopWorkspaceCardPreview .sharedGroupCard .corner.bottom-right{opacity:1;display:grid;bottom:clamp(8px,1.5vmin,14px);right:clamp(9px,1.6vmin,15px)}.activeDealView:not(.boardModeView) #output.desktopWorkspaceCardPreview .sharedGroupCard .corner .rank{font-size:clamp(34px, calc(var(--board-name-size,42px) * 1.04), 60px);text-shadow:0 1px #ffffffe6;line-height:.9}.activeDealView:not(.boardModeView) #output.desktopWorkspaceCardPreview .sharedGroupCard.studentCount2 .sharedGroupStudents,.activeDealView:not(.boardModeView) #output.desktopWorkspaceCardPreview .sharedGroupCard.studentCount2 .sharedGroupStudents.groupSize2,.activeDealView:not(.boardModeView) #output.desktopWorkspaceCardPreview .sharedGroupCard.studentCount2 .sharedGroupStudents.groupSize3,.activeDealView:not(.boardModeView) #output.desktopWorkspaceCardPreview .sharedGroupCard.studentCount2 .sharedGroupStudents.groupSize4{top:clamp(72px,12vmin,118px);bottom:clamp(72px,12vmin,118px)}.activeDealView:not(.boardModeView) #output.desktopWorkspaceCardPreview.workspaceThreeRowFit.boardDenseFourStudents .corner.top-left{top:7px;left:9px}.activeDealView:not(.boardModeView) #output.desktopWorkspaceCardPreview.workspaceThreeRowFit.boardDenseFourStudents .corner .rank{font-size:clamp(28px, calc(var(--board-name-size,30px) * .96), 42px)}.activeDealView:not(.boardModeView) #output.desktopWorkspaceCardPreview .sharedStudentRow{flex:0 auto;gap:clamp(7px,.9vmin,10px);min-height:0;padding-top:1px;padding-bottom:1px;overflow:visible}.activeDealView:not(.boardModeView) #output.desktopWorkspaceCardPreview .sharedGroupCard.studentCount2 .sharedStudentRow{flex:0 auto;min-height:clamp(42px,11vmin,74px)}.activeDealView:not(.boardModeView) #output.desktopWorkspaceCardPreview.workspaceThreeRowFit .sharedStudentRow{min-height:0;padding:1px 4px 2px}.activeDealView:not(.boardModeView) #output.desktopWorkspaceCardPreview.workspaceThreeRowFit .fitStudentName{min-height:1.24em;padding-bottom:.08em}.activeDealView:not(.boardModeView) #output.desktopWorkspaceCardPreview .sharedSuitColumn{flex:0 0 clamp(22px,2.2vw,28px);width:clamp(22px,2.2vw,28px);font-size:clamp(22px,2.5vw,30px)}.activeDealView:not(.boardModeView) #output.desktopWorkspaceCardPreview .sharedStudentName{letter-spacing:0;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Segoe UI,Arial,Helvetica,sans-serif;font-weight:800;line-height:1.16;overflow:visible}.activeDealView:not(.boardModeView) #output.desktopWorkspaceCardPreview[data-card-count="6"] .sharedGroupCard:nth-child(6),.activeDealView:not(.boardModeView) #output.desktopWorkspaceCardPreview[data-card-count="11"] .sharedGroupCard:nth-child(11){grid-column:5/span 2}.activeDealView:not(.boardModeView) #output.desktopWorkspaceCardPreview[data-card-count="7"] .sharedGroupCard:nth-child(6),.activeDealView:not(.boardModeView) #output.desktopWorkspaceCardPreview[data-card-count="12"] .sharedGroupCard:nth-child(11){grid-column:4/span 2}.activeDealView:not(.boardModeView) #output.desktopWorkspaceCardPreview[data-card-count="7"] .sharedGroupCard:nth-child(7),.activeDealView:not(.boardModeView) #output.desktopWorkspaceCardPreview[data-card-count="12"] .sharedGroupCard:nth-child(12){grid-column:6/span 2}.activeDealView:not(.boardModeView) #output.desktopWorkspaceCardPreview[data-card-count="8"] .sharedGroupCard:nth-child(6),.activeDealView:not(.boardModeView) #output.desktopWorkspaceCardPreview[data-card-count="13"] .sharedGroupCard:nth-child(11){grid-column:3/span 2}.activeDealView:not(.boardModeView) #output.desktopWorkspaceCardPreview[data-card-count="8"] .sharedGroupCard:nth-child(7),.activeDealView:not(.boardModeView) #output.desktopWorkspaceCardPreview[data-card-count="13"] .sharedGroupCard:nth-child(12){grid-column:5/span 2}.activeDealView:not(.boardModeView) #output.desktopWorkspaceCardPreview[data-card-count="8"] .sharedGroupCard:nth-child(8),.activeDealView:not(.boardModeView) #output.desktopWorkspaceCardPreview[data-card-count="13"] .sharedGroupCard:nth-child(13){grid-column:7/span 2}.activeDealView:not(.boardModeView) #output.desktopWorkspaceCardPreview[data-card-count="9"] .sharedGroupCard:nth-child(6),.activeDealView:not(.boardModeView) #output.desktopWorkspaceCardPreview[data-card-count="14"] .sharedGroupCard:nth-child(11){grid-column:2/span 2}.activeDealView:not(.boardModeView) #output.desktopWorkspaceCardPreview[data-card-count="9"] .sharedGroupCard:nth-child(7),.activeDealView:not(.boardModeView) #output.desktopWorkspaceCardPreview[data-card-count="14"] .sharedGroupCard:nth-child(12){grid-column:4/span 2}.activeDealView:not(.boardModeView) #output.desktopWorkspaceCardPreview[data-card-count="9"] .sharedGroupCard:nth-child(8),.activeDealView:not(.boardModeView) #output.desktopWorkspaceCardPreview[data-card-count="14"] .sharedGroupCard:nth-child(13){grid-column:6/span 2}.activeDealView:not(.boardModeView) #output.desktopWorkspaceCardPreview[data-card-count="9"] .sharedGroupCard:nth-child(9),.activeDealView:not(.boardModeView) #output.desktopWorkspaceCardPreview[data-card-count="14"] .sharedGroupCard:nth-child(14){grid-column:8/span 2}.activeDealView:not(.boardModeView) #output.desktopWorkspaceNumberPreview{grid-template-columns:repeat(var(--board-columns,4), minmax(0, 1fr));grid-auto-rows:var(--board-card-height,auto);width:var(--board-output-width,100%);gap:var(--board-gap,12px);max-width:none;height:auto;transform:translateX(-50%) translateX(var(--workspace-center-offset,0px));align-content:start;align-items:stretch;margin:0 auto;padding:8px 12px 74px;display:grid;position:relative;left:50%;overflow:visible}.activeDealView:not(.boardModeView) #output.desktopWorkspaceNumberPreview .sharedNumberGroup{width:100%;max-width:none;height:var(--board-card-height,auto);min-height:var(--board-card-height,auto);border-radius:14px;overflow:hidden}.activeDealView:not(.boardModeView) #output.desktopWorkspaceNumberPreview .numberedGroupHeader{flex:0 0 74px;min-height:74px;padding:8px 14px}.activeDealView:not(.boardModeView) #output.desktopWorkspaceNumberPreview .numberedGroupHeader span{font-size:18px}.activeDealView:not(.boardModeView) #output.desktopWorkspaceNumberPreview .numberedGroupHeader strong{font-size:44px;line-height:1}.activeDealView:not(.boardModeView) #output.desktopWorkspaceNumberPreview .numberedStudentList{grid-template-columns:1fr;grid-auto-rows:minmax(var(--board-number-row-height,48px), auto);align-content:start;gap:0;min-height:0;padding:12px 12px 18px;display:grid;overflow:visible}.activeDealView:not(.boardModeView) #output.desktopWorkspaceNumberPreview .numberedStudent{min-width:0;min-height:var(--board-number-row-height,48px);white-space:nowrap;justify-content:center;align-items:center;padding:2px 4px 5px;font-family:Segoe UI,Arial,Helvetica,sans-serif;font-weight:800;line-height:1.18;display:flex;overflow:visible;font-size:var(--board-number-name-size,30px)!important}}.desktopHeaderContext,.desktopClassSwitcher{display:none}@media (min-width:801px){.app:not(.boardModeView) .appHeader{border-radius:14px;grid-template-columns:auto minmax(180px,1fr) auto;grid-template-areas:"brand context menu";align-items:center;gap:18px;min-height:0;margin-bottom:14px;padding:10px 14px;display:grid}.app:not(.boardModeView) .appHeader .brandBlock{grid-area:brand;min-height:60px;overflow:visible}.app:not(.boardModeView) .appHeader .brandHomeButton{gap:13px;width:auto;min-height:60px;padding:2px;overflow:visible}.app:not(.boardModeView) .appHeader .brandMark.brandShuffleLogo{box-sizing:border-box;width:56px;min-width:56px;height:56px;min-height:56px;box-shadow:none;border-radius:14px;flex:0 0 56px;padding:3px;overflow:hidden}.app:not(.boardModeView) .appHeader .brandShuffleLogo img{object-fit:contain;aspect-ratio:1;width:100%;height:100%}.app:not(.boardModeView) .appHeader .titleBlock h1{white-space:nowrap;font-size:26px;line-height:1}.app:not(.boardModeView) .appHeader .brandEyebrow,.app:not(.boardModeView) .appHeader .titleBlock p,.app:not(.boardModeView) .appHeader .headerClassButtons,.app:not(.boardModeView) .appHeader .navButtons,.app:not(.boardModeView) .appHeader .accountPanel{display:none}.desktopHeaderContext{grid-area:context;justify-items:center;min-width:0;line-height:1.1;display:grid}.desktopHeaderContext span{color:#7dd3fc;text-transform:uppercase;font-size:10px;font-weight:900}.desktopHeaderContext strong{color:#f8fafc;text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:3px;font-size:15px;overflow:hidden}.desktopClassSwitcher{z-index:500;grid-area:context;justify-self:center;min-width:190px;max-width:min(360px,42vw);display:block;position:relative}.desktopClassSwitcher summary{z-index:530;text-align:left;cursor:pointer;background:#0f172a73;border:1px solid #0000;border-radius:9px;grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:10px;width:100%;min-height:42px;padding:6px 10px;line-height:1.1;list-style:none;display:grid;position:relative}.desktopClassSwitcher summary:hover,.desktopClassSwitcher[open] summary{background:#172033;border-color:#475569}.desktopClassSwitcher summary::-webkit-details-marker{display:none}.desktopClassSwitcher summary span{color:#7dd3fc;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;min-width:0;font-size:10px;font-weight:900;overflow:hidden}.desktopClassSwitcher summary strong{color:#f8fafc;text-overflow:ellipsis;white-space:nowrap;min-width:0;margin-top:3px;font-size:15px;overflow:hidden}.desktopClassSwitcher summary b{color:#94a3b8;grid-area:1/2/3;font-size:12px;transition:transform .14s}.desktopClassSwitcher[open] summary b{transform:rotate(180deg)}.desktopClassSwitcherBackdrop{z-index:510;opacity:1;cursor:default;pointer-events:auto;border:0;border-radius:0;width:100vw;height:100dvh;min-height:100dvh;padding:0;transition:none;position:fixed;inset:0;background:#0206172e!important}.desktopClassSwitcherBackdrop:hover,.desktopClassSwitcherBackdrop:focus,.desktopClassSwitcherBackdrop:active{opacity:1;box-shadow:none;border:0;transform:none;background:#0206172e!important}.desktopClassSwitcherMenu{z-index:520;background:#0f172a;border:1px solid #475569;border-radius:12px;width:min(320px,100vw - 28px);padding:9px;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 18px 44px #00000080}.desktopClassSwitcherHeading{border-bottom:1px solid #334155;gap:3px;padding:7px 8px 10px;display:grid}.desktopClassSwitcherHeading strong{color:#f8fafc;font-size:14px}.desktopClassSwitcherHeading span{color:#94a3b8;font-size:11px}.desktopClassSwitcherList{overscroll-behavior:contain;gap:5px;max-height:min(360px,100dvh - 150px);margin-top:7px;display:grid;overflow-y:auto}.desktopClassSwitcherRow{color:#e2e8f0;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-height:40px;padding:8px 9px;display:grid}button.desktopClassSwitcherRow:hover{background:#1e293b;border-color:#475569}.desktopClassSwitcherRow strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;overflow:hidden}.desktopClassSwitcherRow span{color:#7dd3fc;font-size:11px;font-weight:900}.desktopClassSwitcherRow.current{background:#0e749029;border-color:#38bdf84d}.desktopClassSwitcherRow.current span{color:#a7f3d0}.app:not(.boardModeView) .appMobileMenu{z-index:500;grid-area:menu;justify-self:end;display:block;position:relative}.app:not(.boardModeView) .appMobileMenu summary{z-index:530;color:#f8fafc;cursor:pointer;background:#1e293b;border:1px solid #475569;border-radius:10px;place-items:center;width:40px;height:40px;font-size:18px;font-weight:950;list-style:none;display:grid;position:relative}.app:not(.boardModeView) .appMobileMenu summary::-webkit-details-marker{display:none}.app:not(.boardModeView) .appMobileMenu>div{z-index:520;background:#0f172a;border:1px solid #334155;border-radius:12px;gap:6px;min-width:240px;max-width:min(300px,100vw - 24px);padding:9px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 40px #00000075}.app:not(.boardModeView) .appMobileMenu a,.app:not(.boardModeView) .appMobileMenu button{color:#dbeafe;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;min-height:38px;padding:8px 10px;font-size:13px;font-weight:850;text-decoration:none}.app:not(.boardModeView) .appMobileMenu a:hover,.app:not(.boardModeView) .appMobileMenu button:hover{background:#1e293b;border-color:#475569}.app:not(.boardModeView) .appMobileMenu .mobileMenuBackdrop{z-index:510;opacity:1;cursor:default;pointer-events:auto;border:0;border-radius:0;width:100vw;height:100dvh;min-height:100dvh;padding:0;transition:none;position:fixed;inset:0;background:#02061752!important}.app:not(.boardModeView) .appMobileMenu .mobileMenuBackdrop:hover,.app:not(.boardModeView) .appMobileMenu .mobileMenuBackdrop:focus,.app:not(.boardModeView) .appMobileMenu .mobileMenuBackdrop:active{opacity:1;box-shadow:none;border:0;transform:none;background:#02061752!important}.mobileMenuAccount{color:#cbd5e1;border-bottom:1px solid #1e293b;padding:8px 9px 10px}.mobileMenuAccount strong,.mobileMenuAccount span,.mobileMenuAccount small{display:block}.mobileMenuAccount strong{color:#f8fafc;font-size:14px;line-height:1.1}.mobileMenuAccount span{color:#bae6fd;margin-top:4px;font-size:12px;font-weight:850}.mobileMenuAccount small{color:#94a3b8;margin-top:3px;font-size:11px;line-height:1.25}.signedInApp .legalFooterLinks,.signedInApp .appVersionLabel,.signedInApp .classEditorBackButton,.signedInApp .accountClassesButton,.classesPageView .legalFooterLinks,.classesPageView .appVersionLabel,.activeDealView .legalFooterLinks,.activeDealView .appVersionLabel,.settingsFocusModeView .legalFooterLinks,.settingsFocusModeView .appVersionLabel,.classesPageView .classesMobileHeading,.classesPageView .classesMobileCopy,.classesPageView .classesMobileActionLabel{display:none}.classesPageView .classesDesktopHeading,.classesPageView .classesDesktopCopy,.classesPageView .classesDesktopActionLabel{display:block}.mobileOverlayAppHeader{background:#0f172a;border-bottom:1px solid #334155;grid-template-columns:1fr auto;align-items:center;gap:12px;min-height:54px;padding:7px 12px;display:grid}.mobileOverlayBrand{color:#f8fafc;cursor:pointer;background:0 0;border:0;align-items:center;gap:9px;width:fit-content;padding:0;font-size:18px;font-weight:950;display:inline-flex}.mobileOverlayBrand img{width:34px;height:34px}.app:not(.boardModeView) .mobileOverlayAppHeader .overlayMobileMenu{grid-area:auto;display:block}.classesPage{flex-direction:column;display:flex}.classesPage .classesPageHeader{order:1}.classesPage .classReadyPanel{order:2}.classesPage .classCardGrid{order:3}.classesPage .mobileCreateClassFooter{background:#111827;border:1px dashed #475569;border-radius:12px;order:4;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;margin-top:12px;padding:12px 14px;display:grid}.classesPage .mobileCreateClassFooter button{margin:0}.classesPage .mobileCreateClassFooter span{color:#94a3b8;font-size:13px}.classesPage .createClassPanel{order:5}.classesPage.emptyClassesPage .createClassPanel{order:2}.classesPage.emptyClassesPage .classCardGrid{order:3}.classesPage .classesHeaderActions{display:none}.classesPage .classCardGrid{grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:12px}.classesPage .classManagementCard{border-radius:12px;min-height:158px;padding:16px}.activeDealView .dailyControlBar{grid-template-columns:minmax(190px,.7fr) minmax(0,2.3fr);align-items:center;gap:14px;padding:12px}.activeDealView .mobileWorkspaceActions{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.activeDealView .mobileWorkspaceActions .mobileWorkspacePrimary{grid-column:span 2}.activeDealView .mobileWorkspaceActions button{min-width:0;min-height:44px;padding:8px 10px;font-size:13px;line-height:1.15}.activeDealView .dailyPrimaryActions,.activeDealView .dailySecondaryActions{display:none}}@media (min-width:801px) and (max-width:1100px){.activeDealView .dailyControlBar{grid-template-columns:1fr}.activeDealView .mobileWorkspaceActions{grid-template-columns:repeat(2,minmax(0,1fr))}.activeDealView .mobileWorkspaceActions .mobileWorkspacePrimary{grid-column:1/-1}}@media (max-width:340px){.activeDealView #output.numberedOutput,.boardModeView #output.numberedOutput{grid-template-columns:minmax(0,1fr)}.previewOverviewGrid.cardPreviewOverview,.boardModeView #output.arrangementOutput:not(.numberedOutput){grid-template-columns:minmax(0,1fr);grid-auto-rows:clamp(220px,72vw,270px)}}@media (max-width:767px){.boardModeView.activeDealView #output.arrangementOutput:not(.numberedOutput){width:100%;height:100dvh;min-height:0;padding:8px 8px calc(168px + env(safe-area-inset-bottom));overscroll-behavior:contain;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:clamp(190px,58vw,245px);place-content:start center;align-items:start;gap:8px;margin:0;display:grid;position:fixed;inset:0;overflow:hidden auto}.boardModeView.activeDealView #output.arrangementOutput:not(.numberedOutput) .sharedGroupCard,.boardModeView.activeDealView #output.arrangementOutput:not(.numberedOutput) .sharedGroupCard.groupSize4{aspect-ratio:auto;contain:layout paint;width:100%;max-width:none;height:100%;min-height:0;max-height:none;margin:0;position:relative;transform:none}.boardModeView.activeDealView #output .sharedGroupCard .corner.top-left{top:9px;left:10px}.boardModeView.activeDealView #output .sharedGroupCard .corner.bottom-right{opacity:1;display:grid;bottom:9px;right:10px}.boardModeView.activeDealView #output .sharedGroupCard .corner .rank{font-size:clamp(26px,9vw,38px)}.boardModeView.activeDealView #output .sharedGroupCard .sharedGroupStudents,.boardModeView.activeDealView #output .sharedGroupCard .sharedGroupStudents.groupSize2,.boardModeView.activeDealView #output .sharedGroupCard .sharedGroupStudents.groupSize3,.boardModeView.activeDealView #output .sharedGroupCard .sharedGroupStudents.groupSize4{gap:4px;inset:clamp(38px,12vw,50px) 10px clamp(32px,10vw,44px)}.boardModeView.activeDealView #output .sharedGroupCard .sharedStudentRow,.boardModeView.activeDealView #output .sharedGroupStudents.groupSize2 .sharedStudentRow,.boardModeView.activeDealView #output .sharedGroupStudents.groupSize4 .sharedStudentRow{flex:1 1 0;gap:4px;min-height:0;padding:1px 3px}.boardModeView.activeDealView #output .sharedGroupCard.studentCount2 .sharedStudentRow{flex:0 auto;min-height:34px}.boardModeView.activeDealView #output .sharedGroupCard .sharedSuitColumn{flex-basis:15px;width:15px;font-size:16px}}@media (max-width:340px){.boardModeView.activeDealView #output.arrangementOutput:not(.numberedOutput){grid-template-columns:minmax(0,1fr);grid-auto-rows:clamp(220px,72vw,270px)}}@media (max-width:800px){.classesPageView .appHeader{border-radius:14px;grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"brand account menu";align-items:center;gap:8px;min-height:0;margin-bottom:10px;padding:10px;display:grid}.classesPageView .appHeader .brandBlock{grid-area:brand;justify-content:flex-start;gap:8px;min-width:0}.classesPageView .appHeader .brandMark{width:34px;height:34px;box-shadow:none;border-radius:10px}.classesPageView .appHeader .titleBlock h1{font-size:20px;line-height:1}.classesPageView .appHeader .brandEyebrow,.classesPageView .appHeader .titleBlock p,.classesPageView .appHeader .navButtons{display:none}.classesPageView .appHeader .accountPanel{border-radius:12px;flex-direction:row;grid-area:account;justify-self:end;align-items:center;width:auto;min-height:0;padding:6px 8px}.classesPageView .appHeader .accountText{align-items:flex-end}.classesPageView .appHeader .accountText strong{white-space:nowrap;max-width:96px;font-size:12px}.classesPageView .appHeader .billingStatusPill{margin-top:3px;padding:3px 6px;font-size:9px}.classesPageView .appHeader .billingPlanDetail,.classesPageView .appHeader .accountActions{display:none}.classesPageView .dashboardMobileMenu{grid-area:menu;justify-self:end;display:block;position:relative}.classesPageView .dashboardMobileMenu summary{color:#f8fafc;cursor:pointer;background:#1e293b;border:1px solid #475569;border-radius:10px;place-items:center;width:38px;height:38px;font-size:18px;font-weight:950;list-style:none;display:grid}.classesPageView .dashboardMobileMenu summary::-webkit-details-marker{display:none}.classesPageView .dashboardMobileMenu div{z-index:40;background:#0f172a;border:1px solid #334155;border-radius:14px;gap:6px;min-width:190px;padding:8px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 40px #00000075}.classesPageView .dashboardMobileMenu a,.classesPageView .dashboardMobileMenu button{color:#dbeafe;text-align:left;background:0 0;border:1px solid #0000;border-radius:9px;min-height:36px;padding:8px 10px;font-size:13px;font-weight:850;text-decoration:none}.classesPageView .dashboardMobileMenu button:disabled{opacity:.55}.classesPageView .classesPageHeader{gap:10px;margin-bottom:10px}.classesPageView .classesPageHeader h2{margin-bottom:4px;font-size:26px}.classesPageView .classesDesktopCopy{display:none}.classesPageView .classesMobileCopy{display:block}.classesPageView .classesDesktopHeading,.classesPageView .classesDesktopActionLabel{display:none}.classesPageView .classesMobileHeading,.classesPageView .classesMobileActionLabel{display:block}.classesPageView .classesHeaderActions{align-self:stretch}.classesPageView .classCardGrid{gap:10px;margin-top:10px}.classesPageView .classManagementCard{border-radius:14px;gap:8px;min-height:0;padding:14px}.classesPageView .classManagementInfo strong{font-size:22px}.classesPageView .classManagementActions{grid-template-columns:1fr 1fr}}@media (max-width:380px){.classesPageView .appHeader{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand menu""account account"}.classesPageView .appHeader .accountPanel{justify-content:flex-start;justify-self:stretch;width:100%}.classesPageView .appHeader .accountText{align-items:flex-start}}.mobileHeaderClassesButton,.mobileActionLabel,.mobileSavedPresentButton{display:none}@media (max-width:800px){.app:not(.boardModeView) .appHeader,.settingsFocusModeView .appHeader,.activeDealView .appHeader,.classesPageView .appHeader{border-radius:14px;grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"brand back menu";align-items:center;gap:8px;min-height:0;margin-bottom:10px;padding:9px 10px;display:grid}.app:not(.boardModeView) .appHeader .brandBlock{grid-area:brand;justify-content:flex-start;gap:8px;min-width:0}.app:not(.boardModeView) .appHeader .brandMark{width:34px;height:34px;box-shadow:none;border-radius:10px}.app:not(.boardModeView) .appHeader .titleBlock{min-width:0}.app:not(.boardModeView) .appHeader .titleBlock h1{white-space:nowrap;font-size:20px;line-height:1}.app:not(.boardModeView) .appHeader .brandEyebrow,.app:not(.boardModeView) .appHeader .titleBlock p,.app:not(.boardModeView) .appHeader .headerClassButtons,.app:not(.boardModeView) .appHeader .navButtons,.app:not(.boardModeView) .appHeader .accountPanel{display:none}.app:not(.boardModeView) .appMobileMenu{grid-area:menu;justify-self:end;display:block;position:relative}.app:not(.boardModeView) .appMobileMenu summary{color:#f8fafc;cursor:pointer;background:#1e293b;border:1px solid #475569;border-radius:10px;place-items:center;width:38px;height:38px;font-size:18px;font-weight:950;list-style:none;display:grid}.app:not(.boardModeView) .mobileHeaderClassesButton{white-space:nowrap;border-radius:10px;grid-area:back;min-height:38px;padding:7px 10px;font-size:12px;display:none}.activeDealView:not(.boardModeView) .mobileHeaderClassesButton{justify-content:center;align-items:center;display:inline-flex}.app:not(.boardModeView) .appMobileMenu summary::-webkit-details-marker{display:none}.app:not(.boardModeView) .appMobileMenu>div{z-index:420;background:#0f172a;border:1px solid #334155;border-radius:14px;gap:6px;min-width:220px;max-width:min(280px,100vw - 20px);padding:9px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 40px #00000075}.mobileMenuAccount{color:#cbd5e1;border-bottom:1px solid #1e293b;padding:8px 9px 10px}.mobileMenuAccount strong,.mobileMenuAccount span,.mobileMenuAccount small{display:block}.mobileMenuAccount strong{color:#f8fafc;font-size:14px;line-height:1.1}.mobileMenuAccount span{color:#bae6fd;margin-top:4px;font-size:12px;font-weight:850}.mobileMenuAccount small{color:#94a3b8;margin-top:3px;font-size:11px;line-height:1.25}.app:not(.boardModeView) .appMobileMenu a,.app:not(.boardModeView) .appMobileMenu button{color:#dbeafe;text-align:left;background:0 0;border:1px solid #0000;border-radius:9px;min-height:38px;padding:8px 10px;font-size:13px;font-weight:850;text-decoration:none}.app:not(.boardModeView) .appMobileMenu button:disabled{opacity:.55}.mobileMenuSignIn{gap:6px;padding-top:4px;display:grid}.mobileMenuSignIn .signInButtons,.mobileMenuSignIn .signedOutAccount{gap:6px;display:grid}.settingsFocusModeView .redesignedClassEditor .classEditorHeaderActions,.redesignedClassEditor .classEditorMobileMenu{display:none}.activeDealView .dailyControlBar{border-radius:15px;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:10px;padding:10px;position:static}.activeDealView .dailyClassStatus{grid-column:1/-1;padding:0 2px;display:block}.activeDealView .dailyClassStatus strong{white-space:normal;margin-top:2px;font-size:28px}.activeDealView .dailyClassStatus small{grid-column:auto;margin-top:4px}.activeDealView .dailyPrimaryActions{display:contents}.activeDealView .dailyPrimaryActions button,.activeDealView .dailySecondaryActions button{order:4}.activeDealView .dailyMainAction{order:1;grid-column:1/-1;width:100%;min-height:52px;font-size:15px}.activeDealView .changeGroupingButton{order:2}.activeDealView .saveArrangementButton{order:3}.activeDealView .desktopActionLabel,.activeDealView .presentBoardButton,.activeDealView .backToRandomButton{display:none}.activeDealView .mobileActionLabel{display:inline}.activeDealView .mobileSavedPresentButton{order:1;grid-column:1/-1;width:100%;min-height:52px;display:block}.activeDealView .dailySecondaryActions{display:contents}.activeDealView .dailyPrimaryActions button,.activeDealView .dailySecondaryActions button{width:100%;min-width:0;min-height:46px;padding-left:7px;padding-right:7px;font-size:12.5px;line-height:1.12}}@media (max-width:380px){.app:not(.boardModeView) .appHeader,.settingsFocusModeView .appHeader,.activeDealView .appHeader,.classesPageView .appHeader{grid-template-columns:minmax(0,1fr) auto auto}}@media (max-width:800px){.activeDealView .dailyPrimaryActions,.activeDealView .dailySecondaryActions{display:none}}.mobileOverlayAppHeader,.mobileCreateClassFooter,.mobileManualPoolLabel,.manualDestinationLabel{display:none}@media (max-width:800px){.signedInApp:not(.boardModeView) .appHeader{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand menu";padding:7px 9px}.signedInApp:not(.boardModeView) .appHeader .brandHomeButton{width:auto}.signedInApp .mobileHeaderClassesButton,.signedInApp .classesReturnButton,.signedInApp .accountClassesButton{display:none}.signedInApp .redesignedClassEditor .classEditorMobileNavRow{justify-content:flex-end}.manualBuilderView:not(.boardModeView)>.container>.appHeader,.adjustGroupsView:not(.boardModeView)>.container>.appHeader{display:none}.mobileOverlayAppHeader{z-index:430;background:#0b1324;border-bottom:1px solid #243247;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-height:48px;padding:7px 9px;display:grid;position:relative}.mobileOverlayBrand{color:#f8fafc;text-align:left;background:0 0;border:0;align-items:center;gap:8px;min-width:0;padding:0;font-size:18px;font-weight:950;display:inline-flex}.mobileOverlayBrand img{object-fit:contain;flex:0 0 32px;width:32px;height:32px}.app:not(.boardModeView) .mobileOverlayAppHeader .overlayMobileMenu{grid-area:auto;justify-self:end;display:block}.classesPageView .classesPage{flex-direction:column;display:flex}.classesPageView .classesPageHeader{order:1}.classesPageView .classesHeaderActions{display:none}.classesPageView .classReadyPanel{order:2}.classesPageView .classCardGrid{order:3}.classesPageView .mobileCreateClassFooter{text-align:center;background:#0f172a;border:1px solid #334155;border-radius:14px;order:4;gap:5px;margin-top:12px;padding:12px;display:grid}.mobileCreateClassFooter button{width:100%}.mobileCreateClassFooter span{color:#94a3b8;font-size:11px}.classesPageView .createClassPanel{order:5;margin-top:10px}.assignStudentsStage .manualUnassignedSection{background:#17243a;border-color:#60a5fa8c}.assignStudentsStage .desktopManualPoolLabel{display:none}.assignStudentsStage .mobileManualPoolLabel{color:#e0f2fe;font-size:13px;display:block}.assignStudentsStage .unassignedStudentChip:not(.selected){color:#f8fafc;background:#334155;border-color:#60a5fa}.assignStudentsStage .manualDestinationLabel{border-top:1px solid #334155;margin:8px 0 0;padding:7px 7px 2px;display:block}.manualDestinationLabel strong,.manualDestinationLabel span{display:block}.manualDestinationLabel strong{color:#f8fafc;font-size:13px}.manualDestinationLabel span{color:#94a3b8;margin-top:2px;font-size:10px}.assignStudentsStage .manualGroupTitle{border-bottom:1px solid #334155;padding-bottom:6px}.activeDealView:not(.boardModeView) .appHeader .brandBlock{display:flex}.app:not(.boardModeView) .appMobileMenu .mobileMenuBackdrop{z-index:410;cursor:default;background:#02061761;border:0;border-radius:0;width:100vw;height:100dvh;min-height:100dvh;padding:0;position:fixed;inset:0}.studentPreviewShell>.mobileOverlayAppHeader{flex:none}}@media (max-width:767px){.activeDealView #output.numberedOutput .sharedNumberGroup,.boardModeView #output.numberedOutput .sharedNumberGroup,.numberedPreviewOverview .sharedNumberGroup--mini{height:auto;min-height:max(210px, var(--mobile-number-group-min-height,210px));overflow:hidden}.previewSwipeStage .sharedNumberGroup--large{height:auto;min-height:max(360px, var(--mobile-number-group-min-height,360px))}.activeDealView #output.numberedOutput .numberedStudentList,.boardModeView #output.numberedOutput .numberedStudentList,.studentPreviewShell .sharedNumberGroup .numberedStudentList{grid-auto-rows:minmax(44px,auto);gap:7px;padding:12px 2px 18px}.activeDealView #output.numberedOutput .numberedStudent,.boardModeView #output.numberedOutput .numberedStudent,.studentPreviewShell .sharedNumberGroup .numberedStudent{white-space:nowrap;text-overflow:clip;min-height:44px;padding:1px 0 6px;line-height:1.2;overflow:hidden}}@media (min-width:801px){.activeDealView .dailyControlBar,.activeDealView .mobileWorkspaceActions{display:none}.activeDealView .desktopWorkspaceActions{display:flex}}@media (min-width:801px) and (max-width:1100px){.activeDealView .dailyControlBar{grid-template-columns:minmax(130px,auto) minmax(0,1fr);gap:10px}}.savedGroupEditorPanel{flex-direction:column;display:flex;overflow:hidden}.savedGroupEditorToolbar{z-index:20;background:#0b1324;border-bottom:1px solid #334155;grid-template-columns:minmax(150px,.7fr) minmax(240px,1.2fr) auto auto;align-items:center;gap:12px;padding:12px 16px;display:grid;position:relative;box-shadow:0 8px 24px #0206173d}.savedGroupEditorTitle span,.savedGroupEditorTitle strong,.savedGroupSetNameField span,.savedGroupEditorProgress strong,.savedGroupEditorProgress span{display:block}.savedGroupEditorTitle span,.savedGroupSetNameField span{color:#93c5fd;text-transform:uppercase;font-size:11px;font-weight:850}.savedGroupEditorTitle strong{color:#f8fafc;margin-top:2px;font-size:18px}.savedGroupSetNameField{min-width:0}.savedGroupSetNameField input{color:#f8fafc;width:100%;min-height:40px;font:inherit;background:#111827;border:1px solid #475569;border-radius:8px;margin-top:4px;padding:8px 10px;font-weight:750}.savedGroupSetNameField input[aria-invalid=true]{border-color:#f87171;box-shadow:0 0 0 2px #f8717129}.savedGroupEditorProgress{text-align:right;min-width:128px}.savedGroupEditorProgress strong{color:#f8fafc;font-size:13px}.savedGroupEditorProgress span{color:#94a3b8;margin-top:3px;font-size:11px}.savedGroupEditorActions{justify-content:flex-end;align-items:center;gap:7px;display:flex}.savedGroupEditorActions button{white-space:nowrap;min-height:40px;padding:8px 11px}.savedGroupEditorBody{min-height:0;padding:14px 16px 32px;overflow-y:auto}.savedGroupEditorSetup{background:#101a2d;border:1px solid #334155;border-radius:8px;justify-content:space-between;align-items:center;gap:14px;padding:10px 12px;display:flex}.savedGroupEditorSetup strong,.savedGroupEditorSetup span{display:block}.savedGroupEditorSetup strong{color:#f8fafc;font-size:14px}.savedGroupEditorSetup span{color:#94a3b8;margin-top:2px;font-size:11px}.savedGroupDisplayToggle{background:#020617;border:1px solid #334155;border-radius:8px;grid-template-columns:repeat(2,minmax(110px,1fr));gap:4px;padding:3px;display:grid}.savedGroupDisplayToggle button{color:#94a3b8;background:0 0;border:1px solid #0000;border-radius:6px;min-height:36px;padding:7px 10px;font-size:12px;font-weight:850}.savedGroupDisplayToggle button.active{color:#fff;background:#1d4ed8;border-color:#60a5fa}.savedGroupEditorNotice{color:#a7f3d0;background:#064e3b3d;border-left:3px solid #34d399;border-radius:4px;min-height:36px;margin-top:10px;padding:9px 11px;font-size:12px;font-weight:750}.savedGroupEditorNotice.needsAttention{color:#fde68a;background:#78350f38;border-left-color:#fbbf24}.savedGroupSelectionBar{z-index:16;background:#082f49f7;border:1px solid #38bdf8;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;padding:9px 11px;display:flex;position:sticky;top:0;box-shadow:0 10px 24px #02061759}.savedGroupSelectionBar strong,.savedGroupSelectionBar span{display:block}.savedGroupSelectionBar strong{color:#f0f9ff;font-size:13px}.savedGroupSelectionBar span{color:#bae6fd;margin-top:2px;font-size:11px}.savedGroupSelectionBar>div:last-child{gap:6px;display:flex}.savedGroupSelectionBar button,.savedGroupEditorSectionHeading button{color:#f8fafc;background:#1e293b;border:1px solid #64748b;border-radius:7px;min-height:34px;padding:6px 9px;font-size:11px;font-weight:850}.savedGroupSelectionBar button[aria-pressed=true]{background:#0369a1;border-color:#7dd3fc}.savedGroupUnassignedSection{background:#13213a;border:1px solid #3b82f6;border-radius:8px;margin-top:10px;padding:12px}.savedGroupEditorSectionHeading{justify-content:space-between;align-items:center;gap:10px;display:flex}.savedGroupEditorSectionHeading>div{align-items:center;gap:7px;display:flex}.savedGroupEditorSectionHeading strong{color:#f8fafc;font-size:14px}.savedGroupEditorSectionHeading span{color:#bfdbfe;text-align:center;background:#1e3a5f;border-radius:999px;min-width:24px;padding:3px 6px;font-size:11px;font-weight:850}.savedGroupStudentPool,.savedGroupEditorStudents{flex-wrap:wrap;gap:7px;display:flex}.savedGroupStudentPool{margin-top:10px}.savedGroupStudentChip{color:#f8fafc;text-align:center;background:#253349;border:1px solid #52637a;border-radius:8px;justify-content:center;align-items:center;max-width:100%;min-height:38px;padding:7px 10px;font-size:12px;font-weight:850;line-height:1.15;display:inline-flex;position:relative}.savedGroupStudentChip.selected{color:#fff;background:#0284c7;border-color:#bae6fd;box-shadow:0 0 0 2px #38bdf833}.savedGroupAllAssigned{color:#a7f3d0;align-items:center;gap:7px;margin-top:8px;font-size:12px;font-weight:750;display:flex}.savedGroupEditorGrid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));align-items:start;gap:10px;margin-top:12px;display:grid}.savedGroupEditorCard{background:#111827;border:1px solid #3b4a61;border-radius:8px;min-width:0;min-height:142px;padding:11px;transition:border-color .14s,box-shadow .14s,transform .14s;position:relative;overflow:visible}.savedGroupCardDestination{z-index:1;border-radius:inherit;background:0 0;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.savedGroupCardDestination:disabled{pointer-events:none}.savedGroupEditorCardHeader,.savedGroupRuleWarning,.savedGroupEditorStudents{z-index:2;position:relative}.savedGroupEditorCard.validDestination{cursor:pointer;border-color:#38bdf8;box-shadow:inset 0 0 0 1px #38bdf838}.savedGroupEditorCard.validDestination:hover{border-color:#bae6fd;outline:none;transform:translateY(-1px);box-shadow:inset 0 0 0 1px #bae6fd73,0 8px 22px #0284c72e}.savedGroupEditorCard.validDestination:has(.savedGroupCardDestination:focus-visible){border-color:#bae6fd;outline:none;transform:translateY(-1px);box-shadow:inset 0 0 0 1px #bae6fd73,0 8px 22px #0284c72e}.savedGroupEditorCard.hasConflict{border-color:#f59e0b}.savedGroupEditorCard.switchSource{background:#082f49b8;border-color:#7dd3fc;box-shadow:inset 0 0 0 2px #7dd3fcb8,0 0 0 3px #0ea5e929}.savedGroupEditorCard.switchDestination{cursor:pointer;border-color:#34d399}.savedGroupEditorCard.switchDestination:hover{background:#064e3b3d;outline:none;box-shadow:inset 0 0 0 1px #34d3995c,0 0 0 3px #34d39924}.savedGroupEditorCard.switchDestination:has(.savedGroupCardDestination:focus-visible){background:#064e3b3d;outline:none;box-shadow:inset 0 0 0 1px #34d3995c,0 0 0 3px #34d39924}.savedGroupEditorCard.switchSource .savedGroupCardDestination,.savedGroupEditorCard.switchDestination .savedGroupCardDestination{z-index:3}.savedGroupEditorCard.switchSource .savedGroupEditorCardHeader,.savedGroupEditorCard.switchDestination .savedGroupEditorCardHeader{z-index:4}.savedGroupEditorCardHeader{border-bottom:1px solid #28364b;justify-content:space-between;align-items:flex-start;gap:8px;padding-bottom:8px;display:flex;position:relative}.savedGroupEditorCardIdentity{flex:auto;min-width:0}.savedGroupEditorCardIdentity>button{color:#f8fafc;text-align:left;background:0 0;border:0;border-radius:5px;align-items:center;gap:6px;max-width:100%;min-height:30px;padding:2px 3px;display:inline-flex}.savedGroupEditorCardIdentity>button:disabled{cursor:default;opacity:1}.savedGroupEditorCardIdentity>button strong{overflow-wrap:anywhere;font-size:16px;line-height:1.2}.savedGroupEditorCardIdentity>button span{color:#7dd3fc;font-size:14px}.savedGroupEditorCardIdentity>span{color:#94a3b8;margin:1px 0 0 3px;font-size:11px;display:block}.savedGroupEditorCardIdentity>input{color:#f8fafc;width:min(220px,100%);min-height:34px;font:inherit;background:#020617;border:1px solid #7dd3fc;border-radius:6px;padding:6px 8px;font-weight:850}.savedGroupCardControls{z-index:5;align-items:center;gap:4px;display:flex;position:relative}.savedGroupCardMenuTrigger{color:#cbd5e1;cursor:pointer;letter-spacing:0;background:#1e293b;border:1px solid #475569;border-radius:7px;place-items:center;width:34px;height:32px;padding:0;font-size:12px;display:grid}.savedGroupCardMenuTrigger:hover,.savedGroupCardMenuTrigger:focus-visible,.savedGroupCardMenuTrigger[aria-expanded=true]{color:#fff;background:#243b5a;border-color:#7dd3fc;outline:none}.savedGroupCardMenuPopover{z-index:600;background:#0b1324;border:1px solid #475569;border-radius:8px;width:208px;max-width:calc(100vw - 16px);padding:6px;position:fixed;box-shadow:0 14px 30px #02061780}.savedGroupCardMenuPopover>button{color:#e2e8f0;text-align:left;background:0 0;border:0;border-radius:5px;width:100%;min-height:34px;padding:6px 8px;font-size:11px;font-weight:750}.savedGroupCardMenuPopover button:hover:not(:disabled),.savedGroupCardMenuPopover button:focus-visible{background:#1e293b;outline:none}.savedGroupCardMenuPopover button:disabled{cursor:not-allowed;opacity:.42}.savedGroupSwitchBar{z-index:8;color:#e0f2fe;background:#082f49f7;border:1px solid #38bdf8;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;margin:10px 0;padding:9px 11px;display:flex;position:sticky;top:0;box-shadow:0 8px 22px #02061757}.savedGroupSwitchBar>div{gap:2px;min-width:0;display:grid}.savedGroupSwitchBar strong{color:#f8fafc;font-size:13px}.savedGroupSwitchBar span{color:#bae6fd;font-size:11px}.savedGroupSwitchBar button{color:#f8fafc;background:#0f172a;border:1px solid #7dd3fc;border-radius:6px;min-height:34px;padding:6px 10px;font-weight:850}.savedGroupRuleWarning{color:#fbbf24;margin-top:7px;font-size:10px;font-weight:800}.savedGroupEditorStudents{pointer-events:none;align-content:flex-start;min-height:64px;margin-top:9px}.savedGroupEditorStudents .savedGroupStudentChip{pointer-events:auto}.savedGroupEmptyDestination{color:#64748b;text-align:center;pointer-events:none;align-self:center;width:100%;padding:14px 4px;font-size:11px;font-style:italic}.savedGroupAddCard{color:#bfdbfe;background:#0f172a7a;border:1px dashed #64748b;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:142px;padding:16px;font-size:14px;font-weight:850;display:flex}.savedGroupAddCard span{font-size:22px;line-height:1}.savedGroupAddCard:hover,.savedGroupAddCard:focus-visible{background:#1e40af2e;border-color:#7dd3fc;outline:none}.savedGroupNestedDialog{z-index:650;background:#020617c7;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.savedGroupNestedDialog>div{background:#0f172a;border:1px solid #475569;border-radius:10px;width:min(430px,100%);padding:20px;box-shadow:0 24px 60px #00000080}.savedGroupNestedDialog h3{color:#f8fafc;margin:0}.savedGroupNestedDialog p{color:#94a3b8;margin:5px 0 14px;font-size:13px}.savedGroupNestedDialog label{color:#cbd5e1;gap:5px;font-size:12px;font-weight:750;display:grid}.savedGroupNestedDialog input{color:#f8fafc;min-height:42px;font:inherit;background:#020617;border:1px solid #475569;border-radius:7px;padding:8px 10px}.savedGroupNestedDialog>div>div:last-child{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}@media (max-width:900px){.savedGroupEditorToolbar{grid-template-columns:minmax(120px,.7fr) minmax(210px,1fr) auto}.savedGroupEditorActions{grid-column:1/-1}}@media (max-width:800px){.savedGroupEditorPanel{height:100dvh}.savedGroupEditorToolbar{grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:9px;position:sticky;top:0}.savedGroupEditorTitle strong{font-size:16px}.savedGroupSetNameField{grid-column:1/-1}.savedGroupEditorProgress{text-align:right;min-width:0}.savedGroupEditorActions{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.savedGroupEditorActions button{width:100%;min-width:0;min-height:38px;padding:7px 6px;font-size:11px}.savedGroupEditorBody{padding:9px 8px calc(28px + env(safe-area-inset-bottom))}.savedGroupEditorSetup{flex-direction:column;align-items:stretch;gap:8px}.savedGroupDisplayToggle{width:100%}.savedGroupSelectionBar{flex-direction:column;align-items:stretch;gap:7px;position:sticky;top:0}.savedGroupSelectionBar>div:last-child{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.savedGroupSelectionBar>div:last-child button{min-width:0}.savedGroupSelectionBar>div:last-child button:only-child,.savedGroupSelectionBar>div:last-child button:nth-child(3){grid-column:1/-1}.savedGroupEditorGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.savedGroupEditorCard,.savedGroupAddCard{min-height:132px;padding:8px}.savedGroupEditorCardHeader{gap:4px}.savedGroupEditorCardIdentity>button strong{font-size:13px}.savedGroupEditorCardIdentity>span{font-size:10px}.savedGroupCardMenuTrigger{width:31px;height:30px}.savedGroupEditorStudents,.savedGroupStudentPool{gap:5px}.savedGroupEditorCard .savedGroupStudentChip{width:100%;min-height:36px;padding:6px 7px;font-size:11px}.savedGroupUnassignedSection{padding:10px}.savedGroupSwitchBar{align-items:stretch}.savedGroupSwitchBar span{line-height:1.35}}@media (max-width:350px){.savedGroupEditorGrid{grid-template-columns:1fr}}@media (min-width:801px){.app:not(.boardModeView) .appHeader{border-radius:12px;grid-template-columns:minmax(210px,auto) minmax(0,1fr) auto;gap:clamp(14px,1.8vw,28px);padding:8px 12px}.app:not(.boardModeView) .appHeader .brandBlock,.app:not(.boardModeView) .appHeader .brandHomeButton{min-height:50px}.app:not(.boardModeView) .appHeader .brandHomeButton{gap:11px;padding:2px}.app:not(.boardModeView) .appHeader .brandMark.brandShuffleLogo{border-radius:12px;flex:0 0 48px;width:48px;min-width:48px;height:48px;min-height:48px;padding:2px}.app:not(.boardModeView) .appHeader .titleBlock h1{font-size:24px}.desktopClassShortcuts{justify-content:flex-start;gap:clamp(8px,1vw,14px);width:100%}.desktopCurrentClassContext{align-items:center;gap:7px;min-width:142px;max-width:min(260px,24vw);padding-right:clamp(12px,1.4vw,20px);line-height:1.1}.desktopCurrentClassContext strong{color:#f8fafc;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:17px;font-weight:900;display:block;overflow:hidden}.desktopCurrentClassContext span{color:#94a3b8;text-transform:none;white-space:nowrap;flex:none;font-size:11px;font-weight:750}.desktopClassShortcutList{justify-content:flex-start;gap:5px}.desktopClassShortcut,.desktopClassOverflow summary{color:#b8c5d8;background:#0f172a52;border-color:#0000;border-radius:8px;min-width:48px;max-width:126px;min-height:34px;padding:6px 10px;font-size:12px;font-weight:800}.desktopClassShortcut:hover,.desktopClassShortcut:focus-visible,.desktopClassOverflow summary:hover,.desktopClassOverflow summary:focus-visible,.desktopClassOverflow[open] summary{color:#f8fafc;background:#1e293b;border-color:#64748b;outline:none}.desktopClassOverflow summary{min-width:58px}.desktopHeaderClassActions{gap:8px;margin-left:auto;padding-left:clamp(8px,1vw,14px)}.desktopHeaderClassActions>button,.desktopClassTools summary{border-radius:8px;min-height:38px;padding:7px 12px}.desktopHeaderClassActions .desktopHeaderDealButton{min-width:78px;padding-inline:18px}.desktopClassTools summary{color:#cbd5e1;background:#0f172a66;border-color:#0000;justify-content:center;gap:0;min-width:70px;max-width:none;font-weight:750}.desktopClassTools summary:hover,.desktopClassTools summary:focus-visible,.desktopClassTools[open] summary{color:#f8fafc;background:#1e293b;border-color:#475569;outline:none}.desktopClassTools[open] summary{box-shadow:inset 0 -2px #38bdf8}.desktopClassToolsMenu{z-index:540;border-color:#334155;border-radius:9px;gap:1px;width:178px;padding:5px}.desktopClassToolsMenu button{border-radius:6px;min-height:34px;padding:7px 9px;font-weight:750}.desktopClassToolsMenu button:hover,.desktopClassToolsMenu button:focus-visible{color:#fff;background:#1e293b;border-color:#475569;outline:none}.desktopClassToolsDivider{background:#334155;height:1px;margin:4px 6px}.desktopClassSwitcherBackdrop,.desktopClassSwitcherBackdrop:hover,.desktopClassSwitcherBackdrop:focus,.desktopClassSwitcherBackdrop:active{background:0 0!important}}@media (min-width:801px) and (max-width:1020px){.app:not(.boardModeView) .appHeader{grid-template-columns:minmax(190px,auto) minmax(0,1fr) auto;gap:10px}.desktopCurrentClassContext{gap:2px;min-width:116px;display:grid}.desktopCurrentClassContext span{font-size:10px}}@media (min-width:801px){.app:not(.boardModeView) .appHeader{grid-template:minmax(0,auto)/minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:clamp(10px,1.25vw,20px);min-height:0;padding:6px 10px}.desktopHeaderLeftZone{grid-area:1/1;justify-self:stretch;align-items:center;gap:clamp(10px,1vw,16px);min-width:0;display:flex;overflow:hidden}.app:not(.boardModeView) .desktopHeaderLeftZone .brandBlock,.app:not(.boardModeView) .desktopHeaderLeftZone .brandHomeButton{min-height:44px}.app:not(.boardModeView) .desktopHeaderLeftZone .brandHomeButton{gap:9px}.app:not(.boardModeView) .desktopHeaderLeftZone .brandMark.brandShuffleLogo{border-radius:11px;flex-basis:44px;width:44px;min-width:44px;height:44px;min-height:44px}.app:not(.boardModeView) .desktopHeaderLeftZone .titleBlock h1{font-size:22px}.desktopHeaderLeftZone .brandBlock{flex:0 auto;min-width:0}.desktopHeaderLeftZone .brandHomeButton{max-width:100%}.desktopHeaderLeftZone .titleBlock{min-width:0}.desktopHeaderLeftZone .titleBlock h1{text-overflow:ellipsis;overflow:hidden}.desktopCurrentClassContext,.desktopHeaderLeftZone .desktopHeaderContext{border-left:1px solid #334155;border-right:0;flex:140px;min-width:0;max-width:min(240px,20vw);padding:2px 0 2px clamp(12px,1.2vw,18px)}.desktopCurrentClassContext{align-items:baseline;gap:6px;display:flex}.desktopHeaderLeftZone .desktopHeaderContext{gap:2px;display:grid}.desktopHeaderLeftZone .desktopHeaderContext span{color:#7dd3fc;text-transform:uppercase;font-size:9px;font-weight:850}.desktopHeaderLeftZone .desktopHeaderContext strong{color:#f8fafc;text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.desktopClassShortcuts{grid-area:1/2;justify-content:center;justify-self:center;align-items:center;gap:6px;width:auto;min-width:0;display:flex}.desktopClassShortcutList{justify-content:center}.desktopHeaderRightZone{grid-area:1/3;justify-content:flex-end;justify-self:stretch;align-items:center;gap:8px;min-width:0;display:flex}.desktopHeaderClassActions{margin-left:0;padding-left:0}.desktopHeaderClassActions>button,.desktopClassTools summary{height:36px;min-height:36px}.desktopHeaderClassActions .desktopHeaderPresentButton{color:#e2e8f0;background:#1e293bc2;border-color:#475569;min-width:82px}.desktopHeaderClassActions .desktopHeaderPresentButton:hover:not(:disabled),.desktopHeaderClassActions .desktopHeaderPresentButton:focus-visible{color:#fff;background:#1e293b;border-color:#7dd3fc;outline:none}.desktopHeaderClassActions .desktopHeaderPresentButton:disabled{color:#64748b;cursor:not-allowed;opacity:1;background:#0f172a57;border-color:#334155}.desktopHeaderRightZone .appMobileMenu{flex:none}.app:not(.boardModeView) .desktopHeaderRightZone .appMobileMenu summary{width:36px;height:36px}.desktopClassTools summary{gap:6px;min-width:78px}.desktopToolsCaret{color:#7dd3fc;font-size:11px;line-height:1;transition:transform .14s;display:inline-block}.desktopClassTools[open] .desktopToolsCaret{transform:rotate(180deg)}.app:not(.boardModeView) .appHeader>.navButtons,.app:not(.boardModeView) .appHeader>.accountPanel{display:none}#output.desktopPlayingCardSurface:not(.numberedOutput){grid-template-columns:repeat(var(--board-grid-tracks,10), calc((var(--board-card-width,1px) + var(--board-gap,0px)) / 2));grid-auto-rows:var(--board-card-height,auto);width:min(100%, var(--board-output-width,100%));max-width:none;height:var(--board-output-height,calc(100dvh - 8px));column-gap:0;row-gap:var(--board-row-gap,var(--board-gap,8px));perspective:1400px;place-content:center;align-items:start;min-height:0;margin:0 auto;padding:3px;display:grid;overflow:hidden}.activeDealView:not(.boardModeView) #output.desktopPlayingCardSurface{width:var(--board-output-width,100%);height:max(var(--board-output-height), var(--board-content-height));margin-left:0;margin-right:0;position:relative;left:50%;overflow:visible;transform:translate(-50%)}#output.desktopPlayingCardSurface:not(.numberedOutput) .sharedGroupCard,#output.desktopPlayingCardSurface:not(.numberedOutput) .sharedGroupCard.groupSize4{width:min(100%, var(--board-card-width,100%));max-width:var(--board-card-width,none);height:var(--board-card-height,auto);min-height:0;max-height:var(--board-card-height,none);margin:0 0 0 var(--board-half-gap,0px);aspect-ratio:3/4;grid-column:span 2;position:relative;transform:none}#output.desktopPlayingCardSurface.boardThreeRowFit:not(.numberedOutput){grid-auto-rows:var(--board-row-step,var(--board-card-height,auto));height:var(--board-output-height,calc(100dvh - 8px));padding-top:max(3px, calc((var(--board-output-height,100dvh) - var(--board-content-height,100%)) / 2));align-content:start;row-gap:0;padding-bottom:0}.activeDealView:not(.boardModeView) #output.desktopPlayingCardSurface.boardThreeRowFit{height:max(var(--board-output-height), var(--board-content-height))}#output.desktopPlayingCardSurface.boardThreeRowFit:not(.numberedOutput) .sharedGroupCard{z-index:1;margin-left:var(--board-half-gap,0px);box-shadow:0 0 0 3px #0f172a66,0 18px 32px #0206177a,inset 0 3px #ffffffc7}#output.desktopPlayingCardSurface.boardThreeRowFit.boardColumns5:not(.numberedOutput) .sharedGroupCard:nth-child(n+6){z-index:2;box-shadow:0 -8px 14px #0206174d,0 0 0 3px #0f172a70,0 18px 32px #0206177a,inset 0 3px #ffffffc7}#output.desktopPlayingCardSurface.boardThreeRowFit.boardColumns5:not(.numberedOutput) .sharedGroupCard:nth-child(n+11){z-index:3}#output.desktopPlayingCardSurface .sharedGroupCard .corner.top-left{top:clamp(8px,1.5vmin,14px);left:clamp(9px,1.6vmin,15px)}#output.desktopPlayingCardSurface .sharedGroupCard .corner.bottom-right{opacity:1;display:grid;bottom:clamp(8px,1.5vmin,14px);right:clamp(9px,1.6vmin,15px)}#output.desktopPlayingCardSurface .sharedGroupCard .corner .rank{font-size:clamp(34px, calc(var(--board-name-size,42px) * 1.04), 60px);line-height:.9}#output.desktopPlayingCardSurface .sharedGroupCard .sharedGroupStudents,#output.desktopPlayingCardSurface .sharedGroupCard .sharedGroupStudents.groupSize2,#output.desktopPlayingCardSurface .sharedGroupCard .sharedGroupStudents.groupSize3,#output.desktopPlayingCardSurface .sharedGroupCard .sharedGroupStudents.groupSize4{justify-content:center;gap:clamp(4px,.7vmin,8px);inset:clamp(58px,7.8vmin,86px) clamp(10px,1.35vmin,14px)}#output.desktopPlayingCardSurface.boardThreeRowFit:not(.numberedOutput) .sharedGroupCard .sharedGroupStudents,#output.desktopPlayingCardSurface.boardThreeRowFit:not(.numberedOutput) .sharedGroupCard .sharedGroupStudents.groupSize2,#output.desktopPlayingCardSurface.boardThreeRowFit:not(.numberedOutput) .sharedGroupCard .sharedGroupStudents.groupSize3,#output.desktopPlayingCardSurface.boardThreeRowFit:not(.numberedOutput) .sharedGroupCard .sharedGroupStudents.groupSize4{top:clamp(48px,6.4vmin,68px);bottom:max(18px, calc(var(--board-row-overlap,0px) + 10px));gap:clamp(2px,.45vmin,5px)}#output.desktopPlayingCardSurface.boardThreeRowFit.boardDenseFourStudents:not(.numberedOutput) .sharedGroupCard .sharedGroupStudents,#output.desktopPlayingCardSurface.boardThreeRowFit.boardDenseFourStudents:not(.numberedOutput) .sharedGroupCard .sharedGroupStudents.groupSize4{top:clamp(44px,5.6vmin,58px);bottom:max(14px, calc(var(--board-row-overlap,0px) + 7px));gap:2px}#output.desktopPlayingCardSurface.boardThreeRowFit:not(.numberedOutput) .sharedGroupCard .sharedStudentRow{min-height:0;padding:1px 4px 2px}#output.desktopPlayingCardSurface.boardThreeRowFit:not(.numberedOutput) .sharedGroupCard .fitStudentName{min-height:1.24em;padding-bottom:.08em}#output.desktopPlayingCardSurface:not(.numberedOutput) .sharedStudentName{color:#071329;letter-spacing:0;text-align:center;white-space:nowrap;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;flex:1 1 0;width:auto;min-width:0;max-width:none;min-height:1.25em;padding:.02em 0 .1em;font-family:Segoe UI,Arial,Helvetica,sans-serif;font-weight:800;line-height:1.16;overflow:visible;font-size:var(--board-name-size,42px)!important}#output.desktopPlayingCardSurface:not(.numberedOutput) .sharedGroupCard .sharedStudentRow{box-sizing:border-box;align-items:center;gap:clamp(4px,.5vmin,6px);width:100%;max-width:100%;margin-inline:0;padding-inline:2px;display:flex;overflow:visible}#output.desktopPlayingCardSurface:not(.numberedOutput) .sharedGroupCard .sharedSuitColumn{flex:0 0 clamp(20px,1.85vw,26px);justify-content:center;align-items:center;width:clamp(20px,1.85vw,26px);min-width:clamp(20px,1.85vw,26px);margin:0;font-size:clamp(20px,2.15vw,28px);line-height:1;display:inline-flex}#output.desktopPlayingCardSurface:not(.numberedOutput) .redSuit .sharedStudentName,#output.desktopPlayingCardSurface:not(.numberedOutput) .blackSuit .sharedStudentName{color:#071329}#output.desktopPlayingCardSurface[data-card-count="6"] .sharedGroupCard:nth-child(6),#output.desktopPlayingCardSurface[data-card-count="11"] .sharedGroupCard:nth-child(11){grid-column:5/span 2}#output.desktopPlayingCardSurface[data-card-count="7"] .sharedGroupCard:nth-child(6),#output.desktopPlayingCardSurface[data-card-count="12"] .sharedGroupCard:nth-child(11){grid-column:4/span 2}#output.desktopPlayingCardSurface[data-card-count="7"] .sharedGroupCard:nth-child(7),#output.desktopPlayingCardSurface[data-card-count="12"] .sharedGroupCard:nth-child(12){grid-column:6/span 2}#output.desktopPlayingCardSurface[data-card-count="8"] .sharedGroupCard:nth-child(6),#output.desktopPlayingCardSurface[data-card-count="13"] .sharedGroupCard:nth-child(11){grid-column:3/span 2}#output.desktopPlayingCardSurface[data-card-count="8"] .sharedGroupCard:nth-child(7),#output.desktopPlayingCardSurface[data-card-count="13"] .sharedGroupCard:nth-child(12){grid-column:5/span 2}#output.desktopPlayingCardSurface[data-card-count="8"] .sharedGroupCard:nth-child(8),#output.desktopPlayingCardSurface[data-card-count="13"] .sharedGroupCard:nth-child(13){grid-column:7/span 2}#output.desktopPlayingCardSurface[data-card-count="9"] .sharedGroupCard:nth-child(6),#output.desktopPlayingCardSurface[data-card-count="14"] .sharedGroupCard:nth-child(11){grid-column:2/span 2}#output.desktopPlayingCardSurface[data-card-count="9"] .sharedGroupCard:nth-child(7),#output.desktopPlayingCardSurface[data-card-count="14"] .sharedGroupCard:nth-child(12){grid-column:4/span 2}#output.desktopPlayingCardSurface[data-card-count="9"] .sharedGroupCard:nth-child(8),#output.desktopPlayingCardSurface[data-card-count="14"] .sharedGroupCard:nth-child(13){grid-column:6/span 2}#output.desktopPlayingCardSurface[data-card-count="9"] .sharedGroupCard:nth-child(9),#output.desktopPlayingCardSurface[data-card-count="14"] .sharedGroupCard:nth-child(14){grid-column:8/span 2}}@media (max-width:800px){.desktopHeaderLeftZone,.desktopHeaderRightZone{display:contents}.desktopCurrentClassContext,.desktopHeaderLeftZone .desktopHeaderContext,.desktopHeaderClassActions{display:none}}:where([role=dialog][aria-modal=true]){isolation:isolate;pointer-events:auto;width:100vw;min-width:100%;max-width:none;height:100dvh;min-height:100dvh;z-index:1000!important;position:fixed!important;inset:0!important}:where([role=dialog][aria-modal=true])>*{z-index:1;position:relative}body.appModalOpen{overscroll-behavior:none;overflow:hidden!important}body.appModalOpen .appHeader,body.appModalOpen .desktopClassSwitcherBackdrop,body.appModalOpen .mobileMenuBackdrop{pointer-events:none!important}@media (min-width:801px){.settingsFocusModeView:not(.boardModeView) .appHeader{grid-template-rows:1fr;grid-template-columns:minmax(330px,auto) minmax(0,1fr) auto;min-height:58px;overflow:visible}.settingsFocusModeView .desktopHeaderLeftZone{overflow:visible}.settingsFocusModeView .desktopHeaderLeftZone .desktopEditClassContext{flex-basis:190px;max-width:min(340px,28vw)}.settingsFocusModeView .desktopHeaderLeftZone .desktopEditClassContext strong{font-size:14px}.desktopEditClassShortcuts{max-width:100%;overflow:visible}.desktopEditClassShortcuts .desktopClassShortcutList{max-width:100%}.desktopEditClassShortcuts .desktopClassShortcut{justify-content:center;align-items:center;gap:5px;max-width:138px;display:inline-flex}.desktopEditClassShortcuts .desktopClassShortcut>span:last-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.desktopEditClassShortcuts .desktopClassShortcut.locked,.desktopClassOverflowMenu button.locked{color:#fde68a;border-color:#f59e0b73}.desktopEditClassShortcuts .desktopClassShortcut.locked:hover,.desktopEditClassShortcuts .desktopClassShortcut.locked:focus-visible,.desktopClassOverflowMenu button.locked:hover,.desktopClassOverflowMenu button.locked:focus-visible{background:#78350f61;border-color:#f59e0b}.desktopClassShortcutLock{flex:none;font-size:11px}.desktopEditClassShortcuts .desktopNewClassShortcut{color:#cbd5e1;border-style:dashed;border-color:#475569}.desktopEditClassShortcuts .desktopClassShortcut.pending{cursor:progress;opacity:.65}.desktopEditClassShortcuts+.desktopHeaderRightZone{min-width:44px}.desktopEditClassShortcuts .desktopClassOverflow summary{min-width:96px;max-width:112px}.desktopEditClassShortcuts .desktopClassOverflowMenu{width:min(330px,100vw - 28px);right:0}.desktopClassOverflowMenu button:focus-visible{outline-offset:1px;background:#1e293b;border-color:#7dd3fc;outline:2px solid #7dd3fc52}}@media (min-width:801px) and (max-width:1100px){.settingsFocusModeView:not(.boardModeView) .appHeader{grid-template-columns:minmax(300px,auto) minmax(0,1fr) auto;gap:8px}.settingsFocusModeView .desktopHeaderLeftZone{gap:8px}.settingsFocusModeView .desktopHeaderLeftZone .brandBlock{flex:none}.settingsFocusModeView .desktopHeaderLeftZone .brandHomeButton{max-width:none}.settingsFocusModeView .desktopHeaderLeftZone .titleBlock h1{text-overflow:clip;overflow:visible}.settingsFocusModeView .desktopHeaderLeftZone .desktopEditClassContext{max-width:min(220px,22vw);padding-left:9px}.desktopEditClassShortcuts .desktopClassShortcut{min-width:54px;max-width:112px;padding-inline:8px}}.groupNamesSection,.manualReviewGroupNames{background:#0f172a9e;border:1px solid #38bdf857;border-radius:12px;padding:12px}.groupNamesHeading h3,.groupNamesHeading p{margin:0}.groupNamesHeading p{margin-top:3px;font-size:13px;line-height:1.4}.groupNameFieldGrid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;margin-top:10px;display:grid}.groupNameField{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;min-width:0;display:grid}.groupNameField>span{color:#cbd5e1;white-space:nowrap;font-size:12px;font-weight:900}.groupNameField input{color:#f8fafc;background:#020617;border:1px solid #475569;border-radius:8px;width:100%;min-width:0;min-height:40px;padding:8px 10px;font-size:15px;font-weight:800}.groupNameField input:focus{outline-offset:1px;border-color:#38bdf8;outline:2px solid #38bdf838}.displayModeHelper{color:#94a3b8;margin:8px 0 0;font-size:13px;line-height:1.4}.manualReviewGroupNames{margin-bottom:12px}.numberedGroupHeader{flex-direction:column;justify-content:center;align-items:flex-start;gap:0;min-width:0;height:auto}.numberedGroupHeader .namedGroupHeaderText{width:auto;min-width:0;max-width:100%;color:inherit;overflow-wrap:anywhere;text-align:left;text-overflow:clip;white-space:normal;line-height:1.08;overflow:visible;font-size:clamp(22px,1.8vw,32px)!important}.numberedGroupHeader>span{color:#ffffffdb;font-weight:800;line-height:1.15;font-size:clamp(12px,1vw,16px)!important}.desktopNumberGroupBoard #output.numberedOutput .numberedGroupHeader,.activeDealView:not(.boardModeView) #output.desktopWorkspaceNumberPreview .numberedGroupHeader{min-height:var(--board-number-header-height,64px);flex:none}.mobileBuilderSummaryGroup strong{overflow-wrap:anywhere;text-overflow:clip;white-space:normal;line-height:1.15;overflow:visible}@media (max-width:767px){.groupNamesSection,.manualReviewGroupNames{padding:10px}.groupNameFieldGrid{grid-template-columns:1fr}.numberedGroupHeader .namedGroupHeaderText{font-size:clamp(16px,4.4vw,18px)!important}.activeDealView #output.numberedOutput .numberedGroupHeader,.boardModeView #output.numberedOutput .numberedGroupHeader{flex:none;height:auto;min-height:52px;padding:7px}.previewSwipeStage .sharedNumberGroup--large .numberedGroupHeader{height:auto;min-height:58px;padding:8px 12px}}.freePreferenceManager{background:#0c1729;border:1px solid #3d6381;border-radius:8px;margin-bottom:14px;padding:14px}.freePreferenceManagerHeading h3{margin:0;font-size:1rem}.freePreferenceManagerHeading p,.freePreferenceEmpty{color:#aebbd0;margin:5px 0 0;font-size:.86rem}.freePreferenceList{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.freePreferenceList button{color:#eaf3ff;text-align:left;background:#111d31;border:1px solid #40506a;border-radius:7px;grid-template-columns:22px minmax(0,1fr);gap:2px 8px;min-height:58px;padding:9px 10px;display:grid}.freePreferenceList button.active{background:#0d2b30;border-color:#35c9b0}.freePreferenceList button>span{color:#58ddc5;grid-row:1/span 2;font-weight:900}.freePreferenceList button strong,.freePreferenceList button small{min-width:0}.freePreferenceList button small{color:#9fb0c8}.freeClassChooserCard{width:min(620px,100vw - 28px)}.freeClassChoiceList{gap:9px;margin-top:16px;display:grid}.freeClassChoiceList>button{color:#eef5ff;text-align:left;background:#111d31;border:1px solid #43566f;border-radius:7px;justify-content:space-between;align-items:center;gap:14px;width:100%;padding:12px 14px;display:flex}.freeClassChoiceList>button:hover,.freeClassChoiceList>button:focus-visible{background:#152640;border-color:#4ebbd9}.freeClassChoiceList span{gap:3px;display:grid}.freeClassChoiceList small{color:#aab8cc}.freeClassChoiceList b{color:#72e4d0;white-space:nowrap;font-size:.82rem}.classLocked{background:#111827!important;border-color:#4a5366!important}.classLocked .classBtnMain,.classLocked .classManagementInfo{opacity:.82}.classLocked .classManagementActions{grid-template-columns:1fr}@media (max-width:767px){.freePreferenceManager{margin-bottom:10px;padding:10px}.freePreferenceList{grid-template-columns:1fr}.freeClassChoiceList>button{flex-direction:column;align-items:flex-start}}.newClassStudentSetup{border-top:1px solid #334155;gap:12px;margin-top:18px;padding-top:17px;display:grid}.newClassStudentSetup h3,.newClassStudentSetup p{margin:0}.newClassStudentSetup h3{color:#f8fafc;font-size:1rem}.newClassStudentSetup p{color:#9fb0c8;margin-top:3px;font-size:.84rem}.newClassStudentChoices{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:10px;display:grid}.newClassStudentChoice{color:#eef5ff;text-align:left;background:#111d31;border:1px solid #42536d;border-radius:8px;gap:3px;min-height:74px;padding:13px 14px;display:grid}.newClassStudentChoice:hover,.newClassStudentChoice:focus-visible,.newClassStudentChoice.selected{background:#142943;border-color:#56c5e7}.newClassStudentChoice.primary{background:#0c3444;border-color:#2bb9d7}.newClassStudentChoice.primary:hover,.newClassStudentChoice.primary:focus-visible{background:#104255;border-color:#7ddff2}.newClassStudentChoice strong{font-size:.94rem}.newClassStudentChoice span{color:#b4c5d8;font-size:.78rem;line-height:1.35}.newClassManualRoster{gap:7px;margin-top:12px;display:grid}.studentRosterHeadingRow{align-items:flex-start}.studentRosterHeadingTools{justify-content:flex-end;align-items:center;gap:10px;min-width:0;display:flex}.studentCountBadge{color:#c8d5e8;white-space:nowrap;background:#172338;border:1px solid #40516a;border-radius:999px;flex:none;padding:5px 8px;font-size:.75rem;font-weight:850}.studentRosterActions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.studentRosterActions button{white-space:nowrap;min-height:38px;padding:8px 11px}.studentRosterActions .uploadRosterAction{color:#dff8ff;background:#0e3445;border-color:#35b9d3}.studentAddForm{margin:10px 0 14px}.demoRosterUploadCallout{background:#0d2f3d;border:1px solid #2c7f91;border-radius:8px;align-items:center;gap:10px;margin:10px 0 12px;padding:10px 12px;display:flex}.demoRosterUploadCallout strong{color:#e6faff;font-size:.82rem}.demoRosterUploadCallout span{color:#a9cbd4;font-size:.75rem}.rosterUploadOverlay{box-sizing:border-box;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#020617db;place-items:center;padding:18px;display:grid;overflow:auto}.rosterUploadModal{color:#eef5ff;background:#0c1628;border:1px solid #425570;border-radius:8px;width:min(880px,100%);max-height:calc(100dvh - 36px);overflow:auto;box-shadow:0 24px 70px #0000007a}.rosterUploadModalHeader{z-index:3;background:#0c1628f7;border-bottom:1px solid #30415a;justify-content:space-between;align-items:flex-start;gap:18px;padding:18px 20px 14px;display:flex;position:sticky;top:0}.rosterUploadModalHeader h2{margin:7px 0 0;font-size:1.45rem;line-height:1.15}.rosterUploadLead,.rosterPrivacyNote{color:#a9b9ce;margin:0;line-height:1.5}.rosterUploadLead{padding:18px 20px 0}.rosterUploadModeChoices{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:16px 20px 0;padding:0;display:grid}.rosterUploadModeChoices legend{color:#dce7f5;grid-column:1/-1;margin-bottom:1px;font-size:.8rem;font-weight:850}.rosterUploadModeChoices>label{color:#edf5ff;cursor:pointer;background:#111d31;border:1px solid #3b4c66;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:flex-start;gap:9px;margin:0;padding:12px;display:grid}.rosterUploadModeChoices>label.selected{background:#0f3141;border-color:#39bdd7}.rosterUploadModeChoices input{accent-color:#22b8d6;width:18px;height:18px;margin:1px 0 0}.rosterUploadModeChoices strong,.rosterUploadModeChoices small{display:block}.rosterUploadModeChoices strong{font-size:.84rem}.rosterUploadModeChoices small{color:#9fb1c8;margin-top:4px;font-size:.72rem;line-height:1.4}.rosterUploadDropzone{text-align:center;background:#0d2233;border:1px dashed #4a91aa;border-radius:8px;justify-items:center;gap:7px;margin:17px 20px 0;padding:26px 18px;display:grid}.rosterUploadDropzone:hover,.rosterUploadDropzone:focus-within{background:#102c3e;border-color:#78d9ec}.rosterUploadDropzone>strong{font-size:1rem}.rosterUploadDropzone>span,.rosterUploadDropzone>small{color:#9fb3c9}.rosterUploadDropzone>small{max-width:550px;line-height:1.45}.rosterUploadDropzone .btnPrimary{margin:6px 0 2px}.rosterUploadFileInput{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.rosterUploadReview{gap:12px;margin:17px 20px 0;display:grid}.rosterReviewHeading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.rosterReviewHeading h3,.rosterReviewHeading span{display:block}.rosterReviewHeading h3{margin:0;font-size:1.08rem}.rosterReviewHeading span{color:#9fb0c8;overflow-wrap:anywhere;margin-top:3px;font-size:.76rem}.rosterReviewSummary{grid-template-columns:repeat(auto-fit,minmax(105px,1fr));gap:7px;display:grid}.rosterReviewSummary>div{background:#111d31;border:1px solid #344760;border-radius:7px;gap:1px;min-width:0;padding:9px 10px;display:grid}.rosterReviewSummary strong{color:#71deee;font-size:1.02rem}.rosterReviewSummary span{color:#a6b6cb;font-size:.7rem}.rosterUnreadableRows,.rosterUploadError{color:#ffe4a3;background:#33230e;border:1px solid #c98b2e;border-radius:7px;padding:10px 12px;font-size:.8rem;line-height:1.4}.rosterUploadError{color:#ffd3d8;background:#3a1720;border-color:#dc5c69;margin:14px 20px 0}.rosterReviewList{gap:7px;max-height:min(310px,38dvh);padding-right:3px;display:grid;overflow:auto}.rosterReviewRow{background:#101b2e;border:1px solid #31435b;border-radius:7px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 11px;display:grid}.rosterReviewRow.possibleDuplicate{background:#251f17;border-color:#b98535}.rosterReviewRow>div strong,.rosterReviewRow>div span{display:block}.rosterReviewRow>div strong{font-size:.88rem}.rosterReviewRow>div span{color:#9fb1c8;margin-top:2px;font-size:.7rem;line-height:1.35}.rosterReviewRow fieldset{border:0;align-items:center;gap:9px;margin:0;padding:0;display:flex}.rosterReviewRow legend{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.rosterReviewRow label{color:#d7e2f1;text-transform:none;white-space:nowrap;cursor:pointer;align-items:center;gap:5px;margin:0;font-size:.72rem;font-weight:750;display:inline-flex}.rosterReviewRow input{accent-color:#26bfdc;width:16px;height:16px;margin:0}.rosterPrivacyNote{margin:14px 20px 0;font-size:.74rem}.rosterUploadFooter{justify-content:flex-end;align-items:center;gap:9px;padding:14px 20px 18px;display:flex}.rosterUploadResult,.rosterReplaceConfirmation{justify-items:start;gap:12px;padding:28px 24px 24px;display:grid}.rosterUploadResult>span{color:#a7fff3;background:#0d5d58;border-radius:50%;place-items:center;width:44px;height:44px;font-size:1.4rem;font-weight:900;display:grid}.rosterUploadResult h3,.rosterUploadResult p,.rosterReplaceConfirmation h3,.rosterReplaceConfirmation p{margin:0}.rosterUploadResult p,.rosterReplaceConfirmation p{color:#adbed2;line-height:1.5}.rosterResultCounts,.rosterRemovedNames{flex-wrap:wrap;gap:7px;display:flex}.rosterResultCounts span,.rosterRemovedNames span{color:#d8e6f5;background:#142136;border:1px solid #3d516c;border-radius:7px;padding:6px 8px;font-size:.76rem;font-weight:800}.rosterReplaceConfirmation .rosterPrivacyNote,.rosterReplaceConfirmation .rosterUploadFooter{margin:0;padding:0}.rosterReplaceConfirmation .rosterUploadFooter{width:100%;margin-top:4px}@media (max-width:920px){.studentRosterHeadingRow{grid-template-columns:1fr;align-items:start;display:grid}.studentRosterHeadingTools{justify-content:space-between;align-items:center;width:100%;display:flex}.studentRosterActions{justify-content:flex-start;width:100%}}@media (max-width:767px){.newClassStudentChoices,.rosterUploadModeChoices{grid-template-columns:1fr}.newClassStudentChoice{min-height:66px}.studentRosterHeadingRow{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 10px}.studentRosterHeadingTools{display:contents}.studentRosterHeadingRow>div:first-child{grid-area:1/1}.studentRosterHeadingRow .studentCountBadge{grid-area:1/2}.studentRosterActions{grid-area:2/1/auto/-1;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:7px;display:grid}.studentRosterActions button{white-space:normal;width:100%;min-width:0;padding-inline:8px}.demoRosterUploadCallout{flex-direction:column;align-items:flex-start;gap:3px}.rosterUploadOverlay{place-items:stretch stretch;padding:0}.rosterUploadModal{border:0;border-radius:0;width:100%;min-height:100dvh;max-height:100dvh}.rosterUploadModalHeader{align-items:center;padding:13px 14px 11px}.rosterUploadModalHeader h2{font-size:1.18rem}.rosterUploadLead{padding:14px 14px 0;font-size:.82rem}.rosterUploadModeChoices,.rosterUploadDropzone,.rosterUploadReview{margin-left:14px;margin-right:14px}.rosterUploadModeChoices{margin-top:13px}.rosterUploadDropzone{margin-top:14px;padding:22px 14px}.rosterReviewHeading{flex-direction:column;align-items:stretch}.rosterReviewHeading button{align-self:flex-start}.rosterReviewSummary{grid-template-columns:repeat(2,minmax(0,1fr))}.rosterReviewList{max-height:43dvh}.rosterReviewRow{grid-template-columns:1fr}.rosterReviewRow fieldset{flex-direction:column;align-items:flex-start}.rosterReviewRow label{white-space:normal}.rosterPrivacyNote,.rosterUploadError{margin-left:14px;margin-right:14px}.rosterUploadFooter{z-index:3;padding:12px 14px max(14px, env(safe-area-inset-bottom));background:#0c1628fa;border-top:1px solid #30415a;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);display:grid;position:sticky;bottom:0}.rosterUploadFooter button{width:100%;min-width:0}.rosterUploadResult,.rosterReplaceConfirmation{padding:24px 16px}.rosterReplaceConfirmation .rosterUploadFooter{background:0 0;border:0;grid-template-columns:1fr;position:static}}@media (max-width:390px){.studentRosterActions,.rosterUploadFooter{grid-template-columns:1fr}}