:root{
--bg:#0b1020;
--bg-soft:#121934;
--card:rgba(20,28,58,.82);
--border:rgba(255,255,255,.08);
--text:#f5f7ff;
--muted:#aeb7d8;
--primary:#7c6cff;
--primary-2:#4facfe;
--shadow:0 20px 60px rgba(0,0,0,.35);
--radius:22px;
}

*{
box-sizing:border-box;
}

html,body{
margin:0;
padding:0;
}

body{
font-family:Arial, Helvetica, sans-serif;
background:
radial-gradient(circle at top, rgba(79,172,254,.12), transparent 30%),
radial-gradient(circle at 80% 20%, rgba(124,108,255,.12), transparent 24%),
linear-gradient(180deg, #0a0f1d 0%, #0b1020 100%);
color:var(--text);
min-height:100vh;
}

a{
text-decoration:none;
color:inherit;
}

.topbar{
width:min(1180px, calc(100% - 32px));
margin:0 auto;
padding:22px 0;
display:flex;
justify-content:space-between;
align-items:center;
gap:16px;
}

.brand{
display:flex;
align-items:center;
gap:12px;
}

.brand-mark{
width:38px;
height:38px;
border-radius:12px;
background:linear-gradient(135deg,var(--primary-2),var(--primary));
box-shadow:0 0 28px rgba(124,108,255,.35);
display:inline-block;
}

.brand-name{
font-size:1.15rem;
font-weight:700;
}

.topnav{
display:flex;
gap:10px;
flex-wrap:wrap;
align-items:center;
}

.page-shell,
.landing{
width:min(1180px, calc(100% - 32px));
margin:0 auto;
padding:12px 0 48px;
}

.page-shell.wide{
width:min(1280px, calc(100% - 32px));
}

.panel,
.hero-card,
.portal-card,
.info-card,
.sidebar-card,
.post-card,
.composer-card{
background:var(--card);
border:1px solid var(--border);
border-radius:var(--radius);
box-shadow:var(--shadow);
backdrop-filter:blur(10px);
}

.hero-card{
padding:40px;
}

.eyebrow{
color:var(--primary-2);
font-size:.9rem;
margin:0 0 10px;
}

h1,h2,h3,p{
margin-top:0;
}

h1{
font-size:clamp(2rem, 4vw, 3.7rem);
line-height:1.08;
margin-bottom:14px;
}

h1 span{
background:linear-gradient(90deg,var(--primary-2),#d7b7ff);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
background-clip:text;
}

h2{
font-size:1.25rem;
margin-bottom:16px;
}

.muted,
.hero-text,
.helper{
color:var(--muted);
}

.portal-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:18px;
margin-top:28px;
}

.portal-card{
padding:24px;
transition:transform .2s ease,border-color .2s ease;
}

.portal-card:hover{
transform:translateY(-4px);
border-color:rgba(124,108,255,.35);
}

.page-shell .panel{
padding:28px;
}

.auth-panel{
max-width:520px;
margin:40px auto 0;
}

.form-stack{
display:grid;
gap:14px;
}

input, textarea{
width:100%;
padding:14px 16px;
border-radius:16px;
border:1px solid var(--border);
background:rgba(255,255,255,.04);
color:var(--text);
outline:none;
}

textarea{
min-height:120px;
resize:vertical;
}

input::placeholder,
textarea::placeholder{
color:#8d97bc;
}

.btn{
display:inline-flex;
align-items:center;
justify-content:center;
border:none;
cursor:pointer;
border-radius:999px;
padding:12px 18px;
font-weight:600;
transition:transform .18s ease, opacity .18s ease;
}

.btn:hover{
transform:translateY(-1px);
}

.btn-soft{
background:rgba(255,255,255,.06);
color:var(--text);
border:1px solid rgba(255,255,255,.08);
}

.btn-primary{
background:linear-gradient(135deg,var(--primary-2),var(--primary));
color:white;
}

.btn-full{
width:100%;
}

.onboarding-grid{
display:grid;
grid-template-columns:1.05fr 1fr;
gap:22px;
}

.onboarding-right{
display:grid;
gap:18px;
}

.info-stack{
display:grid;
gap:14px;
margin-top:22px;
}

.info-card{
padding:18px;
display:grid;
gap:8px;
}

.choice-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:14px;
}

.choice-btn,
.tag-btn{
width:100%;
text-align:left;
padding:15px 16px;
border-radius:18px;
border:1px solid var(--border);
background:rgba(255,255,255,.04);
color:var(--text);
cursor:pointer;
}

.choice-btn.active,
.tag-btn.active{
border-color:#73d7ff;
box-shadow:0 0 0 1px rgba(115,215,255,.45) inset;
background:linear-gradient(135deg, rgba(79,172,254,.18), rgba(124,108,255,.18));
}

.tag-grid{
display:flex;
flex-wrap:wrap;
gap:12px;
}

.tag-btn{
width:auto;
}

.action-row{
display:flex;
gap:12px;
justify-content:flex-end;
flex-wrap:wrap;
}

.action-row.left{
justify-content:flex-start;
}

.feed-layout{
display:grid;
grid-template-columns:280px 1fr 280px;
gap:20px;
}

.nav-link{
display:block;
padding:10px 0;
color:var(--muted);
}

.post-meta{
color:var(--muted);
font-size:.92rem;
}

.ai-box{
display:flex;
gap:12px;
margin-top:18px;
flex-wrap:wrap;
}

.step-badge{
color:var(--muted);
font-size:.95rem;
}

@media (max-width: 980px){
.portal-grid,
.onboarding-grid,
.feed-layout{
grid-template-columns:1fr;
}

.choice-grid{
grid-template-columns:1fr;
}
}

@media (max-width: 640px){
.hero-card{
padding:26px;
}

.topbar{
flex-direction:column;
align-items:flex-start;
}

.topnav{
width:100%;
}
}
/* =========================
SIGNUP WORDPRESS STYLE
========================= */

.signup-layout{
display:grid;
grid-template-columns: minmax(0, 1.2fr) 360px;
gap:22px;
align-items:start;
}

.signup-left{
display:grid;
gap:22px;
}

.signup-right{
display:grid;
gap:22px;
position:sticky;
top:16px;
}

.signup-hero{
padding:34px;
}

.signup-hero h1{
margin-bottom:20px;
}

.hero-actions{
display:flex;
gap:12px;
flex-wrap:wrap;
margin-top:18px;
}

.showcase-card{
padding:24px;
}

.showcase-head{
display:flex;
justify-content:space-between;
align-items:center;
gap:14px;
margin-bottom:20px;
flex-wrap:wrap;
}

.showcase-head > span{
font-weight:700;
}

.mini-nav{
display:flex;
gap:18px;
color:var(--muted);
font-size:.95rem;
flex-wrap:wrap;
}

.showcase-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:16px;
}

.mini-project{
background:rgba(255,255,255,.04);
border:1px solid var(--border);
border-radius:20px;
padding:20px;
}

.mini-project h3{
margin-bottom:10px;
font-size:1.05rem;
}

.mini-project p{
color:var(--muted);
margin:0;
line-height:1.5;
}

.project-steps-card{
padding:24px;
}

.steps-grid{
margin-top:22px;
display:grid;
grid-template-columns:repeat(4,1fr);
gap:14px;
}

.step-box{
background:rgba(255,255,255,.04);
border:1px solid var(--border);
border-radius:20px;
padding:18px;
display:grid;
gap:10px;
}

.step-num{
width:28px;
height:28px;
border-radius:999px;
display:inline-flex;
align-items:center;
justify-content:center;
background:rgba(79,172,254,.14);
color:var(--primary-2);
font-size:.9rem;
font-weight:700;
}

.step-box strong{
line-height:1.35;
}

.step-box p{
margin:0;
color:var(--muted);
line-height:1.45;
}

.highlight-box ul{
margin:0;
padding-left:18px;
color:var(--muted);
}

.signup-form-card{
padding:26px;
}

.small-brand{
display:flex;
align-items:center;
gap:10px;
margin-bottom:14px;
font-weight:700;
}

.brand-mark.small{
width:22px;
height:22px;
border-radius:999px;
}

.signup-form-card h2{
font-size:2rem;
margin-bottom:18px;
}

.ai-side-card{
padding:22px;
display:grid;
gap:18px;
}

.ai-side-head{
display:flex;
justify-content:space-between;
gap:16px;
align-items:flex-start;
}

.ai-side-head p{
margin:6px 0 0;
color:var(--muted);
line-height:1.45;
}

.ai-mini-avatar{
width:48px;
height:48px;
border-radius:16px;
background:linear-gradient(135deg,var(--primary-2),var(--primary));
box-shadow:0 0 24px rgba(124,108,255,.28);
flex:0 0 auto;
}

.ai-creator-card{
background:rgba(255,255,255,.04);
border:1px solid var(--border);
border-radius:22px;
padding:18px;
display:grid;
gap:14px;
}

.ai-ring{
width:34px;
height:34px;
border-radius:999px;
border:6px solid var(--primary-2);
opacity:.95;
}

.ai-creator-card h3{
margin:0;
font-size:1.8rem;
}

.side-info-box{
background:rgba(255,255,255,.03);
border:1px solid var(--border);
border-radius:16px;
padding:14px;
}

.side-info-box p{
margin:8px 0 0;
color:var(--muted);
line-height:1.45;
}

.side-bottom-row{
display:flex;
justify-content:space-between;
align-items:center;
gap:10px;
flex-wrap:wrap;
color:var(--muted);
font-size:.92rem;
}

@media (max-width: 1100px){
.signup-layout{
grid-template-columns:1fr;
}

.signup-right{
position:static;
}

.steps-grid{
grid-template-columns:repeat(2,1fr);
}
}

@media (max-width: 720px){
.showcase-grid,
.steps-grid{
grid-template-columns:1fr;
}

.signup-hero,
.showcase-card,
.project-steps-card,
.signup-form-card,
.ai-side-card{
padding:20px;
}

.signup-form-card h2{
font-size:1.7rem;
}

.ai-creator-card h3{
font-size:1.5rem;
}
}
.signup-layout{
display:grid;
grid-template-columns: 1fr 380px;
gap:24px;
align-items:start;
}

.signup-left{
display:flex;
flex-direction:column;
gap:20px;
}

.signup-right{
position:sticky;
top:20px;
display:flex;
flex-direction:column;
gap:20px;
}
.role-select{
display:grid;
gap:10px;
}

.role-select p{
margin:0;
color:var(--muted);
font-size:.95rem;
}

.role-options{
display:flex;
flex-wrap:wrap;
gap:10px;
}

.role-options button{
background:rgba(255,255,255,.05);
border:1px solid rgba(255,255,255,.1);
padding:10px 14px;
border-radius:14px;
color:var(--text);
cursor:pointer;
transition:all .18s ease;
}

.role-options button:hover{
background:rgba(79,172,254,.18);
border-color:rgba(79,172,254,.35);
}

.role-options button.active{
background:linear-gradient(135deg, rgba(79,172,254,.22), rgba(124,108,255,.22));
border-color:#73d7ff;
box-shadow:0 0 0 1px rgba(115,215,255,.35) inset;
}
.hiive-dark-layout{
display:grid;
grid-template-columns:260px 1fr 300px;
gap:20px;
padding:24px;
}

.hiive-left, .us-right{
display:flex;
flex-direction:column;
gap:16px;
}

.hiive-center{
display:flex;
flex-direction:column;
gap:20px;
}

.hiive-card{
background:rgba(255,255,255,.04);
border:1px solid var(--border);
border-radius:16px;
padding:16px;
}

.hiive-list{
padding-left:16px;
color:var(--muted);
}

.hiive-hero{
padding:30px;
}

.hiive-create input{
width:100%;
padding:14px;
border-radius:12px;
border:1px solid var(--border);
background:rgba(255,255,255,.05);
color:white;
margin-bottom:10px;
}

.hiive-post{
padding:20px;
}

.post-head{
display:flex;
gap:10px;
align-items:center;
margin-bottom:10px;
}

.avatar{
width:40px;
height:40px;
border-radius:12px;
background:linear-gradient(135deg,#4facfe,#7c6cff);
}

.post-image{
height:220px;
border-radius:16px;
background:linear-gradient(135deg,#333,#111);
margin-top:10px;
}
/* =========================
Hiive SOCIAL V2
========================= */

.hiive-v2-grid{
display:grid;
grid-template-columns:260px minmax(0,1fr) 280px;
gap:22px;
align-items:start;
}

.hiive-v2-left,
.hiive-v2-center,
.hiive-v2-right{
display:grid;
gap:22px;
}

.hiive-v2-right{
position:sticky;
top:16px;
}

.hiive-v2-side-card{
padding:20px;
}

.hiive-v2-mini{
background:rgba(255,255,255,.04);
border:1px solid var(--border);
border-radius:18px;
padding:16px;
display:grid;
gap:8px;
margin-bottom:12px;
}

.hiive-v2-mini p{
margin:0;
color:var(--muted);
line-height:1.45;
}

.hiive-v2-list{
list-style:disc;
padding-left:20px;
margin:0;
display:grid;
gap:14px;
}

.hiive-v2-list li strong,
.hiive-v2-list li span{
display:block;
}

.hiive-v2-list li span{
color:var(--muted);
margin-top:4px;
line-height:1.45;
}

.hiive-v2-hero{
padding:24px;
}

.hiive-v2-hero-grid{
display:grid;
grid-template-columns:1.05fr .95fr;
gap:22px;
align-items:start;
}

.hiive-v2-copy h1{
margin-bottom:14px;
}

.hiive-v2-subnav{
margin-top:18px;
color:var(--muted);
font-size:.95rem;
}

.hiive-v2-media-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:14px;
}

.hiive-v2-media-card{
background:rgba(255,255,255,.04);
border:1px solid var(--border);
border-radius:18px;
padding:12px;
overflow:hidden;
}

.hiive-v2-media-card img{
width:100%;
height:110px;
object-fit:cover;
border-radius:14px;
display:block;
margin-bottom:10px;
}

.hiive-v2-media-card h4{
margin:0 0 6px;
font-size:1rem;
}

.hiive-v2-media-card p{
margin:0;
color:var(--muted);
line-height:1.45;
font-size:.92rem;
}

.hiive-v2-audio-card{
display:flex;
flex-direction:column;
justify-content:center;
}

.hiive-v2-audio-bars{
display:flex;
align-items:flex-end;
gap:6px;
height:64px;
margin-bottom:10px;
}

.hiive-v2-audio-bars span{
width:8px;
border-radius:999px;
background:linear-gradient(180deg,var(--primary-2),var(--primary));
}

.hiive-v2-audio-bars span:nth-child(1){height:20px;}
.hiive-v2-audio-bars span:nth-child(2){height:34px;}
.hiive-v2-audio-bars span:nth-child(3){height:50px;}
.hiive-v2-audio-bars span:nth-child(4){height:28px;}
.hiive-v2-audio-bars span:nth-child(5){height:40px;}

.hiive-v2-compose{
padding:24px;
}

.hiive-v2-composer-row{
display:grid;
grid-template-columns:1fr auto;
gap:12px;
margin-top:14px;
}

.hiive-v2-actions{
display:flex;
flex-wrap:wrap;
gap:10px;
margin-top:14px;
}

.hiivee-v2-post{
padding:22px;
}

.hiive-v2-post-head{
display:flex;
gap:12px;
align-items:center;
margin-bottom:12px;
}

.hiive-v2-avatar{
width:42px;
height:42px;
border-radius:999px;
display:flex;
align-items:center;
justify-content:center;
background:linear-gradient(135deg,var(--primary-2),var(--primary));
color:white;
font-weight:700;
flex:0 0 auto;
}

.hiive-v2-post-text{
line-height:1.6;
}

.hiive-v2-hash{
color:var(--primary-2);
font-weight:600;
}

.hiive-v2-post-image{
position:relative;
margin-top:16px;
}

.hiive-v2-post-image img{
width:100%;
height:320px;
object-fit:cover;
border-radius:20px;
display:block;
}

.hiive-v2-play{
position:absolute;
inset:50% auto auto 50%;
transform:translate(-50%,-50%);
width:72px;
height:72px;
border-radius:999px;
display:flex;
align-items:center;
justify-content:center;
background:rgba(255,255,255,.86);
color:var(--primary);
font-size:1.4rem;
font-weight:700;
box-shadow:0 12px 30px rgba(0,0,0,.22);
}

.hiive-v2-meta{
display:flex;
gap:18px;
margin-top:14px;
color:var(--muted);
font-size:.95rem;
}

.hiive-v2-audio-post{
display:flex;
align-items:center;
gap:12px;
margin:16px 0 12px;
}

.hiive-v2-audio-round{
width:44px;
height:44px;
border-radius:999px;
background:linear-gradient(135deg,var(--primary-2),var(--primary));
color:white;
display:flex;
align-items:center;
justify-content:center;
font-weight:700;
flex:0 0 auto;
}

.hiive-v2-audio-wave{
display:flex;
align-items:flex-end;
gap:5px;
height:36px;
}

.hiive-v2-audio-wave span{
width:6px;
border-radius:999px;
background:linear-gradient(180deg,var(--primary-2),var(--primary));
}

.hiive-v2-audio-wave span:nth-child(1){height:14px;}
.hiive-v2-audio-wave span:nth-child(2){height:30px;}
.hiive-v2-audio-wave span:nth-child(3){height:22px;}
.hiive-v2-audio-wave span:nth-child(4){height:34px;}
.hiive-v2-audio-wave span:nth-child(5){height:18px;}

.hiive-v2-cta{
padding:24px;
display:grid;
gap:16px;
}

.hiive-v2-cta h2{
font-size:2rem;
line-height:1.18;
margin-bottom:0;
}

.hiive-v2-cta h2 span{
background:linear-gradient(90deg,var(--primary-2),#c5bdff);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
background-clip:text;
}

@media (max-width: 1200px){
.hiive-v2-grid{
grid-template-columns:220px minmax(0,1fr) 250px;
}
}

@media (max-width: 980px){
.hiive-v2-grid{
grid-template-columns:1fr;
}

.hiive-v2-right{
position:static;
}

.hiive-v2-hero-grid{
grid-template-columns:1fr;
}
}

@media (max-width: 720px){
.hiive-v2-media-grid{
grid-template-columns:1fr;
}

.hiive-v2-composer-row{
grid-template-columns:1fr;
}

.hiive-v2-post-image img{
height:220px;
}
}
/* =========================
Hiive AUTH PAGES
========================= */

.hiive-auth-layout{
display:grid;
grid-template-columns: minmax(0, 1.15fr) 420px;
gap:24px;
align-items:start;
}

.hiive-auth-left,
.hiive-auth-right{
padding:28px;
}

.hiive-auth-left h1{
margin-bottom:14px;
}

.hiive-auth-highlights{
display:grid;
gap:14px;
margin-top:22px;
}

.hiive-auth-highlight{
background:rgba(255,255,255,.04);
border:1px solid var(--border);
border-radius:18px;
padding:16px;
}

.hiive-auth-highlight p{
margin:8px 0 0;
color:var(--muted);
line-height:1.45;
}

.hiive-auth-alt{
display:grid;
gap:10px;
margin-top:18px;
}

.hiive-auth-alt span{
color:var(--muted);
font-size:.92rem;
}

.hiive-auth-feed-preview{
display:grid;
gap:14px;
margin-top:22px;
}

.hiive-auth-post{
background:rgba(255,255,255,.04);
border:1px solid var(--border);
border-radius:18px;
padding:16px;
}

.hiive-auth-post p{
margin:10px 0 0;
color:var(--muted);
line-height:1.45;
}

.hiive-auth-post-head{
display:flex;
gap:12px;
align-items:center;
}

.hiive-auth-avatar{
width:42px;
height:42px;
border-radius:999px;
display:flex;
align-items:center;
justify-content:center;
background:linear-gradient(135deg,var(--primary-2),var(--primary));
color:#fff;
font-weight:700;
flex:0 0 auto;
}

@media (max-width: 980px){
.hiive-auth-layout{
grid-template-columns:1fr;
}
}
.hiive-signup-grid{
display:grid;
grid-template-columns:minmax(0,1fr) 430px;
gap:24px;
align-items:start;
}

.hiive-signup-left,
.hiive-signup-right{
padding:28px;
}

.hiive-signup-left h1{
margin-bottom:14px;
}

.hiive-signup-benefits{
display:grid;
gap:14px;
margin-top:22px;
}

.hiive-signup-benefit{
background:rgba(255,255,255,.04);
border:1px solid var(--border);
border-radius:18px;
padding:16px;
}

.hiive-signup-benefit p{
margin:8px 0 0;
color:var(--muted);
line-height:1.45;
}

.hiive-inline-fields{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
}

select{
width:100%;
padding:14px 16px;
border-radius:16px;
border:1px solid var(--border);
background:rgba(255,255,255,.04);
color:var(--text);
outline:none;
}

@media (max-width: 980px){
.hiive-signup-grid{
grid-template-columns:1fr;
}
}

@media (max-width: 640px){
.hiive-inline-fields{
grid-template-columns:1fr;
}
}
/* =========================
ONBOARDING Hiive
========================= */

.hiive-onboarding-grid{
display:grid;
grid-template-columns:minmax(0,1fr) 460px;
gap:24px;
align-items:start;
}

.hiive-onboarding-left,
.hiive-onboarding-right{
padding:28px;
}

.hiive-onboarding-left h1{
margin-bottom:14px;
}

.hiive-onboarding-benefits{
display:grid;
gap:14px;
margin-top:22px;
}

.multi-select button.active{
background:linear-gradient(135deg, rgba(79,172,254,.22), rgba(124,108,255,.22));
border-color:#73d7ff;
box-shadow:0 0 0 1px rgba(115,215,255,.35) inset;
}

@media (max-width: 980px){
.hiive-onboarding-grid{
grid-template-columns:1fr;
}
}
/* =========================
FEED OLYMPEUS
========================= */

.ol-feed-topbar{
width:min(1380px, calc(100% - 24px));
margin:18px auto 0;
padding:14px 18px;
background:rgba(20,28,58,.78);
border:1px solid var(--border);
border-radius:24px;
box-shadow:var(--shadow);
backdrop-filter:blur(14px);
display:grid;
grid-template-columns:auto minmax(220px, 1fr) auto;
gap:16px;
align-items:center;
}

.ol-feed-search{
display:flex;
align-items:center;
gap:10px;
padding:0 14px;
height:52px;
border-radius:18px;
background:rgba(255,255,255,.04);
border:1px solid var(--border);
}

.ol-feed-search svg,
.ol-icon-btn svg,
.ol-composer-actions svg,
.ol-side-primary svg,
.ol-side-nav svg,
.ol-post-actions svg,
.ol-create-post-btn svg,
.ol-suggest-icon svg{
width:18px;
height:18px;
stroke:currentColor;
fill:none;
stroke-width:1.9;
stroke-linecap:round;
stroke-linejoin:round;
flex:0 0 auto;
}

.ol-feed-search input{
background:transparent;
border:none;
outline:none;
color:var(--text);
width:100%;
padding:0;
}

.ol-feed-top-actions{
display:flex;
align-items:center;
gap:10px;
}

.ol-create-post-btn{
gap:8px;
}

.ol-icon-btn{
width:46px;
height:46px;
border-radius:16px;
background:rgba(255,255,255,.05);
color:var(--text);
border:1px solid var(--border);
display:flex;
align-items:center;
justify-content:center;
cursor:pointer;
}

.ol-user-mini{
display:flex;
align-items:center;
gap:10px;
padding-left:6px;
}

.ol-user-mini img{
width:40px;
height:40px;
border-radius:999px;
object-fit:cover;
}

.ol-feed-layout{
width:min(1380px, calc(100% - 24px));
margin:18px auto 40px;
display:grid;
grid-template-columns:280px minmax(0, 1fr) 300px;
gap:18px;
align-items:start;
}

.ol-feed-left,
.ol-feed-center,
.ol-feed-right{
display:grid;
gap:18px;
}

.ol-profile-card,
.ol-friends-card,
.ol-composer-card,
.ol-post-card,
.ol-suggest-card{
padding:18px;
}

.ol-profile-head{
display:flex;
gap:14px;
align-items:center;
}

.ol-profile-head img{
width:68px;
height:68px;
border-radius:999px;
object-fit:cover;
}

.ol-profile-head h3{
margin:0 0 8px;
font-size:1.5rem;
}

.ol-role-badge{
display:inline-flex;
align-items:center;
padding:8px 12px;
border-radius:999px;
background:rgba(124,108,255,.14);
border:1px solid rgba(124,108,255,.25);
color:#ddd9ff;
font-size:.92rem;
}

.ol-ai-pill{
margin-top:16px;
display:flex;
align-items:center;
gap:10px;
padding:12px 14px;
border-radius:16px;
background:rgba(124,108,255,.12);
border:1px solid rgba(124,108,255,.2);
}

.ol-ai-dot{
width:10px;
height:10px;
border-radius:999px;
background:linear-gradient(135deg,var(--primary-2),var(--primary));
box-shadow:0 0 10px rgba(79,172,254,.5);
}

.ol-ai-sep{
margin-left:auto;
color:var(--muted);
font-size:.92rem;
}

.ol-side-primary{
margin-top:16px;
display:flex;
align-items:center;
justify-content:center;
gap:10px;
padding:14px 16px;
border-radius:18px;
background:rgba(124,108,255,.14);
border:1px solid rgba(124,108,255,.2);
color:#fff;
font-weight:600;
}

.ol-side-nav{
display:grid;
gap:8px;
margin-top:16px;
}

.ol-side-nav a{
display:flex;
align-items:center;
gap:12px;
padding:13px 14px;
border-radius:16px;
color:var(--muted);
background:transparent;
border:1px solid transparent;
}

.ol-side-nav a span{
margin-left:auto;
color:var(--muted);
}

.ol-side-nav a.active,
.ol-side-nav a:hover{
color:#fff;
background:rgba(255,255,255,.04);
border-color:var(--border);
}

.ol-side-title-row{
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
margin-bottom:10px;
}

.ol-friend-item,
.ol-suggest-item{
display:flex;
gap:12px;
align-items:center;
padding:10px 0;
}

.ol-friend-item img,
.ol-suggest-item img{
width:46px;
height:46px;
border-radius:999px;
object-fit:cover;
}

.ol-friend-item strong,
.ol-suggest-item strong{
display:block;
}

.ol-friend-item p,
.ol-suggest-item p{
margin:4px 0 0;
color:var(--muted);
font-size:.92rem;
}

.ol-more-btn{
margin-top:12px;
display:flex;
align-items:center;
justify-content:center;
height:48px;
border-radius:16px;
border:1px solid var(--border);
background:rgba(255,255,255,.04);
color:#fff;
}

.ol-composer-top{
display:flex;
gap:14px;
align-items:center;
}

.ol-composer-top img{
width:56px;
height:56px;
border-radius:999px;
object-fit:cover;
}

.ol-composer-input{
flex:1;
}

.ol-composer-input input{
height:58px;
}

.ol-composer-actions{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:12px;
margin-top:16px;
}

.ol-composer-actions button{
min-height:58px;
border-radius:18px;
border:1px solid var(--border);
background:rgba(255,255,255,.04);
color:#fff;
display:flex;
align-items:center;
justify-content:center;
gap:10px;
cursor:pointer;
font-weight:600;
}

.ol-project-action{
background:linear-gradient(135deg, rgba(79,172,254,.16), rgba(124,108,255,.16)) !important;
}

.ol-feed-filters{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:16px;
}

.ol-feed-filters button{
padding:10px 14px;
border-radius:999px;
border:1px solid var(--border);
background:rgba(255,255,255,.04);
color:var(--muted);
cursor:pointer;
}

.ol-feed-filters button.active{
color:#fff;
border-color:rgba(115,215,255,.35);
background:linear-gradient(135deg, rgba(79,172,254,.18), rgba(124,108,255,.18));
}

.ol-post-head{
display:flex;
justify-content:space-between;
gap:10px;
align-items:flex-start;
}

.ol-post-user{
display:flex;
gap:12px;
align-items:center;
}

.ol-post-user img{
width:52px;
height:52px;
border-radius:999px;
object-fit:cover;
}

.ol-post-user h3{
margin:0;
}

.ol-post-user p{
margin:4px 0 0;
color:var(--muted);
font-size:.92rem;
}

.ol-dots-btn{
width:40px;
height:40px;
border-radius:14px;
background:rgba(255,255,255,.04);
border:1px solid var(--border);
color:var(--muted);
display:flex;
align-items:center;
justify-content:center;
cursor:pointer;
}

.ol-post-tags{
display:flex;
gap:8px;
flex-wrap:wrap;
margin-top:14px;
}

.ol-tag{
display:inline-flex;
align-items:center;
padding:7px 12px;
border-radius:999px;
font-size:.88rem;
font-weight:600;
}

.tag-idea{
background:rgba(79,172,254,.16);
color:#93d8ff;
border:1px solid rgba(79,172,254,.25);
}

.tag-collab{
background:rgba(124,108,255,.16);
color:#d2cbff;
border:1px solid rgba(124,108,255,.25);
}

.tag-progress{
background:rgba(80,200,120,.14);
color:#b6f0c6;
border:1px solid rgba(80,200,120,.2);
}

.ol-post-text{
margin-top:14px;
line-height:1.65;
font-size:1.08rem;
}

.ol-post-text a{
color:var(--primary-2);
}

.ol-post-image{
margin-top:16px;
}

.ol-post-image img{
width:100%;
height:320px;
object-fit:cover;
border-radius:22px;
display:block;
}

.ol-post-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:16px;
}

.ol-post-actions button{
min-width:100px;
padding:12px 14px;
border-radius:16px;
border:1px solid var(--border);
background:rgba(255,255,255,.04);
color:#fff;
display:flex;
align-items:center;
justify-content:center;
gap:8px;
cursor:pointer;
}

.ol-comment-card{
margin-top:16px;
padding:16px;
border-radius:18px;
background:rgba(255,255,255,.035);
border:1px solid var(--border);
}

.ol-comment-head{
display:flex;
gap:10px;
align-items:center;
}

.ol-comment-head img{
width:40px;
height:40px;
border-radius:999px;
object-fit:cover;
}

.ol-comment-head p{
margin:2px 0 0;
color:var(--muted);
font-size:.9rem;
}

.ol-comment-card p{
margin:12px 0;
line-height:1.55;
}

.ol-comment-card input{
height:48px;
}

.ol-suggest-icon{
width:46px;
height:46px;
border-radius:16px;
display:flex;
align-items:center;
justify-content:center;
color:#fff;
flex:0 0 auto;
}

.ol-suggest-icon.blue{background:linear-gradient(135deg,#51b7ff,#5d7cff);}
.ol-suggest-icon.purple{background:linear-gradient(135deg,#a05cff,#6c63ff);}
.ol-suggest-icon.coral{background:linear-gradient(135deg,#ff8a65,#ff5f6d);}
.ol-suggest-icon.green{background:linear-gradient(135deg,#65d38a,#3bb273);}

@media (max-width: 1180px){
.ol-feed-layout{
grid-template-columns:260px minmax(0,1fr);
}

.ol-feed-right{
grid-column:1 / -1;
grid-template-columns:repeat(3,1fr);
display:grid;
}
}

@media (max-width: 980px){
.ol-feed-topbar{
grid-template-columns:1fr;
}

.ol-feed-layout{
grid-template-columns:1fr;
}

.ol-feed-right{
grid-template-columns:1fr;
}

.ol-composer-actions{
grid-template-columns:repeat(2,1fr);
}
}

@media (max-width: 640px){
.ol-feed-layout,
.ol-feed-topbar{
width:min(100%, calc(100% - 16px));
}

.ol-profile-head{
align-items:flex-start;
}

.ol-composer-actions{
grid-template-columns:1fr;
}

.ol-post-image img{
height:220px;
}

.ol-feed-search{
height:48px;
}

.ol-user-mini span{
display:none;
}
}
/* Hiive FEED */

.ol-audio-player{
margin-top:12px;
padding:16px;
border-radius:16px;
background:rgba(255,255,255,.05);
text-align:center;
cursor:pointer;
}

.ol-ai-response{
margin-top:10px;
padding:12px;
border-radius:14px;
background:rgba(124,108,255,.15);
border:1px solid rgba(124,108,255,.3);
color:#fff;
}
/* =========================
Hiive COMPOSER ENRICHI
========================= */

.hiive-composer-card{
padding:18px;
}

.hiive-composer-top{
display:flex;
gap:14px;
align-items:flex-start;
}

.hiive-composer-top img{
width:52px;
height:52px;
border-radius:999px;
object-fit:cover;
flex:0 0 auto;
}

.hiive-composer-main{
flex:1;
display:grid;
gap:12px;
}

.hiive-composer-main textarea{
width:100%;
min-height:92px;
padding:16px;
border-radius:18px;
border:1px solid var(--border);
background:rgba(255,255,255,.04);
color:var(--text);
resize:vertical;
outline:none;
}

.hiive-composer-added{
display:flex;
flex-wrap:wrap;
gap:10px;
}

.hiive-added-chip{
display:inline-flex;
align-items:center;
padding:8px 12px;
border-radius:999px;
background:rgba(255,255,255,.05);
border:1px solid var(--border);
color:var(--muted);
font-size:.9rem;
}

.hiive-ai-chip{
color:#d9d3ff;
border-color:rgba(124,108,255,.28);
background:rgba(124,108,255,.14);
}

.hiive-composer-toolbar{
display:flex;
flex-wrap:wrap;
gap:12px;
margin-top:16px;
}

.hiive-tool-btn{
min-height:48px;
padding:12px 14px;
border-radius:16px;
border:1px solid var(--border);
background:rgba(255,255,255,.04);
color:#fff;
display:inline-flex;
align-items:center;
justify-content:center;
gap:10px;
cursor:pointer;
font-weight:600;
}

.hiive-tool-btn svg{
width:18px;
height:18px;
stroke:currentColor;
fill:none;
stroke-width:1.9;
stroke-linecap:round;
stroke-linejoin:round;
}

.hiive-composer-preview{
margin-top:18px;
display:grid;
grid-template-columns:repeat(2,1fr);
gap:14px;
}

.hiive-preview-card{
background:rgba(255,255,255,.04);
border:1px solid var(--border);
border-radius:18px;
padding:14px;
display:grid;
gap:10px;
}

.hiive-preview-card strong{
font-size:.95rem;
}

.hiive-preview-thumb{
height:120px;
border-radius:14px;
overflow:hidden;
}

.image-preview{
background:
linear-gradient(135deg, rgba(79,172,254,.15), rgba(124,108,255,.15)),
url('https://images.unsplash.com/photo-1492724441997-5dc865305da7?auto=format&fit=crop&w=800&q=80') center/cover no-repeat;
}

.hiive-audio-preview{
display:flex;
align-items:center;
gap:12px;
}

.hiive-audio-play{
width:42px;
height:42px;
border-radius:999px;
border:none;
background:linear-gradient(135deg,var(--primary-2),var(--primary));
color:#fff;
cursor:pointer;
flex:0 0 auto;
}

.hiive-audio-bars{
display:flex;
align-items:flex-end;
gap:5px;
height:34px;
}

.hiive-audio-bars span{
width:6px;
border-radius:999px;
background:linear-gradient(180deg,var(--primary-2),var(--primary));
}

.hiive-audio-bars span:nth-child(1){height:14px;}
.hiive-audio-bars span:nth-child(2){height:28px;}
.hiive-audio-bars span:nth-child(3){height:22px;}
.hiive-audio-bars span:nth-child(4){height:31px;}
.hiive-audio-bars span:nth-child(5){height:18px;}

.hiive-composer-footer{
margin-top:18px;
display:flex;
justify-content:space-between;
align-items:center;
gap:12px;
flex-wrap:wrap;
}

.hiive-composer-visibility{
display:flex;
align-items:center;
gap:10px;
color:var(--muted);
font-size:.92rem;
}

.hiive-visibility-dot{
width:10px;
height:10px;
border-radius:999px;
background:linear-gradient(135deg,var(--primary-2),var(--primary));
box-shadow:0 0 10px rgba(79,172,254,.4);
}

@media (max-width: 820px){
.hiive-composer-preview{
grid-template-columns:1fr;
}
}

@media (max-width: 640px){
.hiive-composer-top{
align-items:flex-start;
}

.hiive-composer-footer{
align-items:flex-start;
}
}
/* =========================
Hiive FEED V2
========================= */

.hiive-topbar{
width:min(1380px, calc(100% - 24px));
margin:18px auto 0;
padding:14px 18px;
background:rgba(20,28,58,.78);
border:1px solid var(--border);
border-radius:24px;
box-shadow:var(--shadow);
backdrop-filter:blur(14px);
display:grid;
grid-template-columns:auto minmax(220px,1fr) auto;
gap:16px;
align-items:center;
}

.hiive-search{
display:flex;
align-items:center;
gap:10px;
padding:0 14px;
height:52px;
border-radius:18px;
background:rgba(255,255,255,.04);
border:1px solid var(--border);
}

.hiive-search svg,
.hiive-mini-icon svg,
.hiive-nav svg,
.hiive-tool-btn svg,
.hiive-dots-btn svg,
.hiive-post-actions svg{
width:18px;
height:18px;
stroke:currentColor;
fill:none;
stroke-width:1.9;
stroke-linecap:round;
stroke-linejoin:round;
flex:0 0 auto;
}

.hiive-search input{
width:100%;
border:none;
outline:none;
background:transparent;
color:var(--text);
}

.hiive-top-actions{
display:flex;
align-items:center;
gap:12px;
}

.hiive-user-mini{
display:flex;
align-items:center;
gap:10px;
color:#fff;
}

.hiive-user-mini img{
width:40px;
height:40px;
border-radius:999px;
object-fit:cover;
}

.hiive-layout{
width:min(1380px, calc(100% - 24px));
margin:18px auto 40px;
display:grid;
grid-template-columns:280px minmax(0,1fr) 290px;
gap:18px;
align-items:start;
}

.hiive-left,
.hiive-center,
.hiive-right{
display:grid;
gap:18px;
}

.hiive-profile-card,
.hiive-menu-card,
.hiive-composer-card,
.hiive-post-card,
.hiive-side-card{
padding:18px;
}

.hiive-profile-link{
display:flex;
gap:14px;
align-items:center;
color:#fff;
}

.hiive-profile-link img{
width:68px;
height:68px;
border-radius:999px;
object-fit:cover;
}

.hiive-profile-link h3{
margin:0;
font-size:1.45rem;
}

.hiive-profile-link p{
margin:6px 0 0;
color:var(--muted);
}

.hiive-mini-icons{
margin-top:16px;
display:grid;
grid-template-columns:repeat(3,1fr);
gap:10px;
}

.hiive-mini-icon{
height:46px;
border-radius:14px;
border:1px solid var(--border);
background:rgba(255,255,255,.04);
color:var(--muted);
display:flex;
align-items:center;
justify-content:center;
cursor:pointer;
}

.hiive-menu-card h3{
margin-bottom:14px;
}

.hiive-nav{
display:grid;
gap:8px;
}

.hiive-nav a{
display:flex;
align-items:center;
gap:12px;
padding:13px 14px;
border-radius:16px;
color:var(--muted);
border:1px solid transparent;
}

.hiive-nav a.active,
.hiive-nav a:hover{
color:#fff;
background:rgba(255,255,255,.04);
border-color:var(--border);
}

.hiive-composer-top{
display:flex;
gap:14px;
align-items:flex-start;
}

.hiive-composer-top img{
width:52px;
height:52px;
border-radius:999px;
object-fit:cover;
flex:0 0 auto;
}

.hiive-composer-main{
flex:1;
display:grid;
gap:12px;
}

.hiive-composer-main textarea{
width:100%;
min-height:94px;
padding:16px;
border-radius:18px;
border:1px solid var(--border);
background:rgba(255,255,255,.04);
color:var(--text);
resize:vertical;
outline:none;
}

.hiive-chips{
display:flex;
flex-wrap:wrap;
gap:10px;
}

.hiive-chip{
display:inline-flex;
align-items:center;
padding:8px 12px;
border-radius:999px;
background:rgba(255,255,255,.05);
border:1px solid var(--border);
color:var(--muted);
font-size:.9rem;
}

.hiive-chip-ai{
color:#d9d3ff;
background:rgba(124,108,255,.14);
border-color:rgba(124,108,255,.28);
}

.hiive-tools{
display:flex;
flex-wrap:wrap;
gap:12px;
margin-top:16px;
}

.hiive-tool-btn{
min-height:48px;
padding:12px 14px;
border-radius:16px;
border:1px solid var(--border);
background:rgba(255,255,255,.04);
color:#fff;
display:inline-flex;
align-items:center;
justify-content:center;
gap:10px;
cursor:pointer;
font-weight:600;
}

.usf-preview-grid{
margin-top:18px;
display:grid;
grid-template-columns:repeat(2,1fr);
gap:14px;
}

.hiive-preview-card{
background:rgba(255,255,255,.04);
border:1px solid var(--border);
border-radius:18px;
padding:14px;
display:grid;
gap:10px;
}

.hiive-preview-image{
height:120px;
border-radius:14px;
background:
linear-gradient(135deg, rgba(79,172,254,.12), rgba(124,108,255,.12)),
url('https://images.unsplash.com/photo-1492724441997-5dc865305da7?auto=format&fit=crop&w=800&q=80') center/cover no-repeat;
}

.hiive-audio-preview{
display:flex;
align-items:center;
gap:12px;
}

.hiive-play-btn{
width:42px;
height:42px;
border-radius:999px;
border:none;
background:linear-gradient(135deg,var(--primary-2),var(--primary));
color:#fff;
cursor:pointer;
flex:0 0 auto;
}

.hiive-audio-bars,
.hiive-audio-track{
display:flex;
align-items:flex-end;
gap:5px;
height:34px;
}

.hiive-audio-bars span,
.hiive-audio-track span{
width:6px;
border-radius:999px;
background:linear-gradient(180deg,var(--primary-2),var(--primary));
}

.hiive-audio-bars span:nth-child(1),
.hiive-audio-track span:nth-child(1){height:14px;}
.hiive-audio-bars span:nth-child(2),
.hiive-audio-track span:nth-child(2){height:28px;}
.hiive-audio-bars span:nth-child(3),
.hiive-audio-track span:nth-child(3){height:22px;}
.hiive-audio-bars span:nth-child(4),
.hiive-audio-track span:nth-child(4){height:31px;}
.hiive-audio-bars span:nth-child(5),
.hiive-audio-track span:nth-child(5){height:18px;}
.hiive-audio-track span:nth-child(6){height:25px;}
.hiive-audio-track span:nth-child(7){height:14px;}

.hiive-composer-footer{
margin-top:18px;
display:flex;
justify-content:space-between;
align-items:center;
gap:12px;
flex-wrap:wrap;
}

.hiive-visibility{
display:flex;
align-items:center;
gap:10px;
color:var(--muted);
font-size:.92rem;
}

.hiive-visibility-dot{
width:10px;
height:10px;
border-radius:999px;
background:linear-gradient(135deg,var(--primary-2),var(--primary));
box-shadow:0 0 10px rgba(79,172,254,.4);
}

.hiive-post-head{
display:flex;
justify-content:space-between;
gap:10px;
align-items:flex-start;
}

.hiive-post-user{
display:flex;
gap:12px;
align-items:center;
color:#fff;
}

.hiive-post-user img{
width:50px;
height:50px;
border-radius:999px;
object-fit:cover;
}

.hiive-post-user h3{
margin:0;
}

.hiive-post-user p{
margin:4px 0 0;
color:var(--muted);
font-size:.92rem;
}

.hiive-dots-btn{
width:40px;
height:40px;
border-radius:14px;
background:rgba(255,255,255,.04);
border:1px solid var(--border);
color:var(--muted);
display:flex;
align-items:center;
justify-content:center;
cursor:pointer;
}

.hiive-post-text{
margin-top:14px;
line-height:1.65;
font-size:1.05rem;
}

.hiive-post-image{
margin-top:16px;
}

.hiive-post-image img{
width:100%;
height:300px;
object-fit:cover;
border-radius:22px;
display:block;
}

.hiive-post-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:16px;
}

.hiive-post-actions button{
min-width:100px;
padding:12px 14px;
border-radius:16px;
border:1px solid var(--border);
background:rgba(255,255,255,.04);
color:#fff;
display:flex;
align-items:center;
justify-content:center;
gap:8px;
cursor:pointer;
}

.hiive-audio-post{
margin-top:16px;
display:flex;
align-items:center;
gap:12px;
padding:14px;
border-radius:18px;
background:rgba(255,255,255,.04);
border:1px solid var(--border);
}

.hiive-ai-comment{
margin-top:16px;
padding:16px;
border-radius:18px;
background:rgba(124,108,255,.12);
border:1px solid rgba(124,108,255,.22);
}

.hiive-ai-comment-head{
display:flex;
align-items:center;
gap:10px;
margin-bottom:8px;
}

.hiive-ai-badge{
display:inline-flex;
align-items:center;
justify-content:center;
width:30px;
height:30px;
border-radius:999px;
background:linear-gradient(135deg,var(--primary-2),var(--primary));
color:#fff;
font-size:.78rem;
font-weight:700;
}

.hiive-side-card h3{
margin-bottom:12px;
}

.hiive-hashtag-list{
list-style:none;
padding:0;
margin:0;
display:grid;
gap:8px;
}

.hiive-hashtag-list li{
color:#fff;
font-weight:600;
}

.hiive-suggest-item{
display:grid;
grid-template-columns:46px 1fr auto;
gap:12px;
align-items:center;
padding:10px 0;
}

.hiive-suggest-item img{
width:46px;
height:46px;
border-radius:999px;
object-fit:cover;
}

.hiive-suggest-item strong{
display:block;
}

.hiive-suggest-item p{
margin:4px 0 0;
color:var(--muted);
font-size:.92rem;
}

.hiive-follow-btn{
height:38px;
padding:0 14px;
border-radius:999px;
border:1px solid var(--border);
background:rgba(255,255,255,.04);
color:#fff;
cursor:pointer;
}

.hiive-group-item{
display:grid;
grid-template-columns:16px 1fr auto;
gap:12px;
align-items:center;
padding:10px 0;
}

.hiive-group-dot{
width:16px;
height:16px;
border-radius:999px;
}

.hiive-group-dot.blue{background:linear-gradient(135deg,#51b7ff,#5d7cff);}
.hiive-group-dot.coral{background:linear-gradient(135deg,#ff8a65,#ff5f6d);}

@media (max-width: 1180px){
.hiive-layout{
grid-template-columns:240px minmax(0,1fr);
}

.hiive-right{
grid-column:1 / -1;
display:grid;
grid-template-columns:repeat(3,1fr);
gap:18px;
}
}

@media (max-width: 980px){
.hiive-topbar{
grid-template-columns:1fr;
}

.hiive-layout{
grid-template-columns:1fr;
}

.hiive-right{
grid-template-columns:1fr;
}
}

@media (max-width: 760px){
.hiive-preview-grid{
grid-template-columns:1fr;
}

.hiive-post-image img{
height:220px;
}
}
/* =========================
OLYMPEUS COMPOSER V2
========================= */

.ol-composer-main{
flex:1;
display:grid;
gap:12px;
}

.ol-composer-main textarea{
width:100%;
min-height:96px;
padding:16px;
border-radius:18px;
border:1px solid var(--border);
background:rgba(255,255,255,.04);
color:var(--text);
resize:vertical;
outline:none;
}

.ol-composer-added{
display:flex;
flex-wrap:wrap;
gap:10px;
}

.ol-added-chip{
display:inline-flex;
align-items:center;
padding:8px 12px;
border-radius:999px;
background:rgba(255,255,255,.05);
border:1px solid var(--border);
color:var(--muted);
font-size:.9rem;
}

.ol-added-chip-ai{
color:#d9d3ff;
background:rgba(124,108,255,.14);
border-color:rgba(124,108,255,.28);
}

.ol-added-chip-tag{
color:#b6f0c6;
background:rgba(80,200,120,.14);
border-color:rgba(80,200,120,.2);
}

.ol-composer-actions-v2{
display:flex;
flex-wrap:wrap;
gap:12px;
margin-top:16px;
}

.ol-composer-actions-v2 button{
min-height:48px;
padding:12px 14px;
border-radius:16px;
border:1px solid var(--border);
background:rgba(255,255,255,.04);
color:#fff;
display:inline-flex;
align-items:center;
justify-content:center;
gap:10px;
cursor:pointer;
font-weight:600;
}

.ol-composer-actions-v2 svg,
.ol-doc-icon svg{
width:18px;
height:18px;
stroke:currentColor;
fill:none;
stroke-width:1.9;
stroke-linecap:round;
stroke-linejoin:round;
}

.ol-project-tags{
display:flex;
flex-wrap:wrap;
gap:10px;
margin-top:16px;
}

.ol-project-tags button{
padding:10px 14px;
border-radius:999px;
border:1px solid var(--border);
background:rgba(255,255,255,.04);
color:var(--muted);
cursor:pointer;
}

.ol-project-tags button.active{
color:#fff;
border-color:rgba(115,215,255,.35);
background:linear-gradient(135deg, rgba(79,172,254,.18), rgba(124,108,255,.18));
}

.ol-preview-grid{
margin-top:18px;
display:grid;
grid-template-columns:repeat(2,1fr);
gap:14px;
}

.ol-preview-card{
background:rgba(255,255,255,.04);
border:1px solid var(--border);
border-radius:18px;
padding:14px;
display:grid;
gap:10px;
}

.ol-preview-thumb{
height:120px;
border-radius:14px;
overflow:hidden;
}

.ol-preview-image{
background:
linear-gradient(135deg, rgba(79,172,254,.12), rgba(124,108,255,.12)),
url('https://images.unsplash.com/photo-1516321318423-f06f85e504b3?auto=format&fit=crop&w=800&q=80') center/cover no-repeat;
}

.ol-doc-preview{
display:flex;
align-items:center;
gap:12px;
}

.ol-doc-icon{
width:42px;
height:42px;
border-radius:14px;
display:flex;
align-items:center;
justify-content:center;
background:linear-gradient(135deg,var(--primary-2),var(--primary));
color:#fff;
flex:0 0 auto;
}

.ol-doc-preview span{
display:block;
font-weight:600;
}

.ol-doc-preview small{
display:block;
margin-top:4px;
color:var(--muted);
}

.ol-composer-footer-v2{
margin-top:18px;
display:flex;
justify-content:space-between;
align-items:center;
gap:12px;
flex-wrap:wrap;
}

.ol-composer-visibility{
display:flex;
align-items:center;
gap:10px;
color:var(--muted);
font-size:.92rem;
}

.ol-visibility-dot{
width:10px;
height:10px;
border-radius:999px;
background:linear-gradient(135deg,var(--primary-2),var(--primary));
box-shadow:0 0 10px rgba(79,172,254,.4);
}

@media (max-width: 820px){
.ol-preview-grid{
grid-template-columns:1fr;
}
}
/* =========================
OLYMPEUS AI IN FEED
========================= */

.ol-ai-trigger.active {
box-shadow: 0 0 20px rgba(124,108,255,.6);
border-color: #7c6cff;
}


.ol-ai-panel{
padding:18px;
}

.ol-ai-panel-head{
display:flex;
justify-content:space-between;
align-items:flex-start;
gap:12px;
}

.ol-ai-panel-title{
display:flex;
gap:12px;
align-items:flex-start;
}

.ol-ai-badge-round{
width:38px;
height:38px;
border-radius:999px;
display:flex;
align-items:center;
justify-content:center;
background:linear-gradient(135deg,var(--primary-2),var(--primary));
color:#fff;
font-size:.85rem;
font-weight:700;
box-shadow:0 0 18px rgba(124,108,255,.3);
flex:0 0 auto;
}

.ol-ai-panel-title h3{
margin:0 0 6px;
}

.ol-ai-panel-title p{
margin:0;
color:var(--muted);
line-height:1.45;
}

.ol-ai-chat-box{
margin-top:16px;
display:grid;
gap:14px;
}

.ol-ai-chat-box textarea{
width:100%;
min-height:110px;
padding:16px;
border-radius:18px;
border:1px solid var(--border);
background:rgba(255,255,255,.04);
color:var(--text);
resize:vertical;
outline:none;
}

.ol-ai-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
}

.ol-ai-response-box{
padding:16px;
border-radius:18px;
background:rgba(124,108,255,.12);
border:1px solid rgba(124,108,255,.22);
}

.ol-ai-response-box strong{
display:block;
margin-bottom:8px;
}

.ol-ai-response-box p{
margin:0;
color:#f0f2ff;
line-height:1.55;
}

.ol-ai-side-card{
padding:18px;
}

.ol-ai-side-actions{
display:grid;
gap:10px;
margin-top:14px;
}
.ol-ai-trigger.active{
box-shadow: 0 0 20px rgba(124,108,255,.45);
border-color: #7c6cff !important;
transform: translateY(-1px);
}
/* Sélection onboarding */
.role-options button.active{
background: linear-gradient(135deg, rgba(79,172,254,.22), rgba(124,108,255,.22));
border-color: #73d7ff;
color: #fff;
box-shadow: 0 0 0 1px rgba(115,215,255,.28) inset, 0 8px 24px rgba(79,172,254,.12);
transform: translateY(-1px);
}

.role-options button{
transition: all .18s ease;
}
.tag-btn.active{
background: linear-gradient(135deg, rgba(79,172,254,.25), rgba(124,108,255,.25));
border-color: #73d7ff;
color: white;
}
.choice-grid button.active,
.choice-btn.active,
.tag-grid button.active,
.tag-grid .tag-btn.active,
.role-options button.active{
background: linear-gradient(135deg, rgba(79,172,254,.22), rgba(124,108,255,.22));
border-color: #73d7ff !important;
color: #fff !important;
box-shadow: 0 0 0 1px rgba(115,215,255,.28) inset, 0 8px 24px rgba(79,172,254,.12);
transform: translateY(-1px);
}
/* =========================
hiive AI IN FEED
========================= */

.hiive-ai-trigger{
background:linear-gradient(135deg, rgba(79,172,254,.18), rgba(124,108,255,.18)) !important;
border-color:rgba(115,215,255,.35) !important;
}

.hiive-ai-trigger.active{
box-shadow:0 0 20px rgba(124,108,255,.45);
border-color:#7c6cff !important;
transform:translateY(-1px);
}

.hiive-ai-panel{
padding:18px;
}

.hiive-ai-panel-head{
display:flex;
align-items:flex-start;
gap:12px;
}

.hiive-ai-title{
display:flex;
gap:12px;
align-items:flex-start;
}

.hiive-ai-badge{
width:38px;
height:38px;
border-radius:999px;
display:flex;
align-items:center;
justify-content:center;
background:linear-gradient(135deg,var(--primary-2),var(--primary));
color:#fff;
font-size:.85rem;
font-weight:700;
box-shadow:0 0 18px rgba(124,108,255,.3);
flex:0 0 auto;
}

.hiive-ai-title h3{
margin:0 0 6px;
}

.hiive-ai-title p{
margin:0;
color:var(--muted);
line-height:1.45;
}

.hiive-ai-box{
margin-top:16px;
display:grid;
gap:14px;
}

.hiive-ai-box textarea{
width:100%;
min-height:110px;
padding:16px;
border-radius:18px;
border:1px solid var(--border);
background:rgba(255,255,255,.04);
color:var(--text);
resize:vertical;
outline:none;
}

.hiive-ai-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
}

.hiive-ai-response{
padding:16px;
border-radius:18px;
background:rgba(124,108,255,.12);
border:1px solid rgba(124,108,255,.22);
}

.hiive-ai-response strong{
display:block;
margin-bottom:8px;
}

.hiive-ai-response p{
margin:0;
color:#f0f2ff;
line-height:1.55;
}

.hiive-ai-side-actions{
display:grid;
gap:10px;
margin-top:14px;
}
/* Correction bouton Optimiser avec IA - hiive*/
.hiive-ai-trigger{
display:inline-flex;
align-items:center;
justify-content:center;
gap:10px;
min-height:48px;
padding:12px 14px;
border-radius:16px;
border:1px solid var(--border);
background:linear-gradient(135deg, rgba(79,172,254,.18), rgba(124,108,255,.18));
color:#fff;
cursor:pointer;
font-weight:600;
overflow:hidden;
}

.hiive-ai-trigger svg{
width:18px !important;
height:18px !important;
min-width:18px;
min-height:18px;
display:block;
flex:0 0 18px;
stroke:currentColor;
fill:none;
stroke-width:1.9;
stroke-linecap:round;
stroke-linejoin:round;
}

.hiive-tools{
display:flex;
flex-wrap:wrap;
gap:12px;
}

.hiive-tool-btn{
display:inline-flex;
align-items:center;
justify-content:center;
gap:10px;
}

.hiive-tool-btn svg{
width:18px;
height:18px;
min-width:18px;
min-height:18px;
display:block;
flex:0 0 18px;
stroke:currentColor;
fill:none;
stroke-width:1.9;
stroke-linecap:round;
stroke-linejoin:round;
}
/* Réparer les clics du composer hiive */
.hiive-composer-card{
position: relative;
}

.hiive-composer-top,
.hiive-composer-main,
.hiive-tools,
.hiive-preview-grid,
.hiive-composer-footer,
.hiive-ai-panel,
.hiive-ai-side-actions,
.hiive-side-card button,
.hiive-tool-btn,
.hiive-ai-trigger,
.hiive-follow-btn{
position: relative;
z-index: 2;
pointer-events: auto;
}

.hiive-composer-main textarea{
position: relative;
z-index: 1;
}

.hiive-tool-btn,
.hiive-ai-trigger,
.hiive-side-card button,
.btn{
cursor: pointer;
}
/* Composer hiive plus propre */
.hiive-tools{
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 12px;
margin-top: 16px;
}

.hiive-tool-btn,
.hiive-ai-trigger{
width: 100%;
min-height: 48px;
padding: 12px 14px;
border-radius: 16px;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
text-align: center;
}

.hiive-chips{
display:flex;
flex-wrap:wrap;
gap:10px;
margin-top:12px;
}

.hiive-preview-grid{
margin-top:18px;
display:grid;
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:14px;
}

@media (max-width: 900px){
.hiive-tools{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}

@media (max-width: 640px){
.hiive-tools{
grid-template-columns: 1fr;
}

.hiive-preview-grid{
grid-template-columns: 1fr;
}
}
/* ===== Réparer zones cliquables hiive ===== */

.hiive-composer-card,
.hiive-side-card,
.hiive-profile-card,
.hiive-explore-card {
position: relative;
overflow: visible;
}

.hiive-composer-top,
.hiive-tools,
.hiive-preview-grid,
.hiive-composer-footer,
.hiive-side-card,
.hiive-profile-card .mini-actions,
.hiive-topbar .top-actions {
position: relative;
z-index: 3;
}

#us-post-textarea {
position: relative;
z-index: 1;
width: 100%;
min-height: 110px;
max-height: 220px;
resize: vertical;
overflow-y: auto;
}

.hiive-tool-btn,
.hiive-ai-trigger,
.hiive-side-card button,
.hiive-profile-card button,
.top-actions button,
.top-actions a,
.btn {
position: relative;
z-index: 4;
pointer-events: auto;
cursor: pointer;
}
#hiive-post-textarea {
min-height: 140px;
max-height: 260px;
padding-right: 14px;
line-height: 1.55;
scrollbar-width: thin;
}

#hiive-post-textarea::-webkit-scrollbar {
width: 8px;
}

#hiive-post-textarea::-webkit-scrollbar-thumb {
background: rgba(115, 215, 255, 0.35);
border-radius: 999px;
}

#hiive-post-textarea::-webkit-scrollbar-track {
background: transparent;
}
.hiive-logo{
font-family: 'Sora', sans-serif;
font-size: 40px;
font-weight: 700;
letter-spacing: -1.5px;

background: linear-gradient(90deg, #ffffff, #cbd5ff);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;

line-height: 1;
}
body.login header {
justify-content: flex-start !important;
}
.topbar{
display:flex;
align-items:center;
justify-content:space-between;
}

.topbar .brand{
margin-right:auto;
text-decoration:none;
display:flex;
align-items:center;
}
/* =========================
PROFILE HIIVE
========================= */

.hiive-profile-layout{
width:min(1380px, calc(100% - 24px));
margin:18px auto 40px;
display:grid;
grid-template-columns:260px minmax(0,1fr) 290px;
gap:18px;
align-items:start;
}

.hiive-profile-left,
.hiive-profile-center,
.hiive-profile-right{
display:grid;
gap:18px;
}

.hiive-profile-menu-card,
.hiive-mini-about-card,
.hiive-profile-hero,
.hiive-profile-tabs,
.hiive-post-card,
.hiive-side-card{
padding:18px;
}

.hiive-mini-about-list{
list-style:none;
padding:0;
margin:14px 0 0;
display:grid;
gap:10px;
color:var(--muted);
}

.hiive-profile-hero{
overflow:hidden;
padding:0;
}

.hiive-cover{
height:220px;
background:
linear-gradient(135deg, rgba(79,172,254,.28), rgba(124,108,255,.22)),
url('https://images.unsplash.com/photo-1516321318423-f06f85e504b3?auto=format&fit=crop&w=1400&q=80') center/cover no-repeat;
}

.hiive-profile-main{
padding:0 22px 22px;
position:relative;
}

.hiive-profile-avatar-wrap{
margin-top:-56px;
}

.hiive-profile-avatar{
width:112px;
height:112px;
border-radius:999px;
border:4px solid rgba(20,28,58,1);
object-fit:cover;
box-shadow:0 10px 30px rgba(0,0,0,.25);
}

.hiive-profile-head{
margin-top:16px;
display:flex;
justify-content:space-between;
gap:18px;
align-items:flex-start;
flex-wrap:wrap;
}

.hiive-profile-identity h1{
margin:0;
}

.hiive-profile-identity p{
margin:8px 0 0;
color:var(--muted);
}

.hiive-profile-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
}

.hiive-profile-bio{
margin-top:16px;
line-height:1.65;
color:#eef1ff;
}

.hiive-profile-stats{
margin-top:18px;
display:grid;
grid-template-columns:repeat(4,1fr);
gap:12px;
}

.hiive-profile-stats div{
background:rgba(255,255,255,.04);
border:1px solid var(--border);
border-radius:18px;
padding:14px;
display:grid;
gap:6px;
}

.hiive-profile-stats strong{
font-size:1.2rem;
}

.hiive-profile-stats span{
color:var(--muted);
font-size:.92rem;
}

.hiive-profile-tabs{
display:flex;
gap:10px;
flex-wrap:wrap;
}

.hiive-profile-tabs button{
padding:10px 14px;
border-radius:999px;
border:1px solid var(--border);
background:rgba(255,255,255,.04);
color:var(--muted);
cursor:pointer;
}

.hiive-profile-tabs button.active{
color:#fff;
border-color:rgba(115,215,255,.35);
background:linear-gradient(135deg, rgba(79,172,254,.18), rgba(124,108,255,.18));
}

.hiive-post-head{
display:flex;
justify-content:space-between;
gap:10px;
align-items:flex-start;
}

.hiive-post-user{
display:flex;
gap:12px;
align-items:center;
}

.hiive-post-user img{
width:50px;
height:50px;
border-radius:999px;
object-fit:cover;
}

.hiive-post-user h3{
margin:0;
}

.hiive-post-user p{
margin:4px 0 0;
color:var(--muted);
font-size:.92rem;
}

.hiive-dots-btn{
width:40px;
height:40px;
border-radius:14px;
background:rgba(255,255,255,.04);
border:1px solid var(--border);
color:var(--muted);
display:flex;
align-items:center;
justify-content:center;
cursor:pointer;
}

.hiive-dots-btn svg,
.hiive-post-actions svg,
.hiive-top-icon svg{
width:18px;
height:18px;
stroke:currentColor;
fill:none;
stroke-width:1.9;
stroke-linecap:round;
stroke-linejoin:round;
}

.hiive-post-text{
margin-top:14px;
line-height:1.65;
font-size:1.05rem;
}

.hiive-post-image{
margin-top:16px;
}

.hiive-post-image img{
width:100%;
height:300px;
object-fit:cover;
border-radius:22px;
display:block;
}

.hiive-post-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:16px;
}

.hiive-post-actions button{
min-width:100px;
padding:12px 14px;
border-radius:16px;
border:1px solid var(--border);
background:rgba(255,255,255,.04);
color:#fff;
display:flex;
align-items:center;
justify-content:center;
gap:8px;
cursor:pointer;
}

.hiive-audio-post{
margin-top:16px;
display:flex;
align-items:center;
gap:12px;
padding:14px;
border-radius:18px;
background:rgba(255,255,255,.04);
border:1px solid var(--border);
}

.hiive-play-btn{
width:42px;
height:42px;
border-radius:999px;
border:none;
background:linear-gradient(135deg,var(--primary-2),var(--primary));
color:#fff;
cursor:pointer;
flex:0 0 auto;
}

.hiive-audio-track{
display:flex;
align-items:flex-end;
gap:5px;
height:34px;
}

.hiive-audio-track span{
width:6px;
border-radius:999px;
background:linear-gradient(180deg,var(--primary-2),var(--primary));
}

.hiive-audio-track span:nth-child(1){height:14px;}
.hiive-audio-track span:nth-child(2){height:28px;}
.hiive-audio-track span:nth-child(3){height:22px;}
.hiive-audio-track span:nth-child(4){height:31px;}
.hiive-audio-track span:nth-child(5){height:18px;}
.hiive-audio-track span:nth-child(6){height:25px;}
.hiive-audio-track span:nth-child(7){height:14px;}

.hiive-highlight-item,
.hiive-suggest-item{
display:grid;
grid-template-columns:58px 1fr auto;
gap:12px;
align-items:center;
padding:10px 0;
}

.hiive-highlight-thumb{
width:58px;
height:58px;
border-radius:16px;
background:
linear-gradient(135deg, rgba(79,172,254,.16), rgba(124,108,255,.16)),
url('https://images.unsplash.com/photo-1492724441997-5dc865305da7?auto=format&fit=crop&w=300&q=80') center/cover no-repeat;
}

.hiive-highlight-thumb.audio{
background:linear-gradient(135deg,var(--primary-2),var(--primary));
}

.hiive-highlight-item p,
.hiive-suggest-item p{
margin:4px 0 0;
color:var(--muted);
font-size:.92rem;
}

.hiive-suggest-item img{
width:46px;
height:46px;
border-radius:999px;
object-fit:cover;
}

.hiive-follow-btn{
height:38px;
padding:0 14px;
border-radius:999px;
border:1px solid var(--border);
background:rgba(255,255,255,.04);
color:#fff;
cursor:pointer;
}

.hiive-ai-side-actions{
display:grid;
gap:10px;
margin-top:14px;
}

@media (max-width: 1180px){
.hiive-profile-layout{
grid-template-columns:240px minmax(0,1fr);
}

.hiive-profile-right{
grid-column:1 / -1;
display:grid;
grid-template-columns:repeat(3,1fr);
gap:18px;
}
}

@media (max-width: 980px){
.hiive-profile-layout{
grid-template-columns:1fr;
}

.hiive-profile-right{
grid-template-columns:1fr;
}

.hiive-profile-stats{
grid-template-columns:repeat(2,1fr);
}
}

@media (max-width: 680px){
.hiive-profile-stats{
grid-template-columns:1fr 1fr;
}

.hiive-post-image img{
height:220px;
}

.hiive-highlight-item,
.hiive-suggest-item{
grid-template-columns:58px 1fr;
}

.hiive-follow-btn{
grid-column:2;
justify-self:start;
}
}
/* =========================
PROFILE OLYMPEUS FIX
========================= */

.olympeus-profile-layout{
width:min(1380px, calc(100% - 24px));
margin:18px auto 40px;
display:grid;
grid-template-columns:260px minmax(0,1fr) 300px;
gap:18px;
align-items:start;
}

.olympeus-left,
.olympeus-center,
.olympeus-right{
display:grid;
gap:18px;
}

.olympeus-left .panel,
.olympeus-center .panel,
.olympeus-right .panel{
padding:18px;
}

.olympeus-left nav{
display:grid;
gap:10px;
margin-top:12px;
}

.olympeus-left nav a{
display:flex;
align-items:center;
min-height:44px;
padding:0 14px;
border-radius:14px;
border:1px solid var(--border);
background:rgba(255,255,255,.04);
color:#fff;
text-decoration:none;
}

.olympeus-left nav a.active{
background:linear-gradient(135deg, rgba(79,172,254,.18), rgba(124,108,255,.18));
border-color:rgba(115,215,255,.35);
}

.profile-header{
text-align:center;
padding:28px 22px !important;
background:
linear-gradient(135deg, rgba(79,172,254,.16), rgba(124,108,255,.14)),
rgba(255,255,255,.03);
border:1px solid var(--border);
border-radius:26px;
}

.avatar{
width:108px;
height:108px;
border-radius:999px;
object-fit:cover;
display:block;
margin:0 auto 16px;
border:4px solid rgba(20,28,58,1);
box-shadow:0 12px 30px rgba(0,0,0,.28);
}

.profile-header h1{
margin:0;
font-size:clamp(2rem, 4vw, 3.4rem);
line-height:1.05;
}

.profile-header .muted{
margin-top:10px;
color:var(--muted);
font-size:1rem;
}

.profile-actions{
margin-top:18px;
display:flex;
justify-content:center;
gap:10px;
flex-wrap:wrap;
}

.profile-actions .btn-primary,
.profile-actions .btn-soft{
min-height:42px;
padding:0 16px;
border-radius:14px;
text-decoration:none;
display:inline-flex;
align-items:center;
justify-content:center;
font-weight:600;
}

.stats{
display:grid;
grid-template-columns:repeat(4, minmax(0,1fr));
gap:12px;
}

.stats > div{
background:rgba(255,255,255,.04);
border:1px solid var(--border);
border-radius:18px;
padding:16px 12px;
text-align:center;
display:grid;
gap:6px;
}

.stats strong{
display:block;
font-size:1.25rem;
line-height:1;
}

.stats span{
color:var(--muted);
font-size:.92rem;
}

.project-card,
.post{
background:rgba(255,255,255,.04);
border:1px solid var(--border);
border-radius:18px;
padding:16px;
}

.project-card + .project-card,
.post + .post{
margin-top:12px;
}

.project-card h4{
margin:0 0 8px;
font-size:1.05rem;
}

.project-card p,
.post p{
margin:0;
color:#eef1ff;
line-height:1.6;
}

.olympeus-right .panel h3,
.olympeus-left .panel h3,
.olympeus-center .panel h3{
margin-top:0;
margin-bottom:10px;
}

.olympeus-right .btn-primary{
width:100%;
justify-content:center;
}

@media (max-width: 1180px){
.olympeus-profile-layout{
grid-template-columns:240px minmax(0,1fr);
}

.olympeus-right{
grid-column:1 / -1;
grid-template-columns:repeat(3, minmax(0,1fr));
}
}

@media (max-width: 900px){
.olympeus-profile-layout{
grid-template-columns:1fr;
}

.olympeus-right{
grid-template-columns:1fr;
}

.stats{
grid-template-columns:repeat(2, minmax(0,1fr));
}
}

@media (max-width: 640px){
.stats{
grid-template-columns:1fr 1fr;
}

.profile-header{
padding:22px 16px !important;
}

.profile-header h1{
font-size:2rem;
}
}
/* Correction topbar OlympeUS profil */
.top-actions{
display:flex;
align-items:center;
gap:10px;
}

.top-actions a{
width:42px;
height:42px;
border-radius:14px;
display:inline-flex;
align-items:center;
justify-content:center;
background:rgba(255,255,255,.04);
border:1px solid var(--border);
color:#dfe7ff;
text-decoration:none;
flex:0 0 auto;
}

.top-actions a svg{
width:18px;
height:18px;
stroke:currentColor;
fill:none;
stroke-width:1.9;
stroke-linecap:round;
stroke-linejoin:round;
}
.connection-item{
display:grid;
grid-template-columns:46px 1fr;
gap:12px;
align-items:center;
padding:10px 0;
}

.connection-item img{
width:46px;
height:46px;
border-radius:999px;
object-fit:cover;
}

.connection-item p{
margin:4px 0 0;
color:var(--muted);
font-size:.92rem;
}
.connection-item{
display:grid;
grid-template-columns:52px 1fr;
gap:12px;
align-items:center;
padding:10px 0;
}

.connection-item img{
width:52px;
height:52px;
border-radius:14px;
object-fit:cover;
display:block;
}

.connection-item strong{
display:block;
line-height:1.1;
}

.connection-item p{
margin:4px 0 0;
color:var(--muted);
font-size:.9rem;
line-height:1.3;
}
/* Topbar profil OlympeUS */
.olympeus-topbar{
width:min(1380px, calc(100% - 24px));
margin:14px auto 0;
display:grid;
grid-template-columns:auto 420px auto;
gap:14px;
align-items:center;
}

.olympeus-search{
width:100%;
max-width:420px;
justify-self:start;
}

.olympeus-search input{
width:100%;
height:44px;
padding:0 14px;
border-radius:14px;
border:1px solid var(--border);
background:rgba(255,255,255,.04);
color:#fff;
}

/* On masque les boutons flottants de la topbar sur cette page */
.top-actions{
display:none !important;
}

@media (max-width: 900px){
.olympeus-topbar{
grid-template-columns:1fr;
}

.olympeus-search{
max-width:none;
}
}
.btn-full{
width:100%;
}

.olympeus-right .btn,
.olympeus-right .btn-primary,
.olympeus-right .btn-soft{
min-height:44px;
padding:0 16px;
border-radius:14px;
display:inline-flex;
align-items:center;
justify-content:center;
text-align:center;
font-weight:600;
white-space:nowrap;
}
.olympeus-search{
max-width:420px;
margin:0 auto;
}

.olympeus-search input{
width:100%;
height:44px;
border-radius:14px;
}

.profile-actions{
display:flex;
gap:10px;
justify-content:center;
margin-top:12px;
}

.profile-actions .btn{
padding:10px 16px;
border-radius:12px;
font-weight:600;
transition:0.2s;
}

.profile-actions .btn:hover{
transform:translateY(-2px);
box-shadow:0 6px 18px rgba(0,0,0,0.2);
}
.olympeus-right .panel:last-child{
background:linear-gradient(135deg,#1e2a4a,#0f172a);
border:1px solid rgba(255,255,255,0.08);
}

.olympeus-right .btn-primary{
background:linear-gradient(90deg,#4facfe,#00f2fe);
color:#fff;
font-weight:600;
}
.panel-header{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:10px;
}

.see-all{
font-size:13px;
color:#4facfe;
text-decoration:none;
font-weight:500;
opacity:0.8;
transition:0.2s;
}

.see-all:hover{
opacity:1;
text-decoration:underline;
}
.panel-header{
display:flex;
justify-content:space-between;
align-items:center;
gap:10px;
margin-bottom:10px;
}

.see-all{
font-size:13px;
color:#4facfe;
text-decoration:none;
font-weight:500;
opacity:.85;
transition:.2s;
}

.see-all:hover{
opacity:1;
text-decoration:underline;
}

.hiive-connections-card{
padding:18px;
}

.hiive-connection-item{
display:grid;
grid-template-columns:46px 1fr;
gap:12px;
align-items:center;
padding:10px 0;
}

.hiive-connection-item img{
width:46px;
height:46px;
border-radius:999px;
object-fit:cover;
}

.hiive-connection-item strong{
display:block;
line-height:1.1;
}

.hiive-connection-item p{
margin:4px 0 0;
color:var(--muted);
font-size:.9rem;
line-height:1.3;
}
/* Connexions compactes */
.hiive-connections-card{
padding:16px;
}

.hiive-connection-item{
display:flex;
align-items:center;
gap:10px;
padding:8px 0;
}

/* Image plus petite */
.hiive-connection-item img{
width:40px;
height:40px;
border-radius:50%;
object-fit:cover;
}

/* Texte compact */
.hiive-connection-item strong{
font-size:14px;
line-height:1.2;
}

.hiive-connection-item p{
font-size:12px;
margin:2px 0 0;
opacity:0.7;
}

/* Réduction espace global */
.hiive-connections-card .panel-header{
margin-bottom:8px;
}
.hiive-connection-item{
transition:0.2s;
border-radius:10px;
padding:8px;
}

.hiive-connection-item:hover{
background:rgba(255,255,255,0.04);
}
/* layout */
.hiive-messages{
display:grid;
grid-template-columns:300px 1fr;
height:100vh;
}

/* LEFT */
.hiive-chat-list{
border-right:1px solid rgba(255,255,255,0.05);
padding:16px;
}

.chat-header input{
width:100%;
margin-top:10px;
padding:10px;
border-radius:10px;
background:rgba(255,255,255,0.05);
border:none;
color:#fff;
}

/* chat item */
.chat-item{
display:flex;
gap:10px;
padding:10px;
border-radius:10px;
cursor:pointer;
}

.chat-item:hover{
background:rgba(255,255,255,0.05);
}

.chat-item.active{
background:rgba(79,172,254,0.2);
}

.chat-item img{
width:40px;
height:40px;
border-radius:50%;
}

/* RIGHT */
.hiive-chat{
display:flex;
flex-direction:column;
}

/* top */
.chat-top{
display:flex;
align-items:center;
gap:10px;
padding:16px;
border-bottom:1px solid rgba(255,255,255,0.05);
}

.chat-top img{
width:40px;
height:40px;
border-radius:50%;
}

/* messages */
.chat-messages{
flex:1;
padding:20px;
display:flex;
flex-direction:column;
gap:10px;
overflow-y:auto;
}

.msg{
max-width:60%;
padding:10px 14px;
border-radius:14px;
}

.msg.me{
background:#4facfe;
align-self:flex-end;
}

.msg.other{
background:rgba(255,255,255,0.08);
}

/* input */
.chat-input{
display:flex;
gap:10px;
padding:16px;
border-top:1px solid rgba(255,255,255,0.05);
}

.chat-input input{
flex:1;
padding:12px;
border-radius:10px;
border:none;
background:rgba(255,255,255,0.05);
color:#fff;
}

.chat-input button{
padding:12px 16px;
border:none;
border-radius:10px;
background:#4facfe;
color:#fff;
cursor:pointer;
}
/* Header chat list */
.chat-header{
padding-bottom:12px;
margin-bottom:12px;
border-bottom:1px solid rgba(255,255,255,0.05);
}

/* Champ recherche */
.chat-header input{
margin-top:12px;
padding:12px 14px;
border-radius:12px;
font-size:14px;
}

.msg{
padding:12px 16px;
border-radius:16px;
font-size:14px;
line-height:1.4;
}

.msg.me{
background:linear-gradient(90deg,#4facfe,#00f2fe);
color:#fff;
}

.msg.other{
background:rgba(255,255,255,0.08);
}

.chat-input{
padding:18px;
background:rgba(0,0,0,0.2);
backdrop-filter:blur(10px);
}

.chat-input input{
padding:14px;
border-radius:14px;
}

.chat-input button{
border-radius:14px;
font-weight:600;
}

.chat-messages{
scroll-behavior:smooth;
}

/* Bloc header (titre + recherche) */
.chat-header{
padding:16px;
display:flex;
flex-direction:column;
gap:12px;
border-bottom:1px solid rgba(255,255,255,0.06);
}

/* Champ recherche */
.chat-header input{
padding:12px 14px;
border-radius:12px;
background:rgba(255,255,255,0.05);
border:none;
}

/* Liste contacts */
.chat-list{
margin-top:12px;
padding-top:8px;
}

.chat-list{
margin-top:16px;
border-top:1px solid rgba(255,255,255,0.04);
padding-top:12px;
}
/* BASE */
.chat-item{
display:flex;
align-items:center;
gap:12px;
padding:12px;
border-radius:12px;
transition:0.2s;
position:relative;
}

/* HOVER */
.chat-item:hover{
background:rgba(255,255,255,0.06);
}

/* ACTIF (conversation ouverte) */
.chat-item.active{
background:linear-gradient(90deg, rgba(79,172,254,0.25), transparent);
}

/* NON LU */
.chat-item.unread strong{
font-weight:700;
}

.chat-item.unread p{
opacity:1;
color:#fff;
}

/* LU */
.chat-item.read p{
opacity:0.6;
}

/* BADGE */
.badge{
margin-left:auto;
background:#4facfe;
color:#fff;
font-size:11px;
padding:4px 8px;
border-radius:999px;
}
.badge-dot{
width:8px;
height:8px;
background:#4facfe;
border-radius:50%;
margin-left:auto;
}
.chat-list-title{
font-size:12px;
opacity:0.65;
margin:14px 0 10px;
padding-left:2px;
}

.chat-status-label{
margin-left:auto;
font-size:11px;
color:rgba(255,255,255,0.55);
}

.chat-item.unread strong{
font-weight:700;
}

.chat-item.unread p{
color:#fff;
opacity:1;
}

.chat-item.read p{
opacity:0.65;
}

.badge{
margin-left:auto;
background:#4facfe;
color:#fff;
font-size:11px;
padding:4px 8px;
border-radius:999px;
}
.chat-status-label{
margin-left:auto;
font-size:11px;
color:rgba(255,255,255,0.5);
padding-left:10px;
}

.chat-item{
display:flex;
align-items:center;
gap:12px;
}
.typing-indicator{
opacity:.7;
font-style:italic;
}

.chat-messages{
scroll-behavior:smooth;
}

.chat-item{
display:flex;
align-items:center;
gap:12px;
}

.chat-item > div{
display:flex;
flex-direction:column;
min-width:0;
}

.chat-item.active{
background:linear-gradient(90deg, rgba(79,172,254,0.22), transparent);
border-left:3px solid #4facfe;
}

.chat-item:hover{
background:rgba(255,255,255,0.05);
cursor:pointer;
}

.chat-status-label{
margin-left:auto;
padding-left:10px;
font-size:11px;
color:rgba(255,255,255,0.5);
}
/* =========================
MESSAGES OLYMPEUS
========================= */

.olympeus-messages-shell{
height:100vh;
display:grid;
grid-template-columns:320px 1fr;
background:linear-gradient(180deg, #0d1326, #0a1020);
}

.olympeus-msg-sidebar{
border-right:1px solid rgba(255,255,255,.06);
padding:22px 18px;
overflow-y:auto;
}

.olympeus-msg-logo{
color:#fff;
text-decoration:none;
font-size:1.5rem;
font-weight:800;
}

.olympeus-msg-brand{
margin-bottom:18px;
}

.olympeus-msg-search input{
width:100%;
height:46px;
padding:0 14px;
border-radius:14px;
border:1px solid rgba(255,255,255,.06);
background:rgba(255,255,255,.04);
color:#fff;
}

.olympeus-msg-section-title{
margin:18px 0 12px;
font-size:12px;
color:rgba(255,255,255,.6);
text-transform:uppercase;
letter-spacing:.04em;
}

.olympeus-thread{
display:flex;
align-items:center;
gap:12px;
padding:12px;
border-radius:16px;
transition:.2s;
position:relative;
}

.olympeus-thread:hover{
background:rgba(255,255,255,.05);
cursor:pointer;
}

.olympeus-thread.active{
background:linear-gradient(90deg, rgba(79,172,254,.2), transparent);
border-left:3px solid #4facfe;
}

.olympeus-thread img{
width:46px;
height:46px;
border-radius:999px;
object-fit:cover;
flex:0 0 46px;
}

.olympeus-thread-body{
display:flex;
flex-direction:column;
min-width:0;
}

.olympeus-thread-body strong{
font-size:14px;
}

.olympeus-thread-body p{
margin:4px 0 0;
font-size:13px;
color:rgba(255,255,255,.72);
line-height:1.3;
}

.olympeus-thread.unread .olympeus-thread-body strong{
font-weight:700;
}

.olympeus-thread.unread .olympeus-thread-body p{
color:#fff;
}

.olympeus-thread-status{
margin-left:auto;
font-size:11px;
color:rgba(255,255,255,.5);
padding-left:10px;
}

.olympeus-msg-main{
display:flex;
flex-direction:column;
min-width:0;
}

.olympeus-msg-top{
display:flex;
justify-content:space-between;
align-items:center;
gap:20px;
padding:18px 22px;
border-bottom:1px solid rgba(255,255,255,.06);
}

.olympeus-msg-contact{
display:flex;
align-items:center;
gap:12px;
}

.olympeus-msg-contact img{
width:48px;
height:48px;
border-radius:999px;
object-fit:cover;
}

.olympeus-msg-contact strong{
display:block;
font-size:1rem;
}

.olympeus-msg-contact p{
margin:4px 0 0;
color:rgba(255,255,255,.6);
font-size:.92rem;
}

.olympeus-msg-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
}

.olympeus-msg-actions button{
min-height:40px;
padding:0 14px;
border-radius:12px;
border:1px solid rgba(255,255,255,.08);
background:rgba(255,255,255,.04);
color:#fff;
cursor:pointer;
}

.olympeus-chat-messages{
flex:1;
overflow-y:auto;
padding:22px;
scroll-behavior:smooth;
}

.olympeus-chat-conversation{
display:flex;
flex-direction:column;
gap:12px;
}

.olympeus-msg-inputbar{
display:flex;
gap:12px;
padding:16px 22px;
border-top:1px solid rgba(255,255,255,.06);
background:rgba(0,0,0,.18);
backdrop-filter:blur(10px);
}

.olympeus-msg-inputbar input{
flex:1;
height:48px;
padding:0 14px;
border-radius:14px;
border:1px solid rgba(255,255,255,.06);
background:rgba(255,255,255,.04);
color:#fff;
}

.olympeus-msg-inputbar button{
min-width:108px;
height:48px;
border:none;
border-radius:14px;
background:linear-gradient(90deg,#4facfe,#00f2fe);
color:#fff;
font-weight:600;
cursor:pointer;
}

@media (max-width: 900px){
.olympeus-messages-shell{
grid-template-columns:1fr;
}

.olympeus-msg-sidebar{
border-right:none;
border-bottom:1px solid rgba(255,255,255,.06);
max-height:260px;
}

.olympeus-msg-top{
flex-direction:column;
align-items:flex-start;
}
}
.hiive-wave-sub{
font-size:13px;
color:rgba(255,255,255,0.6);
margin-bottom:12px;
}

.hiive-wave-preview{
display:block;
text-decoration:none;
color:#fff;
margin-bottom:12px;
}

.hiive-wave-thumb{
position:relative;
height:120px;
border-radius:12px;
overflow:hidden;
margin-bottom:6px;
}

.hiive-wave-thumb img{
width:100%;
height:100%;
object-fit:cover;
}

.hiive-wave-duration{
position:absolute;
bottom:6px;
right:6px;
background:rgba(0,0,0,0.6);
padding:3px 6px;
border-radius:6px;
font-size:11px;
}

.hiive-wave-preview strong{
display:block;
font-size:13px;
}

.hiive-wave-preview span{
font-size:12px;
color:rgba(255,255,255,0.6);
}

.hiive-wave-btn{
display:block;
text-align:center;
padding:10px;
border-radius:10px;
background:linear-gradient(90deg,#4facfe,#00f2fe);
margin-top:8px;
text-decoration:none;
color:#fff;
font-weight:600;
}

.hiive-wave-sub{
font-size:13px;
color:rgba(255,255,255,0.6);
margin-bottom:12px;
}

.hiive-wave-preview{
display:block;
text-decoration:none;
color:#fff;
margin-bottom:12px;
}

.hiive-wave-thumb{
position:relative;
height:120px;
border-radius:12px;
overflow:hidden;
margin-bottom:6px;
}

.hiive-wave-thumb img{
width:100%;
height:100%;
object-fit:cover;
display:block;
}

.hiive-wave-duration{
position:absolute;
bottom:6px;
right:6px;
background:rgba(0,0,0,0.6);
padding:3px 6px;
border-radius:6px;
font-size:11px;
color:#fff;
}

.hiive-wave-preview strong{
display:block;
font-size:13px;
}

.hiive-wave-preview span{
font-size:12px;
color:rgba(255,255,255,0.6);
}

.hiive-wave-btn{
display:block;
text-align:center;
padding:10px;
border-radius:10px;
background:linear-gradient(90deg,#4facfe,#00f2fe);
margin-top:8px;
text-decoration:none;
color:#fff;
font-weight:600;
}

.hiive-chip-ai{
color:#d9d3ff;
background:rgba(124,108,255,.14);
border-color:rgba(124,108,255,.28);
}
.wave-item{
width:520px;
max-width:92vw;
height:85vh;
margin:20px 0;
border-radius:24px;
overflow:hidden;
transition:all .3s ease;
opacity:0.88;
transform:scale(0.98);
}

.wave-item.active{
opacity:1;
transform:scale(1);
box-shadow:0 25px 80px rgba(0,0,0,0.45);
}

.wave-item video{
width:100%;
height:100%;
object-fit:cover;
display:block;
}
/* =========================
HIIVE 3 FILS — MOOD STYLE FEELS
========================= */

.hiive-rails-body{
background:
radial-gradient(circle at center, #0f172a 0%, #05070d 60%, #000 100%);
overflow:hidden;
}

.hiive-rails-topbar{
position:fixed;
top:0;
left:0;
width:100%;
z-index:20;
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
padding:14px 18px;
background:linear-gradient(180deg, rgba(0,0,0,.65), rgba(0,0,0,0));
}

.hiive-rails-back,
.hiive-rails-brand{
color:#fff;
text-decoration:none;
font-weight:700;
}

.hiive-rails-create{
min-height:40px;
padding:0 14px;
border:none;
border-radius:12px;
background:linear-gradient(90deg,#4facfe,#00f2fe);
color:#fff;
font-weight:600;
}

.hiive-rails-shell{
height:100vh;
padding-top:68px;
}

.hiive-rails-track{
height:calc(100vh - 68px);
display:flex;
gap:14px;
overflow-x:auto;
overflow-y:hidden;
scroll-snap-type:x mandatory;
scroll-behavior:smooth;
padding:10px 14px 18px;
}

.hiive-rails-track::-webkit-scrollbar{
height:0;
}

.hiive-rail{
flex:0 0 88vw;
max-width:88vw;
height:100%;
scroll-snap-align:center;
border-radius:26px;
padding:14px;
background:rgba(255,255,255,.03);
border:1px solid rgba(255,255,255,.06);
opacity:.65;
transform:scale(.96);
transition:all .3s ease;
overflow-y:auto;
}

.hiive-rail.active{
opacity:1;
transform:scale(1);
border-color:rgba(79,172,254,.35);
box-shadow:0 24px 80px rgba(0,0,0,.38);
}

.hiive-rail-head{
position:sticky;
top:0;
z-index:2;
padding:4px 2px 12px;
margin-bottom:6px;
background:linear-gradient(180deg, rgba(5,7,13,.96), rgba(5,7,13,.78), rgba(5,7,13,0));
backdrop-filter:blur(8px);
}

.hiive-rail-head h2{
margin:0;
font-size:1.2rem;
color:#fff;
}

.hiive-rail-head p{
margin:4px 0 0;
color:rgba(255,255,255,.62);
font-size:.92rem;
}

.hiive-rail-card{
position:relative;
height:38vh;
min-height:260px;
border-radius:22px;
overflow:hidden;
margin-bottom:14px;
background:#111;
}

.hiive-rail-card img,
.hiive-rail-card video{
width:100%;
height:100%;
object-fit:cover;
display:block;
}

.hiive-rail-overlay{
position:absolute;
inset:auto 0 0 0;
padding:16px;
background:linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,.62));
color:#fff;
}

.hiive-rail-user{
display:flex;
align-items:center;
gap:10px;
margin-bottom:10px;
}

.hiive-rail-user img{
width:38px;
height:38px;
border-radius:999px;
object-fit:cover;
flex:0 0 38px;
}

.hiive-rail-user strong{
display:block;
font-size:.95rem;
}

.hiive-rail-user span{
display:block;
font-size:.82rem;
color:rgba(255,255,255,.7);
}

.hiive-rail-overlay p{
margin:0;
font-size:.94rem;
line-height:1.35;
}

@media (min-width: 980px){
.hiive-rails-track{
gap:18px;
justify-content:center;
padding-left:24px;
padding-right:24px;
}

.hiive-rail{
flex:0 0 31%;
max-width:31%;
height:calc(100vh - 96px);
}

.hiive-rail.active{
flex-basis:35%;
max-width:35%;
}

.hiive-rail-card{
height:31vh;
}
}
/* Scrollbars desktop fines, bleu néon léger */
.hiive-rail,
.hiive-rails-track{
scrollbar-width: thin;
scrollbar-color: rgba(84, 194, 255, 0.65) rgba(255,255,255,0.05);
}

.hiive-rail::-webkit-scrollbar,
.hiive-rails-track::-webkit-scrollbar{
width: 6px;
height: 6px;
}

.hiive-rail::-webkit-scrollbar-track,
.hiive-rails-track::-webkit-scrollbar-track{
background: rgba(255,255,255,0.04);
border-radius: 999px;
}

.hiive-rail::-webkit-scrollbar-thumb,
.hiive-rails-track::-webkit-scrollbar-thumb{
background: linear-gradient(180deg, rgba(79,172,254,0.95), rgba(0,242,254,0.75));
border-radius: 999px;
box-shadow: 0 0 8px rgba(79,172,254,0.35);
}

.hiive-rail::-webkit-scrollbar-thumb:hover,
.hiive-rails-track::-webkit-scrollbar-thumb:hover{
background: linear-gradient(180deg, rgba(115,215,255,1), rgba(0,242,254,0.9));
}
/* =====================
HIIVE RAIL STATES
===================== */

/* Par défaut (non actif) */
.hiive-rail{
border:1px solid rgba(255,255,255,0.08);
transition: all 0.3s ease;
}

/* Rails gauche / droite (pause) */
.hiive-rail:not(.active){
border:1px solid rgba(120, 180, 255, 0.18);
box-shadow: 0 0 12px rgba(120,180,255,0.08);
opacity:0.7;
transform:scale(0.97);
}

/* Rail actif (centre) */
.hiive-rail.active{
border:1px solid rgba(79,172,254,0.6);
box-shadow:
0 0 20px rgba(79,172,254,0.4),
0 0 60px rgba(0,242,254,0.2);
opacity:1;
transform:scale(1.02);
}
.hiive-rail:not(.active){
border:1px solid rgba(180, 200, 255, 0.15);
backdrop-filter: blur(6px);
}
/* État actif général */
.hiive-rail.active{
border:1px solid rgba(79,172,254,0.6);
box-shadow:
0 0 20px rgba(79,172,254,0.28),
0 0 60px rgba(0,242,254,0.12);
opacity:1;
transform:scale(1.02);
}

/* Mobile : effet plus doux */
@media (max-width: 900px){
.hiive-rail.active{
border:1px solid rgba(79,172,254,0.35);
box-shadow:
0 0 10px rgba(79,172,254,0.18),
0 0 24px rgba(0,242,254,0.08);
transform:scale(1.01);
}

.hiive-rail:not(.active){
opacity:0.88;
transform:scale(0.99);
border:1px solid rgba(255,255,255,0.08);
box-shadow:none;
}
}
/* ===== Actions sociales cartes wave ===== */

.hiive-rail-topline{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
margin-bottom:10px;
}

.hiive-follow-action{
min-height:34px;
padding:0 12px;
border:none;
border-radius:999px;
background:rgba(255,255,255,0.14);
color:#fff;
font-size:12px;
font-weight:600;
cursor:pointer;
backdrop-filter:blur(8px);
transition:.2s ease;
}

.hiive-follow-action:hover{
background:rgba(79,172,254,0.24);
}

.hiive-follow-action.is-following{
background:linear-gradient(90deg,#4facfe,#00f2fe);
color:#fff;
}

.hiive-rail-actions{
display:flex;
align-items:center;
gap:8px;
margin-top:12px;
}

.hiive-rail-action{
display:flex;
align-items:center;
gap:6px;
min-height:36px;
padding:0 10px;
border:none;
border-radius:999px;
background:rgba(0,0,0,0.35);
color:#fff;
cursor:pointer;
font-size:13px;
backdrop-filter:blur(8px);
transition:.2s ease;
}

.hiive-rail-action:hover{
background:rgba(255,255,255,0.16);
}

.hiive-rail-action small{
font-size:12px;
color:#fff;
}

@media (max-width: 900px){
.hiive-rail-actions{
gap:6px;
flex-wrap:wrap;
}

.hiive-rail-action{
min-height:34px;
padding:0 9px;
font-size:12px;
}

.hiive-follow-action{
min-height:32px;
font-size:11px;
padding:0 10px;
}
}
/* ===== Rail actif / rails en pause ===== */

.hiive-rail{
border:1px solid rgba(255,255,255,0.08);
opacity:0.72;
transform:scale(0.97);
transition:all .28s ease;
}

.hiive-rail:not(.active){
box-shadow:0 0 10px rgba(90,180,255,0.08);
}

.hiive-rail.active{
opacity:1;
transform:scale(1.03);
border:1px solid rgba(79,172,254,0.9);
box-shadow:
0 0 10px rgba(79,172,254,0.35),
0 0 24px rgba(0,242,254,0.14);
}

/* Mobile : effet plus doux */
@media (max-width: 900px){
.hiive-rail{
opacity:0.9;
transform:scale(0.99);
}

.hiive-rail.active{
transform:scale(1.01);
border:1px solid rgba(79,172,254,0.45);
box-shadow:
0 0 8px rgba(79,172,254,0.18),
0 0 18px rgba(0,242,254,0.08);
}
}

/* ===== Actions style néon bleu sans remplissage ===== */

.hiive-rail-action{
background:transparent !important;
border:1px solid rgba(79,172,254,0.42);
color:#9fdcff;
box-shadow:0 0 8px rgba(79,172,254,0.14);
}

.hiive-rail-action:hover{
background:transparent !important;
border-color:rgba(0,242,254,0.65);
color:#d7f6ff;
box-shadow:
0 0 10px rgba(79,172,254,0.2),
0 0 18px rgba(0,242,254,0.12);
}

.hiive-rail-action small{
color:#9fdcff;
}

/* Bouton suivre dans le même esprit */
.hiive-follow-action{
background:transparent !important;
border:1px solid rgba(79,172,254,0.42);
color:#b8e9ff;
box-shadow:0 0 8px rgba(79,172,254,0.14);
}

.hiive-follow-action:hover{
background:transparent !important;
border-color:rgba(0,242,254,0.68);
color:#fff;
box-shadow:
0 0 10px rgba(79,172,254,0.2),
0 0 18px rgba(0,242,254,0.12);
}
@media (min-width: 980px){
.hiive-rail{
flex:0 0 30%;
max-width:30%;
}

.hiive-rail.active{
flex-basis:36%;
max-width:36%;
}
}
.hiive-rail-topline{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
margin-bottom:10px;
}

.hiive-follow-action{
padding:6px 12px;
border-radius:999px;
background:transparent;
border:1px solid rgba(79,172,254,0.4);
color:#bfe9ff;
cursor:pointer;
transition:.2s;
}

.hiive-follow-action:hover{
border-color:rgba(0,242,254,0.7);
color:#fff;
box-shadow:
0 0 10px rgba(79,172,254,0.3),
0 0 20px rgba(0,242,254,0.2);
}

.hiive-rail-actions{
display:flex;
align-items:center;
gap:10px;
margin-top:12px;
}

.hiive-rail-action{
display:flex;
align-items:center;
gap:6px;
padding:6px 10px;
border-radius:999px;
background:transparent;
border:1px solid rgba(79,172,254,0.4);
color:#9fdcff;
cursor:pointer;
transition:all .2s ease;
}

.hiive-rail-action svg{
width:16px;
height:16px;
stroke:#9fdcff;
fill:none;
stroke-width:1.8;
}

.hiive-rail-action:hover{
border-color:rgba(0,242,254,0.7);
color:#fff;
box-shadow:
0 0 8px rgba(79,172,254,0.3),
0 0 18px rgba(0,242,254,0.2);
}

.hiive-rail-action span{
color:#9fdcff;
}
/* vidéo plus grande */
.hiive-rail-card{
height: 44vh;
min-height: 320px;
}

/* active rail un peu plus généreux */
@media (min-width: 980px){
.hiive-rail.active .hiive-rail-card{
height: 48vh;
}
}

/* overlay plus compact */
.hiive-rail-overlay{
padding: 12px;
}

.hiive-rail-topline{
margin-bottom: 6px;
}

.hiive-rail-user img{
width: 34px;
height: 34px;
}

.hiive-rail-user strong{
font-size: .92rem;
}

.hiive-rail-user span{
font-size: .76rem;
}

.hiive-rail-overlay p{
margin: 0 0 8px;
font-size: .9rem;
line-height: 1.25;
max-width: 78%;
}

/* boutons un peu plus fins */
.hiive-rail-actions{
gap: 8px;
margin-top: 8px;
}

.hiive-rail-action{
padding: 5px 9px;
}

.hiive-follow-action{
padding: 5px 10px;
font-size: 12px;
}
.hiive-rail-card video{
width:100%;
height:100%;
object-fit:cover;
display:block;
}

.hiive-rail-card{
height:44vh;
min-height:320px;
}

@media (min-width: 980px){
.hiive-rail.active .hiive-rail-card{
height:48vh;
}
}

.hiive-rail-overlay{
padding:12px;
}

.hiive-rail-topline{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
margin-bottom:6px;
}

.hiive-rail-overlay p{
margin:0 0 8px;
font-size:.9rem;
line-height:1.25;
max-width:78%;
}

.hiive-follow-action{
padding:5px 10px;
border-radius:999px;
background:transparent;
border:1px solid rgba(79,172,254,0.4);
color:#bfe9ff;
cursor:pointer;
transition:.2s;
font-size:12px;
}

.hiive-follow-action:hover{
border-color:rgba(0,242,254,0.7);
color:#fff;
box-shadow:
0 0 10px rgba(79,172,254,0.3),
0 0 20px rgba(0,242,254,0.2);
}

.hiive-rail-actions{
display:flex;
align-items:center;
gap:8px;
margin-top:8px;
}

.hiive-rail-action{
display:flex;
align-items:center;
gap:6px;
padding:5px 9px;
border-radius:999px;
background:transparent;
border:1px solid rgba(79,172,254,0.42);
color:#9fdcff;
cursor:pointer;
transition:all .2s ease;
}

.hiive-rail-action svg{
width:16px;
height:16px;
stroke:#9fdcff;
fill:none;
stroke-width:1.8;
}

.hiive-rail-action:hover{
border-color:rgba(0,242,254,0.7);
color:#fff;
box-shadow:
0 0 8px rgba(79,172,254,0.3),
0 0 18px rgba(0,242,254,0.2);
}

.hiive-rail-action span{
color:#9fdcff;
}
.hiive-rail-overlay p{
font-size:0.8rem;
line-height:1.2;
margin:4px 0 6px;
max-width:65%;
}
.hiive-follow-action{
padding:4px 8px;
font-size:11px;
opacity:0.85;
}
.hiive-rail-overlay{
display:flex;
flex-direction:column;
justify-content:flex-end;
height:100%;
padding:10px;
}
/* ===== Like animation ===== */

.hiive-rail-action.like-btn{
position:relative;
overflow:visible;
}

.hiive-rail-action.like-btn svg{
transition:transform .18s ease, stroke .18s ease, fill .18s ease;
}

.hiive-rail-action.like-btn.is-liked svg{
fill:#ff4d6d;
stroke:#ff4d6d;
transform:scale(1.08);
}

.hiive-rail-action.like-btn.is-liked span{
color:#ffd6de;
}

.hiive-like-burst{
position:absolute;
left:50%;
top:50%;
transform:translate(-50%, -50%) scale(.4);
opacity:0;
pointer-events:none;
font-size:52px;
line-height:1;
filter:drop-shadow(0 0 14px rgba(255,77,109,.35));
}

.hiive-like-burst.show{
animation:hiiveLikeBurst .55s ease forwards;
}

@keyframes hiiveLikeBurst{
0%{
opacity:0;
transform:translate(-50%, -50%) scale(.4);
}
20%{
opacity:1;
transform:translate(-50%, -50%) scale(1);
}
100%{
opacity:0;
transform:translate(-50%, -58%) scale(1.25);
}
}

.hiive-like-pop{
animation:hiiveLikePop .22s ease;
}

@keyframes hiiveLikePop{
0%{ transform:scale(1); }
50%{ transform:scale(1.14); }
100%{ transform:scale(1); }
}
/* ===== FIX actions wave ===== */

.hiive-rail-actions{
display:flex !important;
align-items:center !important;
gap:8px !important;
margin-top:8px !important;
flex-wrap:nowrap !important;
}

.hiive-rail-action{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
gap:6px !important;

width:auto !important;
min-width:auto !important;
max-width:none !important;
flex:0 0 auto !important;

padding:5px 10px !important;
min-height:32px !important;
border-radius:999px !important;

background:transparent !important;
border:1px solid rgba(79,172,254,0.42) !important;
color:#9fdcff !important;

box-shadow:0 0 8px rgba(79,172,254,0.14) !important;
cursor:pointer !important;
white-space:nowrap !important;
}

.hiive-rail-action svg{
width:14px !important;
height:14px !important;
stroke:#9fdcff !important;
fill:none !important;
stroke-width:1.8 !important;
flex:0 0 14px !important;
}

.hiive-rail-action span{
display:inline !important;
font-size:12px !important;
line-height:1 !important;
color:#9fdcff !important;
}

.hiive-rail-action:hover{
border-color:rgba(0,242,254,0.72) !important;
box-shadow:
0 0 10px rgba(79,172,254,0.24),
0 0 18px rgba(0,242,254,0.12) !important;
}

/* Bouton suivre compact */
.hiive-follow-action{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;

width:auto !important;
min-width:auto !important;
flex:0 0 auto !important;

padding:4px 10px !important;
min-height:30px !important;
border-radius:999px !important;

background:transparent !important;
border:1px solid rgba(79,172,254,0.42) !important;
color:#bfe9ff !important;
font-size:11px !important;
line-height:1 !important;
white-space:nowrap !important;
}

.hiive-follow-action:hover{
border-color:rgba(0,242,254,0.72) !important;
box-shadow:
0 0 10px rgba(79,172,254,0.24),
0 0 18px rgba(0,242,254,0.12) !important;
}

/* overlay plus compact */
.hiive-rail-overlay{
padding:10px !important;
}

.hiive-rail-topline{
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
gap:10px !important;
margin-bottom:4px !important;
}

.hiive-rail-user{
display:flex !important;
align-items:center !important;
gap:8px !important;
min-width:0 !important;
}

.hiive-rail-user img{
width:28px !important;
height:28px !important;
border-radius:50% !important;
flex:0 0 28px !important;
}

.hiive-rail-user strong{
display:block !important;
font-size:13px !important;
line-height:1.05 !important;
}

.hiive-rail-user span{
display:block !important;
font-size:11px !important;
opacity:.75 !important;
line-height:1 !important;
}

.hiive-rail-overlay p{
margin:4px 0 6px !important;
font-size:13px !important;
line-height:1.2 !important;
max-width:70% !important;
}

/* effet like propre */
.hiive-rail-action.like-btn{
position:relative !important;
}

.hiive-rail-action.like-btn.is-liked svg{
fill:#ff4d6d !important;
stroke:#ff4d6d !important;
transform:scale(1.08) !important;
}

.hiive-like-burst{
position:absolute;
left:50%;
top:50%;
transform:translate(-50%, -50%) scale(.4);
opacity:0;
pointer-events:none;
font-size:52px;
line-height:1;
}

.hiive-like-burst.show{
animation:hiiveLikeBurst .55s ease forwards;
}

@keyframes hiiveLikeBurst{
0%{
opacity:0;
transform:translate(-50%, -50%) scale(.4);
}
20%{
opacity:1;
transform:translate(-50%, -50%) scale(1);
}
100%{
opacity:0;
transform:translate(-50%, -58%) scale(1.2);
}

/* ===== FIX FINAL WAVE ===== */

/* le rail ne réserve plus un gros bloc en haut */
.hiive-rail{
position: relative !important;
padding-top: 44px !important;
}

/* header du fil compact et flottant */
.hiive-rail-head{
position: absolute !important;
top: 10px !important;
left: 14px !important;
right: 14px !important;
z-index: 6 !important;

background: transparent !important;
padding: 0 !important;
margin: 0 !important;
min-height: auto !important;
height: auto !important;
}

.hiive-rail-head h2{
margin: 0 !important;
font-size: 14px !important;
line-height: 1.1 !important;
}

.hiive-rail-head p{
margin: 2px 0 0 !important;
font-size: 11px !important;
line-height: 1.15 !important;
opacity: .7 !important;
}

/* la carte vidéo remonte juste sous le titre */
.hiive-rail-card{
position: relative !important;
height: 340px !important;
margin-top: 8px !important;
border-radius: 18px !important;
overflow: hidden !important;
}

@media (min-width: 1024px){
.hiive-rail-card{
height: 390px !important;
}
}

/* la vidéo prend toute la carte */
.hiive-rail-card video,
.hiive-rail-card img{
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
display: block !important;
}

/* ligne user + suivre compacte */
.hiive-rail-topline{
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 8px !important;
margin: 0 0 2px !important;
}

.hiive-rail-user{
display: flex !important;
align-items: center !important;
gap: 6px !important;
}

.hiive-rail-user img{
width: 26px !important;
height: 26px !important;
border-radius: 50% !important;
flex: 0 0 26px !important;
}

.hiive-rail-user strong{
font-size: 12px !important;
line-height: 1 !important;
}

.hiive-rail-user span{
font-size: 10px !important;
line-height: 1 !important;
opacity: .78 !important;
}

/* suivre plus petit */
.hiive-follow-action{
padding: 3px 9px !important;
min-height: 26px !important;
font-size: 10px !important;
}

/* boutons sociaux alignés et compacts */
.hiive-rail-actions{
display: flex !important;
align-items: center !important;
gap: 6px !important;
margin: 0 !important;
flex-wrap: nowrap !important;
}

.hiive-rail-action{
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 4px !important;

width: auto !important;
min-width: auto !important;
flex: 0 0 auto !important;

padding: 4px 8px !important;
min-height: 28px !important;
border-radius: 999px !important;
white-space: nowrap !important;
}

.hiive-rail-action svg{
width: 13px !important;
height: 13px !important;
}

.hiive-rail-action span{
font-size: 11px !important;
line-height: 1 !important;
}
/* texte plus discret */
.hiive-rail-overlay p{
margin: 0 0 4px !important;
font-size: 12px !important;
line-height: 1.15 !important;
max-width: 66% !important;
}
/* ===== FIX OVERLAY QUI PREND TOUTE LA CARTE ===== */

.hiive-rail-card{
position: relative !important;
}

.hiive-rail-overlay{
position: absolute !important;
left: 10px !important;
right: 10px !important;
bottom: 10px !important;
top: auto !important;

height: auto !important;
min-height: 0 !important;
max-height: none !important;

display: flex !important;
flex-direction: column !important;
justify-content: flex-end !important;
gap: 4px !important;

padding: 0 !important;
margin: 0 !important;
background: transparent !important;
}

/* si un ancien style met un pseudo-fond */
.hiive-rail-overlay::before{
display: none !important;
content: none !important;
}

/* le texte reste compact */
.hiive-rail-overlay p{
margin: 0 0 4px !important;
max-width: 66% !important;
}
.hiive-rails-back{
display:inline-flex !important;
align-items:center !important;
gap:6px !important;

padding:8px 14px !important;
border-radius:999px !important;

border:1px solid rgba(255,255,255,0.75) !important;
background:rgba(255,255,255,0.06) !important;
backdrop-filter:blur(6px) !important;

color:#ffffff !important;
text-decoration:none !important;
font-size:14px !important;
font-weight:600 !important;
line-height:1 !important;

box-shadow:0 0 8px rgba(255,255,255,0.08) !important;
transition:all .2s ease !important;
}
@media (max-width: 768px){

.videos-shell{
padding:12px 10px 70px;
}

.videos-toolbar{
align-items:flex-start;
gap:12px;
}

.videos-page-title{
font-size:28px;
}

.videos-page-sub{
font-size:13px;
line-height:1.35;
}

.videos-categories{
top:72px;
padding:8px 0 14px;
gap:8px;
}

.videos-cat-btn{
padding:9px 13px;
font-size:12px;
}

.videos-section{
padding:14px;
border-radius:20px;
}

.videos-section-head h2{
font-size:22px;
}

.videos-section-head p{
font-size:13px;
line-height:1.35;
}

.videos-row{
gap:12px;
}

.video-card{
flex:0 0 92vw;
}

.video-thumb{
aspect-ratio:16 / 10;
}

.video-meta{
padding:12px;
}

.video-title{
font-size:18px;
}

.video-sub{
font-size:13px;
}

.video-stat{
font-size:11px;
padding:5px 9px;
}

.video-play{
width:48px;
height:48px;
}
}
@media (max-width: 768px){

.video-viewer{
padding:0;
background:#000;
}

.video-viewer-card{
width:100%;
height:100vh;
border-radius:0;
border:none;
box-shadow:none;
background:#000;
}

.video-viewer-top{
position:absolute;
top:0;
left:0;
right:0;
z-index:20;
border-bottom:none;
background:linear-gradient(to bottom, rgba(0,0,0,0.55), transparent);
}

.video-viewer-player{
width:100%;
height:100vh;
aspect-ratio:auto;
background:#000;
}

.video-viewer-player video{
width:100%;
height:100%;
object-fit:cover;
background:#000;
}

.video-viewer-info{
position:absolute;
left:0;
right:0;
bottom:0;
z-index:20;
background:linear-gradient(to top, rgba(0,0,0,0.75), transparent);
padding:18px 14px 24px;
}

.video-viewer-info h3{
font-size:20px;
margin:0 0 6px;
}

.video-viewer-info p{
font-size:13px;
line-height:1.35;
}
}
@media (max-width: 768px){

.video-viewer{
padding:0 !important;
background:#000 !important;
}

.video-viewer-card{
width:100% !important;
height:100vh !important;
border-radius:0 !important;
background:#000 !important;
}

.video-viewer-player{
height:100vh !important;
}

.video-viewer-player video{
width:100%;
height:100%;
object-fit:cover !important;
}
}
@media (max-width: 768px){

.viewer{
position: fixed !important;
inset: 0 !important;
width: 100vw !important;
height: 100dvh !important;
padding: 0 !important;
background: #000 !important;
overflow: hidden !important;
z-index: 9999 !important;
}

.viewer.open{
display: block !important;
}

.viewerCard{
display: none !important;
}

.mobileTop{
display: flex !important;
position: absolute !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
z-index: 30 !important;
padding-top: calc(14px + env(safe-area-inset-top)) !important;
padding-left: 16px !important;
padding-right: 16px !important;
padding-bottom: 14px !important;
background: linear-gradient(to bottom, rgba(0,0,0,.65), transparent) !important;
}

.mobileFeed{
display: block !important;
width: 100vw !important;
height: 100dvh !important;
overflow-y: auto !important;
overflow-x: hidden !important;
scroll-snap-type: y mandatory !important;
background: #000 !important;
-webkit-overflow-scrolling: touch !important;
scrollbar-width: none !important;
}

.mobileFeed::-webkit-scrollbar{
display: none !important;
}

.mobileItem{
position: relative !important;
width: 100vw !important;
height: 100dvh !important;
min-height: 100dvh !important;
scroll-snap-align: start !important;
overflow: hidden !important;
background: #000 !important;
}

.mobileItem video{
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
display: block !important;
background: #000 !important;
}

.mobileOverlay{
position: absolute !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
z-index: 20 !important;
padding: 18px 14px calc(28px + env(safe-area-inset-bottom)) !important;
background: linear-gradient(to top, rgba(0,0,0,.78), transparent) !important;
}

.mobileMeta{
max-width: calc(100% - 92px) !important;
}

.mobileActions{
position: absolute !important;
right: 12px !important;
bottom: calc(110px + env(safe-area-inset-bottom)) !important;
z-index: 25 !important;
display: flex !important;
flex-direction: column !important;
gap: 12px !important;
}
}
@media (max-width: 768px){

.play{
width: 42px !important;
height: 42px !important;
right: 10px !important;
bottom: 10px !important;
}

.play svg{
width: 16px !important;
height: 16px !important;
}

.thumb{
overflow: hidden !important;
}
}
.cats{
overflow-x: auto !important;
overflow-y: hidden !important;
white-space: nowrap !important;
padding-bottom: 10px !important;
scrollbar-width: thin !important;
scrollbar-color: rgba(95,210,255,.65) transparent !important;
}

.cats::-webkit-scrollbar{
height: 6px !important;
}

.cats::-webkit-scrollbar-track{
background: transparent !important;
}

.cats::-webkit-scrollbar-thumb{
background: linear-gradient(90deg, rgba(95,210,255,.9), rgba(79,172,254,.9)) !important;
border-radius: 999px !important;
}

.cats::-webkit-scrollbar-thumb:hover{
background: linear-gradient(90deg, rgba(120,230,255,1), rgba(79,172,254,1)) !important;
}

.cats::after{
content: "";
flex: 0 0 14px;
}
.emptyRowMessage{
min-width:100%;
padding:18px;
border-radius:18px;
border:1px dashed rgba(255,255,255,.10);
background:rgba(255,255,255,.02);
color:rgba(255,255,255,.65);
font-size:13px;
}
/* ===== FIX GLOBAL DARK UI ===== */

body,
html {
color: #ffffff !important;
}

/* Tous les textes */
* {
color: #ffffff;
}

/* Titres */
h1, h2, h3, h4, h5 {
color: #ffffff !important;
}

/* Paragraphes */
p, span, div {
color: rgba(255,255,255,0.85);
}

/* Inputs */
input, textarea {
color: #fff !important;
background: rgba(255,255,255,0.05);
border: 1px solid rgba(255,255,255,0.1);
}

/* Placeholder */
input::placeholder {
color: rgba(255,255,255,0.5);
}
/* connexions hiive */
.connectionsPage{
padding:20px;
color:#fff;
}

.connectionsTop{
display:flex;
gap:10px;
margin-bottom:20px;
}

.connectionsTop input{
flex:1;
padding:12px;
border-radius:12px;
border:none;
background:rgba(255,255,255,0.05);
color:#fff;
}

.inviteBtn{
background:linear-gradient(135deg,#4facfe,#00f2fe);
border:none;
padding:12px 16px;
border-radius:12px;
color:#fff;
font-weight:700;
}

/* TABS */
.tabs{
display:flex;
gap:10px;
margin-bottom:20px;
}

.tab{
background:rgba(255,255,255,0.05);
border:none;
padding:10px 14px;
border-radius:20px;
color:#fff;
cursor:pointer;
}

.tab.active{
background:linear-gradient(135deg,#4facfe,#00f2fe);
}

/* USER CARD */
.userCard{
display:flex;
align-items:center;
justify-content:space-between;
padding:12px;
border-radius:14px;
background:rgba(255,255,255,0.03);
margin-bottom:10px;
}

.userInfo{
display:flex;
align-items:center;
gap:10px;
}

.userInfo img{
width:40px;
height:40px;
border-radius:50%;
}

.userInfo strong{
display:block;
}

.userInfo span{
font-size:13px;
color:rgba(255,255,255,0.6);
}

/* BUTTONS */
.addBtn{
background:linear-gradient(135deg,#4facfe,#00f2fe);
border:none;
padding:8px 12px;
border-radius:10px;
color:#fff;
cursor:pointer;
}

.connected{
background:rgba(255,255,255,0.1);
}