.portal-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:32px;border-bottom:1px solid #54351f;padding-bottom:14px}.portal-tabs button{color:#d6b89e;background:#1a140f;border:1px solid #54351f;padding:12px 20px;border-radius:8px;transition:background .15s,color .15s}.portal-tabs button:hover,.portal-tabs button.selected{background:#6b3a19;color:#fff0df;border-color:#f6a35e}.identity{display:flex;align-items:center;gap:16px;min-width:0}.identity img,.avatar-placeholder{width:64px;height:64px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid #b6763c}.avatar-placeholder{display:grid;place-items:center;background:radial-gradient(at 20% 0,#704322,#21150d);font-size:25px;color:#ffc386}.identity strong{display:block;font-size:23px;overflow-wrap:anywhere}.identity .role{display:block;font-size:12px;color:#d0ad90;margin-top:6px}.role-founder{color:#ffaf49!important}.role-developer{color:#91bfff!important}.role-moderator{color:#bb9cff!important}.role-tester{color:#80d9a7!important}.role-friend{color:#ffa3bf!important}.role-activist{color:#ffe29a!important}.surface{padding:28px;background:radial-gradient(at 0 0,#46281533,transparent 65%),#16110e;border:1px solid #523722;border-radius:14px;min-width:0}.profile-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:24px}.surface h2{font-size:24px;margin:10px 0 20px}.surface p{overflow-wrap:anywhere}.surface .actions{flex-wrap:wrap;gap:10px}.surface form .button{margin-top:10px}#avatar-crop{max-width:480px;border:1px solid #a46a36;border-radius:18px;background:#19120e;color:#f7dfca;padding:28px}#avatar-crop::backdrop{background:#080604cc;backdrop-filter:blur(5px)}#avatar-crop p{font-size:13px}#crop-canvas{display:block;max-width:100%;margin:20px auto;border-radius:10px;touch-action:none;cursor:grab}#crop-zoom{accent-color:#ff9d43}.chat-surface{max-width:960px;margin:auto}#community-messages{height:450px;overflow:auto;margin:20px 0;scrollbar-color:#986138 #1b140e}.community-message{padding:18px 20px;margin:12px 12px 12px 0;background:#241a12;border:1px solid #523722;border-radius:14px}.community-message.own{background:#302014;border-color:#84512b}.community-message .identity img,.community-message .avatar-placeholder{width:40px;height:40px;font-size:18px}.community-message .identity strong{font-size:15px}.community-message .identity .role{font-size:10px}.community-message time{display:block;font-size:10px;color:#ac9380;margin:8px 0 0 56px}.community-message>p{white-space:pre-wrap;overflow-wrap:anywhere;margin:12px 0 0 56px;font-size:14px}.chat-surface textarea{min-height:70px}.staff-messages{max-height:500px;overflow:auto;margin-top:20px}.ticket-description{white-space:pre-wrap;font-size:13px}.role-row{display:grid;grid-template-columns:1fr 220px auto;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid #3b291c}.role-row span{overflow-wrap:anywhere}#founder-roles{margin-top:24px}#staff-detail>select{margin:15px 0}fieldset{border:1px solid #59402e;border-radius:8px;margin-top:24px}#staff-list{max-height:600px;overflow:auto}@media(max-width:800px){.profile-layout{grid-template-columns:1fr}.surface{padding:20px}.role-row{grid-template-columns:1fr}.portal-tabs button{padding:10px;font-size:12px}.identity strong{font-size:20px}.community-message{padding:14px}.community-message>p{margin-left:0}.chat-surface .list-heading{align-items:flex-start;gap:10px;flex-direction:column}}

.profile-number{display:block;color:#a18d7c;font-size:11px;margin-top:3px}.community-message{position:relative;padding-right:52px;padding-bottom:38px}.message-menu{position:absolute;right:12px;top:8px;border:0}.message-menu summary{list-style:none;cursor:pointer;letter-spacing:3px;font-size:19px;color:#cbb5a3;padding:3px 8px}.message-menu summary::-webkit-details-marker{display:none}.message-menu summary:after{content:none}.message-options{position:absolute;right:0;top:100%;z-index:4;min-width:140px;padding:6px;background:#241a13;border:1px solid #805332;border-radius:9px;box-shadow:0 12px 28px #0008}.message-option{display:block;width:100%;padding:10px 14px;background:none;border:0;text-align:left;color:#f1d5bb}.message-option:hover{background:#51311d;border-radius:5px}.message-editor{margin:14px 0}.message-editor textarea{width:100%}.message-editor .button{margin-right:8px}.read-receipt{position:relative;display:flex;justify-content:flex-end;margin-top:14px;margin-bottom:-25px}.read-eye{display:flex;background:none;border:0;color:#9a938d;padding:5px;cursor:pointer}.read-eye svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6}.reader-popover{position:absolute;right:0;bottom:100%;width:230px;max-height:190px;overflow:auto;padding:12px 15px;border:1px solid #705038;border-radius:10px;background:#1d1713;box-shadow:0 10px 30px #0007;opacity:0;visibility:hidden;transform:translateY(7px);transition:opacity .18s,transform .18s,visibility .18s;z-index:5;font-size:12px}.reader-popover span,.reader-popover strong{display:block}.reader-popover strong{margin-bottom:8px;color:#ffc28c}.read-receipt:hover .reader-popover,.read-receipt:focus-within .reader-popover,.read-receipt.expanded .reader-popover{opacity:1;visibility:visible;transform:translateY(0)}.reader-more{background:none;border:0;color:#ffae65;padding:8px 0}.community-message .identity{padding-right:10px}

.message-menu[open]>summary:after,.message-menu>summary:after{content:none}.message-menu>.message-options{margin:0;padding:6px}.message-menu .message-option{min-height:40px}

.role-catalog{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin:24px 0 36px}.role-card{padding:22px;background:#21170f;border:1px solid #674329;border-radius:14px}.role-card h3{font-size:16px}.color-field{display:flex;gap:12px;align-items:center;margin-top:8px}.color-field input[type=color]{width:60px;height:42px;padding:4px;border:1px solid #8f5e36;cursor:pointer;background:#18100b;border-radius:8px}.color-value{font:12px monospace;color:#bfa38c}.role-preview{padding:18px;background:#100d0b;border:1px solid #44301f;border-radius:10px;margin:15px 0}.role-preview strong,.role-preview span{display:block}.role-preview span{font-size:13px;margin-top:6px}.role-assignment{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:22px 0;border-bottom:1px solid #563822}.role-assignment>strong{grid-column:1/-1}.role-assignment label{margin:0}@media(max-width:600px){.role-assignment{grid-template-columns:1fr}.role-catalog{grid-template-columns:1fr}}