.ls-space{max-width:1050px;margin:auto}.ls-space h2{font-size:21px;line-height:1.3;margin:0}.ls-space p{margin:9px 0 0}.ls-panel{padding:24px;border:1px solid var(--line);border-radius:20px;background:var(--white);margin:18px 0;box-shadow:var(--shadow)}.ls-row,.ls-account,.ls-class-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.ls-actions{display:flex;flex-wrap:wrap;align-items:center;gap:9px}.ls-welcome{padding:38px;max-width:680px;background:linear-gradient(125deg,#eef3e8,#fff 78%)}.ls-welcome h2{font-size:29px;letter-spacing:-.7px;margin:18px 0 0}.ls-welcome>p{font-size:15px;color:var(--ink-soft)}.ls-welcome>.ls-actions{margin:25px 0 8px}.ls-mark{display:grid;place-items:center;width:52px;height:52px;background:#fff;border-radius:17px;margin-top:20px}.ls-mark svg{width:26px;height:26px;color:var(--teal)}.ls-badge{display:inline-flex;align-items:center;border-radius:20px;padding:5px 10px;background:#eef4e7;color:#4c6d3e;font-size:11px;font-weight:650}.ls-test-note{padding:15px 18px;color:var(--ink-soft);font-size:12px;line-height:1.6;background:#f4f0e4;border-radius:14px;max-width:680px}.ls-account{padding:16px 18px;background:#fff;border:1px solid var(--line);border-radius:17px;margin-bottom:20px}.ls-account>div:first-child{display:flex;flex-direction:column;min-width:0}.ls-account strong{overflow-wrap:anywhere;font-size:15px}.ls-account span{font-size:12px;color:var(--muted)}.ls-school-banner{background:var(--sage);border:1px solid #dbe6d2;border-radius:19px;padding:22px;display:flex;justify-content:space-between;align-items:center;gap:18px;margin:18px 0}.ls-school-banner h2{margin-top:10px;overflow-wrap:anywhere}.ls-choices{display:flex;gap:10px;overflow-x:auto;padding:4px 0 10px}.ls-choices button{flex:0 0 auto;max-width:260px;text-align:left;background:#fff;border:1px solid var(--line);border-radius:14px;color:var(--ink);padding:13px 18px;cursor:pointer;min-height:56px;overflow-wrap:anywhere}.ls-choices button small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.ls-choices button.is-selected{border-color:var(--teal);background:#edf5ed}.ls-class-heading{margin:22px 0 16px}.ls-class-heading p{font-size:12px;color:var(--muted)}.ls-tabs{display:flex;padding:4px;border:1px solid var(--line);border-radius:13px;background:#fff;gap:4px}.ls-tabs button,.ls-levels button{border:0;background:transparent;border-radius:9px;color:var(--ink-soft);padding:11px 13px;cursor:pointer;min-height:44px}.ls-tabs button.is-selected,.ls-levels button.is-selected{background:var(--teal);color:#fff}.ls-connect-actions{margin:18px 0}.ls-person{padding:17px 0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px}.ls-person:first-of-type{margin-top:14px}.ls-person>div:first-child{min-width:0}.ls-person strong,.ls-person span{display:block;overflow-wrap:anywhere}.ls-person span{font-size:12px;color:var(--muted);margin-top:4px}.ls-empty{font-size:13px;color:var(--muted)}.ls-space .ls-help,.ls-modal .ls-help{font-size:12px;color:var(--ink-soft);line-height:1.6;margin-top:14px}.ls-help-box{font-size:12px;border-top:1px solid var(--line);padding-top:18px;margin:24px 0}.ls-help-box summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:650}.ls-help-box a{color:var(--teal);overflow-wrap:anywhere}.ls-form{display:grid;gap:17px}.ls-field{display:grid;gap:7px;color:var(--ink);font-size:13px;font-weight:650}.ls-field input,.ls-field select{width:100%;min-width:0;border:1px solid #d7e0d3;border-radius:12px;background:#fff;color:var(--ink);padding:13px;font:inherit;font-weight:400;min-height:48px}.ls-field input:focus,.ls-field select:focus{outline:2px solid #75a697;outline-offset:2px}.ls-check{display:flex;gap:10px;align-items:flex-start;color:var(--ink-soft);font-size:12px;font-weight:400;line-height:1.6}.ls-check input{width:19px;height:19px;flex:0 0 auto;margin-top:1px;accent-color:var(--teal)}.ls-form-error,.ls-alert{color:#934524;font-size:13px;overflow-wrap:anywhere}.ls-form-error:empty{display:none}.ls-alert{padding:14px 17px;border:1px solid #f0d4c7;background:#fff6f1;border-radius:12px}.ls-secret{display:block;background:#f0f4ec;border:1px dashed #b4c7a7;border-radius:13px;padding:20px;margin:20px 0;font-size:17px;line-height:1.6;letter-spacing:1px;overflow-wrap:anywhere;user-select:all}.ls-recovery-banner{padding:14px 17px;border-radius:13px;background:#f4ebd8;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:15px 0}.ls-recovery-banner strong{font-size:12px}.ls-levels{display:flex;flex-wrap:wrap;gap:5px}.ls-levels button{border:1px solid var(--line);font-size:12px}.ls-modal .btn{min-height:46px}.ls-space button:disabled{opacity:.6;cursor:wait}.ls-space .btn,.ls-space a.btn{min-height:44px}.ls-space .btn.small{min-height:44px}
@media(max-width:600px){.ls-panel{padding:19px;margin:15px 0}.ls-welcome{padding:25px 21px}.ls-welcome h2{font-size:27px}.ls-account{align-items:flex-start;padding:14px}.ls-account>.ls-actions{gap:0}.ls-account .btn{padding:9px;font-size:11px}.ls-school-banner{align-items:flex-start;flex-direction:column;padding:20px}.ls-school-banner>.ls-actions{width:100%}.ls-class-heading{align-items:flex-start;flex-direction:column;gap:14px}.ls-tabs{width:100%}.ls-tabs button{flex:1;font-size:12px;padding:9px}.ls-row{align-items:flex-start;flex-direction:column}.ls-person{align-items:flex-start;flex-direction:column}.ls-connect-actions{gap:7px}.ls-connect-actions .btn{font-size:11px;padding:9px 12px}.ls-choices button{padding:12px 15px;max-width:220px}.ls-recovery-banner{align-items:flex-start;flex-direction:column}.ls-secret{font-size:14px;padding:16px;letter-spacing:.6px}.ls-space .page-heading h1{font-size:27px}.ls-space h2{font-size:19px}.ls-welcome h2{font-size:27px}}

/* Keep selected stages visible in the current brand theme, including modals. */
.ls-levels button,.ls-tabs button{color:var(--ink,#183b3a);font-weight:500}
.ls-levels button.is-selected,.ls-levels button[aria-pressed="true"],.ls-tabs button.is-selected,.ls-tabs button[aria-pressed="true"]{background:var(--brand,#176f65);color:#fff;font-weight:700;border:1px solid var(--brand,#176f65)}
.ls-levels button:not([aria-pressed="true"]):hover,.ls-tabs button:not([aria-pressed="true"]):hover{background:#edf3e7;color:var(--ink,#183b3a);border-color:var(--brand,#176f65)}
.ls-levels button[aria-pressed="true"]:hover,.ls-tabs button[aria-pressed="true"]:hover{background:#125d55;color:#fff;border-color:#125d55}
.ls-levels button:focus-visible,.ls-tabs button:focus-visible{outline:3px solid #ca6d42;outline-offset:3px}
.ls-choices button.is-selected,.ls-choices button[aria-pressed="true"]{border-color:var(--brand,#176f65);font-weight:700}
.ls-invite-tools{margin:14px 0;border:1px solid var(--line);border-radius:13px;background:#fff;padding:0 15px}.ls-invite-tools>summary{min-height:48px;display:flex;align-items:center;cursor:pointer;font-size:12px;font-weight:650;color:var(--teal)}.ls-invite-tools>summary::after{content:'+';font-size:19px;margin-left:auto}.ls-invite-tools[open]>summary::after{content:'−'}.ls-invite-tools .ls-connect-actions{margin:0 0 15px}

.ls-account-roles{margin:0;padding:0;border:0;display:grid;gap:9px}.ls-account-roles legend{font-size:14px;font-weight:700;margin-bottom:10px}.ls-role-option{position:relative;display:flex;align-items:center;cursor:pointer}.ls-role-option input{position:absolute;left:15px;width:18px;height:18px;margin:0;accent-color:var(--brand,#176f65);z-index:1}.ls-role-copy{display:block;width:100%;padding:14px 15px 14px 45px;border:1px solid var(--line,#dce4d5);border-radius:13px;background:#fff;min-height:70px}.ls-role-copy strong,.ls-role-copy small{display:block}.ls-role-copy strong{font-size:14px}.ls-role-copy small{font-size:12px;margin-top:4px;color:var(--ink-soft,#64796d)}.ls-role-option input:checked+.ls-role-copy{background:#edf5ed;border:2px solid var(--brand,#176f65);padding:13px 14px 13px 44px}.ls-role-option input:checked+.ls-role-copy strong{color:var(--brand,#176f65)}.ls-role-option input:focus-visible+.ls-role-copy{outline:3px solid #ca6d42;outline-offset:3px}.ls-code-panel{background:linear-gradient(120deg,#edf5ea,#fff 75%)}.ls-code-panel h2{margin-top:9px}.ls-code-block{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:18px}.ls-join-code{padding:12px 16px;border:1px dashed #94b49b;border-radius:11px;background:#fff;color:#205b4b;font-size:23px;letter-spacing:2px;line-height:1.45;user-select:all;overflow-wrap:anywhere;max-width:100%}.ls-child-invite{margin-top:15px}.ls-child-invite>.ls-code-block{margin-top:9px}.ls-child-invite .ls-join-code{font-size:13px;letter-spacing:.5px;padding:10px 12px}.ls-child-invite>span{font-size:12px}.ls-brand-preview{display:flex;align-items:center;gap:20px;border:1px solid var(--line);border-radius:13px;padding:15px}.ls-brand-preview img{width:72px;height:72px;object-fit:contain}.ls-family-space{--ls-family-accent:var(--family-accent,#7760a3)}.ls-family-space .ls-badge{background:#eee7f7;color:#6e548f}.ls-family-onboard{display:flex;align-items:center;justify-content:space-between;gap:25px;background:linear-gradient(125deg,#f1ebf8,#fff 80%);border-color:#e2d8ee}.ls-family-onboard h2{margin-top:12px}.ls-family-onboard p{font-size:14px;line-height:1.6;color:var(--ink-soft)}.ls-family-onboard>.ls-actions{flex-shrink:0;max-width:235px}.ls-family-space .btn.primary{background:var(--ls-family-accent);border-color:var(--ls-family-accent);color:#fff}.ls-family-space .sl-pill{background:#eee7f7;color:#6e548f}.ls-pending-state{margin:18px 0;padding:19px 22px;border:1px solid #e7d8b4;background:#fff8e8;border-radius:17px}.ls-pending-state strong{color:#775a25;font-size:16px}.ls-pending-state p{font-size:13px;line-height:1.6;color:#836c43}.ls-pending-state .btn{margin-top:13px}.ls-family-children{display:flex;gap:10px;overflow-x:auto;margin:23px 0 18px;padding:4px 2px 9px}.ls-family-child{display:flex;align-items:center;gap:12px;flex:0 0 auto;max-width:280px;text-align:left;padding:14px 18px;border:1px solid #e2d8ee;background:#fff;color:var(--ink);border-radius:16px;cursor:pointer;min-height:70px}.ls-family-child.is-selected{border:2px solid var(--ls-family-accent);padding:13px 17px;background:#f1ebf8}.ls-family-child strong,.ls-family-child small{display:block;overflow-wrap:anywhere}.ls-family-child strong{font-size:14px}.ls-family-child small{font-size:12px;color:#806c96;margin-top:4px}.ls-child-avatar{width:35px;height:35px;display:grid;place-items:center;border-radius:12px;background:#eee7f7;color:var(--ls-family-accent)}.ls-child-avatar svg{width:20px;height:20px}.ls-family-child:focus-visible{outline:3px solid #bd92dd;outline-offset:3px}.ls-family-class{min-width:0}.ls-family-empty p{color:var(--ink-soft);font-size:14px;line-height:1.6}
@media(max-width:680px){.ls-family-onboard{align-items:flex-start;flex-direction:column;gap:16px}.ls-family-onboard>.ls-actions{max-width:none;width:100%}.ls-family-onboard>.ls-actions>.btn{flex:1;justify-content:center;font-size:12px;padding:11px 12px}.ls-code-block{gap:9px}.ls-join-code{font-size:20px;padding:11px 13px;letter-spacing:1.5px}.ls-child-invite .ls-code-block{align-items:flex-start;flex-direction:column}.ls-pending-state{padding:18px}.ls-family-child{max-width:235px}}
.family-shell .ls-family-space{--ls-family-accent:var(--brand,#6750a4)}