:root{
--fd-nero:#0a0b08;
--fd-nero-2:#13150e;
--fd-oro:#cda349;
--fd-oro-2:#eccf7e;
--fd-smeraldo:#1c6b4d;
--fd-beige:#ece2c8;
--fd-beige-2:#cfc09a;
} .facedance-section{
background:var(--fd-nero) !important;
color:var(--fd-beige) !important;
border-radius:20px;
padding:32px 24px;
margin:24px auto;
max-width:1100px;
font-family:'Inter', sans-serif !important;
line-height:1.6;
box-sizing:border-box;
}
.facedance-section *{ box-sizing:border-box; }
.facedance-section h1, .facedance-section h2, .facedance-section h3, .facedance-section h4{
font-family:'Space Grotesk', sans-serif !important;
color:var(--fd-beige) !important;
margin:0 0 .5em;
line-height:1.25;
}
.facedance-section p{ color:inherit; margin:0 0 1em; }
.facedance-section ul, .facedance-section ol{ margin:0; padding:0; list-style:none; }
.facedance-section img{ max-width:100%; height:auto; } .facedance-section a{ color:var(--fd-oro-2); text-decoration:none; }
.facedance-section a:hover{ color:var(--fd-oro); }
.facedance-section input, .facedance-section select, .facedance-section textarea, .facedance-section button{
font-family:'Inter', sans-serif; box-shadow:none;
}
.facedance-section input[type=text], .facedance-section input[type=email], .facedance-section input[type=password], .facedance-section input[type=url], .facedance-section input[type=number], .facedance-section select, .facedance-section textarea, .facedance-section button{
appearance:none;
} .facedance-wordmark{font-weight:800; letter-spacing:-.01em;}
.facedance-wordmark .fd-face{color:var(--fd-beige);}
.facedance-wordmark .fd-dance{
background:linear-gradient(115deg,var(--fd-oro-2) 10%, var(--fd-smeraldo) 95%);
-webkit-background-clip:text; background-clip:text; color:transparent;
}
.facedance-logo-svg{vertical-align:middle;} .facedance-credit{
font-size:.78rem; color:var(--fd-beige-2); text-align:center; padding:18px 0; letter-spacing:.04em;
} .facedance-empty{
background:var(--fd-nero-2); color:var(--fd-beige-2); padding:18px; border-radius:10px;
border:1px solid rgba(205,163,73,.2); text-align:center;
}
.facedance-grid{
display:grid; grid-template-columns:repeat(auto-fill, minmax(240px,1fr)); gap:18px; margin:20px 0;
}
.facedance-card{
background:var(--fd-nero-2); border:1px solid rgba(205,163,73,.18); border-radius:12px;
padding:16px; color:var(--fd-beige);
}
.facedance-card h4{margin:10px 0 6px; font-size:1rem;}
.facedance-card img{width:100%; border-radius:8px; margin-bottom:8px;}
.fd-meta{font-size:.8rem; color:var(--fd-beige-2); margin:4px 0;}
.fd-price{color:var(--fd-oro); font-weight:700;} .facedance-feed{display:flex; flex-direction:column; gap:18px; max-width:640px; margin:0 auto;}
.facedance-feed-card{
background:var(--fd-nero-2); border:1px solid rgba(205,163,73,.18); border-radius:14px; overflow:hidden; color:var(--fd-beige);
}
.fd-card-head{display:flex; align-items:center; gap:10px; padding:14px 16px;}
.fd-card-head img{border-radius:50%;}
.fd-card-head .fd-head-text time{display:block; font-size:.72rem; color:var(--fd-beige-2);}
.fd-card-media{position:relative;}
.fd-card-media img{width:100%; display:block;}
.fd-live-tag{
position:absolute; top:10px; left:10px; z-index:2; background:#b5302f; color:#fff; font-size:.65rem;
padding:3px 9px; border-radius:5px; font-weight:700; letter-spacing:.04em;
} .fd-video-embed{position:relative; width:100%; aspect-ratio:16/9; background:#000; overflow:hidden;}
.fd-video-embed iframe, .fd-video-embed embed, .fd-video-embed object{
position:absolute; top:0; left:0; width:100% !important; height:100% !important; border:0;
}
.fd-video-embed blockquote{margin:0; padding:16px; font-size:.85rem; color:var(--fd-beige-2);}
.fd-live-tag-video{position:relative; display:inline-block; margin:0 16px 8px;}
.fd-video-fallback{
display:flex; flex-direction:column; gap:4px; align-items:center; justify-content:center;
padding:30px 16px; background:linear-gradient(135deg,var(--fd-nero-2),var(--fd-nero)); text-align:center;
}
.fd-video-fallback a{color:var(--fd-oro-2); font-weight:700; text-decoration:none; font-size:.95rem;}
.fd-video-fallback a:hover{color:var(--fd-oro);}
.fd-video-fallback-note{font-size:.72rem; color:var(--fd-beige-2); max-width:320px;}
.fd-share-video{max-width:480px;} .fd-link-preview{
display:flex; flex-direction:column; text-decoration:none; color:inherit;
border:1px solid rgba(205,163,73,.28); border-radius:14px; overflow:hidden;
background:var(--fd-nero-2); transition:border-color .2s ease;
}
.fd-link-preview:hover{border-color:rgba(205,163,73,.6);}
.fd-link-preview-image{
display:block; width:100%; aspect-ratio:1.91/1; background-color:#10120d;
background-size:cover; background-position:center center;
}
.fd-link-preview-body{display:flex; flex-direction:column; gap:4px; padding:14px 16px;}
.fd-link-preview-site{font-size:.68rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:var(--fd-oro-2);}
.fd-link-preview-title{font-size:.95rem; color:var(--fd-beige); line-height:1.3;}
.fd-link-preview-desc{font-size:.8rem; color:var(--fd-beige-2); line-height:1.4;} .fd-pwa-banner{
position:fixed; left:12px; right:12px; bottom:-120px; z-index:9999;
display:flex; align-items:flex-start; gap:12px;
background:#0f110c; border:1px solid rgba(205,163,73,.4); border-radius:16px;
padding:14px 40px 14px 14px; box-shadow:0 12px 32px rgba(0,0,0,.45);
transition:bottom .3s ease; max-width:480px; margin:0 auto;
}
.fd-pwa-banner.is-visible{bottom:16px;}
.fd-pwa-banner-icon{
flex:0 0 auto; width:40px; height:40px; border-radius:11px;
background:linear-gradient(135deg,#cda349,#e8c87a); color:#0a0b08;
display:flex; align-items:center; justify-content:center; font-weight:800; font-size:.85rem;
}
.fd-pwa-banner-body{display:flex; flex-direction:column; gap:2px; flex:1 1 auto; min-width:0;}
.fd-pwa-banner-body strong{color:var(--fd-beige); font-size:.9rem;}
.fd-pwa-banner-body span{color:var(--fd-beige-2); font-size:.78rem; line-height:1.35;}
.fd-pwa-banner-actions{display:flex; gap:8px; flex:0 0 100%; margin-top:8px;}
.fd-pwa-banner-actions button{flex:1 1 auto; padding:8px 10px; font-size:.82rem; border-radius:10px;}
.fd-pwa-banner-close{
position:absolute; top:8px; right:10px; background:none; border:0; color:var(--fd-beige-2);
font-size:.9rem; cursor:pointer; padding:4px;
}
@media (min-width:600px){ .fd-pwa-banner{ left:auto; right:20px; margin:0; } } .facedance-card-page{max-width:640px;}
.fd-bizcard-wrap{display:flex; justify-content:center;}
.fd-bizcard{
position:relative; overflow:hidden; border-radius:18px; padding:22px;
width:340px; aspect-ratio:85/55; display:flex; flex-direction:column; justify-content:space-between;
background:
radial-gradient(circle at 15% 20%, rgba(205,163,73,.25), transparent 55%),
radial-gradient(circle at 90% 80%, rgba(28,107,77,.35), transparent 55%),
linear-gradient(135deg, var(--fd-nero-2), var(--fd-nero));
border:1px solid rgba(205,163,73,.3);
box-shadow:0 20px 50px -20px rgba(0,0,0,.6);
}
.fd-card-size-note{text-align:center; font-size:.7rem; color:var(--fd-beige-2); opacity:.7; margin-top:10px;} .facedance-app{max-width:1100px; margin:0 auto;}
.fd-app-banner{margin-bottom:20px;}
.fd-app-tabs{display:flex; gap:8px; flex-wrap:wrap; margin-bottom:24px; border-bottom:1px solid rgba(205,163,73,.18); padding-bottom:14px;}
.fd-app-tab{
background:var(--fd-nero-2); border:1px solid rgba(205,163,73,.2); color:var(--fd-beige-2);
border-radius:18px; padding:8px 16px; font-size:.82rem; cursor:pointer; transition:.15s; font-family:inherit;
}
.fd-app-tab:hover{border-color:rgba(205,163,73,.5);}
.fd-app-tab.is-active{background:linear-gradient(115deg,var(--fd-oro-2),var(--fd-smeraldo)); color:var(--fd-nero); border-color:transparent; font-weight:700;}
.fd-app-panel{display:none;}
.fd-app-panel.is-active{display:block; animation:fdFadeIn .25s ease;}
@keyframes fdFadeIn{ from{opacity:0; transform:translateY(4px);} to{opacity:1; transform:translateY(0);} }
.fd-app-account-links{display:grid; grid-template-columns:repeat(auto-fit, minmax(200px,1fr)); gap:14px;}
.fd-app-account-links a.facedance-card{display:block; text-decoration:none; color:var(--fd-beige); font-weight:600; text-align:center; transition:.15s;}
.fd-app-account-links a.facedance-card:hover{border-color:var(--fd-oro); color:var(--fd-oro-2);}
.fd-bizcard-pattern{
position:absolute; inset:0; opacity:.06; pointer-events:none;
background-image:radial-gradient(circle, var(--fd-beige) 1px, transparent 1px);
background-size:14px 14px;
}
.fd-bizcard-top{display:flex; align-items:center; gap:8px; position:relative; z-index:1;}
.fd-bizcard-top svg{width:22px; height:22px;}
.fd-bizcard-wordmark .facedance-wordmark{font-size:.78rem;}
.fd-bizcard-body{display:flex; align-items:center; gap:12px; position:relative; z-index:1; flex:1;}
.fd-bizcard-photo img{border-radius:50%; border:2px solid var(--fd-oro); display:block; width:54px; height:54px;}
.fd-bizcard-info{flex:1; min-width:0;}
.fd-bizcard-info h2{margin:0 0 1px; font-family:'Space Grotesk',sans-serif; font-size:.92rem; color:var(--fd-beige); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.fd-bizcard-role{margin:0 0 4px; font-size:.6rem; letter-spacing:.05em; text-transform:uppercase; color:var(--fd-oro); font-weight:700;}
.fd-bizcard-meta{margin:0 0 3px; font-size:.62rem; color:var(--fd-beige-2); line-height:1.4;}
.fd-bizcard-badge{margin:0; font-size:.58rem; color:var(--fd-smeraldo); font-weight:700;}
.fd-bizcard-qr{flex-shrink:0; display:flex; flex-direction:column; align-items:center; gap:2px;}
.fd-bizcard-qr img{border-radius:6px; background:var(--fd-beige); padding:3px; width:56px; height:56px;}
.fd-bizcard-footer{
font-size:.55rem; color:var(--fd-beige-2); letter-spacing:.03em; position:relative; z-index:1;
border-top:1px solid rgba(205,163,73,.2); padding-top:6px;
}
@page{ size:85mm 55mm; margin:0; }
@media print{
.facedance-card-page, .facedance-card-page *{ visibility:visible; }
body *{ visibility:hidden; }
.facedance-card-page{ position:absolute; left:0; top:0; }
.fd-bizcard-wrap{ width:85mm; height:55mm; }
.fd-bizcard{ width:85mm; height:55mm; aspect-ratio:auto; padding:5mm; border-radius:0; background:#fff !important; border:none !important; box-shadow:none !important; color:#0a0b08 !important; }
.fd-bizcard-pattern{ display:none; }
.fd-bizcard-info h2, .fd-bizcard-meta, .fd-bizcard-footer{ color:#0a0b08 !important; }
.fd-bizcard-wordmark .fd-face{ color:#0a0b08 !important; }
.fd-bizcard-wordmark .fd-dance{ background:none !important; color:#0a0b08 !important; -webkit-text-fill-color:#0a0b08; }
.fd-bizcard-qr img{ background:#fff !important; }
}
.fd-card-body{padding:12px 16px;}
.fd-card-body h3{margin:0 0 6px; font-size:1.05rem;}
.fd-card-actions{
display:flex; align-items:center; gap:14px; padding:10px 16px; border-top:1px solid rgba(205,163,73,.12); flex-wrap:wrap;
}
.fd-action{color:var(--fd-beige-2); text-decoration:none; font-size:.85rem;} .facedance-events{
display:grid; grid-template-columns:repeat(3, 1fr); gap:20px;
}
.fd-event-card{
background:var(--fd-nero-2); border:1px solid rgba(205,163,73,.18); border-radius:16px; overflow:hidden; color:var(--fd-beige);
display:flex; flex-direction:column; transition:.2s;
}
.fd-event-card:hover{border-color:rgba(205,163,73,.5); transform:translateY(-3px);}
.fd-event-hero{grid-column:1 / -1; flex-direction:row;}
.fd-event-media{
position:relative; min-height:170px; background:linear-gradient(135deg,var(--fd-smeraldo),var(--fd-nero-2));
flex:1 1 100%;
}
.fd-event-hero .fd-event-media{flex:1 1 50%;}
.fd-event-media img{width:100%; height:100%; object-fit:cover; display:block; min-height:170px;}
.fd-event-media-fallback{
height:170px; display:flex; align-items:center; justify-content:center; font-size:2.6rem; opacity:.6;
}
.fd-event-countdown{
position:absolute; top:12px; right:12px; background:rgba(10,11,8,.78); border:1px solid var(--fd-oro);
color:var(--fd-oro-2); font-size:.72rem; font-weight:700; padding:5px 11px; border-radius:20px; letter-spacing:.02em;
}
.fd-event-tag{
position:absolute; bottom:12px; left:12px; background:rgba(10,11,8,.78); color:var(--fd-beige);
font-size:.7rem; padding:4px 10px; border-radius:14px; border:1px solid rgba(236,226,200,.25);
}
.fd-event-body{padding:18px; flex:1 1 50%; display:flex; flex-direction:column;}
.fd-event-body h3{margin:0 0 8px; font-size:1.1rem; font-family:'Space Grotesk',sans-serif;}
.fd-event-hero .fd-event-body h3{font-size:1.5rem;}
.fd-event-excerpt{font-size:.85rem; color:var(--fd-beige-2); margin:8px 0 14px; line-height:1.55;}
.fd-btn-ghost{
margin-top:auto; align-self:flex-start; border:1px solid var(--fd-oro); color:var(--fd-oro-2); text-decoration:none;
font-size:.8rem; padding:8px 16px; border-radius:18px; transition:.2s;
}
.fd-btn-ghost:hover{background:var(--fd-oro); color:var(--fd-nero);}
@media (max-width:760px){
.facedance-events{grid-template-columns:1fr;}
.fd-event-hero{flex-direction:column;}
} .fd-author-link{color:inherit; text-decoration:none;}
.fd-author-link:hover{color:var(--fd-oro);} .facedance-profile-page{
max-width:760px; margin:24px auto; padding:24px 20px 60px;
background:var(--fd-nero) !important; color:var(--fd-beige) !important;
border-radius:20px; font-family:'Inter', sans-serif !important; box-sizing:border-box;
}
.facedance-profile-page *{ box-sizing:border-box; }
.facedance-profile-page h1, .facedance-profile-page h2, .facedance-profile-page h3, .facedance-profile-page h4{
font-family:'Space Grotesk', sans-serif !important; color:var(--fd-beige) !important;
}
.facedance-profile-page p{ color:inherit; }
.facedance-profile-page ul, .facedance-profile-page ol{ margin:0; padding:0; list-style:none; }
.facedance-profile-page a{ color:var(--fd-oro-2); text-decoration:none; }
.facedance-profile-page a:hover{ color:var(--fd-oro); }
.fd-profile-cover{
height:200px; border-radius:0 0 20px 20px; margin:0 -20px;
background:
radial-gradient(circle at 20% 30%, rgba(205,163,73,.35), transparent 55%),
radial-gradient(circle at 80% 70%, rgba(28,107,77,.45), transparent 55%),
linear-gradient(135deg, var(--fd-nero-2), var(--fd-nero));
position:relative;
}
.fd-profile-avatar{
position:absolute; left:30px; bottom:-46px; border-radius:50%;
border:4px solid var(--fd-nero); box-shadow:0 8px 24px rgba(0,0,0,.4);
}
.fd-profile-avatar img{border-radius:50%; display:block;}
.fd-profile-info{padding:60px 10px 30px;}
.fd-profile-info h1{font-family:'Space Grotesk',sans-serif; margin:0 0 2px; font-size:1.7rem; color:var(--fd-beige);}
.fd-profile-role{
display:inline-block; margin:0 0 10px; font-size:.75rem; letter-spacing:.05em; text-transform:uppercase;
color:var(--fd-oro); font-weight:700;
}
.fd-profile-headline{font-size:.95rem; color:var(--fd-beige); line-height:1.5; max-width:620px; margin:8px 0 0;}
.fd-profile-bio{font-size:.92rem; color:var(--fd-beige-2); line-height:1.6; max-width:520px; margin:10px 0 16px;}
.fd-profile-site{margin:0 0 14px; font-size:.83rem; font-weight:700;}
.fd-profile-site a{color:var(--fd-oro-2);}
.fd-profile-stats{display:flex; gap:28px; margin:22px 0 10px; flex-wrap:wrap;}
.fd-profile-stats div{display:flex; flex-direction:column; align-items:center;}
.fd-profile-stats strong{font-family:'Space Grotesk',sans-serif; font-size:1.3rem; color:var(--fd-beige);}
.fd-profile-stats span{font-size:.7rem; color:var(--fd-beige-2); letter-spacing:.03em; text-transform:uppercase;}
.fd-profile-badges{display:flex; flex-wrap:wrap; gap:10px; margin-top:18px;}
.fd-badge-chip{
background:var(--fd-nero-2); border:1px solid rgba(205,163,73,.3); border-radius:20px;
padding:6px 14px 6px 10px; font-size:.78rem; color:var(--fd-beige-2); display:inline-flex; align-items:center; gap:6px;
}
.fd-badge-chip .e{font-size:1rem;}
.fd-profile-feed{margin-top:46px;}
.fd-profile-feed h2{font-family:'Space Grotesk',sans-serif; font-size:1.2rem; color:var(--fd-oro-2); margin-bottom:20px;}
.fd-profile-actions{display:flex; gap:10px; flex-wrap:wrap; margin:18px 0 4px;} .facedance-message-btn{
display:inline-block; background:transparent; border:1px solid var(--fd-beige-2); color:var(--fd-beige);
border-radius:18px; padding:5px 14px; font-size:.78rem; text-decoration:none; transition:.2s;
}
.facedance-message-btn:hover{border-color:var(--fd-oro); color:var(--fd-oro-2);} .facedance-messages{max-width:560px;}
.fd-messages-title{font-family:'Space Grotesk',sans-serif; font-size:1.5rem; margin:30px 0 20px;}
.fd-conversations{display:flex; flex-direction:column; gap:8px;}
.fd-conversation-row{
display:flex; align-items:center; gap:12px; padding:12px 14px; border-radius:12px;
background:var(--fd-nero-2); border:1px solid rgba(205,163,73,.16); text-decoration:none; color:var(--fd-beige);
transition:.15s;
}
.fd-conversation-row:hover{border-color:rgba(205,163,73,.4);}
.fd-conversation-row img{border-radius:50%; flex-shrink:0;}
.fd-conversation-text{flex:1; min-width:0;}
.fd-conversation-text strong{display:block; font-family:'Space Grotesk',sans-serif; font-size:.92rem;}
.fd-conversation-text p{margin:2px 0 0; font-size:.8rem; color:var(--fd-beige-2); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.fd-unread-badge{
background:var(--fd-oro); color:var(--fd-nero); font-size:.72rem; font-weight:800; border-radius:50%;
width:22px; height:22px; display:flex; align-items:center; justify-content:center; flex-shrink:0;
} .fd-back-link{display:inline-block; margin:30px 0 16px; color:var(--fd-beige-2); text-decoration:none; font-size:.85rem;}
.fd-back-link:hover{color:var(--fd-oro);}
.fd-thread-header{display:flex; align-items:center; gap:12px; padding-bottom:16px; border-bottom:1px solid rgba(205,163,73,.18); margin-bottom:18px;}
.fd-thread-header img{border-radius:50%;}
.fd-thread-header strong{font-family:'Space Grotesk',sans-serif; font-size:1.05rem;}
.fd-thread-messages{display:flex; flex-direction:column; gap:10px; min-height:160px; margin-bottom:20px;}
.fd-bubble{
max-width:75%; background:var(--fd-nero-2); border:1px solid rgba(205,163,73,.18); border-radius:14px 14px 14px 4px;
padding:10px 14px; align-self:flex-start;
}
.fd-bubble p{margin:0; font-size:.88rem; color:var(--fd-beige); line-height:1.5;}
.fd-bubble time{display:block; margin-top:4px; font-size:.66rem; color:var(--fd-beige-2);}
.fd-bubble-mine{
align-self:flex-end; border-radius:14px 14px 4px 14px;
background:linear-gradient(115deg,rgba(236,207,126,.18),rgba(28,107,77,.28)); border-color:rgba(205,163,73,.4);
}
.fd-thread-form{display:flex; gap:10px; align-items:flex-end;}
.fd-thread-form textarea{
flex:1; resize:none; min-height:46px; background:var(--fd-nero-2); border:1px solid rgba(205,163,73,.3);
border-radius:10px; padding:10px 12px; color:var(--fd-beige); font-family:inherit; font-size:.85rem;
}
.fd-thread-form .fd-btn-primary{padding:11px 18px;} .facedance-courses-grid{grid-template-columns:repeat(auto-fill, minmax(260px,1fr));}
.fd-course-card{
background:var(--fd-nero-2); border:1px solid rgba(205,163,73,.2); border-radius:14px; padding:16px; color:var(--fd-beige);
}
.fd-course-head{display:flex; justify-content:space-between; align-items:flex-start; gap:8px; flex-wrap:wrap;}
.fd-course-head h4{margin:0; font-size:.98rem; font-family:'Space Grotesk',sans-serif;}
.fd-course-day{font-size:.72rem; color:var(--fd-oro); border:1px solid rgba(205,163,73,.35); border-radius:12px; padding:3px 9px; white-space:nowrap;}
.fd-capacity-bar{height:6px; background:rgba(236,226,200,.12); border-radius:4px; overflow:hidden; margin:10px 0 4px;}
.fd-capacity-fill{height:100%; background:linear-gradient(90deg,var(--fd-oro),var(--fd-smeraldo));}
.fd-capacity-label{font-size:.72rem !important;}
.fd-course-card form{margin-top:10px;}
.fd-btn-sm{padding:7px 14px !important; font-size:.78rem !important; width:auto !important;}
.fd-course-booked{display:inline-block; margin-top:10px; color:var(--fd-smeraldo); font-weight:700; font-size:.82rem;}
.fd-course-full{display:inline-block; margin-top:10px; color:var(--fd-beige-2); font-size:.82rem; font-style:italic;}
.facedance-agenda{max-width:760px;}
.fd-agenda-section{margin:36px 0; padding-top:30px; border-top:1px solid rgba(205,163,73,.15);}
.fd-agenda-section:first-of-type{border-top:none; padding-top:0;}
.fd-agenda-section h2{font-family:'Space Grotesk',sans-serif; font-size:1.15rem; color:var(--fd-oro-2); margin-bottom:16px;}
.fd-course-form{max-width:420px;}
.fd-course-manage-actions{display:flex; gap:8px; margin-top:-10px; margin-bottom:18px;}
.fd-btn-danger{border-color:#b5302f !important; color:#e6a2a0 !important;}
.fd-btn-danger:hover{background:#b5302f !important; color:#fff !important;}
.fd-bookings-list{display:flex; flex-direction:column; gap:10px;}
.fd-booking-row{
display:flex; justify-content:space-between; align-items:center; gap:12px; padding:12px 14px;
background:var(--fd-nero-2); border:1px solid rgba(205,163,73,.16); border-radius:12px;
}
.fd-booking-row strong{font-family:'Space Grotesk',sans-serif; font-size:.92rem;}
.fd-payment-line{color:var(--fd-oro-2) !important;}
.fd-section-hint{font-size:.8rem; color:var(--fd-beige-2); margin:-6px 0 16px;}
.fd-payment-checkboxes{display:flex; flex-direction:column; gap:8px; margin-bottom:6px;}
.fd-payment-form textarea{
background:var(--fd-nero); border:1px solid rgba(205,163,73,.3); border-radius:8px; padding:10px 12px;
color:var(--fd-beige); font-family:inherit; font-size:.85rem; resize:vertical;
}
.fd-sala-form{max-width:420px;}
.fd-sale-list{display:flex; flex-direction:column; gap:8px; margin-top:18px;}
.fd-sala-row{
display:flex; justify-content:space-between; align-items:center; gap:12px; padding:12px 14px;
background:var(--fd-nero-2); border:1px solid rgba(205,163,73,.16); border-radius:12px;
}
.fd-sala-row strong{font-family:'Space Grotesk',sans-serif; font-size:.92rem;} .fd-agenda-print-header{
display:flex; align-items:center; gap:14px; padding-bottom:18px; margin-bottom:8px;
border-bottom:1px solid rgba(205,163,73,.2);
}
.fd-agenda-print-header .facedance-wordmark{font-size:1.2rem; margin-right:auto;}
.fd-print-btn{
background:transparent; border:1px solid var(--fd-oro); color:var(--fd-oro-2); border-radius:18px;
padding:7px 16px; font-size:.8rem; cursor:pointer; transition:.2s;
}
.fd-print-btn:hover{background:var(--fd-oro); color:var(--fd-nero);} .fd-timeline{display:flex; flex-direction:column; gap:4px;}
.fd-timeline-day{display:flex; gap:16px; padding:14px 0; border-bottom:1px solid rgba(205,163,73,.12);}
.fd-timeline-date{
flex:0 0 130px; font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:.82rem;
color:var(--fd-oro-2); text-transform:capitalize; padding-top:2px;
}
.fd-timeline-items{flex:1; display:flex; flex-direction:column; gap:8px;}
.fd-timeline-item{
display:flex; align-items:center; gap:10px; background:var(--fd-nero-2); border:1px solid rgba(205,163,73,.16);
border-radius:8px; padding:8px 10px; font-size:.84rem;
}
.fd-timeline-item-reminder{border-color:rgba(205,163,73,.3); border-style:dashed;}
.fd-timeline-time{font-family:'Space Grotesk',sans-serif; color:var(--fd-oro); font-weight:700; font-size:.78rem; flex:0 0 50px;}
.fd-timeline-text{flex:1; color:var(--fd-beige);}
.fd-timeline-x{
background:none; border:none; color:var(--fd-beige-2); cursor:pointer; font-size:.85rem; padding:2px 6px; border-radius:4px;
}
.fd-timeline-x:hover{color:#e6a2a0;}
.fd-reminder-form{max-width:420px;} .fd-job-card{position:relative;}
.fd-job-tag{
display:inline-block; background:rgba(205,163,73,.18); border:1px solid rgba(205,163,73,.4); color:var(--fd-oro-2);
font-size:.7rem; padding:3px 10px; border-radius:12px; margin:4px 0 8px;
}
.fd-job-card .facedance-message-btn{margin-top:8px;} .fd-shop-links{display:flex; gap:14px; margin-top:8px; flex-wrap:wrap;}
.fd-shop-links a{color:var(--fd-oro-2); text-decoration:none; font-size:.82rem;}
.fd-shop-links a:hover{color:var(--fd-oro);} .fd-banner-sponsor{
position:relative; background:var(--fd-nero-2); border:1px solid rgba(205,163,73,.25); border-radius:14px;
padding:14px; max-width:900px; margin:0 auto;
}
.fd-banner-label{
position:absolute; top:10px; left:10px; z-index:2; background:rgba(10,11,8,.75); color:var(--fd-beige-2);
font-size:.62rem; letter-spacing:.08em; text-transform:uppercase; padding:3px 9px; border-radius:10px;
}
.fd-banner-img-link{display:block; border-radius:10px; overflow:hidden;}
.fd-banner-img-link img{width:100%; display:block;}
.fd-banner-fallback{
height:120px; display:flex; align-items:center; justify-content:center; background:linear-gradient(135deg,var(--fd-smeraldo),var(--fd-nero));
color:var(--fd-beige); font-family:'Space Grotesk',sans-serif; font-weight:700;
}
.fd-banner-contacts{display:flex; gap:16px; justify-content:center; margin-top:10px; flex-wrap:wrap;}
.fd-banner-contacts a{color:var(--fd-beige-2); text-decoration:none; font-size:.8rem;}
.fd-banner-contacts a:hover{color:var(--fd-oro);}
.fd-banner-empty{
text-align:center; padding:22px; border:1px dashed rgba(205,163,73,.35); border-radius:14px;
color:var(--fd-beige-2); font-size:.85rem; max-width:900px; margin:0 auto;
}
.fd-banner-empty a{color:var(--fd-oro); text-decoration:none; font-weight:700;}
.fd-banner-request{max-width:480px;} @media print{
body *{ visibility:hidden; }
.facedance-agenda, .facedance-agenda *{ visibility:visible; }
.facedance-agenda{ position:absolute; left:0; top:0; width:100%; background:#fff !important; color:#0a0b08 !important; }
.no-print{ display:none !important; }
.fd-agenda-print-header{ border-bottom:2px solid #0a0b08; }
.facedance-wordmark .fd-face{ color:#0a0b08 !important; }
.facedance-wordmark .fd-dance{ background:none !important; color:#0a0b08 !important; -webkit-text-fill-color:#0a0b08; }
.fd-timeline-date{ color:#0a0b08 !important; }
.fd-timeline-item, .fd-timeline-day{ background:#fff !important; border-color:#ccc !important; }
.fd-timeline-text{ color:#0a0b08 !important; }
.fd-timeline-time{ color:#0a0b08 !important; }
.facedance-credit{ color:#888 !important; }
} .facedance-emoticon{display:block;}
.fd-emoticon-pack{display:flex; flex-wrap:wrap; gap:14px; margin:24px 0;}
.fd-emoticon-chip{
background:var(--fd-nero-2); border:1px solid rgba(205,163,73,.2); border-radius:14px;
padding:14px 10px 10px; display:flex; flex-direction:column; align-items:center; gap:8px;
font-size:.74rem; color:var(--fd-beige-2); width:100px; text-align:center;
} .facedance-idance-btn{
background:transparent; border:1px solid var(--fd-smeraldo); color:var(--fd-beige);
border-radius:20px; padding:6px 14px; font-size:.82rem; cursor:pointer; transition:.2s;
}
.facedance-idance-btn .fd-count{color:var(--fd-oro); font-weight:700; margin-left:4px;}
.facedance-idance-btn.is-active{
background:linear-gradient(115deg,var(--fd-oro-2),var(--fd-smeraldo)); color:var(--fd-nero); border-color:transparent;
}
.facedance-idance-btn.is-active .fd-count{color:var(--fd-nero);} .facedance-follow-btn{
margin-left:auto; background:transparent; border:1px solid var(--fd-oro); color:var(--fd-beige-2);
border-radius:18px; padding:5px 12px; font-size:.74rem; cursor:pointer; transition:.2s; white-space:nowrap;
}
.facedance-follow-btn .fd-count{color:var(--fd-oro); font-weight:700; margin-left:3px;}
.facedance-follow-btn.is-active{
background:linear-gradient(115deg,var(--fd-smeraldo),var(--fd-oro)); color:var(--fd-nero); border-color:transparent; font-weight:700;
}
.facedance-card-directory .facedance-follow-btn{margin:10px 0 0; width:100%; text-align:center;} .fd-card-actions-row{display:flex; gap:8px; margin-top:10px; flex-wrap:wrap;}
.fd-card-actions-row .facedance-follow-btn,
.fd-card-actions-row .facedance-message-btn{margin:0; flex:1; text-align:center; min-width:120px;} .fd-quick-reactions{display:flex; gap:6px; padding:0 16px 8px;}
.fd-reaction{
background:var(--fd-nero); border:1px solid rgba(205,163,73,.18); border-radius:10px;
width:38px; height:46px; padding:2px; cursor:pointer; transition:.15s; display:flex; align-items:center; justify-content:center;
position:relative;
}
.fd-reaction:hover{transform:scale(1.12); border-color:rgba(205,163,73,.4);}
.fd-reaction.is-active{background:rgba(205,163,73,.22); border-color:var(--fd-oro); transform:scale(1.08);}
.fd-reaction .facedance-emoticon{width:100%; height:100%;}
.fd-reaction-count{
position:absolute; bottom:-6px; right:-4px; display:none;
background:var(--fd-oro); color:var(--fd-nero); font-size:10px; font-weight:700;
border-radius:999px; min-width:16px; height:16px; line-height:16px; text-align:center; padding:0 3px;
}
.fd-reaction-count.has-count{display:inline-block;} .fd-share{display:flex; gap:8px; margin-left:auto; font-size:.78rem;}
.fd-share a{color:var(--fd-beige-2); text-decoration:none;}
.fd-share a:hover{color:var(--fd-oro);} .facedance-registration{max-width:480px; margin:0 auto;}
.fd-form{display:flex; flex-direction:column; gap:14px; background:var(--fd-nero-2); padding:24px; border-radius:14px; border:1px solid rgba(205,163,73,.2);}
.fd-form label{display:flex; flex-direction:column; gap:6px; font-size:.85rem; color:var(--fd-beige-2);}
.fd-form input[type=text], .fd-form input[type=email], .fd-form input[type=password], .fd-form select{
background:var(--fd-nero); border:1px solid rgba(205,163,73,.3); border-radius:8px; padding:10px 12px; color:var(--fd-beige);
}
.fd-consent{flex-direction:row !important; align-items:flex-start; gap:8px !important; font-size:.78rem;}
.fd-consent input{margin-top:3px;}
.fd-btn-primary{
background:linear-gradient(115deg,var(--fd-oro-2),var(--fd-smeraldo)); color:var(--fd-nero); font-weight:800;
border:none; border-radius:8px; padding:12px; cursor:pointer; letter-spacing:.02em;
}
.fd-msg{padding:10px 14px; border-radius:8px; margin-bottom:14px; font-size:.85rem;}
.fd-msg-successo{background:rgba(28,107,77,.25); border:1px solid var(--fd-smeraldo); color:var(--fd-beige);}
.fd-msg-errore{background:rgba(181,48,47,.2); border:1px solid #b5302f; color:var(--fd-beige);} .facedance-admin-dashboard h1{display:flex; align-items:center; gap:12px;} .fd-registration-shell{max-width:640px!important;}
.fd-registration-intro{margin:0 0 16px;}
.fd-registration-intro h3{font-size:1.35rem!important;margin:5px 0 8px!important;}
.fd-registration-intro p{color:var(--fd-beige-2)!important;font-size:.88rem;line-height:1.6;}
.fd-form-help,.fd-registration-note{margin:0!important;color:var(--fd-beige-2)!important;font-size:.76rem!important;line-height:1.55;}
.fd-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important;}
.fd-registration-message{display:none;margin:0 0 14px!important;}
.fd-registration-message.is-visible{display:block;}
.fd-registration-form.is-loading .fd-registration-submit{pointer-events:none;opacity:.78;}
.fd-submit-loading{display:none;}
.fd-registration-form.is-loading .fd-submit-copy{display:none;}
.fd-registration-form.is-loading .fd-submit-loading{display:inline;}
.facedance-section .fd-registration-consent,.facedance-community-mode .fd-registration-consent{display:flex!important;flex-direction:row!important;align-items:flex-start!important;gap:11px!important;margin:5px 0 0!important;padding:13px 14px!important;background:rgba(236,207,126,.08)!important;border:1px solid rgba(205,163,73,.38)!important;border-radius:12px!important;color:var(--fd-beige)!important;font-size:.82rem!important;line-height:1.55!important;cursor:pointer!important;}
.facedance-section .fd-registration-consent span,.facedance-community-mode .fd-registration-consent span{display:block!important;color:var(--fd-beige)!important;}
.facedance-section .fd-registration-consent a,.facedance-community-mode .fd-registration-consent a{color:var(--fd-oro-2)!important;text-decoration:underline!important;text-underline-offset:2px;}
.facedance-section .fd-registration-consent input[type=checkbox],.facedance-community-mode .fd-registration-consent input[type=checkbox]{appearance:auto!important;-webkit-appearance:checkbox!important;display:block!important;visibility:visible!important;opacity:1!important;width:20px!important;height:20px!important;min-width:20px!important;margin:2px 0 0!important;padding:0!important;border:1px solid var(--fd-oro)!important;border-radius:3px!important;background:#fff!important;accent-color:var(--fd-oro)!important;box-shadow:none!important;}
.facedance-section .fd-registration-form input:focus,.facedance-community-mode .fd-registration-form input:focus,.facedance-community-mode .fd-registration-form select:focus{outline:2px solid rgba(236,207,126,.75)!important;outline-offset:2px!important;} .fd-filter-bar select{
background:var(--fd-nero); color:var(--fd-beige); border:1px solid rgba(205,163,73,.4);
border-radius:8px; padding:6px 10px; font-family:'Inter',sans-serif; font-size:.85rem;
}
.fd-filter-bar label{color:var(--fd-beige-2); font-size:.85rem;} .facedance-friend-btn{
background:transparent; border:1px solid var(--fd-smeraldo); color:var(--fd-beige-2);
border-radius:18px; padding:5px 12px; font-size:.74rem; cursor:pointer; transition:.2s; white-space:nowrap;
}
.facedance-friend-btn-amici{background:linear-gradient(115deg,var(--fd-smeraldo),var(--fd-oro)); color:var(--fd-nero); border-color:transparent; font-weight:700;}
.facedance-friend-btn-in_attesa_mia{border-color:var(--fd-oro); color:var(--fd-oro-2); font-weight:700;}
.facedance-friend-btn-in_attesa_loro{opacity:.7;}
.fd-friend-requests{display:flex; flex-direction:column; gap:10px; margin:10px 0 22px;}
.fd-friend-request-row{display:flex; align-items:center; gap:12px; flex-wrap:wrap;}
.fd-friend-request-row img{border-radius:50%;}
.fd-friend-request-row .fd-card-actions-row{margin:0 0 0 auto; flex:0 0 auto;} .fd-member-avatar{position:relative; display:inline-block;}
.fd-presence-dot{
position:absolute; bottom:2px; right:2px; width:12px; height:12px; border-radius:50%;
border:2px solid var(--fd-nero);
}
.fd-presence-dot.is-online{background:#3bb273;}
.fd-presence-dot.is-offline{background:#6b6b63;}
.fd-presence-label{font-size:.72rem; opacity:.75; margin:4px 0 0;} .fd-comments-count{opacity:.75; font-size:.78em;}
.fd-comments-thread{margin-top:10px; padding-top:10px; border-top:1px solid rgba(205,163,73,.18);}
.fd-comments-empty{font-size:.82rem; opacity:.7; margin:6px 0;}
.fd-comment-row{display:flex; gap:8px; margin-bottom:10px; align-items:flex-start;}
.fd-comment-row img{border-radius:50%; flex:0 0 auto;}
.fd-comment-body{background:rgba(255,255,255,.04); border-radius:10px; padding:6px 10px; flex:1;}
.fd-comment-body p{margin:2px 0; font-size:.85rem;}
.fd-comment-date{font-size:.7rem; opacity:.6;}
.fd-comment-form{display:flex; gap:8px; margin-top:8px; align-items:flex-end;}
.fd-comment-form textarea{flex:1; resize:vertical; min-height:38px; background:var(--fd-nero); color:var(--fd-beige); border:1px solid rgba(205,163,73,.35); border-radius:8px; padding:6px 10px; font-family:'Inter',sans-serif; font-size:.85rem;} .fd-condition-tag{font-size:.7rem; font-weight:700; color:var(--fd-oro-2); border:1px solid rgba(205,163,73,.4); border-radius:999px; padding:1px 8px;}
.fd-listing-contatti{display:flex; flex-wrap:wrap; gap:6px; margin:8px 0;}
.fd-listing-contatti .facedance-message-btn{font-size:.74rem;} .fd-modal{position:fixed; inset:0; z-index:99999; display:flex; align-items:center; justify-content:center; padding:24px;}
.fd-modal[hidden]{display:none;}
.fd-modal-backdrop{position:absolute; inset:0; background:rgba(10,11,8,.78); backdrop-filter:blur(2px);}
.fd-modal-panel{
position:relative; max-width:720px; width:100%; max-height:88vh; overflow-y:auto;
background:var(--fd-nero); border:1px solid rgba(205,163,73,.35); border-radius:16px;
padding:28px; box-shadow:0 30px 70px rgba(0,0,0,.5);
}
.fd-modal-close{
position:absolute; top:14px; right:14px; background:rgba(255,255,255,.06); border:1px solid rgba(205,163,73,.4);
color:var(--fd-beige); width:32px; height:32px; border-radius:50%; cursor:pointer; font-size:.9rem; z-index:2;
}
.fd-modal-close:hover{background:rgba(205,163,73,.25);}
body.fd-modal-open{overflow:hidden;}
@media (max-width:600px){
.fd-modal{padding:0;}
.fd-modal-panel{max-height:100vh; height:100%; border-radius:0; padding:20px;}
} .fd-avatar-picker{background:rgba(255,255,255,.03); border:1px solid rgba(205,163,73,.18); border-radius:14px; padding:18px; margin-bottom:24px;}
.fd-avatar-picker-preview{display:flex; justify-content:center; margin-bottom:14px;}
.fd-avatar-picker-actions{display:flex; flex-direction:column; align-items:center; gap:6px; text-align:center;}
.fd-avatar-upload-label{cursor:pointer; display:inline-block;}
.fd-avatar-picker-note{font-size:.74rem; opacity:.7;}
.fd-avatar-picker-msg{text-align:center; font-size:.8rem; color:var(--fd-oro-2); margin-top:10px;}
.fd-avatar-picker-or{text-align:center; font-size:.76rem; opacity:.65; margin:16px 0 10px;}
.fd-avatar-gallery{display:flex; flex-wrap:wrap; gap:10px; justify-content:center;}
.fd-avatar-option{
background:var(--fd-nero); border:1px solid rgba(205,163,73,.25); border-radius:12px;
width:64px; height:78px; padding:4px; cursor:pointer; transition:.15s;
}
.fd-avatar-option:hover{border-color:var(--fd-oro); transform:scale(1.06);}
.fd-avatar-option svg{width:100%; height:100%;} .fd-emoji-bar{display:flex; flex-wrap:wrap; gap:2px; margin-bottom:4px;}
.fd-emoji-bar button{background:transparent; border:none; cursor:pointer; font-size:1.1rem; padding:2px 4px; border-radius:6px; line-height:1;}
.fd-emoji-bar button:hover{background:rgba(205,163,73,.18);} .fd-event-modal-content{margin:14px 0; line-height:1.6; color:var(--fd-beige);} .fd-notifiche-lista{display:flex; flex-direction:column; gap:8px; margin-bottom:24px;}
.fd-notifica-row{display:flex; align-items:flex-start; gap:10px;}
.fd-notifica-row img{border-radius:50%; flex:0 0 auto;}
.fd-notifica-row.is-unread{border-color:var(--fd-oro); background:rgba(205,163,73,.08);}
.fd-notifica-testo p{margin:0 0 2px; font-size:.86rem;} .fd-hashtag-link, .fd-mention-link{color:var(--fd-oro-2); font-weight:600; text-decoration:none;}
.fd-hashtag-link:hover, .fd-mention-link:hover{text-decoration:underline;}
.fd-plain-link{color:var(--fd-oro-2); text-decoration:underline; text-underline-offset:2px; word-break:break-word;}
.fd-plain-link:hover{color:var(--fd-oro);} .fd-banner-img-link{display:flex;align-items:center;justify-content:center;min-height:76px;max-height:170px;background:linear-gradient(135deg,rgba(205,163,73,.06),rgba(28,107,77,.12));}
.fd-banner-img-link img{width:auto;max-width:100%;height:auto;max-height:154px;object-fit:contain;padding:8px 14px;} .fd-notifica-avatar-wrap{position:relative;display:block;flex:0 0 auto;width:40px;height:40px;}
.fd-notifica-avatar-wrap img{display:block;width:40px;height:40px;border-radius:50%;}
.fd-notifica-system-avatar{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,rgba(205,163,73,.55),rgba(28,107,77,.7));color:var(--fd-beige);font-family:'Space Grotesk',sans-serif;font-size:.66rem;font-weight:800;}
.fd-notifica-type-icon{position:absolute;right:-4px;bottom:-4px;display:grid;place-items:center;width:19px;height:19px;border:2px solid var(--fd-nero);border-radius:50%;background:var(--fd-oro-2);color:var(--fd-nero);font-family:'Space Grotesk',sans-serif;font-size:.65rem;font-weight:800;line-height:1;}
.fd-notifica-tag .fd-notifica-type-icon{background:#6fc8ad;}
.fd-notifica-messaggio .fd-notifica-type-icon{background:#84b7e8;}
.fd-notifica-amicizia_richiesta .fd-notifica-type-icon{background:#e7a65e;} .fd-action.fd-reshare-btn{appearance:none;border:0;background:transparent;padding:0;color:var(--fd-beige-2);font:inherit;font-size:.85rem;cursor:pointer;display:inline-flex;align-items:center;gap:5px;}
.fd-action.fd-reshare-btn:hover,.fd-action.fd-reshare-btn:focus-visible{color:var(--fd-oro-2);outline:none;}
.fd-reshare-btn.is-active{color:var(--fd-oro-2);font-weight:700;}
.fd-reshare-btn.is-loading{opacity:.58;pointer-events:none;}
.fd-reshare-icon{font-size:1.02rem;line-height:1;}
.fd-reshare-count{display:none;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:rgba(205,163,73,.17);color:var(--fd-oro-2);font-size:.64rem;line-height:16px;text-align:center;}
.fd-reshare-count.has-count{display:inline-block;}
.fd-repost-note{padding:0 16px 10px;color:var(--fd-oro-2);font-size:.76rem;font-weight:800;letter-spacing:.02em;}
.fd-reshare-original{margin:0 16px 14px;border:1px solid rgba(205,163,73,.24);border-radius:12px;overflow:hidden;background:rgba(10,11,8,.34);}
.fd-reshare-original-missing{padding:16px;color:var(--fd-beige-2);}
.fd-reshare-original-head{display:flex;align-items:center;gap:9px;padding:11px 12px;border-bottom:1px solid rgba(205,163,73,.12);}
.fd-reshare-original-head img{width:34px;height:34px;border-radius:50%;}
.fd-reshare-original-head time{display:block;margin-top:2px;color:var(--fd-beige-2);font-size:.68rem;}
.fd-reshare-original-body{padding:12px;}
.fd-reshare-original-body h3{margin:0 0 5px;font-size:.94rem;}
.fd-reshare-original-body p{margin:0;color:var(--fd-beige-2);font-size:.86rem;line-height:1.52;}
.fd-post-group-badge{display:inline-flex;align-items:center;gap:5px;margin:0 0 9px;padding:4px 9px;border:1px solid rgba(205,163,73,.32);border-radius:999px;color:var(--fd-oro-2);background:rgba(205,163,73,.09);font-size:.68rem;font-weight:800;text-decoration:none;}
.fd-post-group-badge:hover{background:rgba(205,163,73,.18);} .fd-groups-panel{max-width:1040px;margin:0 auto;}
.fd-groups-heading{margin-bottom:18px;}
.fd-groups-heading h2{margin:6px 0 7px;font-family:'Space Grotesk',sans-serif;font-size:clamp(1.55rem,3vw,2.25rem);}
.fd-groups-heading p{max-width:720px;color:var(--fd-beige-2);line-height:1.6;}
.fd-groups-create-card{margin:0 0 24px;border:1px solid rgba(205,163,73,.25);border-radius:16px;background:linear-gradient(135deg,rgba(205,163,73,.10),rgba(28,107,77,.15));overflow:hidden;}
.fd-groups-create-card>summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 18px;cursor:pointer;list-style:none;}
.fd-groups-create-card>summary::-webkit-details-marker{display:none;}
.fd-groups-create-card>summary strong{display:block;color:var(--fd-oro-2);font-size:1rem;}
.fd-groups-create-card>summary small{display:block;margin-top:4px;color:var(--fd-beige-2);font-size:.74rem;line-height:1.4;}
.fd-groups-summary-icon{display:grid;place-items:center;width:28px;height:28px;border:1px solid rgba(205,163,73,.35);border-radius:50%;color:var(--fd-oro-2);font-size:1.1rem;}
.fd-groups-create-card[open] .fd-groups-summary-icon{transform:rotate(45deg);}
.fd-group-create-form{padding:0 18px 18px;}
.fd-group-create-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px;}
.fd-group-create-actions span{color:var(--fd-beige-2);font-size:.72rem;}
.fd-groups-section-title{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:26px 0 12px;}
.fd-groups-section-title h3,.fd-groups-pending h3{margin:0;font-family:'Space Grotesk',sans-serif;font-size:1.18rem;}
.fd-groups-section-title span{color:var(--fd-beige-2);font-size:.74rem;}
.fd-groups-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:14px;}
.fd-group-card{display:flex;flex-direction:column;min-height:232px;padding:16px;border:1px solid rgba(205,163,73,.19);border-radius:15px;background:rgba(19,21,14,.82);box-shadow:0 16px 44px -34px rgba(0,0,0,.85);}
.fd-group-card.is-pending{border-style:dashed;opacity:.85;}
.fd-group-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px;}
.fd-group-type,.fd-group-pending{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:.64rem;font-weight:800;letter-spacing:.02em;}
.fd-group-type{background:rgba(28,107,77,.30);color:#a3e0bd;border:1px solid rgba(111,211,163,.20);}
.fd-group-pending{background:rgba(205,163,73,.15);color:var(--fd-oro-2);border:1px solid rgba(205,163,73,.28);}
.fd-group-card-image img{display:block;width:100%;height:118px;object-fit:cover;border-radius:10px;margin-bottom:12px;}
.fd-group-card h3{margin:0 0 7px;font-family:'Space Grotesk',sans-serif;font-size:1.02rem;line-height:1.24;}
.fd-group-card h3 a{color:var(--fd-beige);text-decoration:none;}
.fd-group-card h3 a:hover{color:var(--fd-oro-2);}
.fd-group-card>p{margin:0 0 12px;color:var(--fd-beige-2);font-size:.79rem;line-height:1.5;}
.fd-group-card-meta{display:flex;flex-direction:column;gap:4px;margin-top:auto;color:var(--fd-beige-2);font-size:.68rem;}
.fd-group-card-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:13px;}
.fd-group-card-actions .fd-btn-ghost{margin:0;}
.fd-btn-ghost.fd-group-membership,.fd-group-login{margin:0;background:transparent;font-family:inherit;cursor:pointer;}
.fd-btn-ghost.fd-group-membership.is-member{background:rgba(28,107,77,.28);border-color:rgba(111,211,163,.42);color:#b7ebcb;}
.fd-btn-ghost.fd-group-membership.is-loading{opacity:.58;pointer-events:none;}
.fd-group-owner-badge{display:inline-flex;padding:7px 10px;border-radius:999px;background:rgba(205,163,73,.13);color:var(--fd-oro-2);font-size:.71rem;font-weight:800;}
.fd-group-detail{max-width:780px;margin:0 auto;}
.fd-group-back{display:inline-flex;margin:0 0 14px;color:var(--fd-oro-2);font-size:.79rem;font-weight:800;text-decoration:none;}
.fd-group-detail-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:22px;border:1px solid rgba(205,163,73,.25);border-radius:18px;background:linear-gradient(135deg,rgba(205,163,73,.12),rgba(28,107,77,.19));}
.fd-group-detail-hero h2{margin:6px 0 8px;font-family:'Space Grotesk',sans-serif;font-size:clamp(1.45rem,3vw,2rem);}
.fd-group-detail-hero p{max-width:600px;margin:0;color:var(--fd-beige-2);line-height:1.58;}
.fd-group-detail-meta{display:flex;gap:12px;flex-wrap:wrap;margin-top:13px;color:var(--fd-beige-2);font-size:.73rem;}
.fd-group-discussion-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:26px 0 13px;}
.fd-group-discussion-heading h3{margin:4px 0 0;font-family:'Space Grotesk',sans-serif;font-size:1.25rem;}
.fd-group-discussion-heading>span{max-width:260px;color:var(--fd-beige-2);font-size:.72rem;line-height:1.45;text-align:right;}
.fd-group-feed{max-width:640px;}
@media(max-width:640px){.fd-group-detail-hero{flex-direction:column;}.fd-group-discussion-heading{align-items:flex-start;flex-direction:column;}.fd-group-discussion-heading>span{text-align:left;}.fd-groups-grid{grid-template-columns:1fr;}} .fd-account-avatar .avatar,
.fd-profile-avatar .avatar,
.fd-avatar-picker-preview .avatar,
.fd-member-avatar .avatar,
.fd-notifica-avatar-wrap .avatar {
display:block !important;
max-width:100% !important;
max-height:100% !important;
width:100% !important;
height:100% !important;
object-fit:contain !important;
object-position:center center !important;
background:#10120d !important;
} .facedance-avatar-photo,
.avatar.facedance-avatar {
object-fit:cover;
}
.fd-profile-avatar,.fd-account-avatar,.fd-avatar-picker-preview,.fd-member-avatar,.fd-notifica-avatar-wrap{overflow:hidden;}
.fd-profile-avatar{background:#10120d;}
.fd-profile-avatar .avatar{width:100% !important;height:100% !important;} .facedance-community-mode a.fd-notifica-link,
a.fd-notifica-link{color:inherit;text-decoration:none;cursor:pointer;transition:transform .16s ease, border-color .16s ease, background .16s ease;}
.facedance-community-mode a.fd-notifica-link:hover,
.facedance-community-mode a.fd-notifica-link:focus-visible,
a.fd-notifica-link:hover,
a.fd-notifica-link:focus-visible{transform:translateY(-1px);border-color:rgba(205,163,73,.7);background:rgba(205,163,73,.10);outline:none;}
.fd-notifica-row{position:relative;}
.fd-notifica-open-icon{align-self:center;margin-left:auto;color:var(--fd-oro-2);font-size:1.45rem;line-height:1;font-weight:700;}
.facedance-feed-card.is-focused{border-color:var(--fd-oro-2)!important;box-shadow:0 0 0 3px rgba(205,163,73,.16),0 20px 46px rgba(0,0,0,.24);animation:fd-post-focus 1.6s ease both;}
@keyframes fd-post-focus{0%{transform:translateY(10px);opacity:.65}100%{transform:translateY(0);opacity:1}} .facedance-community-mode .fd-group-discussion-card .fd-card-head > a:first-child,
.facedance-community-mode .fd-group-discussion-card .fd-card-head > a:first-child .avatar,
.fd-group-discussion-card .fd-card-head > a:first-child,
.fd-group-discussion-card .fd-card-head > a:first-child .avatar {
display:block !important;
flex:0 0 40px !important;
width:40px !important;
height:40px !important;
min-width:40px !important;
min-height:40px !important;
max-width:40px !important;
max-height:40px !important;
overflow:hidden !important;
border-radius:50% !important;
}
.facedance-community-mode .fd-group-discussion-card .fd-card-head > a:first-child .avatar,
.fd-group-discussion-card .fd-card-head > a:first-child .avatar {
object-fit:cover !important;
object-position:center center !important;
background:#10120d !important;
border:1px solid rgba(205,163,73,.42) !important;
} .facedance-community-mode .fd-group-discussion-card .fd-card-head { align-items:center !important; }