*{box-sizing:border-box}body{margin:0;background:#eee7e3;color:var(--plum);font-family:var(--font-body);font-size:var(--body);line-height:var(--body-leading);-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--rose);outline-offset:5px}button svg,.input-wrap svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.phone{width:100%;max-width:430px;min-height:100svh;background:var(--canvas);margin:auto;position:relative;padding-bottom:max(24px,env(safe-area-inset-bottom));overflow:hidden}.status-bar{height:44px;padding:12px 28px 0;display:flex;align-items:flex-start;justify-content:space-between;font-size:14px;font-weight:650;line-height:20px;color:#221c23}.status-icons{display:flex;align-items:center;gap:6px;margin-top:3px}.status-icons svg{width:16px;height:13px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round}.status-icons circle,.status-icons .battery rect:nth-child(2){fill:currentColor;stroke:none}.status-icons .battery{width:25px;stroke-width:1.2}.brand-header{padding:8px 24px 0}.brand{text-decoration:none;color:var(--plum);display:flex;flex-direction:column;width:max-content}.brand>span{font-family:var(--font-display);font-size:30px;line-height:34px;letter-spacing:-1.2px}.brand-dot{color:var(--rose)}.brand small{font-size:10px;line-height:14px;letter-spacing:.2px;padding-left:2px}main{padding:32px 24px 0}.eyebrow{font-size:11px;line-height:16px;letter-spacing:1.7px;font-weight:650;color:var(--rose);margin:0 0 12px}h1{font-family:var(--font-display);font-size:var(--headline);line-height:var(--headline-leading);letter-spacing:-.55px;font-weight:400;margin:0}.lead{font-size:16px;line-height:24px;color:var(--secondary);margin:16px 0 0}form{margin-top:32px}.avatar-field{border:0;padding:0;margin:0;min-width:0}.avatar-field legend{font-size:var(--label);line-height:var(--label-leading);font-weight:500;padding:0;margin-bottom:16px}.avatar-options{display:flex;justify-content:space-between;gap:12px;padding:0 8px}.avatar-option{appearance:none;border:0;background:none;color:var(--plum);padding:0;width:92px;position:relative;text-align:center;border-radius:50%}.portrait{display:block;width:88px;height:88px;border-radius:50%;padding:4px;border:1.5px solid transparent;transition:border-color .2s,transform .2s}.portrait svg{width:100%;height:100%;display:block;stroke:none}.avatar-option[aria-checked=true] .portrait{border:2px solid var(--rose);background:#fff}.avatar-option:hover .portrait{transform:translateY(-2px)}.selected-mark{position:absolute;right:5px;bottom:2px;width:23px;height:23px;border:3px solid var(--canvas);border-radius:50%;background:var(--rose);color:white;display:none;align-items:center;justify-content:center}.selected-mark svg{width:12px;height:12px;stroke-width:2.3}.avatar-option[aria-checked=true] .selected-mark{display:flex}.name-field{margin-top:32px}label{display:block;font-size:15px;line-height:22px;font-weight:550;margin-bottom:8px}.input-wrap{display:flex;align-items:center;border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface);height:56px;overflow:hidden}.input-wrap:focus-within{border-color:var(--rose);box-shadow:0 0 0 3px #ad536c12}input{background:none;border:0;outline:0;min-width:0;width:100%;height:100%;padding:0 16px;color:var(--plum);font-size:18px}.input-wrap>svg{width:18px;height:18px;margin-right:18px;color:var(--secondary);flex-shrink:0}.helper,.error{font-size:var(--label);line-height:var(--label-leading);margin:8px 0 0;color:var(--secondary)}.error{color:#943648}.closing{margin-top:32px}.companion-note{display:flex;align-items:center;gap:8px;font-size:12px;line-height:18px;color:var(--secondary);margin-bottom:16px}.companion-note svg{width:18px;height:18px;fill:none;stroke:var(--rose);stroke-width:1.4;stroke-linecap:round}.primary{border:0;background:var(--plum);color:white;border-radius:var(--radius-control);min-height:52px;display:flex;align-items:center;justify-content:center;gap:16px;width:100%;font-size:16px;line-height:20px;font-weight:550;padding:16px}.primary:hover{background:#56334e}.primary svg{width:20px;height:20px}.reassurance{text-align:center;font-size:12px;line-height:18px;color:var(--secondary);margin:12px 0 0}.home-indicator{height:5px;width:126px;background:#251f25;border-radius:8px;margin:24px auto 0}dialog{border:1px solid var(--border);background:var(--canvas);color:var(--plum);border-radius:var(--radius-card);padding:28px;width:calc(100% - 48px);max-width:350px}dialog::backdrop{background:#40243c66;backdrop-filter:blur(4px)}dialog h2{font-family:var(--font-display);font-size:32px;line-height:38px;font-weight:400;margin:0 0 16px}dialog p{font-size:14px;line-height:22px}dialog .primary{margin-top:24px}@media(min-width:500px){.phone{margin-top:24px;margin-bottom:24px;min-height:844px;border-radius:32px;box-shadow:0 12px 60px #40243c12}}@media(max-width:360px){main{padding-left:20px;padding-right:20px}h1{font-size:29px;line-height:36px}.avatar-options{padding:0;gap:8px}.avatar-option{width:84px}.portrait{width:82px;height:82px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}