/* Yoi's friendship and plans surfaces. Uses the same light/dark palette as chat. */
.sd-page,.sp-page{max-width:1000px;margin:0 auto 35px}.sd-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin:12px 0 24px}.sd-heading h1,.sp-form-page h1,.sp-detail h1{font-size:clamp(32px,4.5vw,46px);letter-spacing:-1.3px;line-height:1.15;margin:8px 0 12px}.sd-heading p,.sp-form-page>p{color:var(--muted);font-size:17px;line-height:1.6}.sd-heading .xp-kicker{font-size:12px}.sd-capacity{display:flex;align-items:center;gap:18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0;margin-bottom:26px;color:var(--muted);font-size:14px;line-height:1.5}.sd-capacity .ci-slots{display:flex;align-items:center;gap:8px;flex:none;border:0;background:var(--soft);text-align:left;padding:10px 14px}.sd-capacity .ci-slots b{margin:0;font-size:20px}.sd-optin{display:flex;gap:22px;align-items:center;background:var(--surface,var(--white));border:1px solid var(--line);border-radius:24px;padding:26px;margin:24px 0}.sd-optin-art>.yoi-avi{width:125px;height:138px}.sd-optin h2{font-size:27px;letter-spacing:-.6px;margin-bottom:10px}.sd-optin p{font-size:16px;line-height:1.65;color:var(--muted);margin-bottom:17px}.sd-optin .xp-cta{font-size:16px;min-height:48px;white-space:normal}.sd-caption{font-size:13px!important;line-height:1.7;color:var(--muted);margin:20px 0 10px}.sd-optin .sd-caption{margin:12px 0 0}.sd-filterbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:24px 0}.sd-segments{display:flex;gap:5px;background:var(--surface,var(--white));padding:5px;border:1px solid var(--line);border-radius:14px;overflow-x:auto;max-width:100%;scrollbar-width:none}.sd-segments button{font-size:14px;padding:10px 14px;min-height:44px;white-space:nowrap;border-radius:10px;color:var(--muted)}.sd-segments button[aria-pressed=true]{background:var(--soft);color:var(--ink);font-weight:750}.sd-zone{display:flex;gap:7px;align-items:center}.sd-zone svg{width:17px;height:17px}.sd-zone select{font-size:14px;min-height:44px;max-width:220px;background:var(--surface,var(--white));color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:8px 12px}.sd-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.sd-person{border:1px solid var(--line);border-radius:27px;overflow:hidden;background:var(--surface,var(--white));min-width:0}.sd-person-art{height:285px;padding:20px;position:relative;display:flex;justify-content:center;align-items:center;background:var(--soft)}.sd-person-art>.yoi-avi{width:236px;height:260px;max-width:100%}.sd-save{width:44px;height:44px;display:grid;place-items:center;background:var(--surface,var(--white));color:var(--ink);border:1px solid var(--line);border-radius:50%;flex:none}.sd-save svg{width:19px;height:19px}.sd-person-art>.sd-save{position:absolute;right:15px;top:15px}.sd-save.chosen{background:#b8d8bf;color:#223f35;border-color:#8cba9b}.sd-person-state{position:absolute;bottom:15px;left:16px;right:16px;width:max-content;max-width:calc(100% - 32px);background:var(--surface,var(--white));padding:7px 11px;border-radius:30px;display:flex;gap:7px;align-items:center;font-size:12px;line-height:1.4;border:1px solid var(--line)}.sd-person-copy{padding:22px}.sd-person-name{display:flex;align-items:center;justify-content:space-between;gap:8px}.sd-person-name h2{font-size:28px;letter-spacing:-.7px;overflow-wrap:anywhere}.sd-affinity{display:inline-flex;gap:5px;align-items:center;font-size:12px;color:var(--muted);white-space:nowrap}.sd-affinity svg{width:15px;height:15px}.sd-city{display:flex;align-items:center;gap:5px;font-size:14px;color:var(--muted);margin:8px 0 14px}.sd-city svg{width:15px;height:15px}.sd-bio{font-size:16px;line-height:1.65;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:52px}.sd-tags{display:flex;gap:7px;flex-wrap:wrap;margin:17px 0}.sd-tags>span{font-size:12px;border:1px solid var(--line);border-radius:20px;padding:6px 10px;line-height:1.5;background:var(--soft)}.sd-card-actions{display:flex;gap:10px;align-items:center;margin-top:22px}.sd-card-actions>.secondary{flex:1;min-height:47px;font-size:15px;text-align:center;justify-content:center;white-space:normal}.sd-later{display:flex;gap:5px;align-items:center;color:var(--muted);font-size:14px;min-height:44px}.sd-later svg{width:15px}.sd-online{margin-top:25px}.sd-rail{display:flex;gap:15px;overflow-x:auto;scrollbar-width:none;padding:5px 0 12px}.sd-rail>button,.sp-participants>div{flex:0 0 90px;display:flex;align-items:center;flex-direction:column;gap:7px;text-align:center;padding:0}.sd-rail .yoi-avi{width:83px;height:91px}.sd-rail b{font-size:14px;max-width:100%;overflow-wrap:anywhere}.sd-rail small{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--muted)}.sd-empty{padding:40px 24px;margin:20px 0;text-align:center;border:1px dashed var(--line);border-radius:24px;background:var(--surface,var(--white))}.sd-empty>svg{width:36px;height:36px;color:#a78ab9;margin-bottom:15px}.sd-empty h2{font-size:27px;letter-spacing:-.7px;margin-bottom:12px}.sd-empty p{color:var(--muted);font-size:16px;line-height:1.7;max-width:520px;margin:0 auto 22px}.sd-empty button{font-size:15px;min-height:46px}.sd-empty-actions{display:flex;gap:14px;justify-content:center}.sd-more{margin-top:22px;min-height:48px}.sd-lab-link{display:flex;gap:8px;align-items:center;margin:30px auto 15px;font-size:14px;min-height:44px;color:var(--muted)}.sd-lab-link svg{width:18px;height:18px}.sd-quiet{font-size:14px;color:var(--muted);padding:8px 0;line-height:1.6}.sd-inbox .ci-section-heading .text-button{font-size:13px;min-height:40px;display:flex;align-items:center;gap:6px}.sd-inbox .ci-section-heading .text-button svg{width:15px;height:15px}.sd-inbox .ci-title{margin-bottom:20px}.sd-inbox .xp-kicker{font-size:10px;margin-bottom:10px}.sd-consent{display:flex!important;align-items:flex-start;gap:12px;padding:16px;border:1px solid var(--line);border-radius:14px;font-size:16px;line-height:1.65}.sd-consent input{flex:0 0 21px;width:21px!important;min-width:21px;height:21px;margin-top:3px;accent-color:#a081b5}.sd-inline-error,.sp-error{border:1px solid #ad736c;background:#ad736c20;border-radius:16px;padding:16px;font-size:15px;line-height:1.6;margin:16px 0}.sd-inline-error button{margin-left:10px;text-decoration:underline}.sp-top-actions{display:flex;gap:12px;margin:20px 0 24px;flex-wrap:wrap}.sp-top-actions .xp-cta,.sp-top-actions .secondary{font-size:15px;min-height:48px}.sp-categories{display:flex;gap:8px;overflow-x:auto;padding:4px 0 14px;margin:20px 0;scrollbar-width:none}.sp-categories button{font-size:13px;white-space:nowrap;min-height:42px;padding:9px 14px;border:1px solid var(--line);border-radius:30px;background:var(--surface,var(--white))}.sp-categories button[aria-pressed=true]{background:var(--ink);color:var(--bg)}.sp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.sp-card{background:var(--surface,var(--white));border:1px solid var(--line);border-radius:24px;overflow:hidden}.sp-art{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;width:100%;height:175px;background:#d8c5e8;color:#453454}.sp-art>svg{width:62px;height:62px;stroke-width:1.2}.sp-art>span{font-size:13px;font-weight:650}.sp-art>b{position:absolute;right:12px;top:12px;background:#fff9efcc;color:#3e3746;font-size:11px;border-radius:20px;padding:6px 10px}.sp-0{background:#e7c8a7;color:#67492c}.sp-1{background:#b8d2bd;color:#2c5740}.sp-2{background:#c8b8dd;color:#503d68}.sp-3{background:#b9cedf;color:#315373}.sp-4{background:#dcce9d;color:#6c5a29}.sp-5{background:#d8bfcf;color:#664d5c}.sp-card-copy{padding:21px}.sp-card-copy>time{font-size:13px;font-weight:650;color:var(--muted)}.sp-card h2{font-size:24px;line-height:1.25;letter-spacing:-.5px;margin:10px 0}.sp-card h2 button{text-align:left;font:inherit}.sp-card-copy>p{font-size:14px;color:var(--muted);line-height:1.65;display:flex;gap:6px;align-items:center}.sp-card-copy>p>svg{width:15px;height:15px;flex:none}.sp-card-copy p.sp-desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:13px 0 20px;font-size:15px}.sp-card-footer{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:14px}.sp-card-footer .yoi-avi{width:43px;height:47px}.sp-card-footer>span:not(.yoi-avi){flex:1}.sp-card-footer b{display:block;font-size:13px}.sp-card-footer small{display:block;font-size:12px;color:var(--muted);margin-top:5px}.sp-card-footer .sd-save{position:static}.sp-back{display:block;font-size:15px;min-height:44px;color:var(--muted);margin-bottom:16px}.sp-detail{max-width:760px}.sp-detail-art{height:210px;border-radius:26px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px}.sp-detail-art svg{width:90px;height:90px;stroke-width:1.1}.sp-detail-art>span{font-size:15px;font-weight:650}.sp-detail-copy{padding:28px 6px}.sp-description{font-size:17px;line-height:1.8;margin:18px 0 26px;white-space:pre-wrap}.sp-facts{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0;margin:0 0 24px}.sp-facts dt{font-size:13px;color:var(--muted);display:flex;align-items:center;gap:8px;margin-bottom:9px}.sp-facts dt svg{width:17px;height:17px}.sp-facts dd{margin:0;font-size:16px;line-height:1.5}.sp-facts small{display:block;font-size:12px;color:var(--muted);margin-top:4px}.sp-host{display:flex;gap:16px;align-items:center;margin-bottom:28px}.sp-host .yoi-avi{width:65px;height:72px}.sp-host b{font-size:16px}.sp-host p{color:var(--muted);line-height:1.65;font-size:14px;margin-top:6px}.sp-detail h2{font-size:23px;margin-bottom:15px}.sp-detail-actions{display:grid;gap:12px;margin-top:25px}.sp-detail-actions button{min-height:48px;justify-content:center;font-size:16px}.sp-detail-actions svg{width:20px;height:20px}.sp-detail-actions .text-button{color:var(--muted)}.sp-form-page{max-width:720px}.sp-form-page form{display:grid;gap:20px;margin-top:25px}.sp-form-page form label{display:grid;gap:9px;font-size:16px;font-weight:650;line-height:1.5}.sp-form-page input,.sp-form-page select,.sp-form-page textarea{width:100%;min-width:0;font:400 16px/1.5 inherit;background:var(--surface,var(--white));color:var(--ink);padding:13px;border:1px solid var(--line);border-radius:12px;min-height:48px;font-family:inherit;font-size:16px;box-sizing:border-box}.sp-form-page form .sd-caption{margin:0}.sp-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.sp-form-page form .sd-consent{font-weight:400}.sp-group-icon{display:grid;place-items:center;flex:none;width:53px;height:53px;border:1px solid var(--line);background:var(--soft);border-radius:17px}.sp-group-icon>svg{width:27px;height:27px;stroke-width:1.5}.sp-group-row .ci-row-top b{font-size:16px}.sp-conversation .sp-group-icon{width:44px;height:44px;border-radius:13px}.sp-conversation .ci-chat-header h1{font-size:17px;line-height:1.4}.sp-sender{display:block;margin:0 5px 5px;font-size:12px;color:var(--muted)}.sp-conversation>.sp-error{margin:0;border-radius:0;flex-shrink:0}.sp-conversation .ci-timeline .tw-event>div{white-space:pre-wrap}
@media(max-width:800px){.sd-page,.sp-page{margin-bottom:20px}.sd-heading{margin-top:6px;margin-bottom:20px}.sd-heading h1,.sp-detail h1,.sp-form-page h1{font-size:34px}.sd-heading p{font-size:16px}.sd-grid,.sp-grid{grid-template-columns:1fr;gap:20px}.sd-person-art{height:260px}.sd-person-art>.yoi-avi{width:222px;height:244px}.sd-person-copy{padding:20px}.sd-person-name h2{font-size:28px}.sd-filterbar{gap:10px;margin-bottom:20px}.sd-segments{width:100%}.sd-segments button{flex:1;font-size:13px;padding:9px 10px}.sd-zone{margin-left:auto}.sd-optin{padding:21px;gap:15px;align-items:flex-start}.sd-optin-art{display:none}.sd-optin h2{font-size:26px}.sd-optin p{font-size:16px}.sd-capacity{font-size:12px;gap:12px}.sd-capacity .ci-slots{padding:8px 10px;font-size:11px}.sd-inbox .ci-title{align-items:flex-start;gap:10px}.sd-inbox .ci-title h1{font-size:34px}.sd-inbox .ci-title p{font-size:14px;line-height:1.6}.sd-inbox .ci-slots{font-size:10px;padding:8px;min-width:80px}.sd-inbox .ci-title .xp-kicker{max-width:210px;font-size:9px;line-height:1.6}.sp-fields{grid-template-columns:1fr}.sp-facts{grid-template-columns:1fr;gap:22px}.sp-detail-art{height:180px}.sp-detail-copy{padding:24px 0}.sp-top-actions{gap:9px}.sp-top-actions .xp-cta{flex:1;padding:13px 16px}.sp-top-actions .secondary{padding:13px}.sp-description{font-size:16px}.sp-card h2{font-size:25px}.sd-empty{padding:30px 20px}.sd-empty h2{font-size:26px}.hc-tabs button{font-size:13px}.sd-caption{font-size:12px!important}input,select,textarea{font-size:16px}.sp-page .hc-tabs{margin-bottom:24px}}
@media(prefers-reduced-motion:reduce){.sd-page *,.sp-page *{scroll-behavior:auto!important;animation:none!important}}

.sd-online .sd-rail{gap:10px}.sd-online .sd-rail>button{display:grid;grid-template-columns:44px auto;grid-template-rows:1fr 1fr;column-gap:10px;row-gap:2px;flex:0 0 auto;min-width:140px;border:1px solid var(--line);border-radius:16px;background:var(--surface,var(--white));padding:9px 12px;text-align:left}.sd-online .sd-rail .yoi-avi{grid-row:1/3;width:44px;height:48px}.sd-online .sd-rail b{font-size:14px;align-self:end;white-space:nowrap}.sd-online .sd-rail small{align-self:start}.sd-capacity{border:0;margin:5px 0 18px;padding:0;min-height:44px}.sd-online{margin-top:18px}.sd-online .ci-section-heading{margin-bottom:7px}.sd-online .ci-section-heading h2{font-size:16px}.sd-online .ci-section-heading>span{font-size:11px}.sd-page>.sd-heading{margin-bottom:16px}.sd-filterbar{margin-top:15px;margin-bottom:18px}