:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#173047;--ink-strong:#0d2235;--muted:#61758a;--line:#dce6ed;--canvas:#f4f8f7;--surface:#fff;--surface-warm:#fffaf5;--brand:#176b67;--brand-dark:#0f514e;--brand-soft:#e5f3f0;--blue-soft:#ebf3fb;--success:#21724f;--success-soft:#e9f6ef;--warning:#9a5d12;--warning-soft:#fff4dd;--danger:#9d3d3d;--shadow:0 18px 50px #23415017;--shadow-soft:0 10px 30px #23415012;--radius:22px}*{box-sizing:border-box}html{background:var(--canvas);scroll-behavior:smooth}body{background:var(--canvas);min-height:100vh;color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #2f88d1}img{max-width:100%;height:auto}.demo-banner{color:#f5fbff;text-align:center;letter-spacing:.01em;background:#173047;width:100%;padding:9px 18px;font-size:13px;font-weight:700}.brand-lockup{align-items:center;gap:11px;min-height:48px;display:inline-flex}.brand-mark{color:#fff;background:linear-gradient(145deg,#2d8d86,#176b67);border-radius:14px;place-items:center;width:44px;height:44px;font-size:17px;font-weight:850;display:grid;box-shadow:0 8px 22px #176b673d}.brand-lockup strong,.brand-lockup small{display:block}.brand-lockup strong{color:var(--ink-strong);font-size:16px}.brand-lockup small{color:var(--muted);margin-top:2px;font-size:12px}.eyebrow{color:var(--brand);letter-spacing:.04em;text-transform:uppercase;font-size:13px;font-weight:800}.button{border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;min-height:48px;padding:0 19px;font-size:15px;font-weight:800;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button-primary{background:var(--brand);color:#fff;box-shadow:0 9px 22px #176b6738}.button-primary:hover{background:var(--brand-dark)}.button-secondary{color:var(--ink);border-color:var(--line);box-shadow:var(--shadow-soft);background:#fff}.welcome-page{min-height:100vh}.welcome-header,.role-header{justify-content:space-between;align-items:center;gap:18px;max-width:1240px;margin:0 auto;padding:18px 28px;display:flex}.trust-line{color:var(--muted);font-size:14px;font-weight:650}.welcome-hero{grid-template-columns:minmax(0,1fr) minmax(420px,.92fr);align-items:center;gap:56px;max-width:1240px;margin:18px auto 0;padding:26px 28px 54px;display:grid}.welcome-copy h1{max-width:720px;color:var(--ink-strong);letter-spacing:-.045em;margin:12px 0 16px;font-size:clamp(38px,5vw,66px);line-height:1.03}.welcome-copy>p{max-width:680px;color:var(--muted);margin:0;font-size:18px;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:26px;display:flex}.trust-points{color:#496477;flex-wrap:wrap;gap:12px 18px;margin-top:24px;font-size:13px;font-weight:700;display:flex}.hero-visual{position:relative}.hero-visual>img{width:100%;box-shadow:var(--shadow);border-radius:30px;display:block}.hero-caption{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff0;border-radius:16px;align-items:center;gap:11px;padding:13px 15px;display:flex;position:absolute;bottom:20px;left:24px;right:24px;box-shadow:0 10px 30px #1e3a4624}.hero-caption strong,.hero-caption small{display:block}.hero-caption strong{font-size:14px}.hero-caption small{color:var(--muted);margin-top:3px;font-size:12px}.verified-dot{background:var(--success-soft);width:34px;height:34px;color:var(--success);border-radius:50%;flex:none;place-items:center;font-weight:900;display:grid}.role-grid{max-width:1240px;margin:0 auto;padding:40px 28px 26px}.section-heading{max-width:680px;margin-bottom:22px}.section-heading h2{color:var(--ink-strong);letter-spacing:-.03em;margin:7px 0;font-size:34px}.section-heading p{color:var(--muted);margin:0;font-size:16px;line-height:1.6}.role-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.role-card{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft);background:#fff;overflow:hidden}.role-card-image{aspect-ratio:16/9;background:var(--blue-soft);overflow:hidden}.role-card-image img{object-fit:cover;width:100%;height:100%;display:block}.role-card-body{padding:20px}.role-eyebrow{color:var(--brand);font-size:12px;font-weight:800}.role-card h3{color:var(--ink-strong);margin:7px 0 8px;font-size:22px}.role-card p{min-height:76px;color:var(--muted);margin:0;font-size:15px;line-height:1.55}.text-link{color:var(--brand);margin-top:16px;font-size:14px;font-weight:800;display:inline-block}.accessibility-strip{color:#fff;background:#173047;border-radius:22px;grid-template-columns:repeat(4,1fr);gap:14px;max-width:1184px;margin:34px auto 0;padding:22px;display:grid}.accessibility-strip div{border-right:1px solid #ffffff24;padding:4px 14px}.accessibility-strip div:last-child{border-right:0}.accessibility-strip strong,.accessibility-strip span{display:block}.accessibility-strip strong{font-size:16px}.accessibility-strip span{color:#c7d7e1;margin-top:4px;font-size:13px}.product-footer{text-align:center;color:#718395;padding:34px 20px 42px;font-size:12px}.role-page{min-height:100vh;padding-bottom:54px}.role-header{border-bottom:1px solid var(--line);background:#ffffffe6;max-width:none;padding-left:max(28px,50vw - 592px);padding-right:max(28px,50vw - 592px)}.role-nav{background:#edf3f4;border-radius:13px;align-items:center;gap:7px;padding:4px;display:flex}.role-nav a{color:#566b7c;border-radius:10px;align-items:center;min-height:40px;padding:0 13px;font-size:13px;font-weight:800;display:inline-flex}.role-nav a.active{color:var(--brand-dark);background:#fff;box-shadow:0 4px 12px #28465514}.surface-card{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft);background:#fff;padding:24px}.card-heading-row{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px;display:flex}.card-heading-row>div:first-child{align-items:flex-start;gap:12px;display:flex}.card-heading-row.simple>div:first-child{display:block}.card-heading-row h2{color:var(--ink-strong);letter-spacing:-.02em;margin:0;font-size:21px}.card-heading-row p{color:var(--muted);margin:5px 0 0;font-size:14px;line-height:1.5}.step-pill{background:var(--brand-soft);width:34px;height:34px;color:var(--brand-dark);border-radius:11px;flex:none;place-items:center;font-weight:900;display:grid}.ready-badge,.attention-badge{white-space:nowrap;border-radius:999px;align-items:center;min-height:32px;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex}.ready-badge{background:var(--success-soft);color:var(--success)}.attention-badge{background:var(--warning-soft);color:var(--warning)}.family-shell{grid-template-columns:minmax(0,1.08fr) minmax(330px,.72fr);align-items:start;gap:34px;max-width:1120px;margin:34px auto 0;padding:0 28px;display:grid}.school-identity{align-items:center;gap:14px;margin-bottom:16px;display:flex}.school-logo{color:#fff;background:#173047;border-radius:16px;place-items:center;width:54px;height:54px;font-weight:900;display:grid}.sender-line{color:var(--ink-strong);font-size:17px;font-weight:850}.sender-subline{color:var(--muted);margin-top:3px;font-size:14px}.verified-badge{background:var(--success-soft);color:var(--success);vertical-align:2px;border-radius:999px;margin-left:7px;padding:4px 7px;font-size:11px;font-weight:800}.family-message-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:26px;padding:26px}.message-language-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;padding-bottom:18px;display:flex}.native-language{color:var(--ink-strong);font-size:20px;font-weight:900;display:block}.language-helper{color:var(--muted);margin-top:3px;font-size:13px;display:block}.listen-button{background:var(--brand);color:#fff;border:0;border-radius:14px;min-height:50px;padding:0 17px;font-size:16px;font-weight:850}.family-message-copy{color:#263f52;padding:22px 0 10px;font-size:20px;line-height:1.7}.family-message-copy p{margin:0 0 15px}.event-summary{background:var(--surface-warm);border:1px solid #efe0d1;border-radius:17px;align-items:center;gap:13px;margin:5px 0 20px;padding:14px;display:flex}.event-icon{color:#fff;background:#e59d62;border-radius:13px;place-items:center;width:46px;height:46px;font-size:17px;font-weight:900;display:grid}.event-summary strong,.event-summary span{display:block}.event-summary strong{font-size:16px}.event-summary span{color:var(--muted);margin-top:4px;font-size:13px}.family-primary-action{background:var(--brand);color:#fff;border:0;border-radius:16px;width:100%;min-height:58px;font-size:18px;font-weight:900;box-shadow:0 10px 24px #176b6738}.plain-link-button{color:#4e6779;background:0 0;border:0;width:100%;min-height:48px;margin-top:8px;font-weight:750}.family-actions-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px;display:grid}.family-actions-grid button{border:1px solid var(--line);min-height:96px;color:var(--ink);background:#fff;border-radius:17px;padding:12px 8px}.family-actions-grid button>span{margin-bottom:5px;font-size:22px;display:block}.family-actions-grid strong,.family-actions-grid small{display:block}.family-actions-grid strong{font-size:14px}.family-actions-grid small{color:var(--muted);margin-top:3px;font-size:11px}.language-choice{background:#eef5f5;border-radius:22px;margin-top:22px;padding:22px}.language-choice h2{margin:6px 0 4px;font-size:21px}.language-choice p{color:var(--muted);margin:0;font-size:14px}.language-buttons{flex-wrap:wrap;gap:9px;margin-top:16px;display:flex}.language-buttons button{min-height:48px;color:var(--ink);background:#fff;border:1px solid #c9d9db;border-radius:14px;padding:0 14px;font-weight:800}.language-buttons button.selected{background:var(--brand);color:#fff;border-color:var(--brand)}.family-trust-panel{gap:14px;display:grid}.family-trust-panel>img{width:100%;box-shadow:var(--shadow);border-radius:26px}.trust-card,.help-card{border:1px solid var(--line);background:#fff;border-radius:20px;padding:18px}.trust-card{align-items:flex-start;gap:12px;display:flex}.trust-card strong{font-size:15px}.trust-card p,.help-card p{color:var(--muted);margin:5px 0 0;font-size:14px;line-height:1.5}.help-card{background:#fff9f1;border-color:#eadbc8}.help-card>strong{font-size:17px}.help-card button{width:100%;min-height:50px;color:var(--ink-strong);background:#fff;border:1px solid #d3c1aa;border-radius:14px;margin-top:14px;font-weight:850}.school-hero,.district-hero{grid-template-columns:minmax(0,1fr) 400px;align-items:center;gap:32px;max-width:1184px;margin:30px auto 22px;padding:0 28px;display:grid}.school-hero h1,.district-hero h1{color:var(--ink-strong);letter-spacing:-.04em;margin:8px 0 12px;font-size:clamp(34px,4vw,50px);line-height:1.08}.school-hero p,.district-hero p{max-width:660px;color:var(--muted);margin:0;font-size:17px;line-height:1.65}.school-hero>img,.district-hero>img{width:100%;box-shadow:var(--shadow);border-radius:25px}.teacher-identity{align-items:center;gap:10px;margin-top:18px;display:flex}.teacher-avatar{color:#30546d;background:#dfeaf2;border-radius:50%;place-items:center;width:42px;height:42px;font-size:12px;font-weight:900;display:grid}.teacher-identity strong,.teacher-identity small{display:block}.teacher-identity small{color:var(--muted);margin-top:2px;font-size:12px}.workflow-grid{grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:18px;max-width:1184px;margin:0 auto 18px;padding:0 28px;display:grid}.large-label{color:#425d70;margin:0 0 8px;font-size:14px;font-weight:850;display:block}.large-textarea{resize:vertical;width:100%;min-height:145px;color:var(--ink);background:#fbfdfe;border:1px solid #cbd9e2;border-radius:16px;padding:16px;font-size:17px;line-height:1.6}.field-grid{grid-template-columns:1fr 1fr;gap:14px;margin-top:17px;display:grid}.select-surface{background:#fbfdfe;border:1px solid #cbd9e2;border-radius:14px;align-items:center;min-height:50px;padding:0 14px;font-size:15px;font-weight:650;display:flex}.composer-action-row{justify-content:space-between;align-items:center;gap:18px;margin-top:18px;display:flex}.composer-action-row p{max-width:500px;color:var(--muted);margin:0;font-size:13px;line-height:1.5}.guidance-card{background:#f7fbfa}.guidance-card h2{margin:6px 0 14px;font-size:23px}.guidance-card ul{gap:13px;margin:0;padding:0;list-style:none;display:grid}.guidance-card li{color:#40586a;grid-template-columns:24px 1fr;gap:8px;font-size:14px;line-height:1.5;display:grid}.guidance-card li span{color:var(--success);font-weight:900}.guidance-note{border:1px solid var(--line);background:#fff;border-radius:14px;margin-top:20px;padding:14px}.guidance-note strong,.guidance-note span{display:block}.guidance-note strong{font-size:14px}.guidance-note span{color:var(--muted);margin-top:5px;font-size:12px;line-height:1.5}.translation-review{max-width:1128px;margin:0 auto}.preview-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.translation-preview{border:1px solid var(--line);background:#fbfdfd;border-radius:17px;min-width:0;padding:17px}.translation-preview[dir=rtl]{text-align:right}.translation-preview-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.translation-preview-top strong{font-size:16px}.translation-preview-top span{background:var(--success-soft);color:var(--success);border-radius:999px;padding:4px 8px;font-size:11px;font-weight:850}.translation-preview p{color:#334e61;min-height:115px;margin:14px 0;font-size:15px;line-height:1.7}.preview-actions{gap:8px;display:flex}.translation-preview[dir=rtl] .preview-actions{flex-direction:row-reverse}.preview-actions button{color:#405a6c;background:#fff;border:1px solid #ccdbe3;border-radius:12px;flex:1;min-height:42px;font-size:12px;font-weight:800}.send-review-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;margin-top:18px;padding-top:18px;display:flex}.send-review-row strong,.send-review-row span{display:block}.send-review-row span{color:var(--muted);margin-top:4px;font-size:13px}.district-metrics{grid-template-columns:repeat(4,1fr);gap:13px;max-width:1128px;margin:0 auto 18px;display:grid}.metric-card{border:1px solid var(--line);box-shadow:var(--shadow-soft);background:#fff;border-radius:18px;padding:19px}.metric-card span,.metric-card strong,.metric-card small{display:block}.metric-card span{color:var(--muted);font-size:13px;font-weight:750}.metric-card strong{color:var(--ink-strong);letter-spacing:-.03em;margin-top:7px;font-size:28px}.metric-card small{color:#718493;margin-top:4px;font-size:11px}.district-grid{grid-template-columns:1fr 1fr;gap:18px;max-width:1128px;margin:0 auto;display:grid}.health-list>div,.language-reach-list>div{border-bottom:1px solid #edf2f4;justify-content:space-between;align-items:center;gap:16px;min-height:60px;display:flex}.health-list>div:last-child,.language-reach-list>div:last-child{border-bottom:0}.health-list strong,.health-list small{display:block}.health-list strong{font-size:14px}.health-list small{color:var(--muted);margin-top:3px;font-size:12px}.health-list b{color:var(--success);font-size:14px}.language-reach-list span{font-size:15px;font-weight:700}.language-reach-list strong{color:var(--brand-dark);font-size:15px}.attention-card{grid-column:span 1}.attention-list{gap:10px;display:grid}.attention-list>div{background:#fffaf2;border:1px solid #f0e2cc;border-radius:14px;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:12px;display:grid}.attention-icon{background:var(--warning-soft);width:34px;height:34px;color:var(--warning);border-radius:10px;place-items:center;font-weight:900;display:grid}.attention-list strong,.attention-list small{display:block}.attention-list strong{font-size:13px}.attention-list small{color:var(--muted);margin-top:3px;font-size:11px}.attention-list button{color:#6d532f;background:#fff;border:1px solid #d8c9b3;border-radius:11px;min-height:40px;padding:0 12px;font-weight:800}.transparency-card dl{gap:0;margin:0;display:grid}.transparency-card dl>div{border-bottom:1px solid #edf2f4;justify-content:space-between;align-items:center;gap:20px;padding:12px 0;display:flex}.transparency-card dl>div:last-child{border-bottom:0}.transparency-card dt{color:var(--muted);font-size:13px}.transparency-card dd{text-align:right;margin:0;font-size:13px;font-weight:800}@media (prefers-contrast:more){:root{--line:#8799a6;--muted:#415567}.button,button,.surface-card,.family-message-card,.role-card{border-width:2px}}@media (max-width:980px){.welcome-hero,.school-hero,.district-hero{grid-template-columns:1fr}.welcome-hero{gap:28px}.hero-visual{max-width:680px}.role-cards{grid-template-columns:1fr}.role-card{grid-template-columns:260px 1fr;display:grid}.role-card-image{aspect-ratio:auto;min-height:220px}.role-card p{min-height:0}.family-shell{grid-template-columns:1fr}.family-trust-panel{grid-template-columns:1fr 1fr}.family-trust-panel>img{object-fit:cover;grid-column:1/-1;max-height:460px}.workflow-grid,.preview-grid{grid-template-columns:1fr}.translation-preview p{min-height:0}.district-metrics{grid-template-columns:1fr 1fr}}@media (max-width:720px){.demo-banner{padding:8px 12px;font-size:11px}.welcome-header,.role-header{align-items:flex-start;padding:14px 16px}.trust-line{display:none}.role-header{gap:10px;display:grid}.role-nav{width:100%;overflow-x:auto}.role-nav a{white-space:nowrap;flex:1;justify-content:center}.welcome-hero,.role-grid,.family-shell,.school-hero,.district-hero,.workflow-grid{padding-left:16px;padding-right:16px}.welcome-hero{padding-top:18px;padding-bottom:34px}.welcome-copy h1{font-size:40px}.welcome-copy>p{font-size:17px}.hero-actions{display:grid}.button{width:100%}.hero-caption{margin-top:10px;position:static}.role-card{display:block}.role-card-image{aspect-ratio:16/9;min-height:0}.accessibility-strip{grid-template-columns:1fr 1fr;margin:22px 16px 0}.accessibility-strip div{border-right:0}.family-shell{margin-top:22px}.family-message-card{padding:20px 17px}.message-language-row{align-items:flex-start}.listen-button{min-width:128px}.family-message-copy{font-size:19px}.family-actions-grid{grid-template-columns:1fr 1fr}.family-trust-panel,.field-grid{grid-template-columns:1fr}.composer-action-row,.send-review-row{flex-direction:column;align-items:stretch}.school-hero,.district-hero{gap:20px;margin-top:22px}.school-hero h1,.district-hero h1{font-size:36px}.district-metrics,.district-grid{grid-template-columns:1fr;margin-left:16px;margin-right:16px}}@media (max-width:430px){.brand-mark{width:40px;height:40px}.brand-lockup strong{font-size:14px}.welcome-copy h1{font-size:35px}.accessibility-strip{grid-template-columns:1fr}.family-actions-grid{gap:8px}.family-message-copy{font-size:18px;line-height:1.65}.message-language-row{display:grid}.listen-button{width:100%}.verified-badge{width:fit-content;margin:5px 0 0;display:block}.district-metrics{grid-template-columns:1fr}}
.brand-mark{color:#0000;background:#fffaf5 url(/brand/familyconnect-fold-mark.svg) 50%/88% 88% no-repeat;border:1px solid #dce6edf2;border-radius:12px;flex:0 0 44px;width:44px;height:44px;font-size:0;position:relative;overflow:hidden;box-shadow:0 7px 20px #1730471c}.brand-lockup{gap:12px}.brand-lockup strong{letter-spacing:-.02em}@media (max-width:640px){.brand-mark{border-radius:11px;flex-basis:40px;width:40px;height:40px}}
.generated-photo{background-color:#eef3f8;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:22px;min-height:280px;box-shadow:0 18px 44px #1a344e1f}.family-photo{aspect-ratio:3/2;background-image:url(/images/generated/family-message-trust.png),url(/visuals/family-communication.svg)}.teacher-photo{aspect-ratio:3/2;background-image:url(/images/generated/teacher-welcome.png),url(/visuals/teacher-workspace.svg)}.district-photo{aspect-ratio:3/2;background-image:url(/images/generated/district-team.png),url(/visuals/district-operations.svg)}.character-count{color:#6c7b8f;text-align:right;margin-top:6px;font-size:12px}.inline-alert{color:#30465f;background:#f7fbff;border:1px solid #ccd9e8;border-radius:12px;margin-top:14px;padding:12px 14px;font-size:14px;line-height:1.5}.inline-alert-error{color:#8c3030;background:#fff6f6;border-color:#efc8c8}.inline-alert-success{color:#176846;background:#f0fbf5;border-color:#b8dfcc}.button:disabled,.preview-actions button:disabled{cursor:not-allowed;opacity:.5}.translation-placeholder{font-style:italic;color:#728196!important}.time-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px;display:grid}.time-picker button{color:#20364e;background:#fff;border:1px solid #b9c8d9;border-radius:12px;min-height:52px;font-weight:800}.time-picker button:hover,.time-picker button:focus-visible{outline-offset:2px;border-color:#1f6feb;outline:3px solid #1f6feb2e}.family-action-panel{background:#fff;border:1px solid #d9e2ec;border-radius:16px;margin-top:14px;padding:18px}.family-action-panel h2{margin:0 0 8px;font-size:19px}.family-action-panel p{color:#607086;margin:8px 0 14px;line-height:1.55}.family-action-panel textarea{width:100%;min-height:110px;font:inherit;border:1px solid #bbc9d8;border-radius:12px;padding:12px;font-size:16px}.language-option{grid-template-columns:48px minmax(0,1fr);gap:8px;display:grid}.language-option>button:first-child{background:#fff;border:1px solid #ccd7e4;border-radius:12px;min-height:48px}.language-option>button:last-child{min-height:48px}select.select-surface{appearance:auto;width:100%;min-height:48px}@media (max-width:900px){.generated-photo{min-height:220px}}@media (max-width:640px){.time-picker{grid-template-columns:1fr}.generated-photo{min-height:200px}}
body{background-color:#0000;background-image:radial-gradient(circle at 12% 8%,#469f9721,#0000 30rem),radial-gradient(circle at 88% 18%,#6b91ce1c,#0000 32rem),radial-gradient(circle at 72% 82%,#ecb0731a,#0000 30rem),linear-gradient(#f7fbfa 0%,#f3f8f7 45%,#f7f9fc 100%);background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box}.welcome-page,.role-page{isolation:isolate;background:0 0;position:relative;overflow:hidden}.welcome-page:before,.role-page:before,.welcome-page:after,.role-page:after{content:"";z-index:-2;pointer-events:none;filter:blur(2px);opacity:.62;will-change:transform;border-radius:999px;position:fixed}.welcome-page:before,.role-page:before{background:radial-gradient(circle,#45a49a33 0%,#45a49a0f 48%,#0000 72%);width:min(42vw,560px);height:min(42vw,560px);animation:18s ease-in-out infinite alternate ambient-drift-a;top:11vh;left:-12vw}.welcome-page:after,.role-page:after{background:radial-gradient(circle,#678fcc2b 0%,#ecaf700f 52%,#0000 74%);width:min(38vw,520px);height:min(38vw,520px);animation:22s ease-in-out infinite alternate ambient-drift-b;bottom:4vh;right:-10vw}.welcome-page>*,.role-page>*{z-index:1;position:relative}.welcome-page{background-image:linear-gradient(#176b6706 1px,#0000 1px),linear-gradient(90deg,#176b6706 1px,#0000 1px);background-size:42px 42px}.role-page{background-image:radial-gradient(circle at 1px 1px,#176b670b 1px,#0000 0);background-size:28px 28px}.demo-banner{box-shadow:0 6px 20px #0d22351f}.welcome-header,.role-header{-webkit-backdrop-filter:blur(16px)saturate(1.08)}.brand-mark{transition:transform .22s,box-shadow .22s;position:relative;overflow:hidden}.brand-mark:after{content:"";background:linear-gradient(90deg,#0000,#ffffff6b,#0000);width:48%;animation:7s ease-in-out infinite brand-sheen;position:absolute;inset:-45% auto -45% -70%;transform:rotate(18deg)}.brand-lockup:hover .brand-mark{transform:translateY(-2px)rotate(-2deg);box-shadow:0 12px 28px #176b674d}.welcome-copy,.school-hero>div:first-child,.district-hero>div:first-child,.family-message-column{animation:.56s cubic-bezier(.2,.75,.25,1) both enter-up}.hero-visual,.school-hero .generated-photo,.district-hero .generated-photo,.family-trust-panel{animation:.72s cubic-bezier(.2,.75,.25,1) 90ms both enter-soft}.generated-photo{transition:transform .42s cubic-bezier(.2,.75,.25,1),box-shadow .42s;position:relative;overflow:hidden;transform:translateZ(0)}.generated-photo:before{content:"";z-index:1;pointer-events:none;opacity:0;background:linear-gradient(#ffffff14,#0000 38%),linear-gradient(120deg,#0000 42%,#ffffff29 51%,#0000 60%);transition:opacity .26s,transform .7s;position:absolute;inset:0;transform:translate(-42%)}.generated-photo:hover{transform:translateY(-5px)scale(1.006);box-shadow:0 28px 68px #1a344e2e}.generated-photo:hover:before{opacity:1;transform:translate(42%)}.hero-caption,.trust-card,.help-card{-webkit-backdrop-filter:blur(14px)saturate(1.12)}.role-card,.surface-card,.family-message-card,.metric-card,.family-action-panel,.language-choice{transition:transform .24s cubic-bezier(.2,.75,.25,1),box-shadow .24s,border-color .24s}.role-card:hover,.metric-card:hover{border-color:#176b673d;transform:translateY(-5px);box-shadow:0 22px 52px #2341501f}.surface-card:hover,.family-message-card:hover{border-color:#176b672e;box-shadow:0 22px 56px #2341501c}.role-card-image,.hero-visual,.family-trust-panel .generated-photo{position:relative}.button,.listen-button,.family-primary-action,.family-actions-grid button,.preview-actions button,.language-option button,.time-picker button{transition:transform .16s,box-shadow .18s,background-color .18s,border-color .18s}.button:not(:disabled):active,.listen-button:active,.family-primary-action:active,.family-actions-grid button:active,.preview-actions button:not(:disabled):active,.language-option button:active,.time-picker button:active{transform:translateY(1px)scale(.985)}.listen-button:hover,.family-primary-action:hover{transform:translateY(-2px);box-shadow:0 13px 30px #176b6745}.family-actions-grid button:hover,.preview-actions button:not(:disabled):hover,.language-option button:hover,.time-picker button:hover{border-color:#176b6752;transform:translateY(-2px);box-shadow:0 10px 24px #23415017}.ready-badge,.verified-badge,.verified-dot{animation:4.8s ease-in-out infinite status-breathe}.inline-alert{animation:.3s cubic-bezier(.2,.75,.25,1) both alert-in}.translation-preview{transition:transform .22s,box-shadow .22s,border-color .22s}.translation-preview:hover{border-color:#176b6738;transform:translateY(-3px);box-shadow:0 14px 34px #23415017}.role-card:first-child{animation:.52s cubic-bezier(.2,.75,.25,1) 80ms both card-enter}.role-card:nth-child(2){animation:.52s cubic-bezier(.2,.75,.25,1) .15s both card-enter}.role-card:nth-child(3){animation:.52s cubic-bezier(.2,.75,.25,1) .22s both card-enter}@keyframes ambient-drift-a{0%{transform:translate(0,0)scale(1)}to{transform:translate(7vw,5vh)scale(1.1)}}@keyframes ambient-drift-b{0%{transform:translate(0,0)scale(1)}to{transform:translate(-6vw,-5vh)scale(1.08)}}@keyframes brand-sheen{0%,70%,to{opacity:0;transform:translate(0)rotate(18deg)}78%{opacity:.7}92%{opacity:0;transform:translate(360%)rotate(18deg)}}@keyframes enter-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes enter-soft{0%{opacity:0;transform:translateY(12px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes card-enter{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes status-breathe{0%,to{filter:saturate()}50%{filter:saturate(1.18)}}@keyframes alert-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media (max-width:720px){body{background-attachment:scroll}.welcome-page:before,.role-page:before,.welcome-page:after,.role-page:after{opacity:.46;position:absolute}.role-card:hover,.metric-card:hover,.generated-photo:hover{transform:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}
.onboarding-page-heading{justify-content:space-between;align-items:flex-end;gap:28px;max-width:1120px;margin:38px auto 22px;padding:0 28px;display:flex}.onboarding-page-heading h1{color:var(--ink-strong);letter-spacing:-.035em;margin:8px 0;font-size:clamp(30px,4vw,48px)}.onboarding-page-heading p{max-width:690px;color:var(--muted);margin:0;font-size:16px;line-height:1.65}.onboarding-principle{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffb8;border:1px solid #176b672b;border-radius:16px;max-width:330px;padding:15px 17px}.onboarding-principle strong,.onboarding-principle span{display:block}.onboarding-principle strong{color:var(--brand-dark);font-size:14px}.onboarding-principle span{color:var(--muted);margin-top:5px;font-size:12px;line-height:1.5}.onboarding-workspace,.onboarding-success{max-width:980px;margin:0 auto;padding:10px 28px 60px}.onboarding-access-card{max-width:620px;margin:58px auto}.onboarding-access-card h1,.onboarding-card h1{color:var(--ink-strong);letter-spacing:-.025em;margin:8px 0;font-size:30px}.onboarding-access-card>p,.onboarding-card>p{color:var(--muted);margin:0 0 22px;line-height:1.6}.onboarding-access-card .button{margin-top:16px}.onboarding-progress{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px;display:grid}.onboarding-progress div{border:1px solid var(--line);color:#7b8c9c;background:#ffffffa3;border-radius:14px;align-items:center;gap:9px;min-height:66px;padding:10px 12px;display:flex}.onboarding-progress div.active{color:var(--brand-dark);background:#e5f3f0e0;border-color:#176b6742}.onboarding-progress span{background:#fff;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:12px;font-weight:900;display:grid}.onboarding-progress strong{font-size:13px}.onboarding-card{min-height:500px;padding:30px}.onboarding-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.onboarding-field{display:block}.onboarding-field.full{grid-column:1/-1}.onboarding-field>span{color:#385168;margin-bottom:7px;font-size:13px;font-weight:800;display:block}.onboarding-field input,.onboarding-field select{width:100%;min-height:50px;color:var(--ink-strong);background:#fff;border:1px solid #cbd8e2;border-radius:13px;padding:10px 12px;font-size:16px}.onboarding-field input:focus,.onboarding-field select:focus{border-color:var(--brand);outline-offset:1px;outline:3px solid #176b671f}.guardian-editor-list,.preference-grid{gap:14px;margin-bottom:16px;display:grid}.guardian-editor,.guardian-preference{border:1px solid var(--line);background:#fbfdfd;border-radius:17px;padding:18px}.guardian-editor-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.guardian-editor-heading h2,.guardian-preference h2{color:var(--ink-strong);margin:0 0 12px;font-size:18px}.guardian-editor-heading h2{margin:0}.guardian-editor-heading span{background:var(--brand-soft);color:var(--brand-dark);border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800}.guardian-editor-heading button{color:var(--danger);background:0 0;border:0;font-weight:750}.guardian-preference fieldset,.invite-preferences fieldset{border:1px solid var(--line);border-radius:14px;margin:16px 0 0;padding:14px}.guardian-preference legend,.invite-preferences legend{color:#385168;padding:0 6px;font-size:13px;font-weight:800}.guardian-preference fieldset label,.invite-preferences fieldset label{color:#40596f;align-items:center;gap:9px;min-height:40px;font-size:14px;display:flex}.guardian-preference input[type=checkbox],.invite-preferences input[type=checkbox]{width:19px;height:19px;accent-color:var(--brand)}.onboarding-actions{border-top:1px solid var(--line);justify-content:space-between;gap:12px;margin-top:24px;padding-top:20px;display:flex}.review-summary{gap:10px;display:grid}.review-summary>div{border:1px solid var(--line);background:#fbfdfd;border-radius:14px;grid-template-columns:120px 1fr;gap:4px 14px;padding:15px 17px;display:grid}.review-summary span{color:var(--muted);grid-row:1/span 2;font-size:12px;font-weight:800}.review-summary strong{color:var(--ink-strong)}.review-summary small{color:var(--muted)}.success-heading{align-items:center;gap:18px;margin-bottom:16px;display:flex}.success-heading h1{color:var(--ink-strong);margin:5px 0}.success-heading p{color:var(--muted);margin:0}.success-check{background:var(--success-soft);width:58px;height:58px;color:var(--success);border-radius:50%;flex:none;place-items:center;font-size:28px;font-weight:900;display:grid}.invite-result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:16px 0;display:grid}.invite-result-card h2{margin:12px 0 6px}.invite-result-card>p{color:var(--muted);margin:0 0 10px}.invite-result-card>small{color:var(--muted);line-height:1.5;display:block}.invite-url{overflow-wrap:anywhere;color:#466075;background:#f6fafb;border:1px dashed #b9c9d5;border-radius:11px;margin:14px 0;padding:11px;font-size:12px}.delivery-note{font-size:12px;line-height:1.5;margin-top:12px!important}.invite-page-shell{max-width:680px;margin:56px auto 0;padding:0 24px 64px}.guardian-invite-card,.invite-accepted,.invite-error,.invite-loading{padding:30px}.invite-school-identity{border-bottom:1px solid var(--line);align-items:center;gap:14px;padding-bottom:20px;display:flex}.invite-school-identity h1{color:var(--ink-strong);margin:3px 0;font-size:23px}.invite-school-identity p{color:var(--muted);margin:0;font-size:13px}.invite-welcome{padding:22px 0 8px}.invite-welcome h2{color:var(--ink-strong);margin:0 0 9px;font-size:27px}.invite-welcome p{color:#496175;margin:0;font-size:17px;line-height:1.65}.invite-preferences{margin:18px 0 22px}.invite-privacy-note{color:var(--muted);text-align:center;margin:16px 0 0;font-size:12px;line-height:1.55}.invite-accepted{text-align:center}.invite-accepted .success-check{margin:0 auto 16px}.invite-accepted h1{max-width:520px;color:var(--ink-strong);margin:8px auto 12px;font-size:31px}.invite-accepted>p{color:var(--muted);line-height:1.6}.invite-school-card{background:var(--brand-soft);border-radius:14px;margin:22px 0;padding:16px}.invite-school-card strong,.invite-school-card span{display:block}.invite-school-card span{color:var(--muted);margin-top:4px;font-size:13px}@media (max-width:760px){.onboarding-page-heading{flex-direction:column;align-items:stretch}.onboarding-principle{max-width:none}.onboarding-progress{grid-template-columns:repeat(4,minmax(0,1fr))}.onboarding-progress div{justify-content:center;padding:8px 4px}.onboarding-progress strong{display:none}.onboarding-form-grid,.invite-result-grid{grid-template-columns:1fr}.onboarding-field.full{grid-column:auto}.onboarding-card{min-height:0;padding:22px}.review-summary>div{grid-template-columns:1fr}.review-summary span{grid-row:auto}}@media (max-width:520px){.onboarding-workspace,.onboarding-success{padding-left:16px;padding-right:16px}.onboarding-page-heading{padding:0 18px}.invite-page-shell{margin-top:28px;padding-left:14px;padding-right:14px}.guardian-invite-card,.invite-accepted{padding:21px}}
.schools-page-heading{grid-template-columns:minmax(0,1fr) minmax(280px,.55fr);align-items:end;gap:28px;max-width:1184px;margin:34px auto 0;padding:0 28px;display:grid}.schools-page-heading h1{color:var(--ink-strong);letter-spacing:-.035em;margin:8px 0 10px;font-size:clamp(34px,4vw,48px);line-height:1.06}.schools-page-heading p{max-width:760px;color:var(--muted);margin:0;font-size:16px;line-height:1.65}.school-access-card,.school-setup-grid,.schools-workspace{max-width:1184px;margin:28px auto 0;padding-left:28px;padding-right:28px}.school-access-card{max-width:640px}.school-access-card h2,.school-bootstrap-card h2,.school-create-card h2{color:var(--ink-strong);letter-spacing:-.025em;margin:8px 0;font-size:25px}.school-access-card>p,.school-bootstrap-card>p,.school-create-card>p{color:var(--muted);margin:0 0 18px;line-height:1.6}.school-field{gap:7px;display:grid}.school-field>span{color:var(--ink);font-size:13px;font-weight:800}.school-field input,.school-field select{width:100%;min-height:48px;color:var(--ink-strong);background:#fff;border:1px solid #cbd8e2;border-radius:12px;padding:0 13px}.school-field input:focus-visible,.school-field select:focus-visible{outline-offset:2px;border-color:#2f88d1;outline:3px solid #2f88d133}.school-field input:disabled{color:#718395;background:#eef3f5}.school-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:20px 0;display:grid}.school-form-grid.single{grid-template-columns:1fr}.school-form-grid .full{grid-column:1/-1}.school-grade-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.school-bootstrap-card{max-width:820px}.school-summary-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.school-summary-card{padding:18px}.school-summary-card>span,.school-summary-card>strong,.school-summary-card>small{display:block}.school-summary-card>span{color:var(--muted);text-transform:uppercase;letter-spacing:.035em;font-size:12px;font-weight:800}.school-summary-card>strong{color:var(--ink-strong);margin-top:6px;font-size:24px}.school-summary-card>small{color:var(--muted);margin-top:5px;line-height:1.35}.school-main-grid{grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);align-items:start;gap:20px;margin-top:18px;display:grid}.school-list{gap:11px;display:grid}.school-list-item{border:1px solid var(--line);background:#fbfdfd;border-radius:16px;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:13px;padding:15px;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid}.school-list-item:hover{border-color:#176b6740;transform:translateY(-2px);box-shadow:0 10px 26px #23415014}.school-list-mark{background:var(--brand-soft);width:46px;height:46px;color:var(--brand-dark);border-radius:13px;place-items:center;font-weight:900;display:grid}.school-list-title{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.school-list-title strong{color:var(--ink-strong);font-size:16px}.school-list-title span{color:#607086;background:#edf3f4;border-radius:999px;padding:4px 7px;font-size:11px;font-weight:850}.school-list-copy p,.school-list-copy small{color:var(--muted);margin:3px 0 0}.school-list-copy p{font-size:13px}.school-list-copy small{font-size:12px;display:block}.school-list-count{text-align:right;min-width:64px}.school-list-count strong,.school-list-count span{display:block}.school-list-count strong{color:var(--ink-strong);font-size:21px}.school-list-count span{color:var(--muted);font-size:11px}.school-empty-state{text-align:center;background:#f8fbfb;border:1px dashed #c9d8df;border-radius:16px;align-content:center;place-items:center;gap:6px;min-height:180px;padding:28px;display:grid}.school-empty-state strong{color:var(--ink-strong);font-size:18px}.school-empty-state span{color:var(--muted);font-size:13px}.school-target-note{background:var(--brand-soft);color:var(--brand-dark);border-radius:12px;margin:16px 0;padding:11px 13px;font-size:13px}@media (max-width:960px){.schools-page-heading,.school-main-grid{grid-template-columns:1fr}.school-summary-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.schools-page-heading,.school-access-card,.school-setup-grid,.schools-workspace{padding-left:18px;padding-right:18px}.school-form-grid,.school-summary-row,.school-grade-row{grid-template-columns:1fr}.school-list-item{grid-template-columns:42px minmax(0,1fr)}.school-list-count{text-align:left;grid-column:2}}@media (prefers-reduced-motion:reduce){.school-list-item{transition:none}.school-list-item:hover{transform:none}}
.academic-workspace,.academic-empty-card,.academic-access-card{margin-top:24px}.academic-access-card,.academic-empty-card{max-width:720px;padding:28px}.academic-access-card h2,.academic-empty-card h2,.academic-form-card h2,.academic-target-card h2,.academic-roster-card h2{margin:8px 0}.academic-toolbar{grid-template-columns:minmax(260px,1fr) minmax(220px,.8fr);align-items:end;gap:24px;margin-bottom:18px;padding:22px;display:grid}.academic-toolbar>div:last-child{text-align:right;justify-items:end;gap:3px;display:grid}.academic-toolbar>div:last-child strong{font-size:1.12rem}.academic-toolbar small,.academic-summary-card small,.academic-roster-list small,.academic-class-list small,.audience-item small{color:var(--text-muted,#667085)}.academic-summary-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0;display:grid}.academic-summary-card{gap:4px;padding:18px;display:grid}.academic-summary-card>span{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted,#667085);font-size:.84rem;font-weight:700}.academic-summary-card strong{margin:5px 0;font-size:2rem;line-height:1}.academic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.academic-target-card,.academic-form-card,.academic-roster-card{padding:24px}.academic-target-card{grid-column:1/-1}.audience-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px;display:grid}.audience-item{background:#ffffff9e;border:1px solid #173a4a1a;border-radius:14px;grid-template-columns:auto 1fr;align-items:center;gap:12px;padding:14px;display:grid}.audience-item>div{gap:3px;display:grid}.audience-type{text-align:center;letter-spacing:.04em;border-radius:999px;min-width:62px;padding:7px 8px;font-size:.7rem;font-weight:800}.audience-school{background:#1c6f7e21}.audience-grade{background:#e2a4412e}.audience-class{background:#6550b421}.academic-hint,.academic-footnote{color:var(--text-muted,#667085);margin:16px 0 0;font-size:.9rem}.academic-form-card .school-field+.school-field{margin-top:12px}.academic-form-card .button{margin-top:18px}.academic-roster-list,.academic-class-list{gap:10px;margin-top:16px;display:grid}.academic-roster-list>div{border-bottom:1px solid #173a4a14;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px 0;display:grid}.academic-roster-list>div:last-child,.academic-class-list>div:last-child{border-bottom:0}.academic-roster-list>div>span:nth-child(2),.academic-class-list>div>span{gap:3px;display:grid}.academic-roster-list b{white-space:nowrap;font-size:.84rem}.academic-avatar{background:#1c6f7e1f;border-radius:50%;place-items:center;width:40px;height:40px;font-size:.82rem;font-weight:800;display:grid}.academic-class-list>div{border-bottom:1px solid #173a4a14;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:13px 0;display:grid}.academic-class-list>div>span:last-child{text-align:right}.academic-assignment-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px;display:grid}@media (max-width:900px){.academic-summary-row,.academic-grid,.academic-assignment-grid,.audience-list{grid-template-columns:1fr 1fr}.academic-target-card{grid-column:1/-1}}@media (max-width:680px){.academic-toolbar,.academic-summary-row,.academic-grid,.academic-assignment-grid,.audience-list{grid-template-columns:1fr}.academic-toolbar>div:last-child{text-align:left;justify-items:start}.academic-target-card{grid-column:auto}.academic-roster-list>div,.academic-class-list>div{grid-template-columns:auto 1fr}.academic-roster-list b,.academic-class-list>div>span:last-child{text-align:left;grid-column:2}}
.auth-page{min-height:100vh;padding:24px clamp(20px,4vw,64px) 64px;position:relative}.auth-header{justify-content:space-between;align-items:center;gap:20px;max-width:1180px;margin:0 auto 48px;display:flex}.auth-header>a:last-child{color:var(--muted);font-weight:700;text-decoration:none}.auth-shell{grid-template-columns:minmax(0,1fr) minmax(360px,480px);align-items:center;gap:clamp(32px,7vw,90px);max-width:1120px;margin:0 auto;display:grid}.auth-shell-centered{min-height:65vh}.auth-intro h2{letter-spacing:-.05em;max-width:760px;color:var(--ink-strong);margin:10px 0 18px;font-size:clamp(2.3rem,5vw,4.8rem);line-height:.98}.auth-intro>p{max-width:640px;color:var(--muted);font-size:1.06rem;line-height:1.75}.auth-principles{gap:12px;margin-top:32px;display:grid}.auth-principles>div{border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff9e;border-radius:18px;padding:16px 18px}.auth-principles strong,.auth-principles span{display:block}.auth-principles span{color:var(--muted);margin-top:4px;font-size:.92rem;line-height:1.5}.auth-card{padding:clamp(24px,4vw,38px)}.auth-card h1{color:var(--ink-strong);letter-spacing:-.035em;margin:8px 0 10px;font-size:clamp(1.9rem,3vw,2.6rem)}.auth-card>p{color:var(--muted);margin:0 0 24px;line-height:1.65}.auth-field{gap:7px;margin-bottom:16px;display:grid}.auth-field>span{color:var(--ink-strong);font-weight:800}.auth-field input,.auth-field select{border:1px solid var(--line);width:100%;color:var(--ink-strong);font:inherit;background:#ffffffe6;border-radius:13px;padding:12px 13px}.auth-field input:focus,.auth-field select:focus{outline:3px solid var(--brand-soft);border-color:var(--brand)}.auth-field small{color:var(--muted)}.auth-submit{justify-content:center;width:100%;margin-top:4px}.auth-help{background:var(--brand-soft);border-radius:14px;margin-top:20px;padding:14px 16px}.auth-help strong,.auth-help span{display:block}.auth-help span{color:var(--muted);margin-top:4px;font-size:.9rem}.auth-bootstrap-link{color:var(--muted);margin-top:18px;font-size:.88rem;display:inline-block}.auth-loading-page,.auth-denied-page{place-items:center;display:grid}.auth-loading-page{color:var(--muted);align-content:center}.auth-loading-mark{background:var(--brand);color:#fff;border-radius:18px;place-items:center;width:54px;height:54px;font-weight:900;animation:1.5s ease-in-out infinite authPulse;display:grid;box-shadow:0 16px 38px #0000001f}.auth-denied-card{max-width:620px;padding:38px}.signed-in-strip{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:20;background:#ffffffc2;justify-content:flex-end;align-items:center;gap:18px;min-height:46px;padding:8px clamp(20px,4vw,64px);display:flex;position:relative}.signed-in-strip span,.signed-in-strip small{display:block}.signed-in-strip span{text-align:right}.signed-in-strip small{color:var(--muted);margin-top:2px}.signed-in-strip button{border:1px solid var(--line);color:var(--ink-strong);cursor:pointer;background:#ffffffe6;border-radius:999px;padding:8px 12px;font-weight:800}.users-page-heading{grid-template-columns:minmax(0,1fr) minmax(280px,380px);align-items:end;gap:26px;max-width:1180px;margin:0 auto 28px;display:grid}.users-page-heading h1{color:var(--ink-strong);letter-spacing:-.04em;margin:8px 0 10px;font-size:clamp(2rem,4vw,3.4rem)}.users-page-heading p{color:var(--muted);max-width:760px;margin:0;line-height:1.65}.user-admin-workspace{max-width:1180px;margin:0 auto}.user-summary-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px;display:grid}.user-summary-card{padding:18px}.user-summary-card span,.user-summary-card strong,.user-summary-card small{display:block}.user-summary-card span,.user-summary-card small{color:var(--muted)}.user-summary-card strong{color:var(--ink-strong);margin:6px 0;font-size:1.5rem}.user-admin-grid{grid-template-columns:minmax(300px,390px) minmax(0,1fr);align-items:start;gap:20px;margin-top:20px;display:grid}.create-user-card,.user-list-card,.credential-card{padding:24px}.create-user-card h2,.user-list-card h2,.credential-card h2{color:var(--ink-strong);margin:6px 0 8px}.create-user-card>p,.user-list-heading p,.credential-card p{color:var(--muted);line-height:1.55}.tenant-admin-toggle{border:1px solid var(--line);background:#fff9;border-radius:15px;align-items:flex-start;gap:10px;margin:12px 0 18px;padding:14px;display:flex}.tenant-admin-toggle span,.tenant-admin-toggle small{display:block}.tenant-admin-toggle small{color:var(--muted);margin-top:3px;line-height:1.45}.school-access-editor{border-top:1px solid var(--line);margin:18px 0;padding-top:18px}.school-access-editor>div:first-child strong,.school-access-editor>div:first-child small{display:block}.school-access-editor>div:first-child small{color:var(--muted);margin-top:3px}.school-access-editor>label{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) 170px;align-items:center;gap:12px;padding:11px 0;display:grid}.school-access-editor>label span,.school-access-editor>label small{display:block}.school-access-editor>label small{color:var(--muted);margin-top:2px}.school-access-editor select{border:1px solid var(--line);background:#fff;border-radius:11px;min-width:0;padding:9px 10px}.school-access-editor.compact{margin:14px 0}.user-list-heading{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:16px;display:flex}.user-list-heading h2,.user-list-heading p{margin-top:0}.user-filter{border:1px solid var(--line);background:#ffffffb8;border-radius:999px;gap:4px;padding:4px;display:flex}.user-filter button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:7px 10px;font-weight:800}.user-filter button.active{background:var(--brand-soft);color:var(--brand-dark)}.managed-user-list{gap:12px;display:grid}.managed-user{border:1px solid var(--line);background:#ffffffa8;border-radius:18px;padding:16px}.managed-user.inactive{opacity:.7}.managed-user-main{align-items:center;gap:12px;display:flex}.managed-user-avatar{background:var(--brand-soft);width:44px;height:44px;color:var(--brand-dark);border-radius:14px;flex:0 0 44px;place-items:center;font-weight:900;display:grid}.managed-user-title{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.managed-user-title>span,.managed-user-title>b{background:var(--brand-soft);color:var(--brand-dark);border-radius:999px;padding:3px 7px;font-size:.72rem}.managed-user-title>b{color:var(--muted);background:#8c8c8c1f}.managed-user-main p,.managed-user-main small{color:var(--muted);margin:3px 0 0}.permission-chips{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.permission-chips span{background:var(--success-soft);color:var(--success);border-radius:999px;padding:5px 8px;font-size:.76rem;font-weight:800}.permission-chips span.permission-none{color:var(--muted);background:#8c8c8c1f}.account-status-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.account-status-row>span{background:#ffffffbd;border-radius:12px;padding:10px 12px}.account-status-row strong,.account-status-row small{display:block}.account-status-row small{color:var(--muted);margin-top:3px}.managed-user-actions{gap:8px;margin-top:14px;display:flex}.managed-user-actions button{border:1px solid var(--line);color:var(--ink-strong);cursor:pointer;background:#fff;border-radius:10px;padding:8px 10px;font-weight:800}.managed-user-actions button:disabled{opacity:.45;cursor:not-allowed}.user-edit-panel{border-top:1px solid var(--line);margin-top:14px;padding-top:14px}.access-toggle-row{flex-wrap:wrap;gap:16px;margin:10px 0;display:flex}.access-toggle-row label{align-items:center;gap:7px;font-weight:700;display:flex}.credential-card{border:1px solid var(--brand);margin:20px 0}.credential-card dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.credential-card dl>div{background:var(--brand-soft);border-radius:12px;padding:12px}.credential-card dt{color:var(--muted);font-size:.78rem;font-weight:800}.credential-card dd{color:var(--ink-strong);word-break:break-word;margin:5px 0 0;font-weight:800}.credential-value{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.user-admin-loading{max-width:720px;margin:40px auto;padding:28px}@keyframes authPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.75;transform:scale(.94)}}@media (max-width:900px){.auth-shell,.users-page-heading,.user-admin-grid{grid-template-columns:1fr}.user-summary-row{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-intro h2{font-size:clamp(2.2rem,9vw,4rem)}}@media (max-width:620px){.auth-page{padding-left:16px;padding-right:16px}.auth-header,.user-list-heading,.signed-in-strip{flex-direction:column;align-items:flex-start}.signed-in-strip{padding:10px 16px}.signed-in-strip span{text-align:left}.user-summary-row,.credential-card dl,.account-status-row,.school-access-editor>label{grid-template-columns:1fr}.user-filter{width:100%;overflow-x:auto}}@media (prefers-reduced-motion:reduce){.auth-loading-mark{animation:none}}
.family-account-page{min-height:100vh}.family-account-header{margin-bottom:28px}.family-login-shell{grid-template-columns:minmax(0,1fr) minmax(360px,480px);align-items:center;gap:48px;width:min(1100px,100% - 40px);margin:48px auto 80px;display:grid}.family-login-intro h2{max-width:680px;margin:10px 0 16px;font-size:clamp(2rem,5vw,4.6rem);line-height:.98}.family-login-intro>p{max-width:650px;font-size:1.08rem;line-height:1.72}.family-login-points{gap:10px;margin-top:24px;font-weight:700;display:grid}.family-login-card{padding:clamp(24px,4vw,38px)}.family-login-card h1{margin:8px 0 12px;font-size:clamp(2rem,4vw,3rem)}.family-login-card>p{line-height:1.65}.family-login-form{gap:16px;margin-top:24px;display:grid}.family-login-form label,.family-password-setup .onboarding-field{gap:7px;display:grid}.family-login-form label>span,.family-password-setup .onboarding-field>span{font-size:.9rem;font-weight:800}.family-login-form input,.family-password-setup input{width:100%;min-height:48px;color:inherit;font:inherit;background:#ffffffeb;border:1px solid #454d6638;border-radius:13px;padding:0 14px}.family-login-form input:focus-visible,.family-password-setup input:focus-visible{outline-offset:2px;border-color:#425ef6a3;outline:3px solid #425ef63d}.family-login-help,.family-existing-account-note,.family-history-empty-note{background:#4861f212;border:1px solid #4861f21f;border-radius:15px;gap:5px;margin:22px 0;padding:15px 17px;display:grid}.family-login-checking,.family-history-loading{text-align:center;width:min(720px,100% - 40px);margin:72px auto;padding:36px}.family-password-setup{background:#4861f20b;border:1px solid #4861f229;border-radius:18px;gap:16px;margin:24px 0;padding:20px;display:grid}.family-password-setup h3{margin:5px 0;font-size:1.2rem}.family-password-setup p{margin:0;line-height:1.55}.family-account-workspace{width:min(1240px,100% - 40px);margin:0 auto 72px}.family-account-toolbar{justify-content:space-between;align-items:flex-end;gap:24px;margin:26px 0 24px;display:flex}.family-account-toolbar h1{margin:5px 0 4px;font-size:clamp(2rem,4vw,3.2rem)}.family-account-toolbar p{margin:0}.family-account-toolbar-actions{flex-wrap:wrap;gap:10px;display:flex}.family-student-strip{gap:12px;margin-bottom:8px;padding:2px 2px 18px;display:flex;overflow-x:auto}.family-student-chip{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffad;border:1px solid #454d6621;border-radius:16px;flex:none;gap:3px;min-width:220px;padding:14px 16px;display:grid}.family-student-chip span{opacity:.72;font-size:.88rem}.family-history-empty{text-align:center;max-width:760px;margin:38px auto;padding:clamp(28px,5vw,52px)}.family-history-empty-icon{background:#4861f217;border-radius:20px;place-items:center;width:62px;height:62px;margin:0 auto 18px;font-size:1.6rem;display:grid}.family-history-empty h2{margin:8px 0 10px;font-size:1.8rem}.family-history-empty p{max-width:600px;margin:0 auto;line-height:1.65}.family-history-grid{grid-template-columns:minmax(310px,.78fr) minmax(0,1.45fr);align-items:start;gap:18px;display:grid}.family-history-list,.family-history-message{min-height:560px}.family-history-list{padding:0;overflow:hidden}.family-history-list-heading{border-bottom:1px solid #454d661c;justify-content:space-between;align-items:center;gap:12px;padding:22px 22px 16px;display:flex}.family-history-list-heading h2{margin:3px 0 0;font-size:1.25rem}.family-unread-count{background:#4861f217;border-radius:999px;flex:none;padding:7px 10px;font-size:.78rem;font-weight:800}.family-history-items{max-height:670px;overflow-y:auto}.family-history-item{width:100%;color:inherit;text-align:left;cursor:pointer;font:inherit;background:0 0;border:0;border-bottom:1px solid #454d6617;gap:5px;padding:18px 20px;display:grid}.family-history-item:hover,.family-history-item.selected{background:#4861f20e}.family-history-item.unread{box-shadow:inset 4px 0 #4861f2c2}.family-history-item:focus-visible{outline-offset:-3px;outline:3px solid #425ef640}.family-history-item-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.family-history-item-top i{background:#4861f21c;border-radius:999px;padding:4px 7px;font-size:.7rem;font-style:normal;font-weight:900}.family-history-item-sender,.family-history-item time{opacity:.68;font-size:.8rem}.family-history-item-preview{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:2px 0;font-size:.91rem;line-height:1.45;display:-webkit-box;overflow:hidden}.family-history-message{padding:clamp(24px,4vw,40px)}.family-message-meta{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.family-message-meta h2{margin:5px 0 6px;font-size:clamp(1.5rem,3vw,2.3rem)}.family-message-meta p{opacity:.72;margin:0}.family-message-students{flex-wrap:wrap;gap:8px;margin:22px 0;display:flex}.family-message-students span{background:#4861f213;border-radius:999px;padding:7px 10px;font-size:.82rem;font-weight:750}.family-message-body{background:#ffffff9e;border:1px solid #454d661a;border-radius:20px;min-height:210px;padding:clamp(20px,4vw,32px)}.family-message-body p{white-space:pre-wrap;margin:0;font-size:clamp(1.05rem,2vw,1.22rem);line-height:1.85}.family-message-actions{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}@media (max-width:900px){.family-login-shell,.family-history-grid{grid-template-columns:1fr}.family-login-shell{gap:28px}.family-history-list,.family-history-message{min-height:auto}.family-history-items{max-height:360px}}@media (max-width:640px){.family-login-shell,.family-account-workspace{width:min(100% - 24px,1240px)}.family-account-toolbar,.family-message-meta{flex-direction:column;align-items:stretch}.family-account-toolbar-actions{width:100%}.family-account-toolbar-actions .button{flex:1}}@media (prefers-reduced-motion:reduce){.family-history-item{scroll-behavior:auto}}
:root{--focus-ring:#2f88d13d;--focus-border:#2f88d1;--surface-border:#c7d6dfe0;--surface-shadow:0 10px 30px #23415013;--surface-shadow-raised:0 16px 38px #23415018;--control-height:48px}html{-moz-text-size-adjust:100%;text-size-adjust:100%}body{overflow-x:hidden}.skip-link{z-index:9999;background:var(--ink-strong);color:#fff;box-shadow:var(--surface-shadow-raised);border-radius:12px;padding:11px 15px;font-size:14px;font-weight:800;transition:transform .14s;position:fixed;top:12px;left:12px;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}#main-content:focus{outline:none}.brand-mark:after{display:none}.brand-lockup:hover .brand-mark{transform:none;box-shadow:0 8px 22px #1730471f}.brand-lockup:focus-visible{border-radius:14px}.auth-header .brand-mark,.family-account-header .brand-mark{border-radius:14px;flex-basis:48px;width:48px;height:48px}.auth-header .brand-lockup,.family-account-header .brand-lockup{gap:15px}.auth-header .brand-lockup strong,.family-account-header .brand-lockup strong{letter-spacing:-.025em;font-size:17px;font-weight:760}.auth-header .brand-lockup small,.family-account-header .brand-lockup small{margin-top:3px;font-size:12px}.auth-loading-mark{color:#0000;border:1px solid var(--surface-border);box-shadow:var(--surface-shadow);background:#fffaf5 url(/brand/familyconnect-fold-mark.svg) 50%/88% 88% no-repeat;font-size:0}.welcome-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;min-width:0;display:flex}.welcome-hero{grid-template-columns:minmax(0,1.05fr) minmax(400px,.95fr);align-items:start;gap:42px;margin-top:6px;padding-top:22px}.welcome-copy h1{max-width:680px;font-size:clamp(38px,4.3vw,60px);line-height:1.02}.hero-visual{align-self:start;margin-top:0}.surface-card,.metric-card,.role-card,.family-message-card,.family-login-card,.family-history-list,.family-history-message{border-color:var(--surface-border);min-width:0;box-shadow:var(--surface-shadow)}.surface-card,.metric-card{background:#fffffff0}.surface-card:hover,.metric-card:hover{border-color:var(--surface-border);box-shadow:var(--surface-shadow);transform:none}.role-card:hover{box-shadow:var(--surface-shadow-raised);transform:translateY(-2px)}.school-list-item:hover,.translation-preview:hover,.generated-photo:hover{transform:translateY(-2px)}input,select,textarea,button{min-width:0}input,select,textarea{accent-color:var(--brand)}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--focus-border)!important}input::placeholder,textarea::placeholder{color:#7a8c9b;opacity:1}.field-hint{color:#6f8190;margin-top:7px;font-size:12px;line-height:1.45;display:block}button,.button,[role=button]{touch-action:manipulation}.button,.family-primary-action,.listen-button,.preview-actions button,.time-picker button{min-height:var(--control-height)}.button:disabled,button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed}.role-nav{scrollbar-width:thin;overscroll-behavior-x:contain}.role-nav a.active{color:var(--brand-dark);box-shadow:inset 0 0 0 1px #176b6714,0 4px 12px #28465512}.surface-card,.managed-user,.school-list-copy,.academic-roster-list,.family-history-message,.invite-result-card{overflow-wrap:anywhere}.inline-alert,.ready-badge,.attention-badge{box-shadow:none}.demo-banner{box-shadow:none;letter-spacing:.015em}.school-summary-card strong,.academic-summary-card strong,.user-summary-card strong,.metric-card strong{font-variant-numeric:tabular-nums}.guardian-editor,.guardian-preference,.school-list-item,.audience-item,.managed-user,.review-summary>div,.family-student-chip,.family-message-body{border-color:var(--surface-border)}.school-empty-state,.family-history-empty,.user-admin-loading,.family-login-checking,.family-history-loading{border-color:#c7d6dfe6}@media (max-width:1100px){.welcome-header .trust-line{display:none}.welcome-hero{grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);gap:32px}}@media (max-width:900px){.welcome-hero{grid-template-columns:1fr;gap:28px}.hero-visual{width:100%;max-width:720px}}@media (hover:none){.role-card:hover,.school-list-item:hover,.translation-preview:hover,.generated-photo:hover,.button:hover,.family-primary-action:hover,.listen-button:hover{transform:none}}@media (max-width:720px){.role-nav{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;padding-right:24px;scroll-padding-inline:8px;-webkit-mask-image:linear-gradient(90deg,#000 0 calc(100% - 24px),#0000 100%);mask-image:linear-gradient(90deg,#000 0 calc(100% - 24px),#0000 100%)}.role-nav a{scroll-snap-align:start;flex:none}.auth-header .brand-mark,.family-account-header .brand-mark{border-radius:11px;flex-basis:40px;width:40px;height:40px}.auth-header .brand-lockup,.family-account-header .brand-lockup{gap:11px}.auth-header .brand-lockup strong,.family-account-header .brand-lockup strong{font-size:15px}.onboarding-actions .button{width:auto;min-width:120px}}@media (max-width:430px){.role-nav{padding-bottom:6px}.onboarding-actions{align-items:stretch}.onboarding-actions .button{flex:1;min-width:0}}@media (prefers-reduced-motion:reduce){.skip-link,.brand-mark,.role-card,.school-list-item,.translation-preview,.generated-photo{transition:none!important;transform:none!important}.skip-link:not(:focus){transform:translateY(-180%)!important}}@media (forced-colors:active){.brand-mark,.auth-loading-mark{background-image:none;border:2px solid canvastext}.brand-mark:before,.auth-loading-mark:before{content:"FC";color:canvastext;font-size:14px;font-weight:800}.surface-card,.metric-card,.role-card,input,select,textarea,button,.button{border-color:canvastext}}
.family-first-run{width:min(760px,100% - 32px);margin:28px auto 8px}.family-first-run-progress{grid-template-columns:36px minmax(30px,1fr) 36px minmax(30px,1fr) 36px;align-items:center;width:min(360px,100%);margin:0 auto 18px;display:grid}.family-first-run-progress span{color:#647988;background:#fff;border:2px solid #c8d7dc;border-radius:50%;place-items:center;width:36px;height:36px;font-weight:900;display:grid}.family-first-run-progress span.active{border-color:var(--brand);background:var(--brand);color:#fff}.family-first-run-progress i{background:#c8d7dc;height:2px}.family-first-run-card{border:1px solid var(--surface-border);box-shadow:var(--surface-shadow-raised);text-align:center;background:#fff;border-radius:26px;padding:clamp(24px,5vw,44px)}.family-first-run-icon{background:var(--brand-soft);width:64px;height:64px;color:var(--brand-dark);border-radius:20px;place-items:center;margin:0 auto 16px;display:grid}.family-first-run-card h2{max-width:620px;color:var(--ink-strong);margin:8px auto 10px;font-size:clamp(1.8rem,5vw,2.6rem);line-height:1.08}.family-first-run-card>p{max-width:620px;color:var(--muted);margin:0 auto 20px;font-size:17px;line-height:1.65}.family-first-run-languages{text-align:start;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:22px 0;display:grid}.family-first-run-languages>div{border:1px solid var(--line);background:#fff;border-radius:15px;grid-template-columns:52px minmax(0,1fr);min-width:0;display:grid;overflow:hidden}.family-first-run-languages>div.selected{border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand);background:#f3faf8}.family-language-speak,.family-language-select{min-height:52px;color:var(--ink);background:0 0;border:0}.family-language-speak{border-inline-end:1px solid var(--line);color:var(--brand-dark);place-items:center;display:grid}.family-language-select{text-align:start;padding:0 13px;font-size:16px;font-weight:800}.family-first-run-card .family-primary-action{justify-content:center;align-items:center;gap:9px;margin-top:14px;display:flex}.family-first-run-card>.button{width:100%;margin-top:10px}.family-first-run-sample{background:var(--surface-warm);text-align:start;border:1px solid #eadbcb;border-radius:17px;padding:18px 20px;color:var(--ink)!important;font-size:18px!important;line-height:1.7!important}.family-first-run-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:20px 0;display:grid}.family-first-run-summary span{border:1px solid var(--line);min-height:58px;color:var(--ink);text-align:start;border-radius:14px;align-items:center;gap:9px;padding:10px 13px;font-weight:800;display:flex}.family-experience svg,.family-account-workspace svg{display:block}.listen-button{justify-content:center;align-items:center;gap:8px;display:inline-flex}.family-original-note{color:var(--muted);text-align:center;margin:13px 0 0;font-size:14px;line-height:1.55}.family-actions-grid{grid-template-columns:repeat(auto-fit,minmax(112px,1fr))}.family-actions-grid button{min-height:104px}.family-actions-grid button>span{min-height:28px;color:var(--brand-dark);place-items:center;display:grid}.family-actions-grid strong{font-size:15px}.family-actions-grid small{font-size:12px;line-height:1.35}.family-experience[dir=rtl],.family-account-workspace[dir=rtl]{text-align:right}.family-experience[dir=rtl] .message-language-row,.family-account-workspace[dir=rtl] .family-message-meta,.family-account-workspace[dir=rtl] .family-history-item-top{direction:rtl}.family-experience[dir=rtl] .family-action-panel,.family-account-workspace[dir=rtl] .family-account-action-panel{text-align:right}.family-account-action-grid{grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:10px;margin-top:22px;display:grid}.family-account-action-grid button{border:1px solid var(--line);min-height:104px;color:var(--ink);background:#fff;border-radius:17px;align-content:center;place-items:center;gap:4px;padding:12px 8px;display:grid}.family-account-action-grid button:hover,.family-account-action-grid button:focus-visible{background:#f5faf9;border-color:#a9c9c5}.family-account-action-grid button>span{min-height:28px;color:var(--brand-dark);place-items:center;display:grid}.family-account-action-grid strong,.family-account-action-grid small{display:block}.family-account-action-grid strong{font-size:15px}.family-account-action-grid small{color:var(--muted);font-size:12px;line-height:1.35}.family-account-action-panel{border:1px solid var(--line);background:#f8fbfb;border-radius:16px;margin-top:14px;padding:18px}.family-account-action-panel h3{color:var(--ink-strong);margin:0 0 7px;font-size:18px}.family-account-action-panel p{color:var(--muted);margin:6px 0 13px;line-height:1.55}.family-account-action-panel textarea{width:100%;min-height:116px;color:var(--ink);font:inherit;resize:vertical;background:#fff;border:1px solid #bbcbd2;border-radius:13px;padding:12px 13px;font-size:16px;line-height:1.55}.language-confirmation{color:#385a59;background:#f2f9f7;border:1px solid #c8dad7;border-radius:13px;align-items:flex-start;gap:10px;min-height:52px;margin-top:12px;padding:12px 13px;font-size:14px;font-weight:700;line-height:1.45;display:flex}.language-confirmation input{flex:none;width:20px;height:20px;margin-top:1px}@media (max-width:720px){.family-first-run{width:min(100% - 20px,760px);margin-top:16px}.family-first-run-card{padding:22px 16px}.family-first-run-languages,.family-first-run-summary{grid-template-columns:1fr}.family-actions-grid,.family-account-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:390px){.family-actions-grid,.family-account-action-grid{grid-template-columns:1fr}.family-actions-grid button,.family-account-action-grid button{text-align:start;grid-template-columns:32px minmax(0,1fr);justify-items:start;min-height:72px}.family-actions-grid button>span,.family-account-action-grid button>span{grid-row:1/span 2}}@media (prefers-contrast:more){.family-first-run-card,.family-first-run-languages>div,.family-actions-grid button,.family-account-action-grid button,.family-account-action-panel,.language-confirmation{border-width:2px;border-color:#526878}}@media (forced-colors:active){.family-first-run-card,.family-first-run-languages>div,.family-actions-grid button,.family-account-action-grid button,.family-account-action-panel,.language-confirmation{border:2px solid canvastext}.family-first-run-progress span.active{color:highlighttext;background:highlight}}