:root{--family-ink:#244d43;--family-cream:#fff9eb;--family-pink:#e5a3ae}
.setup-shell{max-width:1120px;margin:0 auto;padding:28px 24px 18px;color:var(--family-ink);min-height:100dvh;display:flex;flex-direction:column;box-sizing:border-box}
body:has(.setup-shell){background:#f6efdf}
.setup-brand{display:flex;align-items:center;gap:12px;color:var(--family-ink);text-decoration:none;width:max-content;font-weight:900;font-size:22px;letter-spacing:1px}
.setup-brand img{width:56px;height:56px;border-radius:16px;image-rendering:pixelated}.setup-brand b{color:#94633d}.setup-brand small{display:block;font-size:11px;letter-spacing:1.7px;margin-top:3px;font-weight:700;text-transform:uppercase}
.setup-layout{display:grid;grid-template-columns:1.08fr 1fr;gap:30px;align-items:stretch;margin:36px 0 28px}
.setup-scene{position:relative;min-height:500px;overflow:hidden;border-radius:26px;background:#477965;box-shadow:0 7px 0 #244d4322}
.setup-scene>img{width:100%;height:100%;object-fit:cover;position:absolute;image-rendering:pixelated;opacity:.58}
.setup-scene:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#123f2244,transparent 45%,#163b2bd9)}
.setup-scene-caption{position:absolute;z-index:1;bottom:34px;left:34px;right:28px;color:#fff8e3}.setup-scene-caption>span{font-size:11px;letter-spacing:2px;font-weight:800}.setup-scene-caption strong{display:block;font-size:42px;line-height:1.12;margin:16px 0}.setup-scene-caption p{font-size:17px;line-height:1.6}
.setup-card{border:1px solid #dfd3b9;border-bottom-width:5px;background:#fffcf3;border-radius:26px;padding:34px;box-shadow:0 10px 35px #40594209;align-self:center}
.setup-step{font-size:11px;letter-spacing:1.8px;font-weight:900;color:#91633d}.setup-card h1,.profile-picker h1{font-family:Georgia,serif;font-size:40px;line-height:1.15;letter-spacing:-1px;margin:16px 0}
.setup-card p{line-height:1.6;color:#526d61}.setup-card .field{display:grid;gap:8px;margin:24px 0 8px;font-weight:750}.setup-card input{box-sizing:border-box;width:100%;font-size:20px;padding:14px 16px;border:2px solid #d8d4ba;border-radius:13px;background:white;color:#244d43;min-height:54px}.setup-card input:focus{border-color:#367664;outline:3px solid #c4dfbd}.setup-card small{font-size:12px;color:#63746a}.setup-submit{width:100%;display:flex;align-items:center;justify-content:space-between;margin-top:14px;min-height:52px}
.setup-error{color:#9a3037!important;min-height:20px;margin:10px 0!important;font-weight:650;font-size:14px}.setup-divider{display:flex;align-items:center;gap:12px;font-size:10px;font-weight:850;letter-spacing:1px;color:#827764;margin:23px 0 12px}.setup-divider:before,.setup-divider:after{content:"";height:1px;background:#e0d7c7;flex:1}.setup-card .text-btn{display:block;margin:6px auto;font-size:14px}.setup-card .setup-privacy{font-size:12px;border-top:1px solid #e8e1d2;padding-top:18px;margin-top:20px}
.setup-footer{display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#718074;margin-top:auto;padding-top:20px}.setup-footer a{color:#244d43;font-weight:750}
.profile-picker{padding:40px 0;max-width:960px;width:100%;align-self:center}.profile-picker>p{color:#66776b}.profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(195px,1fr));gap:18px;margin:28px 0}.profile-card{display:flex;flex-direction:column;align-items:center;gap:10px;min-height:220px;padding:25px 15px;border:2px solid #dfd7c4;border-bottom-width:5px;border-radius:22px;background:#fffcf3;color:#244d43;cursor:pointer;font:inherit}.profile-card:hover{border-color:#719984;transform:translateY(-2px)}.profile-card strong{font-size:23px;overflow-wrap:anywhere;max-width:100%}.profile-card>span:not(.profile-token),.profile-card small{font-size:12px;color:#69796c}.profile-card em{font-size:11px;font-style:normal;font-weight:800;color:#32704e;background:#e3edd5;border-radius:20px;padding:4px 12px}.profile-token{display:grid;place-items:center;width:66px;height:66px;background:#e6e8bb;border-radius:21px;font-size:31px;font-family:Georgia,serif;font-weight:700}.token-1{background:#f0d2cb}.token-2{background:#d2e4df}.token-3{background:#dfd7eb}.profile-add{border-style:dashed;background:transparent}.profile-add .profile-token{background:#dfdfcd}.link-card{width:min(100%,520px);margin:35px auto;box-sizing:border-box}.pair-code-input{letter-spacing:3px;text-transform:uppercase}.family-options .field{display:grid;gap:8px}.family-options input{max-width:100%;box-sizing:border-box}.family-link-status{padding:12px 14px;background:#ebefd9;border-radius:12px}
@media(max-width:700px){.setup-shell{padding:20px 18px}.setup-layout{display:block;margin:25px 0}.setup-scene{display:none}.setup-card{padding:26px 23px}.setup-card h1,.profile-picker h1{font-size:34px}.setup-brand{font-size:19px}.setup-footer{line-height:1.5}.profile-picker{padding:26px 0}.profile-grid{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px}.profile-card{min-height:198px}.link-card{margin-top:25px}}
@media(prefers-reduced-motion:reduce){.profile-card:hover{transform:none}}

.device-voice-settings{padding:16px 0;border-block:1px solid #e0d7c7;margin:16px 0}.device-voice-settings .field{margin:14px 0}.device-voice-settings select{width:100%;min-width:0;max-width:100%;font:inherit;font-size:15px;padding:12px 10px;border:1px solid #c6c8b9;border-radius:10px;background:#fffdf5;color:#244d43;text-overflow:ellipsis}.device-voice-settings .actions{flex-wrap:wrap}.family-options>section{min-width:0}.family-options h2{overflow-wrap:anywhere}