.onboarding-panel{max-width:32rem;margin:clamp(1rem,5vh,3rem) auto;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:clamp(16px,4vw,28px)}
.onboarding-panel [hidden]{display:none!important}
.terms-content p{margin:0 0 12px;white-space:pre-wrap}.terms-content p:last-child{margin-bottom:0}
.onboarding-panel.wide{max-width:44rem}.onboarding-heading{margin-bottom:20px}.eyebrow{margin:0 0 4px;font-size:12px;font-weight:650;letter-spacing:.07em;color:var(--muted)}.onboarding-title{display:flex;justify-content:space-between;align-items:center;gap:12px}.language-switch{display:flex;gap:4px;flex:none}.language-switch a{display:grid;place-items:center;min-width:40px;min-height:40px;border-radius:8px;text-decoration:none;font-size:12px}.language-switch a[aria-current=page]{background:var(--soft);font-weight:750}.onboarding-panel .account-form{margin-top:16px}.onboarding-panel input:not([type=checkbox]):not([type=hidden]),.onboarding-panel select{min-width:0;width:100%;min-height:46px;font:inherit;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:inherit}.onboarding-panel button:disabled{cursor:wait;opacity:.65}.onboarding-panel button.secondary{background:var(--surface);border-color:var(--line);color:var(--accent)}
.button-link{display:block;min-height:44px;padding:10px 12px;background:var(--accent);color:var(--surface);border-radius:10px;text-decoration:none;font-weight:650}.account-form [data-family-details]{display:grid;gap:12px}.account-form [data-family-details][hidden],.account-form [data-family-review][hidden],.family-success[hidden]{display:none}
.signin-story{display:grid;gap:18px;margin-top:26px;padding-top:22px;border-top:1px solid var(--line)}.signin-story>div{display:flex;align-items:flex-start;gap:12px}.signin-story svg{width:32px;height:32px;flex:none;fill:none;stroke:var(--accent);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.signin-story p{margin:0;display:grid;gap:3px;font-size:13px;color:var(--muted)}.signin-story strong{font-size:14px;color:inherit}.onboarding-help{margin-top:18px;font-size:13px}.onboarding-help summary{cursor:pointer;color:var(--accent);min-height:32px}.onboarding-help p{margin:5px 0 0;color:var(--muted)}
.onboarding-steps{display:flex;list-style:none;padding:0;margin:0 0 20px;gap:16px;color:var(--muted);font-size:12px}.onboarding-steps li{margin:0}.onboarding-steps [aria-current=step]{color:var(--accent);font-weight:750}.onboarding-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.onboarding-actions>*{flex:1}.onboarding-note{font-size:13px;color:var(--muted);margin:8px 0}.onboarding-status{margin:10px 0 0;min-height:1.5em;font-size:14px}.onboarding-status:empty{display:none}.onboarding-status[data-error=true]{border-left:3px solid #b54242;padding:8px 10px;background:var(--soft)}
.recovery-field{display:grid;gap:8px}.recovery-field input{font-family:ui-monospace,Consolas,monospace!important;font-size:14px!important}.inline-actions{display:flex;flex-wrap:wrap;gap:8px}.inline-actions button{flex:1}.terms-summary{border-left:3px solid var(--accent);padding-left:14px;margin:18px 0}.terms-summary p{margin:10px 0;font-size:14px}.terms-content{max-height:22rem;overflow:auto;border:1px solid var(--line);border-radius:10px;padding:14px;margin:12px 0;white-space:pre-wrap;font-size:14px}.onboarding-panel .check{align-items:flex-start}.onboarding-panel .check input{flex:none;width:18px;height:18px}.connect-option{border-top:1px solid var(--line);padding:16px 0}.connect-option:last-child{padding-bottom:0}.connect-option summary{cursor:pointer;font-size:16px;font-weight:650;min-height:36px}.device-list{display:grid;gap:0;padding:0;list-style:none}.device-list li{padding:12px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px;margin:0}.device-list .device-description{flex:1;min-width:0;overflow-wrap:anywhere}.device-list small{display:block;color:var(--muted)}.device-list input[type=checkbox]{flex:none}.device-list button{flex:none}.danger-zone{margin-top:22px;border-top:1px solid var(--line);padding-top:18px}.danger-zone summary{color:#ae3548}.summary-list{margin:16px 0;display:grid;grid-template-columns:minmax(0,auto) minmax(0,1fr);gap:8px 16px}.summary-list dt{color:var(--muted)}.summary-list dd{margin:0;overflow-wrap:anywhere}.success-mark{display:grid;place-items:center;margin:0 auto 14px;width:48px;height:48px;border-radius:50%;color:var(--accent);background:var(--soft);font-size:28px}.family-success{text-align:center}.family-success .onboarding-actions{margin-top:22px}
.account-approval{position:fixed;bottom:12px;left:12px;right:12px;z-index:180;margin:auto;max-width:32rem;padding:18px;background:var(--surface);border:2px solid var(--accent);border-radius:16px;box-shadow:0 4px 24px #0003;max-height:80vh;overflow:auto}.account-approval[hidden]{display:none}.account-approval p{overflow-wrap:anywhere}.account-approval h2{font-size:18px}.account-approval .copy-value{font-family:ui-monospace,Consolas,monospace}
@media(max-width:420px){.onboarding-panel{padding:16px;margin-top:12px}.onboarding-title{align-items:flex-start}.onboarding-title h1{font-size:21px}.language-switch a{min-width:32px}.device-list li{flex-wrap:wrap}.device-list .device-description{flex-basis:65%}}@media(min-width:680px){.onboarding-panel.login-wide{max-width:44rem}.login-wide .signin-story{grid-template-columns:repeat(3,minmax(0,1fr))}.login-wide .signin-story>div{display:grid}}