/* Connection, community and booking surfaces share the feed's coral and plum palette. */
.puton-modal,.create-community-modal{border:1px solid #f4cfe2;background:radial-gradient(circle at 95% 0,#f4d8f2 0,transparent 45%),linear-gradient(145deg,#fff,#fff6fa);box-shadow:0 30px 85px #2d123f42;padding:28px;border-radius:24px}
.modal-kicker,.eyebrow{display:block;font-size:10px;font-weight:900;letter-spacing:.14em;color:#b53683;margin:3px 0 15px}
.puton-person{padding:4px 3px 4px;gap:14px}.puton-person .large-avatar{width:72px;height:72px;border:3px solid #fff;box-shadow:0 0 0 2px #e94784,0 8px 18px #ba3c752b}.puton-person h2{color:#3c173e;line-height:1.04;letter-spacing:-.04em}.puton-person p{color:#795c78}.puton-intro{font-size:13px;color:#725e72;margin:10px 3px 18px!important}.puton-modal .modal-option{position:relative;gap:14px;min-height:94px;padding:14px;margin:10px 0;border:1px solid #f0d8e7;background:linear-gradient(120deg,#fff,#fff8fc);border-radius:16px;box-shadow:0 5px 14px #6f295c0a;transition:transform .2s,border-color .2s,box-shadow .2s}.puton-modal .modal-option:hover{transform:translateY(-3px);border-color:#e77bb6;box-shadow:0 12px 24px #a12f7620}.puton-modal .modal-option .option-icon{width:48px;height:48px;border-radius:13px;background:linear-gradient(135deg,#ffe0eb,#f4dafa);color:#b52d79}.option-icon .ui-icon{width:23px;height:23px}.puton-modal .modal-option b{font-size:15px;color:#421842}.puton-modal .modal-option small{color:#775f72;line-height:1.4}.puton-modal .modal-option strong{color:#d63f7d;font-size:19px}.puton-modal .modal-close,.create-community-modal .modal-close{color:#5c2b57;background:#fff;border-radius:50%;width:31px;height:31px;display:grid;place-items:center;right:17px;top:17px;font-size:21px}
.booking,.checkout-page,.payment-result{max-width:730px;padding:30px;border:1px solid #f3d9e5;border-radius:23px;background:radial-gradient(circle at 100% 0,#f6d9f2 0,transparent 42%),#fff;box-shadow:0 15px 35px #7e315c15}.booking .back,.checkout-page .back{display:inline-block;margin-bottom:22px}.booking-intro{display:flex;align-items:center;gap:24px;margin:2px 0 26px}.booking-avatar-wrap{flex:none;background:linear-gradient(140deg,#ff7098,#b759ad);padding:4px;border-radius:22px;transform:rotate(-4deg);box-shadow:0 13px 25px #b33d7e2b}.booking-avatar-wrap .large-avatar{width:112px;height:124px;object-fit:cover;border-radius:18px;display:block;border:3px solid white}.booking-intro h1,.checkout-page h1{color:#3c173e;font-size:31px;line-height:1.1;letter-spacing:-.045em;margin:0 0 10px}.booking-intro p,.checkout-page>p{font-size:14px;color:#6d6070;line-height:1.5;margin:0}.booking-person-strip{display:flex;justify-content:space-between;align-items:center;gap:8px;background:linear-gradient(100deg,#fff0f5,#f8eaf8);border:1px solid #f3dce9;padding:15px 17px;border-radius:13px}.booking-person-strip b,.booking-person-strip small{display:block}.booking-person-strip b{font-size:14px;color:#451d45}.booking-person-strip small{font-size:11px;color:#746276;margin-top:3px}.booking-person-strip>span{color:#bb3377;font-weight:900;font-size:13px;white-space:nowrap}.booking-section{margin-top:25px}.booking-section h2,.checkout-page h2{font-size:16px;color:#411940;margin:0 0 11px}.duration-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.duration-grid button,.booking .date-grid button,.booking .time-grid button{min-height:44px;border:1px solid #efdde7;background:#fff;border-radius:11px;color:#5a3a5b;font-weight:800;transition:background .2s,box-shadow .2s,transform .2s}.duration-grid button:hover,.booking .date-grid button:hover,.booking .time-grid button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #a83d7830}.duration-grid button small{display:block;font-size:11px;color:#9c6e8b;margin-top:2px}.duration-grid button.selected,.booking .date-grid button.selected,.booking .time-grid button.selected{border-color:#df5b93;background:linear-gradient(130deg,#ff456f,#bc418b);color:#fff;box-shadow:0 7px 17px #c63e7e30}.duration-grid button.selected small{color:#fff}.booking-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:28px;border-top:1px solid #f2e5ed;padding-top:20px}.booking-bottom b,.booking-bottom small{display:block}.booking-bottom b{font-size:13px;color:#431943}.booking-bottom small{font-size:11px;color:#7f6d7d;margin-top:3px}.booking-bottom .primary,.provider-grid button{background:linear-gradient(120deg,#ff456d,#d63d78 62%,#a9479e);color:#fff;border:0;border-radius:11px;box-shadow:0 8px 18px #c63b7a35;font-weight:900}.booking-bottom .primary{padding:12px 18px;white-space:nowrap}
.checkout-page{margin:auto}.checkout-page .eyebrow{margin:0 0 9px}.checkout-page>p{margin-bottom:20px}.checkout-summary{display:flex;align-items:center;gap:13px;background:linear-gradient(100deg,#fff0f5,#f8ecf9);border:1px solid #efd8e8;border-radius:14px;padding:15px;margin:20px 0}.checkout-summary .large-avatar{width:55px;height:55px;border-radius:50%;object-fit:cover}.checkout-summary>div{flex:1}.checkout-summary b,.checkout-summary small{display:block}.checkout-summary b{font-size:13px;color:#421b43}.checkout-summary small{font-size:11px;color:#746476;margin-top:3px}.checkout-summary strong{color:#a63275;font-size:15px;white-space:nowrap}.checkout-email{display:block;font-size:12px;font-weight:800;color:#482246;margin:0 0 22px}.checkout-email input{display:block;width:100%;height:44px;border:1px solid #e9d8e4;border-radius:9px;background:#fff;padding:0 13px;margin-top:8px;font-size:13px;outline-color:#ad438f}.provider-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.provider-grid button{padding:16px;text-align:left;min-height:76px;cursor:pointer}.provider-grid button:hover{filter:brightness(1.07)}.provider-grid button:disabled{opacity:.6;cursor:wait}.provider-grid b,.provider-grid small{display:block}.provider-grid b{font-size:15px}.provider-grid small{font-size:11px;font-weight:500;margin-top:4px}.checkout-note{font-size:11px!important;color:#806d7d!important;margin:17px 0 0!important}.payment-result{text-align:center;margin:auto}.result-symbol{display:grid;place-items:center;width:60px;height:60px;margin:0 auto 16px;background:linear-gradient(135deg,#ff6586,#b149a0);color:white;font-size:30px;border-radius:50%}.payment-result h1{font-size:29px;color:#421b43}.payment-result p{color:#6e6170;line-height:1.5}.payment-result small{display:block;color:#8b7a89;margin:13px}.payment-result .primary{display:inline-block;margin-top:14px;padding:10px 20px;border-radius:10px}
.create-community-modal{width:min(440px,calc(100vw - 28px));max-width:440px}.create-community-modal h2{font-size:27px;color:#421b43;letter-spacing:-.04em;margin:0 0 7px}.create-community-modal>p{font-size:13px;line-height:1.45;margin:0 0 20px}.create-community-modal label{display:block;font-size:12px;font-weight:900;color:#532a50;margin:15px 0 7px}.create-community-modal input,.create-community-modal textarea{display:block;width:100%;border:1px solid #edd7e5;background:#fff;border-radius:10px;padding:12px;font:inherit;font-size:13px;color:#381f38;outline-color:#aa4a9a}.create-community-modal textarea{resize:vertical;min-height:90px}.modal-form-footer{margin-top:21px}.modal-form-footer .primary{background:linear-gradient(120deg,#ff456d,#d63d78 62%,#a9479e);border-radius:11px;box-shadow:0 8px 18px #c63b7a30}
.pmo-community-card.mint,.pmo-community-card.pink{border-color:#f4b7d2;background:linear-gradient(110deg,#fff1f6,#fff,#f8edfa)}.pmo-community-card.mint .pmo-rank,.pmo-community-card.pink .pmo-rank{color:#ba317e}.pmo-community-card.mint .pmo-community-avatar,.pmo-community-card.pink .pmo-community-avatar{border-color:#e95892}.pmo-community-card.mint .pmo-tags span,.pmo-community-card.pink .pmo-tags span{border-color:#f5d6e5;color:#a63976;background:#fff8fb}.pmo-community-card .pmo-enter{background:linear-gradient(120deg,#ff456d,#d63d78 62%,#a9479e);color:#fff;box-shadow:0 5px 13px #b83a7830}.pmo-community-card .pmo-enter:hover{filter:brightness(1.08)}
.pmo-community-card.mint .pmo-enter,.pmo-community-card.pink .pmo-enter{background:linear-gradient(120deg,#ff456d,#d63d78 62%,#a9479e);color:#fff;border-color:transparent}.pmo-community-card.mint .pmo-tags span,.pmo-community-card.pink .pmo-tags span{color:#a63976!important;border-color:#f5d6e5!important;background:#fff8fb!important}
.community-live-banner{background:linear-gradient(110deg,#441b46,#6b245d 65%,#b33778);box-shadow:0 10px 24px #6b285532}.community-live-banner:hover{background:linear-gradient(110deg,#592353,#8b2b6c 65%,#c83b7e)}.community-summary{border-color:#f4d3e4}.community-summary .primary{background:linear-gradient(120deg,#ff456d,#c94284);box-shadow:0 5px 13px #be3a7730}.community-tabs button.active{color:#ae317b;border-color:#ae317b}.community-cover{box-shadow:0 12px 27px #73365822}.community-cover .cover-shade{background:linear-gradient(90deg,#301130d9,#6c245e42 86%)}
.creator-profile-card{border-color:#eed7e7;box-shadow:0 8px 24px #682c5c12}.creator-profile-card:hover{box-shadow:0 16px 35px #802d6b22;transform:translateY(-3px)}.creator-profile-meta span{background:linear-gradient(100deg,#fff0f5,#f7e9f9);color:#a22e78}.creator-profile-actions .primary{background:linear-gradient(120deg,#ff456d,#c64186)}.creator-profile-actions .outline{color:#a63279;border-color:#eab8d3}.creator-hero{background:linear-gradient(110deg,#39183f,#6d285e 65%,#ad3a7d)}
@media(max-width:700px){.puton-modal,.create-community-modal{padding:22px}.puton-person h2{font-size:24px}.booking,.checkout-page{padding:18px;border-radius:17px}.booking-intro{gap:14px}.booking-avatar-wrap .large-avatar{width:76px;height:96px}.booking-intro h1,.checkout-page h1{font-size:25px}.booking-intro p{font-size:12px}.booking .date-grid{gap:5px}.booking .date-grid button{font-size:11px;padding:7px 1px}.booking-bottom .primary{font-size:12px;padding:10px}.provider-grid button{padding:12px}.checkout-summary{flex-wrap:wrap}.checkout-summary strong{margin-left:auto}}
@media(max-width:380px){.booking-intro{align-items:flex-start}.booking-person-strip>span{font-size:11px}.booking-bottom{align-items:flex-start;flex-direction:column}.booking-bottom .primary{width:100%}}