.space-header{border:1px solid var(--border);background:var(--surface);border-radius:24px;min-width:0;overflow:hidden;box-shadow:0 4px 22px #00000004}.space-cover{color:#fff;background:radial-gradient(ellipse at 100% 0%, #ffffff20, transparent 60%), linear-gradient(120deg, var(--primary), color-mix(in srgb, var(--primary) 70%, #713400));background-size:cover;align-items:center;gap:24px;min-height:204px;padding:34px 28px;display:flex;position:relative}.space-logo{color:#fff;background:#ffffff14;border:1px solid #ffffff85;border-radius:24px;flex:0 0 100px;place-items:center;width:100px;height:100px;display:grid;overflow:hidden}.space-logo .avatar{border-radius:0;width:100%;height:100%}.space-header .space-logo .social-avatar img{object-fit:contain;border-radius:0}.space-identity{flex:1;min-width:0}.space-eyebrow{letter-spacing:.14em;opacity:.85;font-size:9px;font-weight:800}.space-identity h1{color:#fff;letter-spacing:-.035em;overflow-wrap:anywhere;margin:10px 0;font-size:clamp(23px,2.25vw,34px);line-height:1.16}.space-identity p{-webkit-line-clamp:2;color:#fff;-webkit-box-orient:vertical;margin:0 0 14px;font-size:14px;line-height:1.6;display:-webkit-box;overflow:hidden}.space-metadata{flex-wrap:wrap;align-items:center;gap:12px;font-size:11px;display:flex}.space-metadata>span:first-child{background:#00000012;border:1px solid #ffffff30;border-radius:999px;align-items:center;gap:6px;padding:5px 9px;display:inline-flex}.space-action-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:18px 22px;display:flex}.space-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.space-actions :is(.button,.secondary-button){border-radius:999px;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:10px 16px;font-size:12px;display:inline-flex}.space-audience{color:var(--text-muted);align-items:center;gap:8px;font-size:12px;display:inline-flex}.space-audience svg{color:var(--primary)}.space-people{color:var(--text-secondary);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0;font-size:11px;display:flex}.space-avatar-stack{padding-right:6px;display:flex}.space-avatar-stack .avatar{border:3px solid var(--surface);width:34px;height:34px;margin-right:-8px;font-size:12px}.space-share-notice{color:var(--text-muted);margin:0;padding:0 22px 14px;font-size:12px}.space-tabs{border-bottom:1px solid var(--border);scrollbar-width:none;align-items:center;gap:22px;padding:0 6px;display:flex;overflow-x:auto}.space-tabs button{min-height:52px;color:var(--text-secondary);font:inherit;cursor:pointer;background:0 0;border:0;flex:none;font-size:12px;font-weight:700;position:relative}.space-tabs button.active{color:var(--primary-pressed)}.space-tabs button.active:after{content:"";background:var(--primary);border-radius:999px;height:3px;position:absolute;bottom:0;left:0;right:0}.space-directory-banner{background:radial-gradient(ellipse at 90% 20%, var(--primary-subtle), transparent 65%), var(--surface);border:1px solid var(--border);border-radius:24px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:22px;padding:clamp(25px,4vw,40px);display:flex}.space-directory-banner .eyebrow{color:var(--primary-pressed);letter-spacing:.12em;align-items:center;gap:8px;font-size:10px;display:flex}.space-directory-banner h1{letter-spacing:-.04em;margin:14px 0 12px;font-size:clamp(28px,3vw,40px);line-height:1.12}.space-directory-banner p{max-width:470px;color:var(--text-secondary);margin:0;font-size:14px;line-height:1.8}.space-directory-banner>.button{border-radius:999px;align-items:center;gap:8px;min-height:46px;font-size:12px;display:flex}.space-membership{position:relative}.community-identity-block .space-header{overflow:visible}.community-identity-block .space-cover{border-radius:24px 24px 0 0}.space-membership-menu{z-index:5;border:1px solid var(--border);background:var(--surface);border-radius:14px;width:190px;padding:8px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 30px #00000014}.space-membership-menu button{text-align:left;width:100%;min-height:40px;font:inherit;color:var(--text-primary);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:10px;font-size:12px}.space-membership-menu button:hover{background:var(--surface-soft)}@media (max-width:760px){.space-cover{gap:16px;min-height:190px;padding:24px 20px}.space-logo{border-radius:18px;flex-basis:68px;width:68px;height:68px}.space-logo>svg{width:34px;height:34px}.space-identity h1{font-size:24px}.space-identity p{font-size:12px}.space-eyebrow{display:none}.space-action-bar{padding:14px 16px}.space-actions{gap:8px}.space-tabs{gap:20px}}@media (max-width:420px){.space-cover{gap:12px;padding:22px 16px}.space-logo{border-radius:14px;flex-basis:54px;width:54px;height:54px}.space-identity h1{font-size:21px}.space-action-bar .space-actions{width:100%}.space-actions>:is(button,.space-membership){flex:1}.space-membership>button{width:100%}}.space-cover-band{background-color:var(--primary-subtle);height:clamp(150px,20vw,240px);color:var(--primary);background-size:cover;justify-content:center;align-items:center;display:flex}.space-header .space-cover-identity{background:var(--surface);color:var(--text-primary);align-items:flex-start;min-height:0;padding:24px 28px 12px}.space-cover-identity .space-logo{border:4px solid var(--surface);background:var(--primary-subtle);color:var(--primary);margin-top:-48px;box-shadow:0 2px 8px #00000012}.space-cover-identity .space-identity h1{color:var(--text-primary);margin-top:6px}.space-cover-identity .space-identity p{color:var(--text-secondary)}.space-cover-identity .space-eyebrow{color:var(--text-muted)}.space-cover-identity .space-metadata{color:var(--text-secondary)}.space-cover-identity .space-metadata>span:first-child{background:var(--surface-soft);border-color:var(--border)}@media (max-width:600px){.space-header .space-cover-identity{gap:14px;padding:18px 18px 10px}.space-cover-identity .space-logo{border-radius:16px;flex-basis:58px;width:58px;height:58px;margin-top:-38px}.space-cover-identity .space-logo svg{width:30px}.space-cover-identity .space-identity h1{font-size:24px}.space-cover-band{height:156px}}.space-count-link{align-items:center;gap:6px;min-height:44px;display:inline-flex}@media (max-width:600px){.space-tabs button{flex:0 auto;min-height:44px}}.space-metadata .space-count-link{appearance:none;border:1px solid var(--border);background:var(--surface);min-height:38px;color:var(--text-primary);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:7px;padding:8px 15px;font-weight:700;text-decoration:none;display:inline-flex}.space-metadata .space-count-link:hover{border-color:var(--primary);background:var(--primary-subtle);color:var(--primary)}.space-metadata .space-count-link:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.space-metadata .space-count-link:disabled{cursor:default;opacity:.7}.space-metadata .space-count-link:not(:disabled){text-decoration:none}.space-composer-launcher{background:var(--surface);border:1px solid var(--border);border-radius:24px;margin-block:20px;padding:20px}.space-composer-launcher>div{align-items:center;gap:14px;display:flex}.space-composer-prompt{border:1px solid var(--border);background:var(--background);min-width:0;color:var(--muted);text-align:left;border-radius:32px;flex:1;padding:16px 20px}.space-composer-launcher footer{border-top:1px solid var(--border);flex-wrap:wrap;gap:12px;margin-top:16px;padding-top:16px;display:flex}.space-composer-launcher footer button{background:color-mix(in srgb, var(--primary) 9%, var(--surface));min-height:44px;color:var(--primary);font:inherit;border:0;border-radius:24px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-weight:700;display:inline-flex}.space-compose-overlay{place-items:center;padding:20px;display:grid}.space-compose-dialog{background:var(--surface);width:min(680px,100%);max-height:calc(100dvh - 40px);color:var(--text);border:1px solid var(--border);border-radius:24px;padding:24px;overflow:auto}.space-compose-dialog>header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding-bottom:20px;display:flex}.space-compose-dialog h2,.space-compose-dialog p{margin:0}.space-compose-dialog header p{color:var(--muted);margin-top:6px}.space-compose-dialog :is(.business-post-composer,.community-composer){box-shadow:none;border:0;margin:0;padding:0}.space-compose-dialog textarea{min-height:160px}.space-comment-identity{flex-basis:100%;align-items:center;gap:10px;margin-bottom:10px;font-size:13px;display:flex}@media (max-width:480px){.space-compose-overlay{padding:10px}.space-compose-dialog{max-height:calc(100dvh - 20px);padding:16px}.space-composer-launcher{padding:14px}.space-composer-launcher footer{gap:8px}.space-composer-launcher footer button{padding:10px;font-size:12px}}
