.friends-dialog{--leaf:#315b44;--bloom:#f7edd9;width:min(520px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 24px);overflow:auto;padding:24px;color:#244135;background:#fffcf2;border:1px solid #b7c8a7;border-radius:28px;text-align:left;box-shadow:0 24px 100px #193d3940;scrollbar-gutter:stable}
.friends-dialog::backdrop{background:#193d3980;backdrop-filter:blur(4px)}
.friends-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.friends-heading .eyebrow{font-size:10px;letter-spacing:1.5px;margin:0 0 10px}.friends-heading h2{font-family:Georgia,serif;font-size:34px;line-height:1.05;letter-spacing:-1px;margin:0}.friends-pets{display:flex;align-items:end;min-width:112px}.friends-pets img{object-fit:contain;width:70px;height:70px;filter:drop-shadow(0 5px 0 #ddd9b633)}.friends-pets img+img{margin-left:-25px;transform:translateY(12px) rotate(7deg)}
.friends-intro{font-size:13px;margin:15px 0 8px;color:#536849}.friends-status{font-size:13px;line-height:1.5;color:#704628;margin:10px 0}.friends-status:empty{display:none}.friends-body{display:grid;gap:17px}.friends-body h3{font-size:15px;margin:0 0 9px;font-weight:750;letter-spacing:0}.friends-dialog button,.friends-dialog a{min-height:44px;touch-action:manipulation}.friends-dialog button{font-size:13px;letter-spacing:0;line-height:1.25;white-space:normal}.friends-dialog button:focus-visible,.friends-dialog a:focus-visible,.friends-dialog input:focus-visible{outline:3px solid #185eaa;outline-offset:3px}
.friends-me{padding:16px;background:#e9efdc;border:1px solid #d3dfbf;border-radius:18px}.friends-me>.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:1.4px;margin:0 0 2px;color:#5d714f}.friends-name-row{display:flex;align-items:center;gap:10px;justify-content:space-between}.friends-name-row strong{font-size:21px;line-height:1.25;overflow-wrap:anywhere}.friends-name-row button{padding:7px 12px;background:#fffdf0;border:1px solid #bacba6}.friends-off{display:flex;align-items:center;gap:8px;min-height:44px;margin-top:5px;font-size:13px}.friends-off input{width:18px;height:18px;accent-color:#315b44}
.friends-request{padding:11px 12px;border-radius:14px;background:#f8efd9;display:flex;align-items:center;justify-content:space-between;gap:10px}.friends-request+.friends-request{margin-top:8px}.friends-request strong,.friends-request small{display:block}.friends-request strong{font-size:14px;overflow-wrap:anywhere}.friends-request small{font-size:11px;color:#655f46;margin-top:4px}.friends-actions{display:flex;gap:6px}.friends-actions button{padding:8px 12px}.friends-dialog .primary{background:#315b44;color:#fffdf1;box-shadow:none;border:1px solid #315b44}.friends-dialog .quiet{background:#f5f2e6;color:#315b44;border:1px solid #d4dbc5}
.friends-person{display:flex;width:100%;align-items:center;text-align:left;background:transparent;border:0;border-bottom:1px solid #e1e5d5;border-radius:0;padding:12px 2px;gap:12px;min-height:65px!important;color:#244135}.friends-presence{height:36px;width:36px;flex:0 0 36px;display:grid;place-items:center;border-radius:50%;background:#edf0e2;color:#89927a;font-size:20px}.friends-presence.online{color:#447a4c;background:#e4efd9}.friends-person-copy{flex:1;min-width:0}.friends-person-copy strong{display:block;font-size:15px;overflow-wrap:anywhere}.friends-person-copy small{display:block;font-size:12px;font-weight:400;color:#5a6f59;margin-top:5px;line-height:1.4;overflow-wrap:anywhere}.friends-chevron{font-size:22px;color:#87947a}.friends-empty{font-size:14px;line-height:1.5;color:#63705a;margin:0}
.friends-add>label,.friends-name-form>label{display:block;font-size:13px;font-weight:700;margin-bottom:7px}.friends-input-row{display:flex;gap:8px}.friends-input-row input{min-width:0;flex:1;font:inherit;font-size:16px;color:#244135;background:#fff;border:1px solid #b0bea1;border-radius:11px;padding:11px;width:100%}.friends-input-row button{padding:10px 16px}.friends-name-form{margin-top:14px}.friends-name-form p{font-size:12px;line-height:1.4}.friends-invite{padding:13px}.friends-extra{display:grid;justify-items:start;gap:0}.friends-extra>button{background:none;border:0;color:#52674b;text-align:left;padding:7px 0;font-size:12px;text-decoration:underline;text-underline-offset:3px}.friends-extra a{display:flex;align-items:center;font-size:12px;color:#315b44}.friends-disclosure{font-size:12px;line-height:1.5;margin:9px 0 0;color:#65715d}.friends-code{padding:12px;background:#e9efdc;border-radius:12px;word-break:break-word;font-weight:700}.friends-footer{display:flex;align-items:center;gap:12px;justify-content:space-between;margin-top:18px;padding-top:15px;border-top:1px solid #dde3d1}.friends-footer span{font-size:11px;color:#728067}.friends-close{background:#f3efdf;color:#315b44;border:1px solid #d0dac0;padding:10px 15px}.friends-invitation{border:1px dashed #b5c49b;border-radius:14px;padding:13px}.friends-invitation p{font-size:13px;line-height:1.4;overflow-wrap:anywhere}.friends-trigger{border:1px solid #bacba6;background:#e9efdc;color:#315b44;min-height:44px}
@media(max-width:390px){.friends-dialog{padding:18px 16px;border-radius:22px}.friends-heading h2{font-size:30px}.friends-pets{min-width:92px}.friends-pets img{width:59px;height:59px}.friends-heading .eyebrow{font-size:9px}.friends-request{align-items:flex-start;flex-wrap:wrap}.friends-request>div:first-child{flex:1 1 110px}.friends-name-row strong{font-size:18px}.friends-footer{align-items:flex-start;flex-direction:column}.friends-close{width:100%}}

.friends-add,.friends-name-form{display:block}.friends-dialog .friends-extra>button{background:none;border:0;border-radius:0;box-shadow:none}.friends-dialog .friends-dismiss{position:absolute;right:8px;top:8px;width:44px;height:44px;min-height:44px;padding:0;background:transparent;color:#52674b;border:0;border-radius:50%;box-shadow:none;font:28px/1 Georgia,serif}.friends-dialog #friends-title:focus{outline:none}

.friends-input-row input{width:0;flex:1 1 0}.friends-input-row button{flex:0 0 auto;width:auto;min-width:64px}