*{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}.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(180px,1.2fr) minmax(150px,1fr) 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}.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-radius:999px;flex:none;padding:4px 8px;font-size:11px}@media (max-width:760px){.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}.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}.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}.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}.tourCoach{z-index:60;background:#020617;border:1px solid #38bdf8;border-radius:18px;width:min(430px,100vw - 28px);padding:18px;position:fixed;bottom:22px;right:22px;box-shadow:0 20px 50px #0000008c}.tourProgress{color:#7dd3fc;letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:950}.tourCoach h2{color:#f8fafc;margin:7px 0 6px;font-size:22px}.tourCoach p{color:#cbd5e1;margin:0 0 14px;line-height:1.45}.tourButtons{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.tourButtons button:disabled{opacity:.45;cursor:not-allowed}.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}.tourCoach{bottom:14px;right:14px}}.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}.importRosterRow{flex-wrap:wrap;align-items:center;gap:10px;margin:10px 0 4px;display:flex}.importRosterButton{color:#f8fafc;text-transform:none;cursor:pointer;background:#334155;border:1px solid #475569;border-radius:12px;justify-content:center;align-items:center;width:auto;margin:0;padding:10px 14px;font-size:14px;font-weight:950;display:inline-flex}.importRosterButton input{display:none}.importRosterRow span{color:#94a3b8;font-size:13px}.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}.tourCoach{width:100%;max-height:min(42dvh,360px);padding:22px 16px calc(14px + env(safe-area-inset-bottom));border-bottom:0;border-left:0;border-right:0;border-radius:22px 22px 0 0;animation:.22s ease-out mobileCoachIn;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -16px 46px #0009}.tourCoach:before{content:"";background:#475569;border-radius:999px;width:38px;height:4px;margin:-11px auto 12px;display:block}.tourProgress{font-size:10px}.tourCoach h2{margin:5px 0;font-size:21px;line-height:1.12}.tourCoach p{margin-bottom:12px;font-size:14px;line-height:1.38}.tourButtons{grid-template-columns:1fr 1fr;gap:8px;display:grid}.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}.tutorialPulse:after{content:"Tap here";z-index:20;color:#0f172a;white-space:nowrap;pointer-events:none;background:#f8fafc;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:950;line-height:1;position:absolute;top:calc(100% + 7px);left:50%;transform:translate(-50%);box-shadow:0 6px 16px #0000004d}.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}.tourCoach{max-height:46dvh}}@media (prefers-reduced-motion:reduce){.coachModal,.tourCoach,.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:22px;width:min(1180px,100%);height:100%;margin:0 auto;padding:18px;overflow-y:auto;box-shadow:0 24px 70px #0000008f}.adjustGroupsHeader{z-index:5;background:#0f172af7;border-bottom:1px solid #334155;justify-content:space-between;align-items:center;gap:14px;margin:-18px -18px 14px;padding:18px;display:flex;position:sticky;top:-18px}.adjustGroupsHeader h2{color:#f8fafc;margin:4px 0;font-size:28px}.adjustGroupsHeader p{color:#94a3b8;margin:0}.adjustHeaderActions{gap:8px;display:flex}.adjustHeaderActions button:disabled{opacity:.45;cursor:not-allowed}.adjustInstructions{background:#020617;border:1px solid #334155;border-radius:15px;flex-direction:column;justify-content:center;min-height:60px;margin-bottom:10px;padding:12px 14px;display:flex}.adjustInstructions strong{color:#f8fafc;font-size:16px}.adjustInstructions span{color:#94a3b8;margin-top:3px;font-size:13px}.adjustActionBar{z-index:4;background:#020617f2;border:1px solid #334155;border-radius:14px;flex-wrap:wrap;gap:8px;margin:0 0 12px;padding:9px;display:flex;position:sticky;top:92px}.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 .absentAction{background:#7f1d1d;border-color:#b91c1c}.adjustActionBar .clearSelectionAction{margin-left:auto}.adjustGroupsGrid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:start;gap:12px;display:grid}.adjustGroupCard{background:#111827;border:1px solid #334155;border-radius:17px;padding:12px}.adjustGroupCard.hasConflict{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1f}.adjustGroupTitle{justify-content:space-between;align-items:center;gap:10px;min-height:48px;margin-bottom:8px;display:flex}.adjustGroupTitle strong,.adjustGroupTitle span{display:block}.adjustGroupTitle strong{color:#f8fafc;font-size:18px}.adjustGroupTitle span{color:#94a3b8;margin-top:2px;font-size:12px}.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:8px;padding:7px 9px;font-size:12px;font-weight:900}.adjustStudentList{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.adjustStudentChip{color:#f8fafc;text-align:left;background:#1e293b;border:1px solid #334155;border-radius:11px;min-height:44px;padding:8px 9px;font-weight:850;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:#082f49;background:#38bdf8;border-color:#7dd3fc;box-shadow:0 0 0 3px #38bdf82e}.adjustStudentChip.swapTarget{border-color:#a78bfa;box-shadow:inset 0 0 0 1px #a78bfa40}.adjustStudentChip.frontMismatch{border-color:#f59e0b}.emptyAdjustGroup{color:#64748b;text-align:center;grid-column:1/-1;padding:12px;font-style:italic}.absentStudentsPanel{background:#020617;border:1px solid #334155;border-radius:16px;margin-top:14px;padding:12px}.absentStudentsPanel strong,.absentStudentsPanel span{display:block}.absentStudentsPanel strong{color:#f8fafc}.absentStudentsPanel span{color:#94a3b8;margin-top:3px;font-size:12px}.absentStudentList{flex-wrap:wrap;gap:7px;margin-top:10px;display:flex}.absentStudentList button{color:#f8fafc;background:#334155;border:1px solid #475569;border-radius:10px;min-height:38px;padding:8px 10px;font-weight:800}.cardsToolbar{flex-wrap:wrap}@media (max-width:700px){.adjustGroupsOverlay{padding:0}.adjustGroupsPanel{border:0;border-radius:0;width:100%;padding:12px}.adjustGroupsHeader{align-items:flex-start;margin:-12px -12px 10px;padding:14px 12px 11px;top:-12px}.adjustGroupsHeader h2{font-size:22px}.adjustGroupsHeader p{font-size:12px}.adjustHeaderActions{flex-direction:column-reverse;min-width:86px}.adjustHeaderActions button{min-height:40px;padding:7px 10px}.adjustInstructions{min-height:52px;padding:10px 11px}.adjustActionBar{grid-template-columns:1fr 1fr;display:grid;top:88px}.adjustActionBar .clearSelectionAction{margin-left:0}.adjustGroupsGrid{grid-template-columns:1fr;gap:9px}.adjustGroupCard{border-radius:14px;padding:10px}.adjustStudentList{grid-template-columns:repeat(2,minmax(0,1fr))}.adjustStudentChip{min-height:41px;font-size:13px}.cardsToolbar{grid-template-columns:1fr 1fr}.cardsToolbar .currentClassPill{grid-column:1/-1}}@media (max-width:380px){.adjustStudentList{grid-template-columns:1fr}}.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:180px}.previewMiniNumberHeader{min-height:49px;padding:7px 9px}.previewMiniNumberHeader span{font-size:15px}.previewMiniNumberHeader strong{font-size:29px}.previewMiniStudentList{gap:5px;padding:7px}.previewMiniStudentList span{min-height:29px;padding:4px 5px;font-size:13px}.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:180px}.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;gap:5px;padding:7px}.activeDealView #output.numberedOutput .numberedStudent{min-height:29px;padding:4px 5px;font-size:13px}}@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,.manualAbsentSection{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}.manualSelectedActions .manualAbsentButton{background:#7f1d1d;border-color:#b91c1c}.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}.manualAbsentSection{margin-bottom:18px}@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,.manualAbsentSection{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}.manualSelectedActions button:last-child{grid-column:1/-1}.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}.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:14px 16px}.classEditorHeading{flex:1;min-width:0}.autoSavedStatus{color:#a7f3d0;background:#10b98121;border-radius:999px;flex:none;padding:6px 10px;font-size:12px;font-weight:900}.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}.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){.classEditorTopBar,.classDefaultControl,.tabActionHeader,.customGroupsManagerHeader,.customGroupSetCard,.customBuilderFooter{flex-direction:column;align-items:stretch}.autoSavedStatus{align-self:flex-start}.classDefaultControl select{width:100%}.classEditorTabs{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,.classesPageHeader h2{font-size:25px}.customGroupSetPrimaryActions,.customBuilderFooterActions,.tabHeaderActions{grid-template-columns:1fr}}.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}.classBtnAction{color:#fca5a5;flex:none;font-size:14px;font-weight:950}.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}.optionalSettingsGroup,.roomSetupDetails{background:#111827;border:1px solid #334155;border-radius:16px;margin-top:14px;overflow:hidden}.optionalSettingsGroup>summary,.roomSetupDetails>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:14px;padding:15px 16px;list-style:none;display:flex}.optionalSettingsGroup>summary::-webkit-details-marker{display:none}.roomSetupDetails>summary::-webkit-details-marker{display:none}.optionalSettingsGroup>summary:after,.roomSetupDetails>summary:after{content:"Open";color:#7dd3fc;flex:none;font-size:12px;font-weight:950}.optionalSettingsGroup[open]>summary:after,.roomSetupDetails[open]>summary:after{content:"Close"}.optionalSettingsGroup summary>div strong,.optionalSettingsGroup summary>div span,.roomSetupDetails summary>div strong,.roomSetupDetails summary>div span{display:block}.optionalSettingsGroup summary>div strong,.roomSetupDetails summary>div strong{color:#f8fafc;font-size:16px}.optionalSettingsGroup summary>div span,.roomSetupDetails summary>div span{color:#94a3b8;margin-top:3px;font-size:13px}.optionalSettingsGroup summary>small,.roomSetupDetails summary>small{color:#cbd5e1;background:#1e293b;border-radius:999px;margin-left:auto;padding:4px 8px;font-size:11px;font-weight:850}.optionalSettingsContent,.roomSetupContent{border-top:1px solid #334155;padding:0 16px 16px}.optionalSettingsContent>section,.roomSetupSection{padding:16px 0 2px}.optionalSettingsContent>section+section,.roomSetupSection+.roomSetupSection{border-top:1px solid #334155;margin-top:12px}.optionalSettingsContent h3,.roomSetupSection h3{color:#f8fafc;margin:0 0 4px}.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}@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}.optionalSettingsGroup>summary,.roomSetupDetails>summary{align-items:flex-start}.optionalSettingsGroup summary>small,.roomSetupDetails summary>small{display:none}.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}.dailyPrimaryActions,.dailySecondaryActions,.classManagementActions{grid-template-columns:1fr}.dailyControlBar{padding:9px}.optionalSettingsContent,.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{background:linear-gradient(145deg,#0575ff3d,#7c22ce33);border-radius:20px;width:72px;height:72px;padding:0;overflow:hidden;box-shadow:0 12px 28px #4f46e557,inset 0 1px #fff3}.brandShuffleLogo img{object-fit:contain;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:800;line-height:1.5}.brandFeatureGrid{text-align:left;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:25px 0;display:grid}.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;width:56px;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%}}.demoGuidePanel{background:radial-gradient(circle at 0 0,#2563eb24,#0000 35%),radial-gradient(circle at 100% 0,#14b8a614,#0000 32%),#0f172a;border:1px solid #38bdf894;border-radius:18px;max-width:1180px;margin:0 auto 14px;padding:15px;box-shadow:0 12px 30px #00000045}.demoGuideTop{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.demoGuideEyebrow{color:#7dd3fc;letter-spacing:.07em;text-transform:uppercase;font-size:11px;font-weight:950}.demoGuideTop h2{color:#f8fafc;margin:4px 0 3px;font-size:23px;line-height:1.1}.demoGuideTop p{color:#cbd5e1;max-width:780px;margin:0;font-size:14px;line-height:1.45}.demoControlStory{background:linear-gradient(90deg,#14b8a629,#0ea5e914),#02061766;border:1px solid #2dd4bf6b;border-radius:14px;grid-template-columns:minmax(240px,1fr) minmax(0,1.45fr);align-items:stretch;gap:12px;margin-top:13px;padding:12px;display:grid}.demoControlStory span,.demoControlStory strong,.demoControlStory b{display:block}.demoControlStory>div:first-child>span{color:#5eead4;letter-spacing:.07em;text-transform:uppercase;font-size:11px;font-weight:950}.demoControlStory>div:first-child>strong{color:#f8fafc;margin-top:5px;font-size:15px;line-height:1.32}.demoControlStoryGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.demoControlStoryGrid article{background:#0f172ab8;border:1px solid #94a3b847;border-radius:11px;min-width:0;min-height:70px;padding:10px}.demoControlStoryGrid b{color:#7dd3fc;text-transform:uppercase;font-size:11px;font-weight:950}.demoControlStoryGrid span{color:#e2e8f0;margin-top:5px;font-size:13px;font-weight:850;line-height:1.28}.demoGuideHide{color:#cbd5e1;cursor:pointer;background:#1e293b;border:1px solid #475569;border-radius:9px;flex:none;min-height:34px;padding:6px 10px;font-size:12px;font-weight:850}.demoChecklist{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:13px;display:grid}.demoChecklist>div{color:#64748b;background:#02061770;border:1px solid #334155;border-radius:12px;align-items:center;gap:8px;min-width:0;min-height:48px;padding:8px 9px;display:flex}.demoChecklist>div>span{border:1px solid #475569;border-radius:999px;flex:none;place-items:center;width:25px;height:25px;font-size:11px;font-weight:950;display:grid}.demoChecklist strong{min-width:0;font-size:12px;line-height:1.25}.demoChecklist>div.current{color:#e0f2fe;background:#0ea5e91f;border-color:#38bdf8}.demoChecklist>div.current>span{color:#082f49;background:#38bdf8;border-color:#7dd3fc}.demoChecklist>div.done{color:#ccfbf1;background:#0f766e1f;border-color:#2dd4bf73}.demoChecklist>div.done>span{color:#f0fdfa;background:#0f766e;border-color:#5eead4}.demoGuideFooter,.demoCompleteActions{border-top:1px solid #334155;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding-top:11px;display:flex}.demoGuideFooter>span{color:#94a3b8;font-size:12px}.demoGuideFooterActions{flex:none;gap:8px;display:flex}.demoCompleteActions{align-items:flex-end}.demoAvailableFeatures span,.demoAvailableFeatures strong{display:block}.demoAvailableFeatures span{color:#5eead4;letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:950}.demoAvailableFeatures strong{color:#cbd5e1;max-width:650px;margin-top:4px;font-size:13px;line-height:1.4}.demoCompleteActions>div:last-child{flex:none;gap:8px;display:flex}.demoGuideReopen{justify-content:flex-end;max-width:1180px;margin:0 auto 10px;display:flex}.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:800px){.demoControlStory,.demoControlStoryGrid{grid-template-columns:1fr}.demoChecklist{grid-template-columns:1fr 1fr}.demoCompleteActions{flex-direction:column;align-items:stretch}.demoCompleteActions>div:last-child{grid-template-columns:1fr 1fr;width:100%;display:grid}.demoCompleteActions button{width:100%}}@media (max-width:560px){.demoGuidePanel{border-radius:15px;padding:12px}.demoGuideTop{gap:9px}.demoGuideTop h2{font-size:19px}.demoGuideTop p{font-size:13px}.demoChecklist{grid-template-columns:1fr}.demoChecklist>div{min-height:42px}.demoGuideFooter,.compactDemoBanner{flex-direction:column;align-items:stretch}.demoGuideFooterActions{grid-template-columns:1fr;display:grid}.demoGuideFooter button,.compactDemoBanner button{width:100%}.demoCompleteActions>div:last-child{grid-template-columns:1fr}}.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:22px auto 8px}.brandWelcomeActions .bigSampleButton{min-height:54px;font-size:18px}.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:3/3.8;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)}.boardDemoControlCallout{z-index:315;color:#e2e8f0;-webkit-backdrop-filter:blur(10px);background:#0f172ae6;border:1px solid #2dd4bf9e;border-radius:14px;grid-template-columns:minmax(220px,1fr) auto;align-items:center;gap:8px;width:min(820px,100vw - 24px);padding:7px 9px;display:grid;position:fixed;bottom:8px;left:50%;transform:translate(-50%);box-shadow:0 16px 34px #0000005c}.boardDemoControlText>span{color:#5eead4;letter-spacing:.07em;text-transform:uppercase;font-size:10px;font-weight:950;display:block}.boardDemoControlText>strong{color:#f8fafc;margin-top:2px;font-size:13px;line-height:1.18;display:block}.boardDemoControlCallout ul{display:none}.boardDemoControlCallout li{background:#0206175c;border:1px solid #94a3b840;border-radius:10px;align-items:center;gap:3px;min-width:0;padding:6px 8px;display:grid}.boardDemoControlCallout b{color:#7dd3fc;text-transform:uppercase;font-size:11px;font-weight:950}.boardDemoControlCallout li span{color:#e2e8f0;min-width:0;font-size:12px;font-weight:850;line-height:1.25}.boardDemoControlCallout button{color:#e0f2fe;background:#0ea5e938;border:1px solid #7dd3fc94;border-radius:9px;width:auto;min-width:136px;min-height:36px;font-size:12px;font-weight:900}@media (max-width:700px){.boardDemoControlCallout{grid-template-columns:minmax(0,1fr) auto;width:auto;padding:10px;bottom:8px;left:8px;right:8px;transform:none}.boardDemoControlText>strong{font-size:13px}.boardDemoControlCallout ul{display:none}.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}.brandWelcomeActions{grid-template-columns:1fr;gap:9px;margin-top:16px}.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}.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}.fiveStepChecklist{grid-template-columns:repeat(5,minmax(0,1fr))}.optionalRosterImport{background:#0f172aa8;border:1px solid #334155;border-radius:12px;margin-top:13px}.optionalRosterImport summary{color:#94a3b8;cursor:pointer;padding:11px 13px;font-size:13px;font-weight:850}.optionalRosterImport .importRosterRow{padding:0 13px 13px}.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){.fiveStepChecklist{grid-template-columns:repeat(2,minmax(0,1fr))}.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,.fiveStepChecklist{grid-template-columns:1fr}.classReadyActions{flex-direction:column}.arrangementStatus{margin-left:10px;margin-right:10px}}.settingsDemoGuide{background:radial-gradient(circle at 0 0,#14b8a621,#0000 34%),radial-gradient(circle at 100% 0,#2563eb1a,#0000 30%),#0f172a;border:1px solid #2dd4bf99;border-radius:18px;margin:0 0 14px;padding:16px;box-shadow:0 13px 30px #00000040}.settingsDemoGuideTop{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.settingsDemoEyebrow{color:#5eead4;letter-spacing:.07em;text-transform:uppercase;font-size:11px;font-weight:950}.settingsDemoGuide h2{color:#f8fafc;margin:4px 0;font-size:24px;line-height:1.1}.settingsDemoGuide p{color:#cbd5e1;max-width:800px;margin:0;font-size:14px;line-height:1.5}.settingsDemoChecklist{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:13px;display:grid}.settingsDemoChecklist>div{color:#64748b;background:#02061770;border:1px solid #334155;border-radius:12px;align-items:center;gap:8px;min-height:44px;padding:8px 10px;display:flex}.settingsDemoChecklist>div.active{color:#ccfbf1;background:#0f766e24;border-color:#2dd4bf8c}.settingsDemoChecklist span{border:1px solid #475569;border-radius:999px;flex:none;place-items:center;width:25px;height:25px;font-size:11px;font-weight:950;display:grid}.settingsDemoChecklist .active span{color:#f0fdfa;background:#0f766e;border-color:#5eead4}.settingsDemoChecklist strong{font-size:12px}.settingsDemoInstruction{color:#99f6e4;border-top:1px solid #334155;margin-top:11px;padding-top:10px;font-size:13px;font-weight:800}.settingsDemoComplete{border-top:1px solid #334155;justify-content:space-between;align-items:center;gap:14px;margin-top:12px;padding-top:12px;display:flex}.settingsDemoComplete strong,.settingsDemoComplete span{display:block}.settingsDemoComplete strong{color:#f8fafc}.settingsDemoComplete span{color:#94a3b8;max-width:650px;margin-top:4px;font-size:13px;line-height:1.45}.settingsDemoComplete>div:last-child{flex:none;gap:8px;display:flex}.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}.demoRosterNames{flex-wrap:wrap;gap:7px;margin-top:11px;display:flex}.demoRosterNames span{color:#cbd5e1;background:#111827;border:1px solid #334155;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:800}.demoRosterNames span:last-child{color:#7dd3fc;border-color:#38bdf873}@media (max-width:760px){.settingsDemoGuideTop,.settingsDemoComplete{flex-direction:column;align-items:stretch}.settingsDemoChecklist{grid-template-columns:1fr}.settingsDemoComplete>div:last-child{grid-template-columns:1fr;display:grid}.settingsDemoComplete button,.settingsDemoGuideTop>button{width:100%}.settingsDemoGuide h2{font-size:20px}}.settingsShowcaseOverlay{z-index:290;-webkit-backdrop-filter:blur(9px);background:#020617e0;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:flex-start;gap:18px;padding:19px 21px 14px;display:flex}.settingsShowcaseEyebrow{color:#5eead4;letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:950}.settingsShowcaseHeader h2{color:#f8fafc;letter-spacing:0;margin:4px 0 3px;font-size:clamp(25px,4vw,36px);line-height:1.05}.settingsShowcaseHeader p{color:#94a3b8;max-width:760px;margin:0;font-size:14px;line-height:1.45}.settingsShowcaseClose{color:#cbd5e1;cursor:pointer;background:#1e293b;border:1px solid #475569;border-radius:10px;flex:none;min-height:37px;padding:7px 11px;font-weight:850}.settingsShowcaseTabs{border-bottom:1px solid #334155;grid-template-columns:repeat(3,1fr);gap:8px;padding:10px 21px;display:grid}.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}.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>small{color:#94a3b8;margin-top:12px;font-size:12px;line-height:1.4;display:block}.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:7px;display:flex}.frontStudentShowcase span{color:#e0f2fe;background:#0ea5e91a;border:1px solid #38bdf86b;border-radius:10px;padding:7px 8px;font-size:12px;font-weight:850}.frontStudentShowcase b{color:#7dd3fc;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}.showcaseWhyItMatters{background:#0f766e1c;border-left:4px solid #2dd4bf;border-radius:0 11px 11px 0;margin-top:13px;padding:11px 13px}.showcaseWhyItMatters strong,.showcaseWhyItMatters span{display:block}.showcaseWhyItMatters strong{color:#99f6e4;font-size:12px}.showcaseWhyItMatters span{color:#cbd5e1;margin-top:3px;font-size:13px;line-height:1.4}.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}.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}.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}.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;place-items:center;min-height:68px;padding:8px;display:grid}.showcaseRoomGrid>div.front{background:#0f766e26;border-color:#2dd4bf}.showcaseRoomGrid strong{color:#f8fafc;font-size:21px}.showcaseRoomGrid span{color:#64748b;text-transform:uppercase;font-size:9px;font-weight:900}.showcaseRoomGrid .front span{color:#5eead4}.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:16px 14px 12px}.settingsShowcaseHeader h2{font-size:25px}.settingsShowcaseHeader p{font-size:12px}.settingsShowcaseTabs{padding:8px 12px}.settingsShowcaseTabs button{min-height:43px;padding:7px 5px;font-size:11px}.settingsShowcaseTabs button span{display:none}.settingsShowcaseBody{padding:14px 12px}.settingsShowcaseStepHeading h3{font-size:21px}.studentFeatureShowcase,.randomSettingsShowcase,.customSettingsShowcase{grid-template-columns:1fr}.showcaseRoomGrid{grid-template-columns:repeat(4,1fr)}.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){.settingsShowcaseClose{padding:6px 8px;font-size:11px}.settingsShowcaseHeader p{display:none}.settingsShowcaseTabs{grid-template-columns:repeat(3,minmax(0,1fr))}.settingsShowcaseTabs button{white-space:normal;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}}: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,.demoGuidePanel,.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}.boardModeView .container{box-shadow:none;background:0 0;border-radius:0;padding:0}.boardModeView .appHeader,.boardModeView .guestSessionNotice,.boardModeView .demoGuidePanel,.boardModeView .demoGuideReopen,.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{z-index:320;color:#e2e8f0;background:#0f172ae0;border:1px solid #475569;border-radius:10px;min-height:40px;padding:8px 12px;position:fixed;top:10px;right:10px;box-shadow:0 10px 24px #00000059}.boardModeActions{z-index:320;background:#0f172ae0;border:1px solid #475569;border-radius:12px;gap:6px;padding:6px;display:flex;position:fixed;top:10px;right:10px;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:180px}.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)));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 .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}}