.profile-page{color:#563f4d;width:min(100%,1520px);min-height:calc(100dvh - 82px);margin:0 auto;padding:52px 48px 40px}.profile-page__hero{border-bottom:1px solid #efd9e4;justify-content:space-between;align-items:center;gap:32px;padding:16px 0 26px;display:flex}.profile-page__identity,.profile-page__actions,.profile-page__counts,.profile-page__wallet,.profile-page__secondary-action,.profile-page__primary-action,.profile-page__setting-row>span:first-child{align-items:center;display:flex}.profile-page__identity{gap:22px;min-width:0}.profile-page__avatar{color:#fff;background:linear-gradient(145deg,#ff97ba,#ff5c91);border-radius:999px;flex:none;justify-content:center;align-items:center;width:92px;height:92px;font-size:34px;font-weight:800;display:inline-flex;box-shadow:0 12px 28px #ff5c9138}.profile-page__eyebrow{color:#ff5c91;letter-spacing:.12em;margin:0 0 4px;font-size:10px;font-weight:800}.profile-page h1{color:#3f2d38;margin:0;font-size:clamp(26px,3vw,34px);font-weight:800;line-height:1.05}.profile-page__account-id{color:#a18492;margin:8px 0 0;font-size:13px}.profile-page__counts{color:#a18492;gap:22px;margin-top:14px;font-size:12px}.profile-page__counts b{color:#513944;margin-right:4px;font-size:14px}.profile-page__actions{flex-wrap:wrap;justify-content:flex-end;gap:10px}.profile-page__wallet,.profile-page__secondary-action,.profile-page__primary-action{border-radius:999px;justify-content:center;gap:7px;min-height:38px;padding:0 16px;font-size:13px;font-weight:750;text-decoration:none}.profile-page__wallet{color:#835768;background:#fffafd;border:1px solid #f0dce5}.profile-page__secondary-action{color:#c5527b;background:#fff7fa;border:1px solid #efcfdd}.profile-page__primary-action{color:#fff;background:#ff5c91;border:0;box-shadow:0 8px 18px #ff5c912e}.profile-page__primary-action:hover{background:#ed4f84}.profile-page__tabs{border-bottom:1px solid #efd9e4;align-items:end;gap:32px;min-height:62px;display:flex}.profile-page__tabs button{color:#8c6d7b;background:0 0;border:0;min-height:48px;font-size:14px;font-weight:750;position:relative}.profile-page__tabs button:after{content:"";background:0 0;height:2px;position:absolute;bottom:-1px;left:0;right:0}.profile-page__tabs button[aria-selected=true]{color:#ff5c91}.profile-page__tabs button[aria-selected=true]:after{background:#ff5c91}.profile-page__tabs span{color:#cc668a;background:#fde5ed;border-radius:999px;justify-content:center;align-items:center;min-width:18px;font-size:10px;line-height:18px;display:inline-flex}.profile-page__surface{background:#fffdfef0;border:1px solid #efd9e4;border-radius:22px;min-height:470px;margin-top:20px;box-shadow:0 14px 34px #8348600f}.profile-page__character-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;padding:20px;display:grid}.profile-page__character-card,.profile-page__create-card{min-height:130px;color:inherit;background:#fffafd;border:1px solid #ecd7e2;border-radius:16px;align-items:center;gap:14px;padding:14px;text-decoration:none;display:flex}.profile-page__character-card:hover{border-color:#f3a7c1}.profile-page__character-avatar{color:#c15b80;background:#fde6ef 50%/cover no-repeat;border-radius:12px;flex:none;justify-content:center;align-items:center;width:72px;height:98px;font-size:24px;font-weight:800;display:flex}.profile-page__character-card h2{color:#503842;margin:0;font-size:15px}.profile-page__character-card p{color:#987987;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:7px 0 0;font-size:12px;line-height:1.45;display:-webkit-box;overflow:hidden}.profile-page__visibility{color:#c15b80;align-self:flex-start;margin-left:auto;font-size:11px;font-weight:700}.profile-page__create-card{color:#cb668a;background:#fffafd;border-style:dashed;border-color:#f59cbd;flex-direction:column;justify-content:center;font-size:13px;font-weight:750}.profile-page__empty-state{color:#a18492;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:420px;padding:24px;display:flex}.profile-page__empty-state svg{color:#ff6a9c}.profile-page__empty-state h2{color:#513944;margin:4px 0 0;font-size:18px}.profile-page__empty-state p{margin:0;font-size:13px}.profile-page__empty-state .profile-page__primary-action{margin-top:8px}.profile-page__account-grid{gap:12px;padding:20px;display:grid}.profile-page__setting-row{color:#684c59;text-align:left;background:#fffafd;border:1px solid #ecd7e2;border-radius:14px;justify-content:space-between;align-items:center;min-height:78px;padding:14px 16px;text-decoration:none;display:flex}.profile-page__setting-row:hover{background:#fff5f9}.profile-page__setting-row>span:first-child{gap:12px}.profile-page__setting-row b,.profile-page__setting-row small{display:block}.profile-page__setting-row b{font-size:14px}.profile-page__setting-row small{color:#a18492;margin-top:4px;font-size:12px}.profile-page__setting-row svg{color:#df638e}.profile-page__logout{cursor:pointer;width:100%}.profile-settings-page{color:#513944;min-height:100dvh;padding:30px 32px 56px}.profile-settings-header{width:min(100%,720px);margin:0 auto 20px}.profile-settings-header>div:first-child{align-items:center;gap:11px;display:flex}.profile-settings-header h1{color:#3f2d38;margin:0;font-size:clamp(24px,3vw,30px);font-weight:800;line-height:1.1}.profile-settings-header>p{color:#9d7b89;margin:8px 0 0 43px;font-size:13px;line-height:1.55}.profile-settings-header--inline{align-items:center;gap:11px;display:flex}.profile-settings-back{color:#d75b89;background:#fffafd;border:1px solid #efd8e2;border-radius:999px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;transition:background .18s,color .18s;display:inline-flex}.profile-settings-back:hover{color:#c94a79;background:#fff0f6}.profile-settings-eyebrow{color:#ff5c91;letter-spacing:.12em;margin:0 0 4px;font-size:10px;font-weight:800}.profile-settings-content{width:min(100%,720px);margin:0 auto}.profile-settings-stack{flex-direction:column;gap:16px;display:flex}.profile-settings-card,.profile-settings-danger-card{background:#fffdfef0;border:1px solid #efd9e4;border-radius:20px;overflow:hidden;box-shadow:0 14px 34px #8348600f}.profile-settings-card{padding:6px}.profile-settings-row{color:#563f4b;text-align:left;border-radius:14px;justify-content:space-between;align-items:center;width:100%;min-height:64px;padding:0 14px;font-size:14px;font-weight:700;transition:background .18s,color .18s;display:flex}.profile-settings-row:hover{color:#d75183;background:#fff1f6}.profile-settings-row>span:last-child{color:#a18492;align-items:center;gap:9px;font-weight:500;display:flex}.profile-settings-row+.profile-settings-row{border-top:1px solid #f2e0e8}.profile-settings-danger-zone{margin-top:12px}.profile-settings-danger-zone>p{color:#805160;letter-spacing:.06em;text-transform:uppercase;margin:0 0 8px;padding-inline:4px;font-size:12px;font-weight:800}.profile-settings-danger-card{border-color:#f1cfdb}.profile-settings-danger-note{color:#987987;align-items:center;gap:10px;padding:16px 18px;font-size:13px;display:flex}.profile-settings-danger-note svg{color:#e15e87}.profile-settings-divider{background:#f1e0e8;height:1px;margin:0 10px}.profile-settings-delete-button{color:#d94f7e;text-align:left;width:100%;padding:15px 18px;font-size:13px;font-weight:750;transition:background .18s}.profile-settings-delete-button:hover{background:#fff0f4}.profile-settings-dialog{color:#4c3742;background:#fffafd!important;border:1px solid #efd6e1!important;border-radius:20px!important;box-shadow:0 20px 60px #50243838!important}.profile-settings-dialog [data-slot=dialog-title]{color:#47323d}.profile-settings-input{background:#fff7fa!important;border-color:#eed8e3!important;border-radius:12px!important}.profile-settings-primary-action{width:100%;box-shadow:0 8px 18px #ff5c912e;color:#fff!important;background:#ff5c91!important;border:0!important;border-radius:999px!important;font-weight:750!important}.profile-settings-primary-action:hover{background:#ec4c82!important}.profile-settings-cancel-action{color:#765561!important;background:#fff7fa!important;border-color:#efd6e1!important;border-radius:999px!important}.profile-settings-danger-action{color:#fff!important;background:#e35b83!important;border-radius:999px!important}.subscription-settings-card{padding:0}.subscription-settings-status{justify-content:space-between;align-items:center;padding:19px 18px;display:flex}.subscription-settings-status>div{align-items:center;gap:9px;display:flex}.subscription-settings-status-label{color:#503842;font-size:15px;font-weight:800}.subscription-settings-plan{color:#d95482;background:#fff0f6;border:1px solid #f2bdd1;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:800}.subscription-settings-card>div:not(.subscription-settings-status):not(.profile-settings-divider){padding-inline:8px}.subscription-settings-card .profile-settings-divider+div{padding-inline:0}.subscription-settings-card .flex.items-center.justify-between{min-height:50px;padding:0 18px}.subscription-settings-card .flex.items-center.justify-between>span:first-child{color:#8e6d7b;font-size:13px}.subscription-settings-card .flex.items-center.justify-between>span:last-child{color:#513944;text-align:right;font-size:13px;font-weight:750}.subscription-settings-empty{padding:20px 18px 22px!important}.subscription-settings-empty p{color:#9b7c89;margin:0;font-size:13px}.subscription-settings-cancel{justify-content:center;padding:4px 0 14px;display:flex}.profile-settings-text-action{color:#a28692;text-underline-offset:3px;font-size:13px;text-decoration:underline}.profile-settings-text-action:hover{color:#d85282}.profile-page--guest{justify-content:center;align-items:center;display:flex}.profile-page__guest-card{text-align:center;background:#fffafd;border:1px solid #efd9e4;border-radius:22px;flex-direction:column;align-items:center;width:min(100%,420px);padding:36px;display:flex}.profile-page__guest-card h1{margin-top:16px}.profile-page__guest-card p{color:#987987;font-size:14px;line-height:1.5}.profile-page__guest-card .profile-page__primary-action{margin-top:10px}@media (max-width:767px){.profile-page{min-height:100dvh;padding:30px 16px 100px}.profile-page__hero{flex-direction:column;align-items:flex-start;gap:18px;padding-top:12px}.profile-page__identity{gap:14px}.profile-page__avatar{width:64px;height:64px;font-size:24px}.profile-page h1{font-size:25px}.profile-page__counts{flex-wrap:wrap;gap:10px 16px}.profile-page__actions{justify-content:flex-start}.profile-page__tabs{gap:22px;overflow-x:auto}.profile-page__tabs button{flex:none;font-size:12px}.profile-page__surface{border-radius:18px;min-height:360px}.profile-page__character-grid{grid-template-columns:1fr;padding:12px}.profile-page__empty-state{min-height:330px}}
