:root{
    --bg:#071225;
    --bg-soft:#0d1a32;
    --card:#101b33;
    --card-2:#142142;
    --line:rgba(255,255,255,.08);
    --line-soft:rgba(255,255,255,.05);
    --text:#eef4ff;
    --muted:#a6b1cb;
    --muted-2:#8d9ab7;
    --blue:#4d8dff;
    --blue-2:#77a9ff;
    --gold:#dca15f;
    --danger:#ff6b81;
    --shadow:0 20px 60px rgba(0,0,0,.35);
    --shadow-soft:0 12px 28px rgba(0,0,0,.22);
    --radius:22px;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
html{scroll-behavior:smooth}
body{
    font-family:Inter, Arial, Helvetica, sans-serif;
    background:
        radial-gradient(circle at top center, rgba(62,100,197,.18), transparent 30%),
        linear-gradient(180deg, #06101f 0%, #081426 55%, #08111f 100%);
    color:var(--text);
}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
button,input,textarea{font:inherit}
button{cursor:pointer}
.container{width:min(1240px, calc(100% - 32px));margin:0 auto}

.sr-only{
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    white-space:nowrap;
    border:0;
}

/* HEADER */

.site-header{
    position:sticky;
    top:0;
    z-index:1000;
    backdrop-filter:blur(18px);
    background:rgba(6,16,31,.82);
    border-bottom:1px solid var(--line);
}
.header-shell{
    display:flex;
    flex-direction:column;
    gap:14px;
    padding:14px 0 16px;
}
.header-top{
    display:grid;
    grid-template-columns:minmax(0, 1fr) auto;
    gap:18px;
    align-items:center;
}
.header-bottom{
    display:grid;
    grid-template-columns:minmax(0, 1fr) auto;
    gap:16px;
    align-items:center;
}
.brand{
    display:flex;
    align-items:center;
    gap:14px;
    min-width:0;
}
.brand-mark{
    width:60px;
    height:60px;
    border-radius:18px;
    background:linear-gradient(135deg, rgba(116,168,255,.18), rgba(246,179,109,.16));
    border:1px solid rgba(255,255,255,.08);
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 60px;
    overflow:hidden;
}
.brand-logo{
    width:42px;
    height:42px;
    object-fit:contain;
}
.brand-copy{
    display:flex;
    flex-direction:column;
    gap:4px;
    min-width:0;
}
.brand-name{
    font-size:30px;
    font-weight:900;
    line-height:1;
    background:linear-gradient(90deg,#74a8ff,#f6b36d);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}
.brand-tagline{
    font-size:12px;
    letter-spacing:.06em;
    text-transform:uppercase;
    color:#c5d0eb;
    opacity:.95;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.header-right{
    display:flex;
    align-items:center;
    gap:12px;
}
.search-form{
    width:min(320px, 100%);
}
.search-form input{
    width:100%;
    height:46px;
    border:none;
    outline:none;
    border-radius:999px;
    padding:0 16px;
    background:rgba(255,255,255,.06);
    color:#fff;
    border:1px solid rgba(255,255,255,.08);
}
.search-form input::placeholder{color:#b5c1dc}
.menu-toggle{
    display:none;
    width:46px;
    height:46px;
    border-radius:14px;
    border:1px solid rgba(255,255,255,.08);
    background:rgba(255,255,255,.04);
    color:#fff;
    font-size:20px;
}
.main-nav{
    display:flex;
    align-items:center;
    gap:18px;
    flex-wrap:wrap;
}
.main-nav a{
    color:#d9e3f8;
    font-weight:700;
    opacity:.92;
}
.main-nav a:hover{color:#fff}
.header-actions{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:12px;
    flex-wrap:wrap;
}

.btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:46px;
    padding:0 18px;
    border-radius:14px;
    border:1px solid rgba(255,255,255,.08);
    font-weight:700;
    transition:.2s ease;
}
.btn:hover{transform:translateY(-1px)}
.btn-primary{
    background:linear-gradient(135deg,#cf9655,#e4b071);
    color:#fff;
    box-shadow:0 12px 30px rgba(220,161,95,.25);
}
.btn-dark{
    background:rgba(255,255,255,.04);
    color:#fff;
}

/* GLOBAL */

.site-main{padding:24px 0 56px}
.alert{
    background:#13213d;
    border:1px solid rgba(255,255,255,.08);
    color:#fff;
    border-radius:16px;
    padding:14px 18px;
    margin-bottom:18px;
}
.empty-card{
    background:linear-gradient(180deg, rgba(17,28,54,.96), rgba(11,19,37,.96));
    border:1px solid var(--line);
    border-radius:20px;
    padding:18px;
    color:var(--muted);
}

/* HOME */

.feed-section{padding-top:10px}
.content-grid{
    display:grid;
    grid-template-columns:minmax(0, 2fr) 320px;
    gap:18px;
}
.section-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:16px;
    margin-bottom:14px;
}
.section-head h2{
    margin:0 0 4px;
    font-size:19px;
}
.section-head p{
    margin:0;
    color:var(--muted);
    font-size:14px;
}
.section-counter{
    color:#f0bf84;
    font-weight:700;
    white-space:nowrap;
}

.feed-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill, minmax(150px, 170px));
    gap:12px;
    justify-content:start;
    align-items:start;
}

.post-card{
    width:100%;
    max-width:170px;
    min-height:310px;
    background:linear-gradient(180deg, rgba(18,31,60,.98), rgba(10,18,36,.98));
    border:1px solid rgba(255,255,255,.07);
    border-radius:18px;
    overflow:hidden;
    transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
    box-shadow:var(--shadow-soft);
}
.post-card:hover{
    transform:translateY(-4px);
    box-shadow:0 18px 34px rgba(0,0,0,.30);
    border-color:rgba(119,169,255,.16);
}
.post-card-link{
    display:flex;
    flex-direction:column;
    height:100%;
}
.post-card-media{
    position:relative;
    width:100%;
    aspect-ratio:1/1;
    background:#091224;
    overflow:hidden;
    flex:0 0 auto;
}
.post-card-media::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg, rgba(0,0,0,.10) 0%, rgba(0,0,0,0) 30%, rgba(0,0,0,.18) 100%);
    pointer-events:none;
}
.post-card-media img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .28s ease;
}
.post-card:hover .post-card-media img{
    transform:scale(1.03);
}

.post-card-badge-overlay{
    position:absolute;
    top:8px;
    left:8px;
    z-index:2;
    display:inline-flex;
    align-items:center;
    min-height:22px;
    padding:0 8px;
    border-radius:999px;
    background:rgba(9,19,39,.78);
    backdrop-filter:blur(8px);
    border:1px solid rgba(255,255,255,.10);
    color:#ebf3ff;
    font-weight:800;
    font-size:10px;
    box-shadow:0 6px 20px rgba(0,0,0,.25);
}

.post-card-body{
    padding:10px;
    display:flex;
    flex-direction:column;
    gap:8px;
    flex:1 1 auto;
}

.card-topline{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    min-height:12px;
}
.card-category{
    color:#f0bf84;
    font-size:11px;
    font-weight:700;
    letter-spacing:.01em;
}

.post-card-body h3{
    margin:0;
    font-size:14px;
    line-height:1.25;
    font-weight:800;
    min-height:34px;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-wrap:balance;
}

.post-card-excerpt{
    margin:0;
    color:var(--muted);
    font-size:11px;
    line-height:1.45;
    min-height:32px;
    max-height:32px;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}

.post-card-stats-inline{
    display:flex;
    align-items:center;
    gap:5px;
    flex-wrap:wrap;
    margin-top:auto;
    padding-top:2px;
}

.stat-pill{
    display:inline-flex;
    align-items:center;
    gap:4px;
    min-height:22px;
    padding:0 7px;
    border-radius:999px;
    background:rgba(255,255,255,.045);
    border:1px solid rgba(255,255,255,.055);
    color:#dce7ff;
    font-size:11px;
    line-height:1;
    transition:background .15s ease, border-color .15s ease;
}
.post-card:hover .stat-pill{
    background:rgba(255,255,255,.06);
    border-color:rgba(255,255,255,.08);
}
.stat-icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:12px;
    text-align:center;
    opacity:.95;
    font-size:10px;
}

/* SIDEBAR */

.sidebar{
    display:flex;
    flex-direction:column;
    gap:16px;
}
.side-card,
.comments-card,
.detail-card{
    background:linear-gradient(180deg, rgba(17,28,54,.96), rgba(11,19,37,.96));
    border:1px solid var(--line);
    border-radius:22px;
    box-shadow:var(--shadow);
}
.side-card{padding:16px}
.side-card-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:12px;
}
.side-card-head h3{
    margin:0;
    font-size:16px;
}

.trend-list,
.comment-preview-list{
    display:flex;
    flex-direction:column;
    gap:10px;
}
.trend-item{
    display:flex;
    gap:10px;
    align-items:center;
    padding:9px;
    border-radius:14px;
    background:rgba(255,255,255,.02);
    border:1px solid rgba(255,255,255,.04);
    transition:.2s ease;
}
.trend-item:hover{
    transform:translateY(-2px);
    background:rgba(255,255,255,.04);
}
.trend-thumb{
    width:64px;
    height:64px;
    border-radius:12px;
    overflow:hidden;
    flex:0 0 64px;
    background:#0b1325;
}
.trend-thumb img{
    width:100%;
    height:100%;
    object-fit:cover;
}
.trend-copy{
    display:flex;
    flex-direction:column;
    gap:5px;
    min-width:0;
}
.trend-copy strong{
    display:block;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    font-size:14px;
}
.trend-copy span{
    color:var(--muted);
    font-size:12px;
}

.random-post{
    display:block;
    overflow:hidden;
    border-radius:16px;
    background:rgba(255,255,255,.02);
    border:1px solid rgba(255,255,255,.04);
}
.random-post-media{
    aspect-ratio:16/10;
    background:#0b1325;
}
.random-post-media img{
    width:100%;
    height:100%;
    object-fit:cover;
}
.random-post-body{
    padding:12px;
    display:flex;
    flex-direction:column;
    gap:5px;
}
.random-post-body strong{
    font-size:14px;
}
.random-post-body span{
    color:var(--muted);
    font-size:12px;
}

.comment-preview{
    display:block;
    padding:12px;
    border-radius:14px;
    background:rgba(255,255,255,.02);
    border:1px solid rgba(255,255,255,.04);
    transition:.2s ease;
}
.comment-preview:hover{
    transform:translateY(-2px);
    background:rgba(255,255,255,.04);
}
.comment-preview strong{
    display:block;
    margin-bottom:4px;
    font-size:14px;
}
.comment-preview-post{
    display:block;
    color:#f0bf84;
    font-size:12px;
    margin-bottom:6px;
}
.comment-preview p{
    margin:0;
    color:var(--muted);
    font-size:13px;
    line-height:1.45;
}

/* DETAIL */

.detail-page{padding-top:10px}
.detail-grid{
    display:grid;
    grid-template-columns:minmax(0, 2fr) 320px;
    gap:20px;
}
.detail-main{
    min-width:0;
}
.detail-card{padding:22px}
.detail-title-wrap{
    display:flex;
    flex-direction:column;
    gap:12px;
    min-width:0;
}
.detail-head h1{
    margin:0;
    font-size:clamp(2rem, 3vw, 3rem);
    line-height:1.02;
}
.detail-meta{
    display:flex;
    flex-wrap:wrap;
    gap:14px;
    color:var(--muted);
    font-size:14px;
}
.detail-media-wrap{margin-top:18px}
.detail-media{
    width:100%;
    max-height:460px;
    object-fit:contain;
    background:#091224;
    border-radius:18px;
    border:1px solid rgba(255,255,255,.06);
}
.detail-video{
    min-height:340px;
}
.detail-actions{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:18px;
}
.inline-form{margin:0}
.inline-form button{appearance:none}
.action-chip{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-height:40px;
    padding:0 14px;
    border-radius:999px;
    background:rgba(255,255,255,.05);
    border:1px solid rgba(255,255,255,.09);
    color:#f5f8ff;
    font-weight:700;
    transition:.2s ease;
}
.action-chip:hover{
    background:rgba(255,255,255,.09);
    transform:translateY(-1px);
}
.action-chip.active{
    background:rgba(220,161,95,.16);
    border-color:rgba(220,161,95,.38);
    color:#ffd4a5;
}
.detail-description{
    margin-top:18px;
    color:var(--muted);
    line-height:1.75;
    font-size:15px;
}

.comments-card{
    margin-top:20px;
    padding:22px;
}
.comment-form{
    display:flex;
    flex-direction:column;
    gap:12px;
    margin-bottom:24px;
}
.comment-form textarea{
    width:100%;
    min-height:120px;
    border:none;
    outline:none;
    resize:vertical;
    border-radius:18px;
    padding:16px;
    background:#0b152b;
    color:#fff;
    border:1px solid rgba(255,255,255,.08);
}
.ajax-comment-error{
    margin:-8px 0 16px;
    padding:12px 14px;
    border-radius:14px;
    background:rgba(255,107,129,.12);
    border:1px solid rgba(255,107,129,.28);
    color:#ffd3da;
    font-size:14px;
}
.comment-emoji-toolbar{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-bottom:10px;
}
.emoji-btn{
    min-width:36px;
    height:36px;
    border:none;
    border-radius:12px;
    background:rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.08);
    color:#fff;
    font-size:18px;
    line-height:1;
    cursor:pointer;
    transition:.15s ease;
}
.emoji-btn:hover{
    transform:translateY(-1px);
    background:rgba(255,255,255,.10);
}
.comment-submit-btn{
    min-height:38px !important;
    height:38px;
    padding:0 14px !important;
    font-size:14px;
    border-radius:12px;
    align-self:flex-start;
}
.comment-list{
    display:flex;
    flex-direction:column;
    gap:14px;
}
.comment-item{
    display:flex;
    gap:14px;
    padding:14px;
    border-radius:18px;
    background:rgba(255,255,255,.03);
    border:1px solid rgba(255,255,255,.05);
}
.comment-avatar{
    width:44px;
    height:44px;
    border-radius:50%;
    flex:0 0 44px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:800;
    background:linear-gradient(135deg,#4d8dff,#dca15f);
}
.comment-body{flex:1}
.comment-top{
    display:flex;
    justify-content:space-between;
    gap:12px;
    margin-bottom:8px;
    color:var(--muted);
    font-size:13px;
    flex-wrap:wrap;
}
.comment-body p{margin:0;line-height:1.6}
.comment-reactions{
    display:flex;
    align-items:center;
    gap:8px;
    margin-top:10px;
    flex-wrap:wrap;
}
.comment-reaction-btn{
    display:inline-flex;
    align-items:center;
    gap:6px;
    min-height:32px;
    padding:0 11px;
    border:none;
    border-radius:999px;
    background:rgba(255,255,255,.05);
    border:1px solid rgba(255,255,255,.08);
    color:#edf3ff;
    font-size:13px;
    cursor:pointer;
    transition:.15s ease;
}
.comment-reaction-btn:hover{
    background:rgba(255,255,255,.09);
}
.comment-reaction-btn.active{
    background:rgba(77,141,255,.16);
    border-color:rgba(77,141,255,.34);
    color:#cfe0ff;
}
.comment-reaction-btn.dislike.active{
    background:rgba(255,107,129,.14);
    border-color:rgba(255,107,129,.30);
    color:#ffd2da;
}

.login-notice{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    padding:16px;
    margin-bottom:20px;
    border-radius:18px;
    background:rgba(255,255,255,.03);
    border:1px solid rgba(255,255,255,.05);
}

/* LIGHTBOX */

.lightbox{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.84);
    display:none;
    align-items:center;
    justify-content:center;
    z-index:2000;
    padding:24px;
}
.lightbox.show{display:flex}
.lightbox-box{
    position:relative;
    width:min(720px, 82vw);
    max-width:720px;
    max-height:78vh;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:18px;
    border-radius:22px;
    background:rgba(11,18,37,.96);
    border:1px solid rgba(255,255,255,.08);
    box-shadow:0 25px 80px rgba(0,0,0,.5);
}
.lightbox img{
    max-width:100%;
    max-height:60vh;
    object-fit:contain;
    border-radius:14px;
    background:#fff;
}
.lightbox-close{
    position:absolute;
    top:10px;
    right:12px;
    width:38px;
    height:38px;
    border:none;
    border-radius:50%;
    background:rgba(255,255,255,.08);
    color:#fff;
    font-size:26px;
    line-height:1;
}

/* RESPONSIVE */

@media (max-width: 1100px){
    .content-grid,
    .detail-grid{
        grid-template-columns:1fr;
    }

    .header-bottom{
        grid-template-columns:1fr;
    }

    .header-actions{
        justify-content:flex-start;
    }
}

@media (max-width: 860px){
    .menu-toggle{
        display:inline-flex;
        align-items:center;
        justify-content:center;
    }

    .header-top{
        grid-template-columns:1fr auto;
    }

    .header-bottom{
        display:none;
        padding-top:4px;
    }

    .header-bottom.is-open{
        display:grid;
    }

    .main-nav{
        flex-direction:column;
        align-items:flex-start;
        gap:12px;
    }

    .header-actions{
        flex-direction:column;
        align-items:stretch;
    }

    .header-actions .btn{
        width:100%;
    }

    .search-form{
        width:100%;
    }

    .header-right{
        width:100%;
        justify-content:flex-end;
    }

    .feed-grid{
        grid-template-columns:repeat(auto-fill, minmax(140px, 158px));
    }

    .post-card{
        max-width:158px;
        min-height:295px;
    }
}

@media (max-width: 760px){
    .brand{
        align-items:flex-start;
    }

    .brand-copy{
        align-items:flex-start;
    }

    .brand-name{
        font-size:26px;
    }

    .brand-tagline{
        white-space:normal;
        overflow:visible;
        text-overflow:clip;
    }

    .detail-card,
    .comments-card,
    .side-card{
        padding-left:16px;
        padding-right:16px;
    }

    .detail-media{
        max-height:320px;
    }

    .lightbox-box{
        width:min(92vw, 520px);
        padding:14px;
    }

    .lightbox img{
        max-height:46vh;
    }

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

    .feed-grid{
        grid-template-columns:repeat(auto-fill, minmax(132px, 148px));
        gap:10px;
    }

    .post-card{
        max-width:148px;
        min-height:282px;
        border-radius:16px;
    }

    .post-card-body{
        padding:9px;
    }

    .post-card-body h3{
        font-size:13px;
        min-height:32px;
    }

    .post-card-excerpt{
        font-size:10px;
        min-height:29px;
        max-height:29px;
    }

    .stat-pill{
        font-size:10px;
        min-height:20px;
        padding:0 6px;
    }

    .stat-icon{
        width:11px;
        font-size:9px;
    }

    .post-card-badge-overlay{
        top:6px;
        left:6px;
        font-size:9px;
        min-height:20px;
        padding:0 7px;
    }
}
/* ===== COMMENTAIRES : AMELIORATION COMPLETE ===== */

.comment-composer{
    background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.01));
    border:1px solid rgba(255,255,255,.06);
    border-radius:20px;
    padding:18px;
}

.comment-composer-top{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:14px;
    margin-bottom:14px;
    flex-wrap:wrap;
}

.comment-composer-top h3{
    margin:0 0 4px;
    font-size:17px;
    color:#fff;
}

.comment-composer-top p{
    margin:0;
    font-size:13px;
    color:var(--muted);
}

.composer-shortcut{
    display:inline-flex;
    align-items:center;
    min-height:28px;
    padding:0 10px;
    border-radius:999px;
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.06);
    color:#c7d3ee;
    font-size:12px;
    font-weight:700;
    white-space:nowrap;
}

.comment-emoji-toolbar{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-bottom:14px;
}

.emoji-btn{
    width:38px;
    height:38px;
    border:none;
    border-radius:12px;
    background:rgba(255,255,255,.05);
    border:1px solid rgba(255,255,255,.08);
    color:#fff;
    font-size:18px;
    line-height:1;
    cursor:pointer;
    transition:.18s ease;
    box-shadow:0 6px 16px rgba(0,0,0,.14);
}

.emoji-btn:hover{
    transform:translateY(-2px);
    background:rgba(255,255,255,.09);
    border-color:rgba(255,255,255,.12);
}

.comment-form{
    display:flex;
    flex-direction:column;
    gap:12px;
    margin-bottom:22px;
}

.comment-form textarea{
    width:100%;
    min-height:110px;
    max-height:260px;
    resize:none;
    border:none;
    outline:none;
    border-radius:18px;
    padding:16px 16px;
    background:#091731;
    color:#fff;
    border:1px solid rgba(255,255,255,.08);
    line-height:1.6;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.02);
}

.comment-form textarea::placeholder{
    color:#8fa0c4;
}

.comment-form textarea:focus{
    border-color:rgba(119,169,255,.32);
    box-shadow:0 0 0 4px rgba(77,141,255,.08);
}

.comment-form-footer{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    flex-wrap:wrap;
    margin-top:2px;
}

.comment-char-count{
    font-size:12px;
    color:#9eaed0;
    font-weight:600;
}

.comment-submit-btn{
    min-height:38px !important;
    height:38px;
    padding:0 16px !important;
    font-size:14px;
    border-radius:12px;
    align-self:flex-start;
    box-shadow:0 12px 30px rgba(220,161,95,.18);
}

.ajax-comment-error{
    margin:-6px 0 16px;
    padding:12px 14px;
    border-radius:14px;
    background:rgba(255,107,129,.12);
    border:1px solid rgba(255,107,129,.28);
    color:#ffd3da;
    font-size:14px;
}

.comment-list{
    display:flex;
    flex-direction:column;
    gap:14px;
}

.comment-item{
    display:flex;
    gap:14px;
    padding:14px;
    border-radius:18px;
    background:linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.02));
    border:1px solid rgba(255,255,255,.06);
    transition:.18s ease;
}

.comment-item:hover{
    transform:translateY(-2px);
    border-color:rgba(119,169,255,.14);
    box-shadow:0 16px 26px rgba(0,0,0,.14);
}

.comment-avatar{
    width:44px;
    height:44px;
    border-radius:50%;
    flex:0 0 44px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:800;
    font-size:18px;
    color:#fff;
    background:linear-gradient(135deg, #76a8ff, #d8a26b);
    box-shadow:0 8px 20px rgba(0,0,0,.18);
}

.comment-body{
    flex:1;
    min-width:0;
}

.comment-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
    margin-bottom:8px;
    flex-wrap:wrap;
}

.comment-userline{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
}

.comment-userline strong{
    font-size:15px;
    color:#dbe7ff;
}

.comment-user-badge{
    display:inline-flex;
    align-items:center;
    min-height:22px;
    padding:0 8px;
    border-radius:999px;
    background:rgba(77,141,255,.14);
    border:1px solid rgba(77,141,255,.25);
    color:#cfe0ff;
    font-size:11px;
    font-weight:800;
    letter-spacing:.02em;
}

.comment-date{
    color:#a9b7d4;
    font-size:13px;
    white-space:nowrap;
}

.comment-content{
    color:#fff;
    line-height:1.65;
    font-size:15px;
    word-break:break-word;
}

.comment-reactions{
    display:flex;
    align-items:center;
    gap:8px;
    margin-top:12px;
    flex-wrap:wrap;
}

.comment-reaction-btn{
    display:inline-flex;
    align-items:center;
    gap:7px;
    min-height:34px;
    padding:0 12px;
    border:none;
    border-radius:999px;
    background:rgba(255,255,255,.045);
    border:1px solid rgba(255,255,255,.07);
    color:#edf3ff;
    font-size:13px;
    font-weight:700;
    cursor:pointer;
    transition:.18s ease;
}

.comment-reaction-btn:hover{
    transform:translateY(-1px);
    background:rgba(255,255,255,.08);
}

.comment-reaction-btn .reaction-icon{
    font-size:14px;
    line-height:1;
}

.comment-reaction-btn .reaction-text{
    opacity:.95;
}

.like-btn.active{
    background:rgba(77,141,255,.16);
    border-color:rgba(77,141,255,.34);
    color:#cfe0ff;
    box-shadow:0 8px 20px rgba(77,141,255,.12);
}

.dislike-btn.active{
    background:rgba(255,107,129,.14);
    border-color:rgba(255,107,129,.30);
    color:#ffd2da;
    box-shadow:0 8px 20px rgba(255,107,129,.10);
}

.comment-item-fresh{
    animation:commentFlash 1.6s ease;
}

@keyframes commentFlash{
    0%{
        transform:translateY(-6px);
        box-shadow:0 0 0 0 rgba(77,141,255,.0);
        border-color:rgba(119,169,255,.10);
    }
    30%{
        transform:translateY(0);
        box-shadow:0 0 0 5px rgba(77,141,255,.08);
        border-color:rgba(119,169,255,.30);
    }
    100%{
        box-shadow:0 0 0 0 rgba(77,141,255,0);
        border-color:rgba(255,255,255,.06);
    }
}

@media (max-width: 760px){
    .composer-shortcut{
        display:none;
    }

    .comment-form-footer{
        align-items:flex-start;
        flex-direction:column;
    }

    .comment-reaction-btn .reaction-text{
        display:none;
    }

    .comment-item{
        padding:12px;
    }

    .comment-avatar{
        width:40px;
        height:40px;
        flex-basis:40px;
        font-size:16px;
    }

    .comment-content{
        font-size:14px;
    }
}
/* ===== PACK A : REPONSES / EDITION / SUPPRESSION / TRI / PAGINATION ===== */

.comments-toolbar{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    margin:0 0 16px;
}

.comments-sort-form{
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
}

.comments-sort-form label{
    color:#cfe0ff;
    font-size:13px;
    font-weight:700;
}

.comments-sort-form select{
    height:38px;
    border:none;
    outline:none;
    border-radius:12px;
    padding:0 12px;
    background:#0b1730;
    color:#fff;
    border:1px solid rgba(255,255,255,.08);
}

.comment-actions-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    flex-wrap:wrap;
    margin-top:12px;
}

.comment-tools{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
}

.comment-tool-btn{
    min-height:30px;
    padding:0 10px;
    border:none;
    border-radius:999px;
    background:rgba(255,255,255,.05);
    border:1px solid rgba(255,255,255,.08);
    color:#d9e6ff;
    font-size:12px;
    font-weight:700;
    cursor:pointer;
    transition:.16s ease;
}

.comment-tool-btn:hover{
    background:rgba(255,255,255,.10);
}

.comment-tool-btn.danger{
    color:#ffd7df;
    border-color:rgba(255,107,129,.20);
    background:rgba(255,107,129,.08);
}

.comment-tool-btn.danger:hover{
    background:rgba(255,107,129,.14);
}

.comment-reply-box,
.comment-edit-box{
    margin-top:12px;
    padding:12px;
    border-radius:16px;
    background:rgba(255,255,255,.03);
    border:1px solid rgba(255,255,255,.06);
}

.reply-form,
.edit-form{
    display:flex;
    flex-direction:column;
    gap:10px;
}

.reply-form textarea,
.edit-form textarea{
    width:100%;
    min-height:86px;
    resize:none;
    border:none;
    outline:none;
    border-radius:14px;
    padding:12px 14px;
    background:#091731;
    color:#fff;
    border:1px solid rgba(255,255,255,.08);
    line-height:1.6;
}

.reply-form textarea:focus,
.edit-form textarea:focus{
    border-color:rgba(119,169,255,.32);
    box-shadow:0 0 0 4px rgba(77,141,255,.08);
}

.reply-form-actions{
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
}

.reply-submit-btn{
    min-height:36px !important;
    height:36px;
    padding:0 14px !important;
    border-radius:12px;
    font-size:13px;
}

.reply-cancel-btn{
    min-height:36px !important;
    height:36px;
    padding:0 14px !important;
    border-radius:12px;
    font-size:13px;
}

.comment-replies{
    margin-top:14px;
    padding-left:18px;
    border-left:2px solid rgba(255,255,255,.06);
    display:flex;
    flex-direction:column;
    gap:12px;
}

.comment-reply{
    background:linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.015));
}

.comments-pagination{
    margin-top:22px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    flex-wrap:wrap;
}

.pagination-pages{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
}

.pagination-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:38px;
    min-height:38px;
    padding:0 12px;
    border-radius:12px;
    background:rgba(255,255,255,.05);
    border:1px solid rgba(255,255,255,.08);
    color:#edf4ff;
    font-size:13px;
    font-weight:700;
    transition:.16s ease;
}

.pagination-btn:hover{
    background:rgba(255,255,255,.10);
}

.pagination-btn.active{
    background:rgba(77,141,255,.16);
    border-color:rgba(77,141,255,.30);
    color:#d9e6ff;
}

@media (max-width: 760px){
    .comments-toolbar{
        justify-content:flex-start;
    }

    .comment-actions-row{
        align-items:flex-start;
        flex-direction:column;
    }

    .comment-replies{
        padding-left:12px;
    }

    .comments-pagination{
        align-items:flex-start;
        flex-direction:column;
    }
}
/* ===== PACK COMMENTAIRES AVANCE ===== */

.comment-author-badge{
    display:inline-flex;
    align-items:center;
    min-height:22px;
    padding:0 8px;
    border-radius:999px;
    background:rgba(220,161,95,.14);
    border:1px solid rgba(220,161,95,.26);
    color:#ffd5a2;
    font-size:11px;
    font-weight:800;
    letter-spacing:.02em;
}

.comments-toolbar{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    margin:0 0 16px;
}

.comments-sort-form{
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
}

.comments-sort-form label{
    color:#cfe0ff;
    font-size:13px;
    font-weight:700;
}

.comments-sort-form select{
    height:38px;
    border:none;
    outline:none;
    border-radius:12px;
    padding:0 12px;
    background:#0b1730;
    color:#fff;
    border:1px solid rgba(255,255,255,.08);
}

.comment-actions-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    flex-wrap:wrap;
    margin-top:12px;
}

.comment-tools{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
}

.comment-tool-btn{
    min-height:30px;
    padding:0 10px;
    border:none;
    border-radius:999px;
    background:rgba(255,255,255,.05);
    border:1px solid rgba(255,255,255,.08);
    color:#d9e6ff;
    font-size:12px;
    font-weight:700;
    cursor:pointer;
    transition:.16s ease;
}

.comment-tool-btn:hover{
    background:rgba(255,255,255,.10);
}

.comment-tool-btn:disabled{
    opacity:.65;
    cursor:not-allowed;
}

.comment-tool-btn.danger{
    color:#ffd7df;
    border-color:rgba(255,107,129,.20);
    background:rgba(255,107,129,.08);
}

.comment-tool-btn.danger:hover{
    background:rgba(255,107,129,.14);
}

.comment-reply-box,
.comment-edit-box{
    margin-top:12px;
    padding:12px;
    border-radius:16px;
    background:rgba(255,255,255,.03);
    border:1px solid rgba(255,255,255,.06);
}

.reply-form,
.edit-form{
    display:flex;
    flex-direction:column;
    gap:10px;
}

.reply-form textarea,
.edit-form textarea{
    width:100%;
    min-height:86px;
    resize:none;
    border:none;
    outline:none;
    border-radius:14px;
    padding:12px 14px;
    background:#091731;
    color:#fff;
    border:1px solid rgba(255,255,255,.08);
    line-height:1.6;
}

.reply-form textarea:focus,
.edit-form textarea:focus{
    border-color:rgba(119,169,255,.32);
    box-shadow:0 0 0 4px rgba(77,141,255,.08);
}

.reply-form-actions{
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
}

.reply-submit-btn{
    min-height:36px !important;
    height:36px;
    padding:0 14px !important;
    border-radius:12px;
    font-size:13px;
}

.reply-cancel-btn{
    min-height:36px !important;
    height:36px;
    padding:0 14px !important;
    border-radius:12px;
    font-size:13px;
}

.comment-replies{
    margin-top:14px;
    padding-left:18px;
    border-left:2px solid rgba(255,255,255,.06);
    display:flex;
    flex-direction:column;
    gap:12px;
}

.comment-reply{
    background:linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.015));
}

.comments-pagination{
    margin-top:22px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    flex-wrap:wrap;
}

.pagination-pages{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
}

.pagination-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:38px;
    min-height:38px;
    padding:0 12px;
    border-radius:12px;
    background:rgba(255,255,255,.05);
    border:1px solid rgba(255,255,255,.08);
    color:#edf4ff;
    font-size:13px;
    font-weight:700;
    transition:.16s ease;
}

.pagination-btn:hover{
    background:rgba(255,255,255,.10);
}

.pagination-btn.active{
    background:rgba(77,141,255,.16);
    border-color:rgba(77,141,255,.30);
    color:#d9e6ff;
}

.toast-container{
    position:fixed;
    top:18px;
    right:18px;
    z-index:4000;
    display:flex;
    flex-direction:column;
    gap:10px;
    pointer-events:none;
}

.toast-item{
    min-width:220px;
    max-width:320px;
    padding:12px 14px;
    border-radius:14px;
    background:rgba(14,24,48,.96);
    border:1px solid rgba(255,255,255,.08);
    color:#fff;
    box-shadow:0 20px 40px rgba(0,0,0,.24);
    transform:translateY(-10px);
    opacity:0;
    transition:.22s ease;
    font-size:14px;
    font-weight:600;
}

.toast-item.show{
    transform:translateY(0);
    opacity:1;
}

.toast-item.success{
    border-color:rgba(77,141,255,.22);
}

.toast-item.error{
    border-color:rgba(255,107,129,.22);
}

@media (max-width: 760px){
    .comments-toolbar{
        justify-content:flex-start;
    }

    .comment-actions-row{
        align-items:flex-start;
        flex-direction:column;
    }

    .comment-replies{
        padding-left:12px;
    }

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

    .toast-container{
        top:12px;
        right:12px;
        left:12px;
    }

    .toast-item{
        min-width:auto;
        max-width:none;
    }
}
/* ===== MODERATION / RESPONSIVE / TOAST / NIVEAUX ===== */

.depth-1 { margin-left: 0; }
.depth-2 { margin-left: 6px; }
.depth-3 { margin-left: 12px; }
.depth-4 { margin-left: 18px; }

.comment-tool-btn[disabled]{
    opacity:.55;
    cursor:not-allowed;
}

.toast-container{
    position:fixed;
    top:18px;
    right:18px;
    z-index:4000;
    display:flex;
    flex-direction:column;
    gap:10px;
    pointer-events:none;
}

.toast-item{
    min-width:220px;
    max-width:320px;
    padding:12px 14px;
    border-radius:14px;
    background:rgba(14,24,48,.96);
    border:1px solid rgba(255,255,255,.08);
    color:#fff;
    box-shadow:0 20px 40px rgba(0,0,0,.24);
    transform:translateY(-10px);
    opacity:0;
    transition:.22s ease;
    font-size:14px;
    font-weight:600;
}

.toast-item.show{
    transform:translateY(0);
    opacity:1;
}

.toast-item.success{
    border-color:rgba(77,141,255,.22);
}

.toast-item.error{
    border-color:rgba(255,107,129,.22);
}

@media (max-width: 1024px){
    .content-grid,
    .detail-grid{
        grid-template-columns:1fr;
    }

    .sidebar,
    .detail-sidebar{
        order:2;
    }

    .detail-main,
    .content-main{
        order:1;
    }
}

@media (max-width: 760px){
    .container{
        width:min(100% - 20px, 1240px);
    }

    .detail-card,
    .comments-card,
    .side-card{
        padding:16px;
        border-radius:18px;
    }

    .detail-head h1{
        font-size:1.8rem;
        line-height:1.1;
    }

    .detail-meta{
        gap:10px;
        font-size:13px;
    }

    .detail-actions{
        gap:8px;
    }

    .action-chip{
        min-height:36px;
        padding:0 12px;
        font-size:13px;
    }

    .comment-item{
        gap:10px;
        padding:12px;
    }

    .comment-avatar{
        width:38px;
        height:38px;
        flex:0 0 38px;
        font-size:15px;
    }

    .comment-content{
        font-size:14px;
        line-height:1.55;
    }

    .comment-actions-row{
        align-items:flex-start;
        flex-direction:column;
    }

    .comment-tools{
        width:100%;
    }

    .comment-tool-btn{
        min-height:28px;
        font-size:11px;
        padding:0 9px;
    }

    .comment-replies{
        padding-left:10px;
        gap:10px;
    }

    .depth-2,
    .depth-3,
    .depth-4{
        margin-left:0;
    }

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

    .pagination-pages{
        gap:6px;
    }

    .pagination-btn{
        min-width:34px;
        min-height:34px;
        font-size:12px;
        padding:0 10px;
    }

    .comment-form textarea,
    .reply-form textarea,
    .edit-form textarea{
        font-size:16px;
    }

    .comment-form-footer{
        flex-direction:column;
        align-items:flex-start;
    }

    .toast-container{
        top:12px;
        right:12px;
        left:12px;
    }

    .toast-item{
        min-width:auto;
        max-width:none;
    }
}

@media (max-width: 480px){
    .brand-name{
        font-size:24px;
    }

    .brand-tagline{
        font-size:11px;
    }

    .search-form input{
        height:42px;
    }

    .comment-emoji-toolbar{
        gap:6px;
    }

    .emoji-btn{
        width:34px;
        height:34px;
        font-size:16px;
        border-radius:10px;
    }

    .comment-reaction-btn .reaction-text{
        display:none;
    }

    .comment-reaction-btn{
        min-height:30px;
        padding:0 10px;
        font-size:12px;
    }

    .composer-shortcut{
        display:none;
    }
}
/* ===== CAPTCHA / ANTI-SPAM / NOTIFICATIONS / RESPONSIVE ===== */

.spam-trap{
    position:absolute !important;
    left:-9999px !important;
    width:1px !important;
    height:1px !important;
    opacity:0 !important;
    pointer-events:none !important;
}

.captcha-row{
    display:flex;
    flex-direction:column;
    gap:8px;
    margin-bottom:10px;
}

.captcha-row label{
    color:#cfe0ff;
    font-size:13px;
    font-weight:700;
}

.captcha-input{
    width:140px;
    height:38px;
    border:none;
    outline:none;
    border-radius:12px;
    padding:0 12px;
    background:#0b1730;
    color:#fff;
    border:1px solid rgba(255,255,255,.08);
}

.depth-1 { margin-left: 0; }
.depth-2 { margin-left: 6px; }
.depth-3 { margin-left: 12px; }
.depth-4 { margin-left: 18px; }

.comment-tool-btn[disabled]{
    opacity:.55;
    cursor:not-allowed;
}

.toast-container{
    position:fixed;
    top:18px;
    right:18px;
    z-index:4000;
    display:flex;
    flex-direction:column;
    gap:10px;
    pointer-events:none;
}

.toast-item{
    min-width:220px;
    max-width:320px;
    padding:12px 14px;
    border-radius:14px;
    background:rgba(14,24,48,.96);
    border:1px solid rgba(255,255,255,.08);
    color:#fff;
    box-shadow:0 20px 40px rgba(0,0,0,.24);
    transform:translateY(-10px);
    opacity:0;
    transition:.22s ease;
    font-size:14px;
    font-weight:600;
}

.toast-item.show{
    transform:translateY(0);
    opacity:1;
}

.toast-item.success{
    border-color:rgba(77,141,255,.22);
}

.toast-item.error{
    border-color:rgba(255,107,129,.22);
}

@media (max-width: 1024px){
    .content-grid,
    .detail-grid{
        grid-template-columns:1fr;
    }

    .sidebar,
    .detail-sidebar{
        order:2;
    }

    .detail-main,
    .content-main{
        order:1;
    }
}

@media (max-width: 760px){
    .container{
        width:min(100% - 20px, 1240px);
    }

    .detail-card,
    .comments-card,
    .side-card{
        padding:16px;
        border-radius:18px;
    }

    .detail-head h1{
        font-size:1.8rem;
        line-height:1.1;
    }

    .detail-meta{
        gap:10px;
        font-size:13px;
    }

    .detail-actions{
        gap:8px;
    }

    .action-chip{
        min-height:36px;
        padding:0 12px;
        font-size:13px;
    }

    .comment-item{
        gap:10px;
        padding:12px;
    }

    .comment-avatar{
        width:38px;
        height:38px;
        flex:0 0 38px;
        font-size:15px;
    }

    .comment-content{
        font-size:14px;
        line-height:1.55;
    }

    .comment-actions-row{
        align-items:flex-start;
        flex-direction:column;
    }

    .comment-tools{
        width:100%;
    }

    .comment-tool-btn{
        min-height:28px;
        font-size:11px;
        padding:0 9px;
    }

    .comment-replies{
        padding-left:10px;
        gap:10px;
    }

    .depth-2,
    .depth-3,
    .depth-4{
        margin-left:0;
    }

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

    .pagination-pages{
        gap:6px;
    }

    .pagination-btn{
        min-width:34px;
        min-height:34px;
        font-size:12px;
        padding:0 10px;
    }

    .comment-form textarea,
    .reply-form textarea,
    .edit-form textarea{
        font-size:16px;
    }

    .comment-form-footer{
        flex-direction:column;
        align-items:flex-start;
    }

    .toast-container{
        top:12px;
        right:12px;
        left:12px;
    }

    .toast-item{
        min-width:auto;
        max-width:none;
    }

    .captcha-input{
        width:100%;
        max-width:180px;
    }
}

@media (max-width: 480px){
    .brand-name{
        font-size:24px;
    }

    .brand-tagline{
        font-size:11px;
    }

    .search-form input{
        height:42px;
    }

    .comment-emoji-toolbar{
        gap:6px;
    }

    .emoji-btn{
        width:34px;
        height:34px;
        font-size:16px;
        border-radius:10px;
    }

    .comment-reaction-btn .reaction-text{
        display:none;
    }

    .comment-reaction-btn{
        min-height:30px;
        padding:0 10px;
        font-size:12px;
    }

    .composer-shortcut{
        display:none;
    }
}
/* ===== BADGE NOTIFICATIONS ===== */

.nav-notification-link,
.notif-btn{
    position:relative;
    display:inline-flex;
    align-items:center;
    gap:8px;
}

.notif-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:20px;
    height:20px;
    padding:0 6px;
    border-radius:999px;
    background:#ff4d6d;
    color:#fff;
    font-size:11px;
    font-weight:800;
    line-height:1;
    box-shadow:0 6px 16px rgba(255,77,109,.28);
}

@media (max-width: 760px){
    .notif-badge{
        min-width:18px;
        height:18px;
        font-size:10px;
        padding:0 5px;
    }
}
/* ===== NOTIFICATIONS LUES / NON LUES ===== */

.notif-badge.is-hidden{
    display:none;
}

.notification-unread{
    border-color:rgba(220,161,95,.22);
    box-shadow:0 10px 24px rgba(220,161,95,.08);
}

.notification-new-badge{
    background:rgba(220,161,95,.14);
    border-color:rgba(220,161,95,.26);
    color:#ffd5a2;
}
/* ===== BADGES + POINT NOTIFICATIONS ===== */

.notif-badge.is-hidden,
.notif-dot.is-hidden{
    display:none;
}

.nav-notification-link,
.notif-btn{
    position:relative;
    display:inline-flex;
    align-items:center;
    gap:8px;
}

.notif-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:20px;
    height:20px;
    padding:0 6px;
    border-radius:999px;
    background:#ff4d6d;
    color:#fff;
    font-size:11px;
    font-weight:800;
    line-height:1;
    box-shadow:0 6px 16px rgba(255,77,109,.28);
}

.notif-dot{
    width:10px;
    height:10px;
    border-radius:50%;
    background:#ff4d6d;
    box-shadow:0 0 0 rgba(255,77,109,.55);
    animation:notifPulse 1.6s infinite;
}

@keyframes notifPulse{
    0%{
        transform:scale(1);
        box-shadow:0 0 0 0 rgba(255,77,109,.55);
    }
    70%{
        transform:scale(1.1);
        box-shadow:0 0 0 10px rgba(255,77,109,0);
    }
    100%{
        transform:scale(1);
        box-shadow:0 0 0 0 rgba(255,77,109,0);
    }
}

.notification-unread{
    border-color:rgba(220,161,95,.22);
    box-shadow:0 10px 24px rgba(220,161,95,.08);
}

.notification-new-badge{
    background:rgba(220,161,95,.14);
    border-color:rgba(220,161,95,.26);
    color:#ffd5a2;
}

@media (max-width: 760px){
    .notif-badge{
        min-width:18px;
        height:18px;
        font-size:10px;
        padding:0 5px;
    }

    .notif-dot{
        width:8px;
        height:8px;
    }
}
/* ===== DROPDOWN NOTIFICATIONS ===== */

.header-notif-wrap{
    position:relative;
    display:inline-flex;
    align-items:center;
}

.notif-trigger{
    cursor:pointer;
}

.notif-dropdown{
    position:absolute;
    top:calc(100% + 12px);
    left:0;
    width:360px;
    max-width:min(92vw, 360px);
    border-radius:18px;
    background:rgba(7,18,40,.98);
    border:1px solid rgba(255,255,255,.08);
    box-shadow:0 20px 50px rgba(0,0,0,.35);
    z-index:2500;
    overflow:hidden;
}

.notif-dropdown-right{
    right:0;
    left:auto;
}

.notif-dropdown-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:14px 16px;
    border-bottom:1px solid rgba(255,255,255,.08);
}

.notif-dropdown-head strong{
    color:#fff;
    font-size:15px;
}

.notif-dropdown-link{
    color:#dca15f;
    font-size:13px;
    font-weight:700;
}

.notif-dropdown-list{
    max-height:360px;
    overflow:auto;
    display:flex;
    flex-direction:column;
}

.notif-dropdown-item{
    width:100%;
    display:flex;
    align-items:flex-start;
    gap:12px;
    text-align:left;
    padding:14px 16px;
    background:transparent;
    border:none;
    border-bottom:1px solid rgba(255,255,255,.05);
    color:#fff;
    cursor:pointer;
    transition:.16s ease;
}

.notif-dropdown-item:hover{
    background:rgba(255,255,255,.05);
}

.notif-dropdown-item.unread{
    background:rgba(220,161,95,.06);
}

.notif-dropdown-avatar{
    width:34px;
    height:34px;
    flex:0 0 34px;
    border-radius:50%;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-weight:800;
    font-size:14px;
    color:#fff;
    background:linear-gradient(135deg, #8cb8ff, #dca15f);
}

.notif-dropdown-content{
    display:flex;
    flex-direction:column;
    gap:4px;
    min-width:0;
    flex:1;
}

.notif-dropdown-top{
    display:flex;
    align-items:center;
    gap:8px;
}

.notif-dropdown-text{
    color:#d9e6ff;
    font-size:13px;
    line-height:1.45;
    white-space:normal;
    word-break:break-word;
}

.notif-inline-dot{
    width:8px;
    height:8px;
    border-radius:50%;
    background:#ff4d6d;
    display:inline-block;
    box-shadow:0 0 0 rgba(255,77,109,.55);
    animation:notifPulse 1.6s infinite;
}

.notif-dropdown-empty{
    padding:18px 16px;
    color:#cfe0ff;
    font-size:13px;
}

.notifications-retention-note{
    margin-top:6px;
    color:#9fb7dd;
    font-size:13px;
}

@media (max-width: 760px){
    .notif-dropdown{
        width:min(92vw, 340px);
    }
}


.comment-item-anchor {
    scroll-margin-top: 110px;
}


/* ===== HEADER REDESIGN ===== */
.header-topline{
    display:grid;
    grid-template-columns:minmax(0,auto) minmax(0,1fr) auto;
    gap:18px;
    align-items:center;
}
.brand-mark{
    position:relative;
    background:linear-gradient(135deg, rgba(77,141,255,.28), rgba(220,161,95,.28));
    box-shadow:0 18px 34px rgba(8,18,37,.38);
}
.brand-mark-text{
    font-weight:900;
    font-size:24px;
    letter-spacing:-.06em;
    color:#fff;
}
.brand-copy{gap:6px;}
.brand-name{font-size:32px;}
.brand-tagline{
    font-size:11px;
    letter-spacing:.16em;
    text-transform:uppercase;
    color:#94a8cc;
}
.header-slogan-wrap{
    min-width:0;
    display:flex;
    align-items:center;
    gap:12px;
    padding:12px 16px;
    border-radius:18px;
    background:linear-gradient(135deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
    border:1px solid rgba(255,255,255,.08);
    box-shadow:var(--shadow-soft);
}
.header-chip{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:34px;
    padding:0 12px;
    border-radius:999px;
    background:rgba(220,161,95,.16);
    border:1px solid rgba(220,161,95,.28);
    color:#ffd8b1;
    font-size:12px;
    font-weight:800;
    white-space:nowrap;
}
.header-slogan{
    margin:0;
    color:#eef4ff;
    font-size:15px;
    font-weight:700;
    letter-spacing:.01em;
    min-height:1.3em;
}
.header-bottom{
    grid-template-columns:minmax(260px, 1fr) auto;
    gap:16px;
    align-items:center;
}
.header-actions{
    justify-content:flex-end;
    gap:10px;
}
.search-form{width:100%;}
.search-form input{
    background:rgba(255,255,255,.045);
    border-color:rgba(255,255,255,.07);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
.btn-ghost{
    background:transparent;
    color:#dce8ff;
}
.btn-ghost:hover{background:rgba(255,255,255,.04);}
.btn-notif{position:relative;}

/* ===== MEMBER DASHBOARD REDESIGN ===== */
.member-dashboard{padding-top:10px;}
.member-layout{
    display:grid;
    grid-template-columns:300px minmax(0,1fr);
    gap:20px;
    align-items:start;
}
.member-panel{
    background:linear-gradient(180deg, rgba(16,27,51,.96), rgba(10,17,31,.94));
    border:1px solid rgba(255,255,255,.08);
    border-radius:24px;
    box-shadow:var(--shadow);
}
.member-sidebar{padding:20px; position:sticky; top:130px;}
.member-profile{display:grid; gap:18px;}
.member-profile-top{display:flex; gap:14px; align-items:center;}
.member-avatar{
    width:78px; height:78px; border-radius:22px; overflow:hidden; flex:0 0 78px;
    background:linear-gradient(135deg, rgba(77,141,255,.28), rgba(220,161,95,.24));
    border:1px solid rgba(255,255,255,.1);
    display:flex; align-items:center; justify-content:center;
    box-shadow:var(--shadow-soft);
}
.member-avatar img{width:100%; height:100%; object-fit:cover;}
.member-avatar-fallback{font-size:28px; font-weight:900; color:#fff;}
.member-name{margin:0 0 4px; font-size:24px; font-weight:900;}
.member-subtitle{margin:0; color:var(--muted); font-size:14px;}
.member-badges{display:flex; flex-wrap:wrap; gap:8px;}
.member-badge{
    display:inline-flex; align-items:center; gap:6px; min-height:34px; padding:0 12px; border-radius:999px;
    background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.08); color:#d7e5ff; font-size:12px; font-weight:800;
}
.member-badge.is-accent{background:rgba(220,161,95,.15); border-color:rgba(220,161,95,.25); color:#ffd8b1;}
.member-stats-grid{display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:10px;}
.member-stat-card{
    padding:14px; border-radius:18px; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.06);
}
.member-stat-card strong{display:block; font-size:24px; margin-bottom:4px;}
.member-stat-card span{color:var(--muted); font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.08em;}
.member-menu{display:grid; gap:8px;}
.member-menu a{
    display:flex; align-items:center; gap:10px; padding:12px 14px; border-radius:16px; color:#dbe6ff;
    background:rgba(255,255,255,.02); border:1px solid transparent; font-weight:800;
}
.member-menu a:hover,.member-menu a.is-active{background:rgba(77,141,255,.12); border-color:rgba(77,141,255,.18); color:#fff;}
.member-menu-dot{width:9px; height:9px; border-radius:50%; background:currentColor; opacity:.9; flex:0 0 9px;}
.member-content{display:grid; gap:20px;}
.member-hero{
    padding:24px; display:grid; grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr); gap:18px;
    background:linear-gradient(135deg, rgba(220,161,95,.95), rgba(201,121,70,.98));
    color:#fff;
}
.member-hero-copy h1{margin:0 0 10px; font-size:clamp(30px, 4vw, 44px); line-height:1.02; letter-spacing:-.05em;}
.member-hero-copy p{margin:0; max-width:620px; color:rgba(255,255,255,.94); line-height:1.6;}
.member-hero-actions{display:flex; flex-wrap:wrap; gap:12px; margin-top:18px;}
.member-hero-actions .btn-light{background:rgba(255,255,255,.14); color:#fff; border:1px solid rgba(255,255,255,.22);}
.member-hero-spotlight{
    padding:16px; border-radius:20px; background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.18); box-shadow:0 12px 24px rgba(0,0,0,.12);
}
.member-spotlight-label{display:inline-flex; min-height:30px; align-items:center; padding:0 10px; border-radius:999px; background:rgba(6,16,31,.18); font-size:11px; font-weight:800; letter-spacing:.1em; text-transform:uppercase;}
.member-spotlight-title{margin:12px 0 8px; font-size:20px; font-weight:900; line-height:1.15;}
.member-spotlight-text{margin:0 0 14px; color:rgba(255,255,255,.92); line-height:1.5; font-size:14px;}
.member-spotlight-meta{display:flex; flex-wrap:wrap; gap:8px;}
.member-spotlight-meta span{display:inline-flex; align-items:center; min-height:32px; padding:0 10px; border-radius:999px; background:rgba(6,16,31,.12); font-size:12px; font-weight:800;}
.member-section{padding:0;}
.member-section-head{display:flex; justify-content:space-between; align-items:flex-start; gap:14px; padding:20px 20px 0;}
.member-section-head h2{margin:0; font-size:20px;}
.member-section-head p{margin:6px 0 0; color:var(--muted); font-size:14px;}
.member-grid{display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:18px; padding:20px;}

#member-overview,
#member-favorites,
#member-likes,
#member-comments{
    scroll-margin-top: 124px;
}
.member-card{
    background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.06); border-radius:20px; overflow:hidden; box-shadow:var(--shadow-soft);
}
.member-card-head{display:flex; justify-content:space-between; align-items:center; gap:10px; padding:16px 16px 0;}
.member-card-head h3{margin:0; font-size:18px;}
.member-card-head span{color:var(--muted); font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:.08em;}
.member-card-body{padding:16px; display:grid; gap:12px;}
.member-list-item{
    display:grid; gap:8px; padding:14px; border-radius:16px; background:rgba(255,255,255,.035); border:1px solid rgba(255,255,255,.06);
}
.member-list-item:hover{transform:translateY(-1px); border-color:rgba(220,161,95,.18);}
.member-list-item strong{font-size:15px; line-height:1.35;}
.member-list-item p{margin:0; color:var(--muted); line-height:1.5; font-size:14px;}
.member-list-meta{display:flex; flex-wrap:wrap; gap:8px; color:#d6e3ff; font-size:12px; font-weight:800;}
.member-list-meta span{display:inline-flex; align-items:center; gap:6px;}
.member-empty{padding:14px; border-radius:16px; background:rgba(255,255,255,.03); border:1px dashed rgba(255,255,255,.1); color:var(--muted);}
.member-wide{grid-column:1 / -1;}
.member-suggestion-grid{display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:14px;}
.member-suggestion{padding:16px; border-radius:18px; background:rgba(255,255,255,.035); border:1px solid rgba(255,255,255,.06);}
.member-suggestion h4{margin:0 0 8px; font-size:16px;}
.member-suggestion p{margin:0 0 10px; color:var(--muted); font-size:14px; line-height:1.5;}
.member-suggestion a{color:#ffd7af; font-weight:800;}

@media (max-width: 1100px){
    .member-layout{grid-template-columns:1fr;}
    .member-sidebar{position:static; top:auto;}
    .member-hero{grid-template-columns:1fr;}
}

@media (max-width: 860px){
    .header-topline{grid-template-columns:minmax(0,1fr) auto;}
    .header-slogan-wrap{grid-column:1 / -1; order:3;}
    .header-bottom{grid-template-columns:1fr;}
    .header-actions{justify-content:flex-start;}
    .member-grid{grid-template-columns:1fr;}
    .member-suggestion-grid{grid-template-columns:1fr;}
}

@media (max-width: 640px){
    .brand-name{font-size:28px;}
    .brand-tagline{white-space:normal;}
    .member-stats-grid{grid-template-columns:1fr 1fr;}
    .member-hero{padding:20px;}
    .member-hero-actions .btn{width:100%;}
}


/* ===== PREMIUM PASS : HOME + HEADER + MEMBER ===== */
.brand-logo-only{display:flex; align-items:center;}
.brand-logo-full{height:58px; width:auto; display:block; object-fit:contain; filter:drop-shadow(0 10px 22px rgba(0,0,0,.28));}
.header-slogan-bar{justify-content:center; min-height:42px; padding:10px 18px; background:linear-gradient(90deg, rgba(255,255,255,.04), rgba(77,141,255,.05), rgba(255,255,255,.03));}
.header-slogan{font-size:16px; text-align:center;}
.header-actions .btn{min-width:120px;}
.header-actions .btn-primary{background:linear-gradient(135deg,#d8a25f,#efbd79);}

.home-intro-card{
    display:grid; grid-template-columns:minmax(0,1.5fr) minmax(260px,.8fr); gap:18px;
    margin-bottom:20px; padding:22px; border-radius:24px; overflow:hidden;
    background:linear-gradient(135deg, rgba(14,25,49,.96), rgba(9,18,35,.96));
    border:1px solid rgba(255,255,255,.08); box-shadow:var(--shadow);
    position:relative;
}
.home-intro-card::before{
    content:""; position:absolute; inset:auto auto -70px -40px; width:280px; height:280px;
    background:radial-gradient(circle, rgba(77,141,255,.18), transparent 68%); pointer-events:none;
}
.home-intro-card::after{
    content:""; position:absolute; inset:-80px -80px auto auto; width:260px; height:260px;
    background:radial-gradient(circle, rgba(220,161,95,.14), transparent 68%); pointer-events:none;
}
.home-intro-copy,.home-intro-stats{position:relative; z-index:1;}
.home-intro-kicker{display:inline-flex; align-items:center; min-height:32px; padding:0 12px; border-radius:999px; background:rgba(220,161,95,.12); border:1px solid rgba(220,161,95,.24); color:#ffd9b1; font-size:12px; font-weight:800; letter-spacing:.08em; text-transform:uppercase;}
.home-intro-copy h1{margin:14px 0 10px; font-size:clamp(28px, 4vw, 42px); line-height:1.04; letter-spacing:-.05em;}
.home-intro-copy p{margin:0; max-width:720px; color:#c4d0ea; line-height:1.7;}
.home-intro-points{display:flex; flex-wrap:wrap; gap:10px; margin-top:16px;}
.home-intro-points span{display:inline-flex; align-items:center; min-height:38px; padding:0 14px; border-radius:999px; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.06); color:#e8efff; font-size:13px; font-weight:800;}
.home-intro-stats{display:grid; grid-template-columns:1fr; gap:12px; align-content:center;}
.intro-stat{padding:16px 18px; border-radius:20px; background:rgba(255,255,255,.045); border:1px solid rgba(255,255,255,.08); box-shadow:var(--shadow-soft);}
.intro-stat strong{display:block; font-size:28px; margin-bottom:4px;}
.intro-stat span{color:var(--muted); font-size:13px; font-weight:800; text-transform:uppercase; letter-spacing:.08em;}

.member-overview-band{padding:20px 22px; display:grid; grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr); gap:18px;}
.member-overview-copy{padding:10px 2px;}
.member-overview-kicker{display:inline-flex; align-items:center; min-height:30px; padding:0 12px; border-radius:999px; background:rgba(220,161,95,.12); border:1px solid rgba(220,161,95,.24); color:#ffd8b1; font-size:12px; font-weight:800; letter-spacing:.08em; text-transform:uppercase;}
.member-overview-copy h1{margin:14px 0 10px; font-size:clamp(28px, 3.4vw, 40px); line-height:1.06; letter-spacing:-.05em;}
.member-overview-copy p{margin:0; max-width:720px; color:#c2cde6; line-height:1.7;}
.member-quick-actions{display:grid; grid-template-columns:1fr; gap:12px; align-content:stretch;}
.member-quick-card{display:grid; gap:6px; padding:18px; border-radius:20px; background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.03)); border:1px solid rgba(255,255,255,.08); box-shadow:var(--shadow-soft);}
.member-quick-card:hover{transform:translateY(-1px); border-color:rgba(220,161,95,.22);}
.member-quick-card strong{font-size:18px; line-height:1.2;}
.member-quick-card span{color:var(--muted); line-height:1.5; font-size:14px;}
.member-sidebar{top:118px;}
.member-card,.member-panel,.side-card,.post-card{backdrop-filter:blur(8px);}
.member-card-head{padding-bottom:12px; border-bottom:1px solid rgba(255,255,255,.05);}
.member-list-item{transition:.2s ease;}
.member-list-item:hover{background:rgba(255,255,255,.05); box-shadow:0 10px 20px rgba(0,0,0,.14);}
.member-suggestion{transition:.2s ease;}
.member-suggestion:hover{transform:translateY(-1px); border-color:rgba(220,161,95,.18);}

@media (max-width: 1080px){
  .home-intro-card, .member-overview-band{grid-template-columns:1fr;}
}
@media (max-width: 780px){
  .brand-logo-full{height:48px;}
  .header-actions .btn{min-width:unset; width:100%;}
  .home-intro-card{padding:18px;}
  .home-intro-points span{width:100%; justify-content:center;}
  .member-overview-band{padding:18px;}
}

/* ===== PREMIUM PASS 2 : SIDEBAR / EMPTY STATES / MOBILE ===== */
.header-shell{gap:12px; padding:12px 0 14px;}
.header-topline{display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:16px; align-items:center;}
.header-slogan-wrap{min-width:0;}
.search-form{width:100%; max-width:none;}
.search-form input{height:50px; padding:0 18px; border-radius:18px; background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.035));}
.header-actions{gap:10px;}
.header-actions .btn{min-width:118px;}
.notif-dropdown{max-width:min(360px, calc(100vw - 24px));}

.home-description-band{
    display:grid;
    grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);
    gap:18px;
    margin-bottom:20px;
    padding:20px 22px;
    border-radius:24px;
    background:linear-gradient(180deg, rgba(15,27,52,.96), rgba(9,18,35,.96));
    border:1px solid rgba(255,255,255,.07);
    box-shadow:var(--shadow-soft);
}
.home-description-kicker{
    display:inline-flex; align-items:center; min-height:30px; padding:0 12px; border-radius:999px;
    background:rgba(77,141,255,.12); border:1px solid rgba(77,141,255,.2); color:#cfe0ff;
    font-size:12px; font-weight:800; letter-spacing:.08em; text-transform:uppercase;
}
.home-description-copy h2{margin:14px 0 10px; font-size:clamp(24px, 3vw, 34px); line-height:1.08; letter-spacing:-.04em;}
.home-description-copy p{margin:0; color:#c0cce6; line-height:1.72;}
.home-description-features{display:grid; grid-template-columns:1fr; gap:12px; align-content:center;}
.home-feature-pill{
    padding:16px 18px; border-radius:18px; background:rgba(255,255,255,.035); border:1px solid rgba(255,255,255,.06);
    box-shadow:var(--shadow-soft);
}
.home-feature-pill strong{display:block; margin-bottom:4px; font-size:16px;}
.home-feature-pill span{color:var(--muted); line-height:1.45; font-size:14px;}

.side-card-compact{padding:14px; border-radius:22px;}
.premium-head{padding:0 2px 10px; border-bottom:1px solid rgba(255,255,255,.05); margin-bottom:12px;}
.side-card-kicker{
    display:inline-flex; align-items:center; min-height:26px; padding:0 10px; border-radius:999px;
    background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.06); color:#dce7ff;
    font-size:11px; font-weight:800; letter-spacing:.08em; text-transform:uppercase;
}
.premium-head h3{margin:10px 0 0; font-size:20px; line-height:1.1;}
.compact-list{gap:10px;}
.compact-item,.compact-comment-preview{
    border-radius:18px; background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
    border:1px solid rgba(255,255,255,.06); transition:.2s ease;
}
.compact-item:hover,.compact-comment-preview:hover{transform:translateY(-1px); border-color:rgba(220,161,95,.18); box-shadow:var(--shadow-soft);}
.trend-item.compact-item{display:grid; grid-template-columns:26px 64px minmax(0,1fr); gap:10px; align-items:center; padding:10px;}
.trend-rank{
    display:inline-flex; align-items:center; justify-content:center; width:26px; height:26px; border-radius:50%;
    background:rgba(220,161,95,.14); color:#ffd8b1; font-size:12px; font-weight:900;
}
.compact-thumb{width:64px; height:64px; border-radius:14px;}
.compact-thumb img{width:100%; height:100%; object-fit:cover;}
.trend-copy strong{font-size:14px; line-height:1.3;}
.trend-copy span{font-size:12px;}
.compact-random-post{display:grid; gap:12px; padding:10px; border-radius:20px; background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.02)); border:1px solid rgba(255,255,255,.06); transition:.2s ease;}
.compact-random-post:hover{transform:translateY(-1px); border-color:rgba(220,161,95,.18); box-shadow:var(--shadow-soft);}
.compact-random-media{aspect-ratio:16/9; border-radius:16px; overflow:hidden;}
.compact-random-media img{width:100%; height:100%; object-fit:cover;}
.compact-random-body{padding:0 4px 4px;}
.compact-random-body p{margin:8px 0 10px; color:var(--muted); line-height:1.55; font-size:14px;}
.comment-preview-top{display:grid; gap:2px; margin-bottom:8px;}
.compact-comment-preview{padding:12px;}
.compact-comment-preview p{margin:0; color:#dce6fb; font-size:13px; line-height:1.55;}
.comment-preview-post{font-size:12px; color:var(--muted);}

.empty-state-card{display:grid; gap:10px; align-items:start; text-align:left;}
.empty-state-icon{
    width:46px; height:46px; border-radius:16px; display:inline-flex; align-items:center; justify-content:center;
    background:rgba(77,141,255,.12); border:1px solid rgba(77,141,255,.18); font-size:22px;
}
.empty-state-card h3,.empty-state-card h4{margin:0; color:#fff;}
.empty-state-card p{margin:0; line-height:1.6; color:var(--muted);}
.empty-state-large{padding:24px; min-height:260px; align-content:center;}
.empty-state-side{padding:16px; border-style:dashed;}
.empty-state-actions{display:flex; flex-wrap:wrap; gap:10px; margin-top:4px;}

.member-overview-band{
    grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
    padding:18px 20px;
    border-radius:24px;
    background:linear-gradient(180deg, rgba(15,27,52,.96), rgba(10,18,35,.96));
    border:1px solid rgba(255,255,255,.07);
}
.member-overview-copy h1{font-size:clamp(24px, 3vw, 34px); margin:12px 0 8px;}
.member-overview-copy p{font-size:15px; line-height:1.7;}
.compact-quick-actions{grid-template-columns:repeat(3, minmax(0,1fr)); gap:10px;}
.compact-quick-actions .member-quick-card{padding:16px; border-radius:18px;}
.member-sidebar{top:112px;}
.member-profile{gap:16px;}
.member-avatar{box-shadow:0 14px 28px rgba(0,0,0,.18);}
.member-stat-card strong{font-size:26px;}
.member-empty{display:grid; gap:8px; padding:16px; border-radius:18px; background:rgba(255,255,255,.03); border:1px dashed rgba(255,255,255,.12);}
.member-empty strong{font-size:15px;}
.member-empty p{margin:0; color:var(--muted); line-height:1.55; font-size:14px;}
.member-list-item strong{display:block; margin-bottom:6px;}
.member-list-item p{display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}

@media (max-width: 1080px){
  .home-description-band,.member-overview-band{grid-template-columns:1fr;}
  .compact-quick-actions{grid-template-columns:1fr 1fr 1fr;}
}

@media (max-width: 860px){
  .header-shell{gap:10px;}
  .header-topline{grid-template-columns:minmax(0,1fr) auto; gap:12px;}
  .header-slogan-wrap{grid-column:1 / -1; order:3;}
  .header-slogan-bar{min-height:40px; padding:8px 14px;}
  .header-slogan{font-size:14px;}
  .header-bottom{grid-template-columns:1fr; gap:12px;}
  .header-actions{display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); width:100%;}
  .header-actions .btn,.header-notif-wrap .btn{width:100%; min-width:0;}
  .home-description-band{padding:18px;}
  .content-grid{grid-template-columns:1fr;}
  .sidebar{order:2;}
  .trend-item.compact-item{grid-template-columns:24px 58px minmax(0,1fr);}
  .compact-thumb{width:58px; height:58px;}
  .member-layout{grid-template-columns:1fr;}
  .member-sidebar{position:static; top:auto;}
}

@media (max-width: 640px){
  .container{width:min(100% - 20px, 1240px);}
  .brand-logo-full{height:44px;}
  .menu-toggle{width:42px; height:42px; border-radius:12px;}
  .search-form input{height:46px; font-size:15px;}
  .header-actions{grid-template-columns:1fr;}
  .home-intro-card,.home-description-band,.member-overview-band{padding:16px; border-radius:20px;}
  .home-intro-copy h1{font-size:clamp(24px, 8vw, 34px);}
  .home-description-copy h2{font-size:clamp(22px, 7vw, 30px);}
  .home-intro-points span{justify-content:flex-start; width:100%;}
  .compact-quick-actions{grid-template-columns:1fr;}
  .member-stats-grid{grid-template-columns:1fr 1fr;}
  .member-menu a{padding:13px 14px;}
  .premium-head h3{font-size:18px;}
}
/* Studio éditorial et lecteurs intégrés */
.embedded-media,
.custom-video-player {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: 18px;
    background: #080b12;
}

.embedded-youtube { aspect-ratio: 16 / 9; }
.embedded-youtube iframe { width: 100%; height: 100%; border: 0; display: block; }
.custom-video-player video { width: 100%; max-height: 75vh; display: block; background: #000; }
.video-controls { display: grid; grid-template-columns: auto auto 1fr auto auto minmax(60px, 100px) auto; gap: .65rem; align-items: center; padding: .7rem .85rem; color: #fff; background: linear-gradient(90deg, #111827, #1f2937); }
.video-control { border: 0; background: transparent; color: inherit; cursor: pointer; font-size: 1rem; min-width: 32px; min-height: 32px; }
.video-progress, .video-volume { accent-color: var(--primary, #7c3aed); cursor: pointer; width: 100%; }
.video-time { font-variant-numeric: tabular-nums; font-size: .82rem; color: #d1d5db; }
.dashboard-title-row, .form-actions { display: flex; justify-content: space-between; align-items: center; gap: 1rem; flex-wrap: wrap; }
.dashboard-section, .form-page { padding-top: 2rem; padding-bottom: 4rem; }
.form-card, .table-card { background: var(--card, #fff); border: 1px solid rgba(127,127,127,.18); border-radius: 20px; padding: clamp(1rem, 3vw, 2rem); box-shadow: 0 16px 45px rgba(0,0,0,.08); }
.editorial-form-card { max-width: 900px; margin: 0 auto; }
.stack-form { display: grid; gap: 1rem; }
.form-field { display: grid; gap: .4rem; }
.form-field input:not([type="checkbox"]), .form-field select, .form-field textarea { width: 100%; padding: .8rem .9rem; border: 1px solid #cbd5e1; border-radius: 10px; background: #fff; color: #111827; }
.form-field ul { margin: .25rem 0; padding-left: 1.25rem; }
.has-error input, .has-error textarea, .has-error select { border-color: #dc2626; }
.responsive-table { overflow-x: auto; }
.responsive-table table { width: 100%; border-collapse: collapse; }
.responsive-table th, .responsive-table td { padding: .85rem; text-align: left; border-bottom: 1px solid rgba(127,127,127,.16); }
.status-badge { display: inline-flex; padding: .25rem .6rem; border-radius: 999px; background: #e5e7eb; font-size: .8rem; }
.status-published { background: #dcfce7; color: #166534; }
.status-pending { background: #fef3c7; color: #92400e; }
.status-rejected { background: #fee2e2; color: #991b1b; }
.moderation-grid { display: grid; gap: 1.25rem; grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr)); }
.moderation-preview { margin: 1rem 0; }
.btn-danger { background: #b91c1c; color: #fff; }

@media (max-width: 680px) {
    .video-controls { grid-template-columns: auto auto 1fr auto auto; }
    .video-volume, [data-video-volume] { display: none; }
}

/* Authentification */
.auth-page {
    position: relative;
    padding: 48px 0 72px;
    overflow: hidden;
}
.auth-page::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at 8% 20%, rgba(239, 183, 99, .09), transparent 27%),
        radial-gradient(circle at 92% 80%, rgba(53, 112, 220, .09), transparent 28%);
}
.auth-layout {
    position: relative;
    display: grid;
    grid-template-columns: minmax(340px, .92fr) minmax(440px, 1.08fr);
    width: min(100% - 32px, 1080px);
    min-height: 610px;
    padding: 0;
    overflow: hidden;
    border: 1px solid rgba(132, 157, 198, .18);
    border-radius: 28px;
    background: #09162a;
    box-shadow: 0 30px 90px rgba(0, 0, 0, .32);
}
.auth-showcase {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-width: 0;
    padding: 58px 52px 35px;
    overflow: hidden;
    border-right: 1px solid rgba(255, 255, 255, .07);
    background:
        linear-gradient(145deg, rgba(24, 40, 69, .96), rgba(7, 18, 36, .98)),
        #0a172b;
}
.auth-showcase::after {
    content: "PK";
    position: absolute;
    right: -22px;
    bottom: 36px;
    color: rgba(255, 255, 255, .022);
    font-size: 190px;
    font-weight: 950;
    letter-spacing: -.12em;
    line-height: .8;
}
.auth-glow { position: absolute; border-radius: 50%; filter: blur(4px); pointer-events: none; }
.auth-glow-one { width: 230px; height: 230px; top: -130px; right: -80px; background: rgba(239, 183, 99, .13); }
.auth-glow-two { width: 180px; height: 180px; bottom: 90px; left: -130px; background: rgba(54, 111, 218, .14); }
.auth-showcase-content, .auth-showcase-foot { position: relative; z-index: 1; }
.auth-kicker {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 35px;
    color: #eab36a;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .12em;
    text-transform: uppercase;
}
.auth-kicker i { width: 7px; height: 7px; border-radius: 50%; background: #eab36a; box-shadow: 0 0 0 5px rgba(234,179,106,.1); }
.auth-showcase h1 { max-width: 430px; margin: 0 0 20px; color: #f7f9ff; font-size: clamp(2.25rem, 4vw, 3.35rem); line-height: .98; letter-spacing: -.06em; }
.auth-showcase h1 em { color: #eab36a; font-style: normal; }
.auth-showcase-content > p { max-width: 410px; margin: 0; color: #9eacc4; font-size: 15px; line-height: 1.7; }
.auth-benefits { display: grid; gap: 18px; margin-top: 42px; }
.auth-benefits > div { display: flex; align-items: center; gap: 14px; }
.auth-benefits > div > span {
    display: grid;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    place-items: center;
    border: 1px solid rgba(234,179,106,.18);
    border-radius: 13px;
    color: #eab36a;
    background: rgba(234,179,106,.07);
    font-size: 17px;
}
.auth-benefits p { display: grid; gap: 3px; margin: 0; }
.auth-benefits strong { color: #e9eef8; font-size: 13px; }
.auth-benefits small { color: #74839e; font-size: 11px; line-height: 1.4; }
.auth-showcase-foot { display: flex; align-items: center; gap: 9px; color: #66758f; font-size: 10px; font-weight: 700; letter-spacing: .03em; }
.auth-live-dot { width: 7px; height: 7px; border-radius: 50%; background: #48c68e; box-shadow: 0 0 0 4px rgba(72,198,142,.1); }
.auth-panel { display: flex; flex-direction: column; justify-content: center; padding: 46px clamp(34px, 6vw, 72px); background: rgba(9, 22, 42, .96); }
.auth-panel-top { display: none; }
.auth-panel-head { margin-bottom: 30px; }
.auth-eyebrow { display: block; margin-bottom: 10px; color: #eab36a; font-size: 10px; font-weight: 950; letter-spacing: .18em; }
.auth-panel-head h2 { margin: 0 0 9px; color: #f7f9ff; font-size: clamp(2rem, 4vw, 2.65rem); line-height: 1; letter-spacing: -.055em; }
.auth-panel-head p { margin: 0; color: #8290a9; font-size: 13px; }
.auth-form { display: grid; gap: 17px; }
.auth-fields-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.auth-field { display: grid; gap: 8px; min-width: 0; }
.auth-field label { color: #cbd5e7; font-size: 11px; font-weight: 850; letter-spacing: .025em; }
.auth-input-wrap { position: relative; }
.auth-input-wrap input {
    width: 100%;
    height: 50px;
    padding: 0 72px 0 43px;
    border: 1px solid rgba(132, 157, 198, .18);
    border-radius: 13px;
    outline: none;
    color: #f4f7fc;
    background: rgba(4, 13, 28, .58);
    font: inherit;
    font-size: 13px;
    transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
.auth-input-wrap input:not([type="password"]) { padding-right: 14px; }
.auth-input-wrap input::placeholder { color: #52617a; }
.auth-input-wrap input:focus { border-color: rgba(234,179,106,.7); background: rgba(5, 15, 31, .9); box-shadow: 0 0 0 4px rgba(234,179,106,.07); }
.auth-input-icon { position: absolute; z-index: 1; left: 15px; top: 50%; transform: translateY(-50%); color: #657590; font-size: 13px; font-weight: 900; pointer-events: none; }
.auth-lock { font-size: 8px; }
.auth-password-toggle { position: absolute; right: 13px; top: 50%; padding: 5px; transform: translateY(-50%); border: 0; color: #7d8da7; background: transparent; font-size: 9px; font-weight: 850; cursor: pointer; }
.auth-password-toggle:hover { color: #eab36a; }
.auth-field .errorlist { display: grid; gap: 3px; margin: 0; padding: 0; list-style: none; color: #ff8c91; font-size: 10px; line-height: 1.4; }
.auth-field.has-error .auth-input-wrap input { border-color: rgba(255,100,110,.65); }
.auth-alert { display: flex; gap: 11px; padding: 12px 14px; border: 1px solid rgba(255,100,110,.24); border-radius: 12px; color: #ffb1b5; background: rgba(255,75,87,.07); font-size: 11px; line-height: 1.5; }
.auth-alert > span { display: grid; flex: 0 0 20px; width: 20px; height: 20px; place-items: center; border-radius: 50%; color: #071226; background: #ff8c91; font-weight: 950; }
.auth-alert p { margin: 0; }
.auth-submit { display: flex; align-items: center; justify-content: center; gap: 12px; width: 100%; min-height: 51px; margin-top: 2px; border: 0; border-radius: 13px; color: #111a28; background: linear-gradient(135deg, #f1c27e, #d89849); box-shadow: 0 12px 28px rgba(213,148,67,.18); font-size: 12px; font-weight: 950; cursor: pointer; transition: transform .18s ease, box-shadow .18s ease; }
.auth-submit:hover { transform: translateY(-2px); box-shadow: 0 16px 34px rgba(213,148,67,.25); }
.auth-submit span { font-size: 17px; }
.auth-switch { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 5px; padding-top: 5px; color: #71809a; font-size: 11px; }
.auth-switch a, .auth-terms a { color: #eab36a; font-weight: 850; }
.auth-back { align-self: center; margin-top: 22px; color: #64738d; font-size: 10px; font-weight: 750; }
.auth-back:hover { color: #c7d2e5; }
.auth-terms { margin: -2px 0 0; color: #65748d; font-size: 9px; line-height: 1.55; text-align: center; }
.auth-field-note{display:block;margin-top:6px;color:#71819a;font-size:8px;line-height:1.45}.auth-field-note::before{content:"🔒";margin-right:5px;font-size:7px}
.password-strength { display: grid; grid-template-columns: repeat(4, 1fr); gap: 5px; align-items: center; }
.password-strength i { height: 3px; border-radius: 10px; background: #25334a; transition: background .2s ease; }
.password-strength span { grid-column: 1 / -1; color: #5f6f89; font-size: 9px; }
.password-strength[data-score="1"] i:nth-child(-n+1) { background: #ef6d75; }
.password-strength[data-score="2"] i:nth-child(-n+2) { background: #e6a653; }
.password-strength[data-score="3"] i:nth-child(-n+3) { background: #d9c85a; }
.password-strength[data-score="4"] i:nth-child(-n+4) { background: #48c68e; }
.registration-trap { position: absolute !important; left: -10000px !important; width: 1px; height: 1px; overflow: hidden; opacity: 0; pointer-events: none; }

/* Éditeur de profil */
.profile-editor-page { width: min(100% - 32px, 960px); padding-top: 44px; padding-bottom: 70px; }
.profile-editor-header { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 28px; }
.profile-editor-header h1 { margin: 7px 0 8px; font-size: clamp(2rem, 5vw, 3.15rem); letter-spacing: -.055em; }
.profile-editor-header p { margin: 0; color: var(--text-soft); }
.profile-editor-form { display: grid; gap: 18px; }
.profile-editor-card { padding: clamp(22px, 4vw, 34px); border: 1px solid rgba(132,157,198,.16); border-radius: 22px; background: linear-gradient(145deg, rgba(17,34,59,.96), rgba(9,22,42,.98)); box-shadow: 0 18px 50px rgba(0,0,0,.14); }
.profile-section-title { display: flex; align-items: flex-start; gap: 14px; margin-bottom: 28px; }
.profile-section-title > span { display: grid; flex: 0 0 35px; width: 35px; height: 35px; place-items: center; border: 1px solid rgba(234,179,106,.22); border-radius: 10px; color: #eab36a; background: rgba(234,179,106,.07); font-size: 10px; font-weight: 950; }
.profile-section-title h2 { margin: 0 0 4px; font-size: 18px; letter-spacing: -.025em; }
.profile-section-title p { margin: 0; color: #75849d; font-size: 11px; line-height: 1.5; }
.avatar-editor { display: flex; align-items: center; gap: 22px; margin-bottom: 28px; padding: 18px; border: 1px dashed rgba(132,157,198,.2); border-radius: 17px; background: rgba(3,12,27,.28); }
.avatar-preview { display: grid; flex: 0 0 92px; width: 92px; height: 92px; place-items: center; overflow: hidden; border: 3px solid rgba(234,179,106,.35); border-radius: 25px; color: #fff; background: linear-gradient(145deg,#294f81,#142944); box-shadow: 0 12px 28px rgba(0,0,0,.24); font-size: 30px; font-weight: 950; }
.avatar-preview img { width: 100%; height: 100%; object-fit: cover; }
.avatar-editor-field { display: grid; gap: 7px; min-width: 0; }
.avatar-editor-field label { font-size: 12px; font-weight: 900; }
.avatar-editor-field input { max-width: 100%; color: #8e9cb4; font-size: 11px; }
.avatar-editor-field small { color: #687791; font-size: 9px; line-height: 1.5; }
.profile-fields-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.profile-field-wide { grid-column: 1 / -1; }
.profile-editor-card .form-field { margin: 0; }
.profile-editor-card .form-field input:not([type="checkbox"]), .profile-editor-card .form-field textarea { width: 100%; border: 1px solid rgba(132,157,198,.18); border-radius: 12px; color: #eef3fc; background: rgba(4,13,28,.52); }
.profile-editor-card .form-field input:not([type="checkbox"]):focus, .profile-editor-card .form-field textarea:focus { border-color: rgba(234,179,106,.65); box-shadow: 0 0 0 4px rgba(234,179,106,.06); }
.profile-toggles { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.profile-toggles > label { display: flex; align-items: flex-start; gap: 12px; padding: 16px; border: 1px solid rgba(132,157,198,.14); border-radius: 13px; background: rgba(3,12,27,.3); cursor: pointer; }
.profile-toggles input { margin-top: 2px; accent-color: #eab36a; }
.profile-toggles label > span { display: grid; gap: 4px; }
.profile-toggles strong { color: #dce5f5; font-size: 11px; }
.profile-toggles small { color: #6e7d96; font-size: 9px; line-height: 1.45; }
.profile-editor-actions { display: flex; justify-content: flex-end; gap: 10px; padding-top: 5px; }
.public-profile-info { min-width: 0; }
.public-profile-username { display: block; margin-top: -10px; color: #73839d; font-size: 12px; }
.profile-social-links { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
.profile-social-links a { padding: 7px 10px; border: 1px solid rgba(132,157,198,.17); border-radius: 9px; color: #b8c6dc; background: rgba(9,22,42,.52); font-size: 9px; font-weight: 850; }
.profile-social-links a:hover { border-color: rgba(234,179,106,.4); color: #eab36a; }

/* Partage direct des publications */
.post-share-bar { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 14px; padding: 15px 17px; border: 1px solid rgba(132,157,198,.14); border-radius: 16px; background: linear-gradient(135deg,rgba(13,29,52,.96),rgba(8,20,38,.96)); }
.post-share-heading { display: flex; align-items: center; gap: 11px; flex: 0 0 auto; }
.post-share-symbol { display: grid; width: 34px; height: 34px; place-items: center; border: 1px solid rgba(234,179,106,.2); border-radius: 10px; color: #eab36a; background: rgba(234,179,106,.08); font-size: 16px; }
.post-share-heading > div { display: grid; gap: 2px; }
.post-share-heading strong { color: #dce5f5; font-size: 11px; }
.post-share-heading small { color: #63738d; font-size: 8px; }
.post-share-links { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 7px; }
.share-network { display: inline-flex; align-items: center; gap: 7px; min-height: 35px; padding: 0 10px; border: 1px solid rgba(132,157,198,.14); border-radius: 10px; color: #aebcd2; background: rgba(4,13,28,.46); font: inherit; font-size: 9px; font-weight: 850; cursor: pointer; transition: transform .16s ease,border-color .16s ease,color .16s ease,background .16s ease; }
.share-network b { display: grid; width: 18px; height: 18px; place-items: center; border-radius: 6px; color: #fff; font-size: 9px; }
.share-network:hover { transform: translateY(-2px); color: #fff; }
.share-facebook b { background: #1877f2; }.share-facebook:hover{border-color:rgba(24,119,242,.55)}
.share-x b { background: #05080d; }.share-x:hover{border-color:rgba(255,255,255,.3)}
.share-whatsapp b { background: #20b968; }.share-whatsapp:hover{border-color:rgba(32,185,104,.5)}
.share-telegram b { background: #229ed9; }.share-telegram:hover{border-color:rgba(34,158,217,.5)}
.share-instagram b { background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045); }.share-instagram:hover{border-color:rgba(225,72,128,.55)}
.share-copy b,.share-more b { color:#eab36a;background:rgba(234,179,106,.1); }
.share-copy.active { border-color: rgba(72,198,142,.5); color:#67d8a6; }

/* Nouveau tableau de bord membre */
.account-page { position: relative; padding: 44px 0 72px; overflow: hidden; }
.account-page::before { content:""; position:absolute; inset:0; pointer-events:none; background:radial-gradient(circle at 5% 12%,rgba(234,179,106,.08),transparent 25%),radial-gradient(circle at 95% 72%,rgba(53,112,220,.08),transparent 27%); }
.account-shell { position:relative; display:grid; grid-template-columns:280px minmax(0,1fr); gap:20px; width:min(100% - 32px,1120px); }
.account-identity { position:sticky; top:112px; align-self:start; padding:30px 25px 24px; overflow:hidden; border:1px solid rgba(132,157,198,.16); border-radius:24px; background:linear-gradient(150deg,rgba(20,39,67,.97),rgba(7,18,36,.99)); box-shadow:0 24px 60px rgba(0,0,0,.2); }
.account-glow { position:absolute; width:180px;height:180px;right:-100px;top:-100px;border-radius:50%;background:rgba(234,179,106,.12); }
.account-kicker { position:relative; display:flex;align-items:center;gap:8px;margin-bottom:24px;color:#eab36a;font-size:9px;font-weight:950;letter-spacing:.13em;text-transform:uppercase; }
.account-kicker i{width:6px;height:6px;border-radius:50%;background:#eab36a;box-shadow:0 0 0 4px rgba(234,179,106,.1)}
.account-avatar{display:grid;width:86px;height:86px;place-items:center;overflow:hidden;margin-bottom:17px;border:3px solid rgba(234,179,106,.28);border-radius:24px;color:#fff;background:linear-gradient(145deg,#2a5082,#142944);font-size:30px;font-weight:950;box-shadow:0 14px 30px rgba(0,0,0,.25)}
.account-avatar img{width:100%;height:100%;object-fit:cover}.account-person h1{margin:9px 0 3px;font-size:24px;letter-spacing:-.04em}.account-person p{margin:0;color:#6f7f99;font-size:11px}.account-bio{margin:15px 0 0;color:#95a3ba;font-size:11px;line-height:1.6}
.account-member-since{display:flex;align-items:center;gap:10px;margin:22px 0;padding:13px;border:1px solid rgba(132,157,198,.12);border-radius:12px;background:rgba(3,12,27,.3)}.account-member-since>span{color:#eab36a}.account-member-since div{display:grid;gap:2px}.account-member-since small{color:#63738d;font-size:8px;text-transform:uppercase}.account-member-since strong{color:#cad5e7;font-size:10px}
.account-nav{display:grid;gap:5px;padding-top:17px;border-top:1px solid rgba(255,255,255,.06)}.account-nav a{display:flex;align-items:center;gap:11px;min-height:39px;padding:0 11px;border-radius:10px;color:#8291aa;font-size:10px;font-weight:800}.account-nav a>span{display:grid;width:20px;place-items:center;color:#60718d}.account-nav a b{margin-left:auto;display:grid;min-width:19px;height:19px;padding:0 5px;place-items:center;border-radius:99px;color:#111927;background:#eab36a;font-size:8px}.account-nav a:hover,.account-nav a.is-active{color:#f1f5fc;background:rgba(255,255,255,.05)}.account-nav a.is-active>span{color:#eab36a}
.account-profile-button{display:flex;align-items:center;justify-content:space-between;margin-top:19px;padding:12px 13px;border:1px solid rgba(234,179,106,.2);border-radius:11px;color:#eab36a;background:rgba(234,179,106,.06);font-size:10px;font-weight:900}.account-main{display:grid;gap:18px;min-width:0}
.account-welcome{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:34px;border:1px solid rgba(132,157,198,.15);border-radius:24px;background:linear-gradient(135deg,rgba(19,38,66,.97),rgba(9,22,42,.98));box-shadow:0 20px 50px rgba(0,0,0,.15)}.account-welcome h2{margin:8px 0 9px;font-size:clamp(2rem,4vw,2.8rem);letter-spacing:-.055em}.account-welcome p{max-width:560px;margin:0;color:#8594ac;font-size:12px;line-height:1.65}.account-welcome .btn{flex:0 0 auto}
.account-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.account-stats>a{display:flex;align-items:center;gap:10px;min-width:0;padding:15px;border:1px solid rgba(132,157,198,.13);border-radius:15px;background:rgba(13,28,50,.82)}.account-stats>a:hover{border-color:rgba(234,179,106,.25);transform:translateY(-2px)}.account-stat-icon{display:grid;flex:0 0 35px;width:35px;height:35px;place-items:center;border-radius:10px}.account-stat-icon.is-gold{color:#eab36a;background:rgba(234,179,106,.09)}.account-stat-icon.is-red{color:#ed7783;background:rgba(237,119,131,.09)}.account-stat-icon.is-blue{color:#70a8ed;background:rgba(112,168,237,.09)}.account-stat-icon.is-green{color:#55cc9a;background:rgba(85,204,154,.09)}.account-stats div{display:grid;gap:2px}.account-stats strong{font-size:18px}.account-stats small{color:#6f7f99;font-size:8px;text-transform:uppercase}.account-stats i{margin-left:auto;color:#52627d;font-style:normal}
.account-section{overflow:hidden;border:1px solid rgba(132,157,198,.14);border-radius:20px;background:rgba(11,25,46,.87)}.account-section>header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 22px;border-bottom:1px solid rgba(255,255,255,.055)}.account-section>header>div{display:flex;align-items:center;gap:12px}.account-section-index{display:grid;width:33px;height:33px;place-items:center;border:1px solid rgba(234,179,106,.18);border-radius:10px;color:#eab36a;background:rgba(234,179,106,.06);font-size:9px;font-weight:950}.account-section h2{margin:0 0 3px;font-size:16px}.account-section header p{margin:0;color:#6e7d96;font-size:9px}.account-total{padding:6px 9px;border-radius:99px;color:#8d9bb1;background:rgba(255,255,255,.04);font-size:8px;font-weight:800}.account-content-list{display:grid}.account-content-list>a{display:flex;align-items:center;gap:13px;padding:15px 22px;border-bottom:1px solid rgba(255,255,255,.045)}.account-content-list>a:last-child{border-bottom:0}.account-content-list>a:hover{background:rgba(255,255,255,.025)}.account-content-type{display:grid;flex:0 0 34px;width:34px;height:34px;place-items:center;border-radius:10px;color:#eab36a;background:rgba(234,179,106,.07);font-size:11px}.account-content-list a>div{display:grid;gap:4px;min-width:0}.account-content-list a strong{overflow:hidden;color:#dce5f5;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.account-content-list a small{overflow:hidden;color:#65758e;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.account-open,.account-content-list time{margin-left:auto;flex:0 0 auto;color:#53637d;font-size:9px}.account-empty{display:flex;align-items:center;gap:14px;padding:24px}.account-empty>span{display:grid;width:39px;height:39px;place-items:center;border:1px dashed rgba(132,157,198,.2);border-radius:12px;color:#65758f}.account-empty strong{font-size:11px}.account-empty p{margin:4px 0 0;color:#65758e;font-size:9px}

@media(max-width:900px){.account-shell{grid-template-columns:1fr}.account-identity{position:relative;top:auto}.account-nav{grid-template-columns:repeat(3,1fr)}.account-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.post-share-bar{align-items:flex-start;flex-direction:column}.post-share-links{justify-content:flex-start}.share-network span{display:none}.share-network{padding:0 9px}.account-page{padding-top:20px}.account-shell{width:min(100% - 16px,1120px)}.account-welcome{align-items:flex-start;flex-direction:column;padding:24px}.account-welcome .btn{width:100%}.account-nav{grid-template-columns:1fr 1fr}.account-section>header{align-items:flex-start}.account-stats>a{padding:12px}.account-content-list>a{padding:14px}.account-content-list a small{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.account-total{display:none}}

/* Studio de discussion */
.comments-studio { position:relative; overflow:hidden; padding:0; border-radius:24px; }
.comments-studio::before { content:"";position:absolute;z-index:0;width:260px;height:260px;right:-160px;top:-160px;border-radius:50%;background:rgba(234,179,106,.075);pointer-events:none; }
.comments-studio > * { position:relative;z-index:1; }
.comments-premium-head { display:flex;align-items:center;justify-content:space-between;gap:22px;padding:25px 27px 21px;border-bottom:1px solid rgba(255,255,255,.055);background:linear-gradient(135deg,rgba(20,39,67,.58),rgba(8,19,37,.15)); }
.comments-title-group { display:flex;align-items:center;gap:15px; }
.comments-title-icon { display:grid;flex:0 0 45px;width:45px;height:45px;place-items:center;border:1px solid rgba(234,179,106,.2);border-radius:14px;color:#eab36a;background:rgba(234,179,106,.075);box-shadow:0 10px 24px rgba(0,0,0,.15); }
.comments-title-icon svg { width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round; }
.comments-eyebrow { display:block;margin-bottom:5px;color:#eab36a;font-size:8px;font-weight:950;letter-spacing:.17em; }
.comments-premium-head h2 { margin:0 0 4px;font-size:21px;letter-spacing:-.035em; }
.comments-premium-head p { margin:0;color:#71809a;font-size:10px; }
.comments-studio .section-counter { display:grid;min-width:72px;padding:8px 12px;border:1px solid rgba(132,157,198,.14);border-radius:12px;color:#75849d;background:rgba(3,12,27,.35);font-size:8px;text-align:center;text-transform:uppercase; }
.comments-studio .section-counter span { color:#f0f4fb;font-size:17px;line-height:1.15; }
.comments-studio .comments-toolbar { display:flex;justify-content:flex-end;padding:14px 27px 0; }
.comments-studio .comments-sort-form { padding:5px 5px 5px 10px;border:1px solid rgba(132,157,198,.12);border-radius:10px;background:rgba(3,12,27,.28); }
.comments-studio .comments-sort-form label { color:#677791;font-size:8px;font-weight:850;text-transform:uppercase; }
.comments-studio .comments-sort-form select { min-height:29px;border:0;color:#aebbd0;background:#101e34;font-size:9px; }
.comments-studio > .comment-form { margin:16px 27px 24px; }
.comments-studio .comment-composer { padding:20px;border:1px solid rgba(132,157,198,.14);border-radius:18px;background:linear-gradient(145deg,rgba(17,34,59,.72),rgba(5,15,31,.72));box-shadow:0 14px 35px rgba(0,0,0,.12); }
.comment-composer-identity { display:flex;align-items:center;gap:12px; }
.composer-avatar { display:grid;flex:0 0 39px;width:39px;height:39px;place-items:center;overflow:hidden;border:2px solid rgba(234,179,106,.25);border-radius:12px;color:#fff;background:linear-gradient(145deg,#294f81,#142944);font-size:13px;font-weight:950; }
.composer-avatar img { width:100%;height:100%;object-fit:cover; }
.comments-studio .comment-composer-top h3 { margin:0 0 3px;font-size:13px; }
.comments-studio .comment-composer-top p { color:#6e7e98;font-size:9px; }
.comments-studio .comment-composer-top p strong { color:#aebbd0; }
.comments-studio .composer-shortcut { min-height:25px;padding:0 8px;border-radius:8px;color:#677791;background:rgba(255,255,255,.025);font-size:8px; }
.comments-studio .comment-emoji-toolbar { gap:6px;padding:8px;margin-bottom:11px;overflow-x:auto;flex-wrap:nowrap;border:1px solid rgba(132,157,198,.09);border-radius:11px;background:rgba(3,12,27,.25);scrollbar-width:thin; }
.comments-studio .emoji-btn { flex:0 0 30px;width:30px;height:30px;border-radius:8px;background:rgba(255,255,255,.035);box-shadow:none;font-size:14px; }
.comments-studio .comment-form textarea { min-height:120px;padding:15px;border:1px solid rgba(132,157,198,.14);border-radius:13px;background:rgba(2,10,23,.55);font-size:11px; }
.comments-studio .comment-form textarea:focus { border-color:rgba(234,179,106,.55);box-shadow:0 0 0 4px rgba(234,179,106,.06); }
.comments-studio .comment-char-count { color:#60708b;font-size:9px; }
.comments-studio .comment-submit-btn { display:flex;align-items:center;gap:9px;min-height:38px!important;padding:0 15px!important;border-radius:10px;font-size:10px; }
.comments-studio #comments-list-wrapper { padding:0 27px 25px; }
.comments-studio .comment-list { gap:10px; }
.comments-studio .comment-item { position:relative;gap:12px;padding:16px;border:1px solid rgba(132,157,198,.115);border-radius:16px;background:linear-gradient(145deg,rgba(15,31,54,.7),rgba(7,18,35,.72));box-shadow:none; }
.comments-studio .comment-item::before { content:"";position:absolute;left:0;top:16px;bottom:16px;width:2px;border-radius:2px;background:rgba(234,179,106,.3);opacity:0;transition:opacity .18s ease; }
.comments-studio .comment-item:hover { transform:none;border-color:rgba(234,179,106,.18);box-shadow:0 12px 28px rgba(0,0,0,.12); }
.comments-studio .comment-item:hover::before { opacity:1; }
.comments-studio .comment-avatar { flex:0 0 38px;width:38px;height:38px;overflow:hidden;border:2px solid rgba(132,157,198,.18);border-radius:11px;background:linear-gradient(145deg,#294f81,#142944);box-shadow:0 8px 18px rgba(0,0,0,.16);font-size:12px; }
.comments-studio .comment-avatar img { width:100%;height:100%;object-fit:cover; }
.comments-studio .comment-head { margin-bottom:9px; }
.comments-studio .comment-userline a strong { color:#dce5f5;font-size:11px; }
.comments-studio .comment-userline a:hover strong { color:#eab36a; }
.comments-studio .comment-date { color:#586983;font-size:8px; }
.comments-studio .comment-user-badge,.comments-studio .comment-author-badge { min-height:18px;padding:0 6px;border-radius:6px;font-size:7px; }
.comments-studio .comment-content { color:#aebbd0;font-size:11px;line-height:1.65; }
.comments-studio .comment-actions-row { margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.045); }
.comments-studio .comment-reaction-btn,.comments-studio .comment-tool-btn { min-height:27px;padding:0 8px;border:1px solid rgba(132,157,198,.1);border-radius:8px;color:#687892;background:rgba(3,12,27,.22);font-size:8px; }
.comments-studio .comment-reaction-btn:hover,.comments-studio .comment-tool-btn:hover { color:#d3ddec;border-color:rgba(132,157,198,.2); }
.comments-studio .comment-reaction-btn.active { color:#eab36a;border-color:rgba(234,179,106,.24);background:rgba(234,179,106,.07); }
.comments-studio .comment-reply { margin-top:10px;border-left:1px solid rgba(234,179,106,.16);background:rgba(7,18,35,.62); }
.comments-studio .comment-reply-box,.comments-studio .comment-edit-box { margin-top:13px;padding:14px;border:1px solid rgba(132,157,198,.12);border-radius:13px;background:rgba(3,12,27,.35); }
.reply-box-heading { display:flex;align-items:center;gap:9px;margin-bottom:11px; }.reply-box-heading>span{color:#eab36a}.reply-box-heading>div{display:grid;gap:2px}.reply-box-heading strong{color:#cfd9e9;font-size:9px}.reply-box-heading small{color:#5f6f89;font-size:8px}
.comments-studio .reply-form textarea,.comments-studio .edit-form textarea { border:1px solid rgba(132,157,198,.14);border-radius:11px;color:#e8eef8;background:rgba(2,10,23,.55);font-size:10px; }
.comments-studio .login-notice { margin:17px 27px 24px;padding:20px;border:1px solid rgba(234,179,106,.14);border-radius:15px;background:rgba(234,179,106,.045); }
.comments-studio #comments-pagination-wrapper { padding:0 27px 25px; }

@media(max-width:680px){.comments-premium-head{align-items:flex-start;padding:20px}.comments-title-icon{width:39px;height:39px;flex-basis:39px}.comments-premium-head p{display:none}.comments-studio .comments-toolbar{padding:12px 18px 0}.comments-studio>.comment-form{margin:13px 18px 20px}.comments-studio #comments-list-wrapper{padding:0 12px 20px}.comments-studio .comment-composer{padding:14px}.comments-studio .composer-shortcut{display:none}.comments-studio .comment-item{padding:12px;gap:9px}.comments-studio .comment-avatar{width:34px;height:34px;flex-basis:34px}.comments-studio .comment-actions-row{align-items:flex-start;flex-direction:column}.comments-studio .comment-tools{width:100%;overflow-x:auto;flex-wrap:nowrap}.comments-studio .comment-reply{margin-left:3px;padding-left:9px}.reaction-text{display:none}}

/* Pages de découverte */
.discovery-page{position:relative;padding:42px 0 76px;overflow:hidden}.discovery-page::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 8% 12%,rgba(234,179,106,.075),transparent 25%),radial-gradient(circle at 94% 55%,rgba(50,103,198,.075),transparent 28%)}.discovery-shell{position:relative;width:min(100% - 32px,1160px)}
.discovery-hero{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:30px;min-height:240px;margin-bottom:18px;padding:45px 48px;overflow:hidden;border:1px solid rgba(132,157,198,.15);border-radius:26px;background:linear-gradient(140deg,rgba(21,42,72,.97),rgba(7,18,35,.99));box-shadow:0 25px 65px rgba(0,0,0,.19)}.discovery-hero::after{content:"";position:absolute;width:280px;height:280px;right:-130px;top:-150px;border-radius:50%;background:rgba(234,179,106,.09)}.discovery-hero>div:first-child{position:relative;z-index:2}.discovery-eyebrow{display:flex;align-items:center;gap:8px;color:#eab36a;font-size:9px;font-weight:950;letter-spacing:.16em}.discovery-eyebrow i{width:6px;height:6px;border-radius:50%;background:#eab36a;box-shadow:0 0 0 4px rgba(234,179,106,.1)}.discovery-hero h1{max-width:700px;margin:13px 0 13px;color:#f6f8fd;font-size:clamp(2.55rem,6vw,4.7rem);line-height:.92;letter-spacing:-.07em}.discovery-hero h1 em{color:#eab36a;font-style:normal}.discovery-hero p{max-width:610px;margin:0;color:#8e9cb3;font-size:13px;line-height:1.7}.discovery-hero-mark{position:relative;z-index:1;color:rgba(255,255,255,.035);font-size:clamp(60px,10vw,120px);font-weight:950;letter-spacing:-.08em;line-height:.7}
.discovery-controls{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px;padding:13px 16px;border:1px solid rgba(132,157,198,.13);border-radius:15px;background:rgba(11,25,46,.82)}.discovery-control-title{display:flex;align-items:center;gap:10px}.discovery-control-title>span{display:grid;width:31px;height:31px;place-items:center;border-radius:9px;color:#eab36a;background:rgba(234,179,106,.075)}.discovery-control-title>div{display:grid;gap:2px}.discovery-control-title strong{font-size:10px}.discovery-control-title small{color:#62728c;font-size:8px}.discovery-tabs{display:flex;gap:5px}.discovery-tabs button,.discovery-tabs a{display:flex;align-items:center;min-height:33px;padding:0 12px;border:1px solid transparent;border-radius:9px;color:#75849d;background:transparent;font:inherit;font-size:9px;font-weight:850;cursor:pointer}.discovery-tabs button:hover,.discovery-tabs a:hover,.discovery-tabs .active{border-color:rgba(234,179,106,.18);color:#eab36a;background:rgba(234,179,106,.07)}
.discovery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.discovery-card{min-width:0;overflow:hidden;border:1px solid rgba(132,157,198,.13);border-radius:18px;background:linear-gradient(150deg,rgba(15,31,54,.95),rgba(7,18,35,.98));box-shadow:0 15px 35px rgba(0,0,0,.13);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.discovery-card:hover{transform:translateY(-5px);border-color:rgba(234,179,106,.24);box-shadow:0 22px 45px rgba(0,0,0,.2)}.discovery-card-link{display:block;height:100%}.discovery-media{position:relative;height:190px;overflow:hidden;background:#050d1b}.discovery-media::after{content:"";position:absolute;inset:auto 0 0;height:55%;background:linear-gradient(transparent,rgba(3,10,22,.76));pointer-events:none}.discovery-media img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.discovery-card:hover .discovery-media img{transform:scale(1.04)}.discovery-fallback{display:grid;width:100%;height:100%;place-items:center;align-content:center;gap:8px;color:#eab36a;background:radial-gradient(circle,rgba(234,179,106,.1),transparent 45%)}.discovery-fallback span{font-size:30px}.discovery-fallback small{color:#6d7d96;font-size:9px;text-transform:uppercase}.discovery-format{position:absolute;z-index:2;left:11px;top:11px;padding:6px 8px;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#f3f6fb;background:rgba(3,11,24,.72);backdrop-filter:blur(7px);font-size:7px;font-weight:900;text-transform:uppercase}.discovery-open{position:absolute;z-index:2;right:12px;bottom:11px;display:flex;align-items:center;gap:6px;color:#c8d3e5;font-size:8px;font-weight:900;opacity:0;transform:translateY(5px);transition:.2s ease}.discovery-card:hover .discovery-open{opacity:1;transform:none}.discovery-open b{color:#eab36a;font-size:13px}.discovery-body{padding:16px}.discovery-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px;color:#62728b;font-size:7px;font-weight:850;text-transform:uppercase}.discovery-meta>span{color:#eab36a}.discovery-body h2{display:-webkit-box;min-height:42px;margin:0 0 8px;overflow:hidden;color:#e7edf7;font-size:16px;line-height:1.28;letter-spacing:-.025em;-webkit-line-clamp:2;-webkit-box-orient:vertical}.discovery-body p{display:-webkit-box;min-height:38px;margin:0 0 13px;overflow:hidden;color:#75849c;font-size:9px;line-height:1.55;-webkit-line-clamp:2;-webkit-box-orient:vertical}.discovery-stats{display:flex;align-items:center;gap:11px;padding-top:11px;border-top:1px solid rgba(255,255,255,.05);color:#66768f;font-size:8px;font-weight:800}.discovery-stats strong{margin-left:auto;color:#eab36a}.discovery-rank{position:absolute;z-index:3;left:10px;bottom:9px;color:#fff;font-size:31px;font-weight:950;letter-spacing:-.06em;text-shadow:0 3px 15px rgba(0,0,0,.6)}.is-ranked .discovery-format{left:auto;right:11px}.discovery-empty{grid-column:1/-1;display:grid;justify-items:center;padding:60px 24px;border:1px dashed rgba(132,157,198,.18);border-radius:20px;color:#75849c;background:rgba(11,25,46,.55);text-align:center}.discovery-empty>span{display:grid;width:55px;height:55px;place-items:center;margin-bottom:15px;border-radius:17px;color:#eab36a;background:rgba(234,179,106,.07);font-size:22px}.discovery-empty h2{margin:0 0 7px;color:#e4ebf6;font-size:18px}.discovery-empty p{margin:0 0 18px;font-size:10px}.discovery-pagination{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin-top:28px;padding:12px 15px;border:1px solid rgba(132,157,198,.12);border-radius:14px;background:rgba(11,25,46,.7)}.discovery-pagination a{color:#93a1b7;font-size:9px;font-weight:850}.discovery-pagination a:last-child{text-align:right}.discovery-pagination strong{color:#eab36a;font-size:12px}.discovery-pagination small{color:#65758e}
.trend-pulse{position:relative;z-index:2;display:flex;align-items:center;gap:12px;min-width:225px;padding:15px;border:1px solid rgba(72,198,142,.18);border-radius:14px;background:rgba(72,198,142,.055)}.trend-pulse>span{display:grid;width:36px;height:36px;place-items:center;border-radius:10px;color:#62d3a3;background:rgba(72,198,142,.09);font-size:18px}.trend-pulse>div{display:grid;gap:3px}.trend-pulse strong{color:#bcebd7;font-size:10px}.trend-pulse small{color:#638b7a;font-size:8px}.trend-controls{margin-bottom:24px}
.modern-collection-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.modern-collection-card{display:grid;grid-template-columns:210px minmax(0,1fr);min-height:220px;overflow:hidden;border:1px solid rgba(132,157,198,.13);border-radius:20px;background:linear-gradient(145deg,rgba(15,31,54,.95),rgba(7,18,35,.98));transition:.2s ease}.modern-collection-card:hover{transform:translateY(-4px);border-color:rgba(234,179,106,.25)}.modern-collection-media{position:relative;display:grid;place-items:center;overflow:hidden;color:rgba(234,179,106,.25);background:radial-gradient(circle,rgba(234,179,106,.12),transparent 55%);font-size:48px;font-weight:950}.modern-collection-media img{width:100%;height:100%;object-fit:cover}.modern-collection-media b{position:absolute;left:10px;bottom:10px;padding:6px 8px;border-radius:7px;color:#fff;background:rgba(3,11,24,.74);font-size:7px;text-transform:uppercase}.modern-collection-card>div:last-child{align-self:center;padding:22px}.modern-collection-card h2{margin:9px 0 8px;color:#e5ecf6;font-size:20px;letter-spacing:-.035em}.modern-collection-card p{margin:0 0 17px;color:#75849c;font-size:9px;line-height:1.6}.modern-collection-card>div>strong{color:#eab36a;font-size:9px}.collection-detail-hero{align-items:center}.collection-detail-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.16;filter:saturate(.6)}.collection-detail-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#09162a 20%,rgba(9,22,42,.62))}.discovery-back{display:block;margin-bottom:22px;color:#8190a7;font-size:9px;font-weight:800}.discovery-section-title{display:flex;align-items:center;justify-content:space-between;margin:28px 0 16px}.discovery-section-title>div{display:flex;align-items:center;gap:10px}.discovery-section-title>div>span{color:#eab36a}.discovery-section-title h2{margin:0;font-size:18px}.discovery-section-title small{color:#6d7c95;font-size:9px}
@media(max-width:980px){.discovery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.modern-collection-grid{grid-template-columns:1fr}.discovery-hero-mark{display:none}}
@media(max-width:680px){.discovery-page{padding:20px 0 52px}.discovery-shell{width:min(100% - 16px,1160px)}.discovery-hero{min-height:210px;padding:28px 23px;border-radius:20px}.discovery-hero h1{font-size:2.7rem}.trend-pulse{display:none}.discovery-controls{align-items:flex-start;flex-direction:column}.discovery-tabs{width:100%;overflow-x:auto}.discovery-tabs button,.discovery-tabs a{flex:1;justify-content:center;white-space:nowrap}.discovery-grid{grid-template-columns:1fr}.discovery-media{height:210px}.modern-collection-card{grid-template-columns:120px minmax(0,1fr);min-height:190px}.modern-collection-card>div:last-child{padding:16px}.modern-collection-card p{display:none}}

/* Unification des pages fonctionnelles et informatives */
.dashboard-section,.form-page,.info-page{position:relative;width:min(100% - 32px,1080px);padding-top:42px;padding-bottom:72px}.dashboard-title-row{min-height:155px;margin-bottom:18px;padding:30px 34px;border:1px solid rgba(132,157,198,.15);border-radius:22px;background:linear-gradient(140deg,rgba(20,39,67,.96),rgba(7,18,35,.99));box-shadow:0 20px 55px rgba(0,0,0,.16)}.dashboard-title-row h1,.editorial-form-card h1,.info-card h1{margin:8px 0 9px;font-size:clamp(2rem,5vw,3.25rem);letter-spacing:-.055em}.dashboard-title-row p,.editorial-form-card>p{max-width:650px;color:#8391a8;font-size:11px;line-height:1.65}.table-card{overflow:hidden;border:1px solid rgba(132,157,198,.14);border-radius:18px;background:linear-gradient(145deg,rgba(15,31,54,.94),rgba(7,18,35,.98));box-shadow:0 16px 40px rgba(0,0,0,.13)}.responsive-table table{width:100%;border-collapse:collapse}.responsive-table th{padding:13px 16px;color:#697993;background:rgba(3,12,27,.3);font-size:8px;letter-spacing:.09em;text-transform:uppercase}.responsive-table td{padding:14px 16px;border-top:1px solid rgba(255,255,255,.045);color:#aebbd0;font-size:10px}.responsive-table tr:hover td{background:rgba(255,255,255,.02)}
.editorial-form-card{width:min(100%,760px);margin:auto;padding:clamp(24px,5vw,42px);border:1px solid rgba(132,157,198,.15);border-radius:24px;background:linear-gradient(145deg,rgba(17,34,59,.97),rgba(7,18,35,.99));box-shadow:0 25px 65px rgba(0,0,0,.18)}.editorial-form-card .stack-form{display:grid;gap:17px;margin-top:28px}.editorial-form-card .form-field{display:grid;gap:7px}.editorial-form-card .form-field label{color:#bdc9dc;font-size:9px;font-weight:900;letter-spacing:.035em}.editorial-form-card .form-field input:not([type=checkbox]),.editorial-form-card .form-field select,.editorial-form-card .form-field textarea{width:100%;border:1px solid rgba(132,157,198,.16);border-radius:12px;color:#edf2fa;background:rgba(3,12,27,.5)}.editorial-form-card .form-field input:focus,.editorial-form-card .form-field select:focus,.editorial-form-card .form-field textarea:focus{border-color:rgba(234,179,106,.55);box-shadow:0 0 0 4px rgba(234,179,106,.06)}
.info-page{width:min(100% - 32px,900px)}.info-card{position:relative;padding:clamp(28px,6vw,55px);overflow:hidden;border:1px solid rgba(132,157,198,.15);border-radius:25px;background:linear-gradient(145deg,rgba(17,34,59,.97),rgba(7,18,35,.99));box-shadow:0 25px 65px rgba(0,0,0,.17)}.info-card::after{content:"PK";position:absolute;right:-20px;top:25px;color:rgba(255,255,255,.025);font-size:150px;font-weight:950;letter-spacing:-.1em}.info-card>*{position:relative;z-index:1}.info-card>p{color:#97a5bb;font-size:12px;line-height:1.8}.info-card h2{margin:30px 0 8px;padding-top:20px;border-top:1px solid rgba(255,255,255,.055);font-size:17px}.info-list{display:grid;gap:10px;padding:0;counter-reset:rules;list-style:none}.info-list li{padding:15px;border:1px solid rgba(132,157,198,.11);border-radius:12px;color:#98a6bc;background:rgba(3,12,27,.3);font-size:11px;line-height:1.65}.info-note{padding:14px;border:1px solid rgba(234,179,106,.15);border-radius:12px;background:rgba(234,179,106,.055)}.moderation-grid{gap:16px}.moderation-card{border:1px solid rgba(132,157,198,.14)!important;border-radius:20px!important;background:linear-gradient(145deg,rgba(15,31,54,.95),rgba(7,18,35,.98))!important}.notifications-retention-note{color:#61718b!important;font-size:9px!important}
.logout-layout{min-height:540px}.logout-panel{text-align:center;align-items:center}.logout-check{display:grid;width:66px;height:66px;place-items:center;margin:6px 0 18px;border:1px solid rgba(72,198,142,.2);border-radius:20px;color:#62d3a3;background:rgba(72,198,142,.07);font-size:27px}.logout-panel h2{margin:0 0 8px;font-size:2.5rem;letter-spacing:-.055em}.logout-panel>p{margin:0 0 25px;color:#78879f;font-size:12px}.auth-actions-modern{display:grid;width:min(100%,330px);gap:10px}.auth-actions-modern .auth-submit{text-decoration:none}.auth-back-button{display:grid;min-height:45px;place-items:center;border:1px solid rgba(132,157,198,.14);border-radius:12px;color:#8c9ab0;background:rgba(3,12,27,.3);font-size:10px;font-weight:850}
@media(max-width:680px){.dashboard-section,.form-page,.info-page{width:min(100% - 16px,1080px);padding-top:22px;padding-bottom:50px}.dashboard-title-row{align-items:flex-start;min-height:0;padding:23px;flex-direction:column}.dashboard-title-row>.btn{width:100%}.responsive-table{overflow-x:auto}.editorial-form-card,.info-card{padding:23px;border-radius:20px}.form-actions{display:grid!important;grid-template-columns:1fr}.form-actions .btn{width:100%}}

@media (max-width: 850px) {
    .auth-page { padding: 28px 0 50px; }
    .auth-layout { grid-template-columns: 1fr; width: min(100% - 24px, 590px); min-height: 0; }
    .auth-showcase { display: none; }
    .auth-panel { min-height: 580px; padding: 40px clamp(24px, 8vw, 56px); }
    .auth-panel-top { display: flex; align-items: center; gap: 11px; margin-bottom: 38px; color: #71809a; font-size: 10px; font-weight: 750; }
    .auth-mobile-mark { display: grid; width: 34px; height: 34px; place-items: center; border: 1px solid rgba(234,179,106,.25); border-radius: 11px; color: #eab36a; background: rgba(234,179,106,.07); font-size: 10px; font-weight: 950; }
}
@media (max-width: 520px) {
    .auth-page { padding-top: 14px; }
    .auth-layout { width: min(100% - 16px, 590px); border-radius: 20px; }
    .auth-panel { min-height: 0; padding: 28px 20px 34px; }
    .auth-panel-top { margin-bottom: 29px; }
    .auth-fields-row { grid-template-columns: 1fr; }
    .auth-panel-head { margin-bottom: 25px; }
    .profile-editor-page { width: min(100% - 16px, 960px); padding-top: 24px; }
    .profile-editor-header { align-items: flex-start; flex-direction: column; }
    .profile-fields-grid, .profile-toggles { grid-template-columns: 1fr; }
    .profile-field-wide { grid-column: auto; }
    .avatar-editor { align-items: flex-start; flex-direction: column; }
    .profile-editor-actions { display: grid; grid-template-columns: 1fr; }
    .profile-editor-actions .btn { width: 100%; }
    .public-profile-head { align-items: flex-start; flex-direction: column; }
}

.lightbox {
    padding: 0;
}

.lightbox-box {
    width: 100vw;
    height: 100dvh;
    border-radius: 0;
}

.lightbox img,
#lightboxImage {
    border-radius: 0;
}

/* Bandeau d’informations des publications */
.post-info-band { display: grid; grid-template-columns: auto auto minmax(360px, 1fr); align-items: stretch; gap: 9px; margin-top: 17px; }
.post-author-card, .post-publish-details, .post-stats-cards { border: 1px solid rgba(255,255,255,.065); border-radius: 14px; background: rgba(255,255,255,.025); }
.post-author-card { display: grid; grid-template-columns: 38px auto; align-items: center; gap: 9px; min-width: 190px; padding: 9px 11px; position: relative; }
.post-author-card:hover { border-color: rgba(108,156,255,.22); background: rgba(108,156,255,.045); }
.post-author-avatar { width: 38px; height: 38px; display: grid; place-items: center; overflow: hidden; border: 1px solid rgba(255,255,255,.1); border-radius: 11px; color: #eaf1ff; background: linear-gradient(145deg,#244675,#162c4d); font-size: 14px; font-weight: 950; }
.post-author-avatar img { width: 100%; height: 100%; object-fit: cover; }
.post-author-copy { display: grid; gap: 2px; min-width: 0; padding-right: 4px; }
.post-author-copy small, .post-info-chip small { color: #657995; font-size: 8px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.post-author-copy strong { overflow: hidden; color: #e7edf8; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.post-author-badge { grid-column: 1 / -1; justify-self: start; margin-top: -2px; padding: 3px 6px; border-radius: 6px; color: #edc486; background: rgba(239,183,99,.08); font-size: 7px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.post-publish-details { display: flex; align-items: stretch; padding: 5px; }
.post-info-chip { display: flex; align-items: center; gap: 7px; padding: 6px 8px; }
.post-info-chip + .post-info-chip { border-left: 1px solid rgba(255,255,255,.055); }
.post-info-chip > span:last-child { display: grid; gap: 3px; }
.post-info-chip strong { color: #cbd6e8; font-size: 9px; white-space: nowrap; }
.post-info-icon, .post-stat-icon { display: grid; place-items: center; flex: 0 0 auto; width: 27px; height: 27px; border-radius: 8px; color: #7e96ba; background: rgba(108,156,255,.065); }
.post-info-icon svg, .post-stat-icon svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.post-stats-cards { display: grid; grid-template-columns: repeat(4, minmax(72px,1fr)); padding: 5px; }
.post-stat-card { display: flex; align-items: center; justify-content: center; gap: 7px; min-width: 0; padding: 6px 7px; }
.post-stat-card + .post-stat-card { border-left: 1px solid rgba(255,255,255,.055); }
.post-stat-card > span:last-child { display: grid; gap: 2px; }
.post-stat-card strong { color: #edf3fc; font-size: 13px; line-height: 1; font-variant-numeric: tabular-nums; }
.post-stat-card small { color: #687c99; font-size: 7px; font-weight: 850; letter-spacing: .045em; text-transform: uppercase; }
.post-stat-icon.stat-views { color: #78a7f7; background: rgba(74,137,235,.09); }
.post-stat-icon.stat-reactions { color: #ff758c; background: rgba(240,79,104,.09); }
.post-stat-icon.stat-favorites { color: #efbc6d; background: rgba(239,183,99,.09); }
.post-stat-icon.stat-comments { color: #69d4b0; background: rgba(72,194,153,.09); }

@media (max-width: 1120px) { .post-info-band { grid-template-columns: 1fr 1fr; } .post-stats-cards { grid-column: 1 / -1; } }
@media (max-width: 680px) { .post-info-band { grid-template-columns: 1fr; } .post-stats-cards { grid-column: auto; } .post-publish-details { justify-content: space-between; } .post-info-chip { flex: 1; } }
@media (max-width: 430px) { .post-stats-cards { grid-template-columns: 1fr 1fr; } .post-stat-card:nth-child(3) { border-left: 0; border-top: 1px solid rgba(255,255,255,.055); } .post-stat-card:nth-child(4) { border-top: 1px solid rgba(255,255,255,.055); } }

/* Dimensions confortables des médias et vrai plein écran vidéo */
.detail-media-wrap {
    width: min(100%, 820px);
    margin: 20px auto 0;
}

.detail-media-wrap > .detail-media,
.detail-media-wrap > img.detail-media {
    width: 100%;
    height: auto;
    max-height: min(58vh, 540px);
    object-fit: contain;
}

.detail-media-wrap .embedded-media,
.detail-media-wrap .custom-video-player {
    width: 100%;
    max-width: 820px;
    margin-inline: auto;
}

.detail-media-wrap .custom-video-player video {
    width: 100%;
    height: auto;
    min-height: 0;
    max-height: min(58vh, 520px);
    object-fit: contain;
}

.detail-media-wrap .embedded-youtube {
    max-height: min(58vh, 520px);
    aspect-ratio: 16 / 9;
}

.custom-video-player:fullscreen,
.custom-video-player:-webkit-full-screen {
    width: 100vw;
    height: 100vh;
    max-width: none;
    max-height: none;
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto;
    align-items: stretch;
    border-radius: 0;
    background: #000;
}

.custom-video-player:fullscreen video,
.custom-video-player:-webkit-full-screen video {
    width: 100%;
    height: 100%;
    min-height: 0;
    max-width: none;
    max-height: none;
    object-fit: contain;
    align-self: center;
    background: #000;
}

.custom-video-player:fullscreen .video-controls,
.custom-video-player:-webkit-full-screen .video-controls {
    position: relative;
    z-index: 2;
    width: 100%;
    margin: 0;
    padding-bottom: max(.7rem, env(safe-area-inset-bottom));
    background: linear-gradient(90deg, #101827, #151f31);
}

@media (max-width: 680px) {
    .detail-media-wrap { width: 100%; margin-top: 16px; }
    .detail-media-wrap > .detail-media,
    .detail-media-wrap > img.detail-media,
    .detail-media-wrap .custom-video-player video { max-height: min(52vh, 430px); }
    .detail-media-wrap .embedded-youtube { max-height: min(52vh, 430px); }
}
.public-profile-head { display: flex; gap: 1.25rem; align-items: center; margin-bottom: 2rem; }
.public-avatar { width: 96px; height: 96px; border-radius: 24px; object-fit: cover; flex: 0 0 auto; }
.public-avatar-fallback { display: grid; place-items: center; background: #1e293b; color: #fff; font-size: 2rem; font-weight: 800; }

/* Navigation compacte 2026 */
.site-header {
    background: rgba(5, 13, 27, .9);
    border-bottom-color: rgba(148, 163, 184, .13);
    box-shadow: 0 8px 30px rgba(0, 0, 0, .18);
    backdrop-filter: blur(22px) saturate(145%);
}

.header-shell {
    gap: 7px;
    padding: 7px 0 9px;
}

.header-topline {
    grid-template-columns: auto minmax(160px, 1fr) auto;
    gap: 12px;
}

.brand-logo-full {
    height: 38px;
    filter: drop-shadow(0 5px 12px rgba(0, 0, 0, .24));
}

.header-slogan-bar {
    min-height: 30px;
    padding: 5px 12px;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(255,255,255,.025), rgba(77,141,255,.055), rgba(255,255,255,.025));
    border-color: rgba(255,255,255,.055);
    box-shadow: none;
}

.header-slogan {
    min-height: 0;
    font-size: 12px;
    font-weight: 650;
    color: #cbd8ef;
}

.header-bottom {
    grid-template-columns: minmax(190px, .8fr) auto;
    gap: 10px;
}

.search-form input {
    height: 36px;
    padding: 0 14px;
    border-radius: 11px;
    font-size: 13px;
    background: rgba(255,255,255,.045);
    transition: border-color .18s ease, background .18s ease, box-shadow .18s ease;
}

.search-form input:focus {
    background: rgba(255,255,255,.07);
    border-color: rgba(116,168,255,.45);
    box-shadow: 0 0 0 3px rgba(77,141,255,.11);
}

.header-actions {
    flex-wrap: nowrap;
    gap: 5px;
}

.header-actions .btn,
.header-notif-wrap .btn {
    min-width: 0;
    min-height: 34px;
    padding: 0 11px;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 750;
    letter-spacing: .005em;
    white-space: nowrap;
    box-shadow: none;
}

.header-actions .btn-dark {
    background: rgba(255,255,255,.035);
    border-color: rgba(255,255,255,.065);
}

.header-actions .btn:hover {
    transform: translateY(-1px);
    background-color: rgba(255,255,255,.075);
    border-color: rgba(255,255,255,.13);
}

.header-actions .btn-primary {
    color: #251608;
    background: linear-gradient(135deg, #e6b875, #f0ca91);
}

.header-actions .btn-ghost {
    color: #9fb1cd;
}

.header-notif-wrap {
    display: flex;
}

.header-actions .notif-badge {
    min-width: 16px;
    height: 16px;
    padding: 0 4px;
    font-size: 9px;
}

.menu-toggle {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    font-size: 17px;
}

@media (max-width: 1080px) and (min-width: 861px) {
    .header-actions .btn,
    .header-notif-wrap .btn { padding-inline: 8px; font-size: 11px; }
    .header-bottom { grid-template-columns: minmax(170px, .65fr) auto; }
}

@media (max-width: 860px) {
    .header-shell { gap: 5px; padding: 6px 0; }
    .header-topline { grid-template-columns: minmax(0, 1fr) auto; gap: 8px; }
    .brand-logo-full { height: 34px; }
    .header-slogan-wrap { display: none; }
    .header-bottom { grid-template-columns: 1fr; padding-top: 7px; gap: 8px; }
    .header-bottom.is-open { display: grid; }
    .search-form input { height: 36px; font-size: 13px; }
    .header-actions { grid-template-columns: 1fr; width: 100%; gap: 6px; }
    .header-actions .btn,
    .header-notif-wrap .btn { width: 100%; min-height: 42px; padding: 8px 12px; font-size: 12px; line-height: 1.25; white-space: normal; text-align: center; }
    .header-notif-wrap { width: 100%; }
}

@media (max-width: 480px) {
    .header-actions { grid-template-columns: 1fr; }
    .header-actions .btn,
    .header-notif-wrap .btn { width: 100%; }
}

/* Actions des publications */
.detail-actions {
    align-items: center;
    gap: 8px;
    margin-top: 14px;
    padding: 8px;
    width: fit-content;
    max-width: 100%;
    border: 1px solid rgba(148, 163, 184, .12);
    border-radius: 17px;
    background: linear-gradient(135deg, rgba(255,255,255,.055), rgba(255,255,255,.025));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.045), 0 12px 28px rgba(0,0,0,.14);
}

.detail-actions .action-chip {
    position: relative;
    gap: 8px;
    min-height: 39px;
    padding: 0 11px 0 8px;
    overflow: hidden;
    border-radius: 11px;
    border-color: transparent;
    background: transparent;
    color: #dbe7fb;
    font-size: 12px;
    font-weight: 750;
    line-height: 1;
    cursor: pointer;
}

.detail-actions .action-chip::before {
    content: "";
    position: absolute;
    inset: 0;
    opacity: 0;
    background: linear-gradient(135deg, rgba(255,255,255,.09), rgba(255,255,255,.025));
    transition: opacity .18s ease;
}

.detail-actions .action-chip > * { position: relative; z-index: 1; }
.detail-actions .action-chip:hover { transform: translateY(-1px); border-color: rgba(255,255,255,.09); }
.detail-actions .action-chip:hover::before { opacity: 1; }
.detail-actions .action-chip:focus-visible { outline: 2px solid #75a8ff; outline-offset: 2px; }
.detail-actions .action-chip:disabled { opacity: .55; cursor: wait; transform: none; }

.action-icon {
    display: inline-grid;
    place-items: center;
    width: 27px;
    height: 27px;
    flex: 0 0 27px;
    border-radius: 9px;
    color: #aebdd7;
    background: rgba(255,255,255,.055);
    transition: color .18s ease, background .18s ease, transform .18s ease;
}

.action-icon svg {
    width: 15px;
    height: 15px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.action-count {
    display: inline-grid;
    place-items: center;
    min-width: 23px;
    height: 22px;
    padding: 0 6px;
    border-radius: 999px;
    color: #b8c6dc;
    background: rgba(255,255,255,.055);
    font-size: 10px;
    font-variant-numeric: tabular-nums;
}

.ajax-like-btn:hover .action-icon { color: #ff7890; background: rgba(255,85,115,.11); }
.ajax-like-btn.active { color: #ffd6de; background: rgba(255,74,109,.105); border-color: rgba(255,91,121,.2); }
.ajax-like-btn.active .action-icon { color: #ff6682; background: rgba(255,74,109,.16); transform: scale(1.04); }
.ajax-like-btn.active .action-icon svg { fill: currentColor; }
.ajax-like-btn.active .action-count { color: #ffd6de; background: rgba(255,74,109,.14); }

.ajax-favorite-btn:hover .action-icon { color: #f7c873; background: rgba(245,188,79,.11); }
.ajax-favorite-btn.active { color: #ffe5b4; background: rgba(236,175,67,.105); border-color: rgba(242,190,91,.2); }
.ajax-favorite-btn.active .action-icon { color: #f2bf61; background: rgba(236,175,67,.16); transform: scale(1.04); }
.ajax-favorite-btn.active .action-icon svg { fill: currentColor; }
.ajax-favorite-btn.active .action-count { color: #ffe4ad; background: rgba(236,175,67,.14); }

.action-chip-expand:hover .action-icon { color: #8db8ff; background: rgba(77,141,255,.13); }
.action-chip-share:hover .action-icon,
.action-chip-share.active .action-icon { color: #75dfc0; background: rgba(51,196,157,.13); }
.action-chip-login .action-icon { color: #d9aa6c; background: rgba(220,161,95,.11); }

@media (max-width: 620px) {
    .detail-actions {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
        padding: 7px;
    }
    .detail-actions .inline-form { width: 100%; }
    .detail-actions .action-chip { width: 100%; justify-content: flex-start; }
    .detail-actions .action-count { margin-left: auto; }
    .detail-actions .action-chip-login { grid-column: 1 / -1; }
    .detail-actions > .action-chip-expand { grid-column: 1; grid-row: 1; }
    .detail-actions > .inline-form { grid-column: 2; grid-row: 1; }
    .detail-actions > .post-reactions-inline {
        grid-column: 1 / -1;
        grid-row: 2;
        width: 100%;
        min-width: 0;
    }
    .detail-actions .post-reactions-list { min-width: 0; }
    .detail-actions .post-reaction { min-width: 0; overflow: hidden; }
}

@media (max-width: 390px) {
    .detail-actions { grid-template-columns: 1fr; }
    .detail-actions > .action-chip-expand,
    .detail-actions > .inline-form,
    .detail-actions > .post-reactions-inline { grid-column: 1; grid-row: auto; }
}

/* Visionneuse réellement plein écran */
.lightbox {
    padding: 10px;
    background: rgba(2, 6, 15, .96);
    backdrop-filter: blur(14px);
}

.lightbox.show { display: flex; }

.lightbox-box {
    position: relative;
    width: calc(100vw - 20px);
    height: calc(100dvh - 20px);
    max-width: none;
    max-height: none;
    padding: 0;
    border: 0;
    border-radius: 12px;
    background: transparent;
    box-shadow: none;
}

.lightbox img,
#lightboxImage {
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    object-fit: contain;
    border-radius: 8px;
    background: transparent;
    user-select: none;
}

.lightbox-close {
    position: fixed;
    z-index: 3;
    top: max(14px, env(safe-area-inset-top));
    right: max(14px, env(safe-area-inset-right));
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    padding: 0;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 14px;
    color: #fff;
    background: rgba(8, 15, 29, .78);
    box-shadow: 0 10px 30px rgba(0,0,0,.35);
    font-size: 28px;
    line-height: 1;
    cursor: pointer;
    backdrop-filter: blur(12px);
}

.lightbox-close:hover {
    color: #fff;
    background: rgba(190, 40, 65, .9);
    transform: scale(1.04);
}

/* Réactions, tendances et collections */
.post-reactions { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin-top: 12px; padding: 10px 12px; border: 1px solid rgba(255,255,255,.07); border-radius: 16px; background: rgba(255,255,255,.025); }
.post-reactions-label { color: #90a3c3; font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.post-reactions-list { display: flex; flex-wrap: wrap; gap: 6px; }
.post-reactions-inline { margin: 0; padding: 0; border: 0; background: transparent; }
.post-report-row { display: flex; justify-content: flex-end; margin-top: 8px; }
.post-reaction { display: inline-flex; align-items: center; gap: 6px; min-height: 34px; padding: 0 9px; border: 1px solid rgba(255,255,255,.07); border-radius: 10px; color: #cbd8ee; background: rgba(255,255,255,.035); font-size: 11px; font-weight: 700; cursor: pointer; transition: .18s ease; }
.post-reaction:hover { transform: translateY(-1px); color: #fff; background: rgba(255,255,255,.07); }
.post-reaction.active { color: #fff2d6; border-color: rgba(239,187,102,.35); background: rgba(225,164,72,.14); }
.post-reaction-emoji { font-size: 17px; filter: saturate(.85); }
.post-reaction.active .post-reaction-emoji { filter: none; transform: scale(1.1); }
.post-reaction-count { display: grid; place-items: center; min-width: 18px; height: 18px; padding: 0 4px; border-radius: 999px; background: rgba(255,255,255,.07); font-size: 9px; }
.post-report-link { margin-left: auto; color: #8293ae; font-size: 11px; }
.post-report-link:hover { color: #ff879a; }
.trend-periods { display: flex; gap: 7px; }
.trend-card { position: relative; }
.trend-score { position: absolute; z-index: 2; top: 10px; left: 10px; padding: 6px 9px; border-radius: 999px; color: #1d1306; background: rgba(244,196,121,.93); font-size: 10px; font-weight: 900; box-shadow: 0 8px 20px rgba(0,0,0,.25); }
.collection-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: 16px; margin-top: 20px; }
.collection-card { display: grid; overflow: hidden; border: 1px solid rgba(255,255,255,.08); border-radius: 22px; color: #fff; background: linear-gradient(160deg, rgba(26,43,75,.96), rgba(10,20,39,.98)); transition: transform .2s ease, border-color .2s ease; }
.collection-card:hover { transform: translateY(-3px); border-color: rgba(116,168,255,.3); }
.collection-card img { width: 100%; aspect-ratio: 16 / 8; object-fit: cover; }
.collection-card > div { padding: 18px; }
.collection-card span { color: #e3b474; font-size: 11px; font-weight: 800; text-transform: uppercase; }
.collection-card h2 { margin: 7px 0; }
.collection-card p { margin: 0; color: #9fb0cb; line-height: 1.55; }
@media (max-width: 620px) { .post-reactions { align-items: flex-start; } .post-reactions-list { width: 100%; display: grid; grid-template-columns: 1fr 1fr; } .post-reaction { justify-content: flex-start; } .post-reaction-count { margin-left: auto; } .post-report-link { margin-left: 0; } }

.header-actions .btn-admin-django {
    color: #dff7ed;
    border-color: rgba(72, 187, 142, .24);
    background: rgba(38, 139, 105, .13);
}
.header-actions .btn-admin-django:hover {
    color: #fff;
    border-color: rgba(85, 214, 165, .38);
    background: rgba(38, 139, 105, .24);
}

/* Footer */
.site-footer {
    position: relative;
    margin-top: 48px;
    overflow: hidden;
    color: #c5d2e8;
    border-top: 1px solid rgba(148,163,184,.12);
    background: linear-gradient(180deg, #08152a 0%, #050d1b 100%);
}
.site-footer::before { content: ""; position: absolute; width: 520px; height: 260px; left: -160px; top: -190px; border-radius: 50%; background: rgba(61,124,225,.12); filter: blur(60px); pointer-events: none; }
.footer-shell { position: relative; padding-top: 42px; padding-bottom: 18px; }
.footer-main { display: grid; grid-template-columns: minmax(260px, 1.35fr) repeat(3, minmax(130px, .65fr)); gap: clamp(24px, 4vw, 58px); }
.footer-brand { max-width: 390px; }
.footer-logo { display: inline-flex; margin-bottom: 13px; }
.footer-logo img { display: block; width: auto; height: 46px; object-fit: contain; }
.footer-brand p { margin: 0; color: #91a3c0; font-size: 13px; line-height: 1.7; }
.footer-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; }
.footer-primary-link, .footer-install { min-height: 35px; display: inline-flex; align-items: center; padding: 0 12px; border: 1px solid rgba(225,174,94,.23); border-radius: 10px; color: #f3d2a2; background: rgba(220,161,95,.09); font: inherit; font-size: 11px; font-weight: 800; cursor: pointer; }
.footer-install { color: #cde1ff; border-color: rgba(91,149,235,.23); background: rgba(66,125,215,.09); }
.footer-column { display: flex; flex-direction: column; align-items: flex-start; gap: 9px; }
.footer-column h2 { margin: 0 0 6px; color: #f2f6ff; font-size: 12px; letter-spacing: .09em; text-transform: uppercase; }
.footer-column a { color: #91a3c0; font-size: 12px; line-height: 1.45; transition: color .16s ease, transform .16s ease; }
.footer-column a:hover { color: #fff; transform: translateX(2px); }
.footer-column .footer-admin-link { color: #76d8b3; }
.footer-bottom { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 34px; padding-top: 17px; border-top: 1px solid rgba(148,163,184,.1); color: #70829f; font-size: 11px; }
.footer-bottom a { color: #9fb1cb; }
.footer-status { display: inline-flex; align-items: center; gap: 7px; }
.footer-status i { width: 7px; height: 7px; border-radius: 50%; background: #4fd1a0; box-shadow: 0 0 0 4px rgba(79,209,160,.09); }
.info-page { padding-top: 40px; padding-bottom: 50px; }
.info-card { max-width: 880px; margin: 0 auto; padding: clamp(22px, 4vw, 42px); border: 1px solid rgba(255,255,255,.08); border-radius: 24px; color: #aab9d1; background: linear-gradient(150deg, rgba(17,32,60,.96), rgba(8,18,35,.97)); box-shadow: 0 22px 55px rgba(0,0,0,.18); }
.info-card h1, .info-card h2 { color: #f3f6ff; }
.info-card h1 { margin: 12px 0 24px; }
.info-card h2 { margin: 28px 0 8px; font-size: 18px; }
.info-card p, .info-list { line-height: 1.75; }
.info-list { display: grid; gap: 12px; padding-left: 22px; }
.info-note { margin-top: 28px; padding: 13px 15px; border-left: 3px solid #dca15f; border-radius: 8px; background: rgba(220,161,95,.07); }
@media (max-width: 900px) { .footer-main { grid-template-columns: 1fr 1fr; } .footer-brand { max-width: none; } }
@media (max-width: 560px) { .site-footer { margin-top: 32px; } .footer-shell { padding-top: 30px; } .footer-main { grid-template-columns: 1fr 1fr; gap: 28px 18px; } .footer-brand { grid-column: 1 / -1; } .footer-column:last-child { grid-column: 1 / -1; } .footer-bottom { align-items: flex-start; flex-direction: column; } }

/* Refonte éditoriale Pkooss */
:root {
    --pk-ink: #050b16;
    --pk-panel: #0c1729;
    --pk-panel-soft: #101e34;
    --pk-gold: #efb763;
    --pk-red: #f04f68;
    --pk-blue: #6c9cff;
}
body { background: radial-gradient(circle at 20% -10%, rgba(57,102,195,.17), transparent 28%), linear-gradient(180deg, #050c19 0%, #071323 45%, #050d19 100%); }
.site-main { padding-top: 0; }
.home-redesign { padding: 28px 0 20px; }
.home-masthead { display: flex; align-items: end; justify-content: space-between; gap: 28px; padding: 28px 0 25px; }
.home-live { display: inline-flex; align-items: center; gap: 9px; color: #f1c681; font-size: 11px; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }
.home-live i { width: 8px; height: 8px; border-radius: 50%; background: var(--pk-red); box-shadow: 0 0 0 5px rgba(240,79,104,.1); animation: pkPulse 1.8s infinite; }
.home-masthead h1 { margin: 14px 0 10px; max-width: 780px; color: #f7f9ff; font-size: clamp(38px, 5.4vw, 72px); line-height: .98; letter-spacing: -.06em; }
.home-masthead h1 em { color: var(--pk-gold); font-style: normal; }
.home-masthead p { max-width: 660px; margin: 0; color: #98aac5; font-size: 15px; line-height: 1.65; }
.home-masthead-actions { display: flex; gap: 9px; flex: 0 0 auto; padding-bottom: 5px; }
.home-masthead-actions .btn { min-height: 40px; padding: 0 15px; border-radius: 11px; font-size: 12px; }

.editorial-hero { display: block; height: clamp(310px, 32vw, 390px); }
.editorial-hero .hero-lead { display:block; width:100%; height:100%; }
.hero-lead, .hero-mini { position: relative; isolation: isolate; overflow: hidden; border: 1px solid rgba(255,255,255,.09); border-radius: 24px; background: var(--pk-panel); box-shadow: 0 25px 65px rgba(0,0,0,.24); }
.hero-media, .hero-mini-media, .hero-media img, .hero-mini-media img { width: 100%; height: 100%; }
.hero-media img, .hero-mini-media img { object-fit: cover; transition: transform .65s cubic-bezier(.2,.7,.2,1); }
.hero-lead:hover img, .hero-mini:hover img { transform: scale(1.035); }
.hero-shade { position: absolute; z-index: 1; inset: 0; background: linear-gradient(180deg, transparent 25%, rgba(3,8,17,.25) 48%, rgba(3,8,17,.96) 100%); }
.hero-content { position: absolute; z-index: 2; inset: auto 0 0; padding: clamp(20px, 3vw, 31px); }
.hero-labels { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 13px; }
.media-label, .featured-label { display: inline-flex; min-height: 27px; align-items: center; padding: 0 9px; border-radius: 8px; color: #fff; background: rgba(240,79,104,.88); font-size: 10px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; backdrop-filter: blur(8px); }
.featured-label { color: #241503; background: rgba(244,190,103,.94); }
.hero-content h2 { max-width: 780px; margin: 0; color: #fff; font-size: clamp(27px, 3.4vw, 43px); line-height: 1.02; letter-spacing: -.045em; }
.hero-content p { max-width: 650px; margin: 12px 0 14px; color: #c3cfe1; line-height: 1.55; }
.hero-meta { display: flex; flex-wrap: wrap; gap: 15px; color: #91a3bd; font-size: 11px; font-weight: 700; }
.hero-secondary { display: grid; grid-template-rows: 1fr 1fr; gap: 12px; }
.hero-mini-content { position: absolute; z-index: 2; inset: auto 0 0; padding: 20px; }
.hero-mini-content > span { color: #efbd70; font-size: 10px; font-weight: 900; letter-spacing: .07em; text-transform: uppercase; }
.hero-mini-content h3 { margin: 7px 0 8px; color: #fff; font-size: clamp(17px, 2vw, 23px); line-height: 1.08; letter-spacing: -.025em; }
.hero-mini-content small { color: #9dadc5; font-size: 10px; }
.hero-fallback { width: 100%; height: 100%; display: grid; place-items: center; color: rgba(255,255,255,.25); background: radial-gradient(circle at 30% 20%, #233c69, #0a1426); font-size: 52px; font-weight: 950; letter-spacing: -.08em; }
.hero-discover { display: grid; place-items: center; padding: 25px; background: radial-gradient(circle at 100% 0, rgba(239,183,99,.17), transparent 40%), linear-gradient(145deg,#142541,#0a1527); }
.hero-discover span { color: #eeb96a; font-size: 10px; text-transform: uppercase; font-weight: 900; }
.hero-discover h3 { margin: 8px 0; font-size: 25px; }
.hero-discover small { color: #9fb0c9; }

.category-rail { display: flex; align-items: center; gap: 7px; margin: 18px 0 38px; padding: 9px; overflow-x: auto; border: 1px solid rgba(255,255,255,.07); border-radius: 14px; background: rgba(255,255,255,.025); scrollbar-width: none; }
.category-rail::-webkit-scrollbar { display: none; }
.category-rail-title { padding: 0 9px; color: #6f829f; font-size: 10px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.category-rail a { flex: 0 0 auto; padding: 8px 11px; border-radius: 9px; color: #b5c3d8; font-size: 11px; font-weight: 750; transition: .18s; }
.category-rail a:hover { color: #fff; background: rgba(255,255,255,.07); }
.category-rail .category-all { margin-left: auto; color: #efbd71; }

.home-layout { display: grid; grid-template-columns: minmax(0, 1fr) 310px; gap: 22px; align-items: start; }
.modern-section-head { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-bottom: 16px; }
.modern-section-head > div > span { color: #e8b66a; font-size: 10px; font-weight: 900; letter-spacing: .11em; text-transform: uppercase; }
.modern-section-head h2 { margin: 5px 0 3px; color: #f5f8ff; font-size: clamp(24px, 3vw, 34px); letter-spacing: -.04em; }
.modern-section-head p { margin: 0; color: #8496b0; font-size: 12px; }
.section-link { color: #b7c6db; font-size: 11px; font-weight: 800; }
.section-link:hover { color: #fff; }

.media-card-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.media-card { min-width: 0; overflow: hidden; border: 1px solid rgba(255,255,255,.075); border-radius: 18px; background: linear-gradient(160deg, rgba(15,29,51,.96), rgba(8,18,34,.98)); box-shadow: 0 15px 38px rgba(0,0,0,.13); transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease; }
.media-card:hover { transform: translateY(-4px); border-color: rgba(108,156,255,.25); box-shadow: 0 22px 45px rgba(0,0,0,.23); }
.media-card-visual { position: relative; aspect-ratio: 16 / 9; overflow: hidden; background: #091324; }
.media-card-visual::after { content: ""; position: absolute; inset: 40% 0 0; background: linear-gradient(transparent, rgba(4,10,20,.45)); }
.media-card-visual img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s cubic-bezier(.2,.7,.2,1), filter .3s; }
.media-card:hover .media-card-visual img { transform: scale(1.045); filter: saturate(1.08); }
.media-card-fallback { width: 100%; height: 100%; display: grid; place-items: center; color: #365176; background: radial-gradient(circle at 30% 20%, #183158, #091426); font-size: 40px; font-weight: 950; }
.media-card-type, .media-card-featured { position: absolute; z-index: 2; top: 10px; left: 10px; display: inline-flex; align-items: center; gap: 5px; min-height: 25px; padding: 0 8px; border-radius: 8px; color: #fff; background: rgba(7,15,28,.78); font-size: 9px; font-weight: 900; text-transform: uppercase; backdrop-filter: blur(9px); }
.media-card-featured { right: 10px; left: auto; color: #241604; background: rgba(239,183,99,.94); }
.play-dot { color: #ff657c; font-style: normal; }
.media-card-open { position: absolute; z-index: 2; left: 50%; top: 50%; display: grid; place-items: center; width: 52px; height: 52px; border: 1px solid rgba(255,255,255,.24); border-radius: 50%; color: #fff; background: rgba(5,12,23,.62); font-size: 10px; font-weight: 900; text-transform: uppercase; opacity: 0; transform: translate(-50%,-42%) scale(.85); transition: .22s; backdrop-filter: blur(8px); }
.media-card:hover .media-card-open { opacity: 1; transform: translate(-50%,-50%) scale(1); }
.media-card-copy { padding: 15px 16px 16px; }
.media-card-top { display: flex; justify-content: space-between; gap: 10px; color: #70839f; font-size: 9px; font-weight: 800; text-transform: uppercase; }
.media-card-top span { color: #dbab67; }
.media-card-copy h3 { margin: 8px 0 6px; color: #f3f6fc; font-size: 17px; line-height: 1.18; letter-spacing: -.022em; }
.media-card-copy p { min-height: 38px; margin: 0; color: #8fa0b9; font-size: 11px; line-height: 1.55; }
.media-card-stats { display: flex; gap: 13px; margin-top: 12px; padding-top: 11px; border-top: 1px solid rgba(255,255,255,.055); color: #7689a6; font-size: 10px; font-weight: 700; }
.reaction-card-stats { flex-wrap: wrap; gap: 7px 10px; }
.reaction-card-stats span { white-space: nowrap; }
.comment-community-badge,.comment-pin-badge{display:inline-flex;padding:3px 6px;border-radius:7px;background:rgba(239,183,99,.12);color:#eeb96a;font-size:8px;font-weight:800}.comment-pin-badge{background:rgba(106,154,239,.14);color:#9cc0ff}.episode-navigation{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:12px;padding:12px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:rgba(255,255,255,.025)}.episode-navigation>div{margin-right:auto;display:grid}.episode-navigation small{color:#7d91af}.video-speed{max-width:64px;padding:5px;border:0;border-radius:7px;color:#eaf1fc;background:#14233a}.category-follow-form{margin:-22px 0 22px}.editorial-calendar{display:grid;gap:10px}.editorial-calendar article,.security-device{display:flex;align-items:center;gap:16px;padding:15px;border:1px solid rgba(255,255,255,.07);border-radius:15px;background:rgba(13,27,49,.85)}.editorial-calendar time{display:grid;min-width:65px;color:#efb763;font-size:20px;font-weight:900}.editorial-calendar time small,.security-device small{display:block;color:#7f91ac;font-size:10px}.editorial-calendar article>div,.security-device>div{flex:1}.editorial-calendar h2{margin:0;font-size:15px}.editorial-calendar p{margin:4px 0 0;color:#8092ad;font-size:10px}.security-card{max-width:900px}.security-section{margin-top:22px;padding-top:18px;border-top:1px solid rgba(255,255,255,.07)}.security-section form{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.totp-secret{display:block;margin:12px 0;padding:13px;border-radius:10px;color:#efbd71;background:#071326;overflow-wrap:anywhere;letter-spacing:.12em}

.buzz-sidebar { position: sticky; top: 108px; display: grid; gap: 14px; }
.buzz-panel, .surprise-card { overflow: hidden; border: 1px solid rgba(255,255,255,.075); border-radius: 18px; background: linear-gradient(165deg, rgba(15,29,51,.97), rgba(7,17,32,.99)); }
.buzz-panel { padding: 16px; }
.buzz-panel-head { display: flex; align-items: end; justify-content: space-between; gap: 10px; margin-bottom: 11px; }
.buzz-panel-head span { color: #dfad66; font-size: 9px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.buzz-panel-head h2 { margin: 3px 0 0; font-size: 20px; letter-spacing: -.03em; }
.buzz-panel-head > a { color: #8496b0; font-size: 10px; }
.buzz-ranking { display: grid; }
.buzz-row { display: grid; grid-template-columns: 24px 54px minmax(0,1fr); align-items: center; gap: 9px; padding: 10px 0; border-top: 1px solid rgba(255,255,255,.055); }
.buzz-row > strong { color: #405574; font-size: 17px; font-weight: 950; }
.buzz-thumb { width: 54px; height: 45px; display: grid; place-items: center; overflow: hidden; border-radius: 9px; color: #fff; background: #162947; }
.buzz-thumb img { width: 100%; height: 100%; object-fit: cover; }
.buzz-row h3 { margin: 0 0 5px; color: #e7edf8; font-size: 11px; line-height: 1.25; }
.buzz-row small { color: #6f829f; font-size: 9px; }
.surprise-card { padding: 20px; background: radial-gradient(circle at 100% 0, rgba(240,79,104,.16), transparent 42%), linear-gradient(145deg, #172846, #0a1629); }
.surprise-card > span { color: #ff8295; font-size: 9px; font-weight: 900; letter-spacing: .09em; text-transform: uppercase; }
.surprise-card h2 { margin: 8px 0; font-size: 19px; line-height: 1.12; }
.surprise-card p { margin: 0 0 14px; color: #8ea0ba; font-size: 11px; line-height: 1.55; }
.surprise-card a { color: #f1c07a; font-size: 11px; font-weight: 850; }
.community-panel { display: grid; gap: 2px; }
.community-quote { display: grid; grid-template-columns: 30px minmax(0,1fr); gap: 9px; padding: 10px 0; border-top: 1px solid rgba(255,255,255,.05); }
.quote-avatar { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 9px; color: #d9e5f8; background: #1a3155; font-size: 11px; font-weight: 900; }
.community-quote strong { color: #dce5f4; font-size: 10px; }
.community-quote p { margin: 3px 0; color: #9cacbf; font-size: 10px; line-height: 1.45; }
.community-quote small { color: #657995; font-size: 8px; }
.sidebar-empty { color: #7e90aa; font-size: 11px; }
.home-collections { margin-top: 46px; }

/* Harmonisation de la page publication */
.detail-page { padding-top: 28px; }
.detail-grid { grid-template-columns: minmax(0, 1fr) 285px; gap: 20px; align-items: start; }
.detail-card, .comments-card { border-radius: 22px; border-color: rgba(255,255,255,.075); background: linear-gradient(155deg, rgba(14,27,49,.97), rgba(7,17,32,.99)); box-shadow: 0 18px 45px rgba(0,0,0,.16); }
.detail-card { padding: clamp(16px, 2.8vw, 28px); }
.detail-head .badge { min-height: 27px; padding: 0 9px; border-radius: 8px; color: #271704; background: #efb763; font-size: 9px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.detail-title-wrap h1 { max-width: 900px; margin: 13px 0 10px; font-size: clamp(28px, 4.5vw, 52px); line-height: 1.03; letter-spacing: -.05em; }
.detail-meta { gap: 8px 14px; color: #7f91ac; font-size: 10px; }
.detail-media-wrap { margin-top: 22px; }
.detail-media, .embedded-media, .custom-video-player { border-radius: 16px; }
.detail-description { padding: 20px; border: 1px solid rgba(255,255,255,.06); border-radius: 15px; background: rgba(255,255,255,.025); color: #b2bfd3; font-size: 14px; }
.comments-card { margin-top: 16px; }
.detail-sidebar { position: sticky; top: 108px; }
.detail-sidebar .side-card { border-radius: 18px; background: linear-gradient(160deg, rgba(15,29,51,.97), rgba(7,17,32,.99)); }

@keyframes pkPulse { 0%,100% { box-shadow: 0 0 0 4px rgba(240,79,104,.08); } 50% { box-shadow: 0 0 0 8px rgba(240,79,104,0); } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; } }

@media (max-width: 980px) {
    .home-masthead { align-items: flex-start; flex-direction: column; }
    .editorial-hero { height: 370px; }
    .hero-lead { min-height: 0; }
    .home-layout, .detail-grid { grid-template-columns: 1fr; }
    .buzz-sidebar, .detail-sidebar { position: static; }
    .buzz-sidebar { grid-template-columns: 1fr 1fr; }
    .community-panel { grid-column: 1 / -1; }
}
@media (max-width: 820px) {
    .media-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 680px) {
    .home-redesign { padding-top: 12px; }
    .home-masthead { padding: 20px 0; gap: 18px; }
    .home-masthead h1 { font-size: clamp(36px, 12vw, 52px); }
    .home-masthead-actions { width: 100%; }
    .home-masthead-actions .btn { flex: 1; }
    .editorial-hero { height: 300px; }
    .hero-lead { min-height: 0; border-radius: 19px; }
    .hero-content { padding: 20px; }
    .hero-content h2 { font-size: 31px; }
    .hero-content p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
    .category-rail { margin-bottom: 29px; }
    .category-rail-title { display: none; }
    .media-card-grid { grid-template-columns: 1fr; }
    .media-card { border-radius: 16px; }
    .media-card-copy h3 { font-size: 18px; }
    .media-card-open { display: none; }
    .buzz-sidebar { grid-template-columns: 1fr; }
    .community-panel { grid-column: auto; }
    .modern-section-head { align-items: flex-start; }
    .section-link { padding-top: 8px; }
    .detail-page { padding-top: 14px; }
    .detail-title-wrap h1 { font-size: 31px; }
    .detail-card { padding: 14px; border-radius: 18px; }
    .detail-description { padding: 15px; }
}

/* Priorité finale : visionneuse bord à bord */
.lightbox { padding: 0; }
.lightbox-box { width: 100vw; height: 100dvh; border-radius: 0; }
.lightbox img, #lightboxImage { border-radius: 0; }

/* Logo principal plus visible sans alourdir la navigation */
.brand-logo-full {
    height: 50px;
    width: auto;
    transform: scale(1.04);
    transform-origin: left center;
}

@media (max-width: 860px) {
    .brand-logo-full { height: 42px; }
}

/* Badge éditorial de catégorie */
.post-category-badge {
    display: inline-grid;
    grid-template-columns: 31px auto 18px;
    align-items: center;
    gap: 8px;
    min-height: 43px;
    padding: 5px 8px 5px 6px;
    overflow: hidden;
    border: 1px solid rgba(239,183,99,.18);
    border-radius: 13px;
    color: #f6e5ca;
    background:
        radial-gradient(circle at 0 0, rgba(239,183,99,.13), transparent 46%),
        linear-gradient(135deg, rgba(255,255,255,.045), rgba(255,255,255,.02));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.045);
    transition: transform .18s ease, border-color .18s ease, background .18s ease;
}

.post-category-badge:hover {
    transform: translateY(-1px);
    border-color: rgba(239,183,99,.36);
    background:
        radial-gradient(circle at 0 0, rgba(239,183,99,.2), transparent 50%),
        linear-gradient(135deg, rgba(255,255,255,.065), rgba(255,255,255,.025));
}

.post-category-symbol {
    width: 31px;
    height: 31px;
    display: grid;
    place-items: center;
    border-radius: 9px;
    color: #efb763;
    background: rgba(239,183,99,.1);
}

.post-category-symbol svg {
    width: 17px;
    height: 17px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.65;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.post-category-copy {
    display: grid;
    gap: 2px;
    line-height: 1;
}

.post-category-copy small {
    color: #7d8da5;
    font-size: 7px;
    font-weight: 900;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.post-category-copy strong {
    color: #f2d29f;
    font-size: 11px;
    font-weight: 850;
}

.post-category-arrow {
    color: #8c7859;
    font-size: 12px;
    transition: transform .18s ease, color .18s ease;
}

.post-category-badge:hover .post-category-arrow {
    color: #efb763;
    transform: translateX(2px);
}

/* Lecteurs des plateformes sociales */
.platform-video-player {
    position: relative;
    width: 100%;
    max-width: 820px;
    aspect-ratio: 16 / 9;
    margin-inline: auto;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 16px;
    background: #000;
    overflow-anchor: none;
    contain: layout paint;
}

.platform-video-player.is-vertical {
    width: min(100%, 430px, 40.5vh);
    aspect-ratio: 9 / 16;
}

.platform-video-player iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    background: #000;
    overflow-anchor: none;
}

.platform-video-player iframe:fullscreen,
.embedded-media iframe:fullscreen {
    width: 100vw;
    height: 100vh;
    object-fit: contain;
    background: #000;
}

.platform-video-player:fullscreen,
.embedded-media:fullscreen {
    display: flex;
    width: 100vw;
    height: 100vh;
    max-width: none;
    max-height: none;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 0;
    background: #000;
    contain: none;
}

.platform-video-player:fullscreen iframe,
.embedded-media:fullscreen iframe {
    width: min(100vw, 177.78vh);
    height: min(100vh, 56.25vw);
    flex: 0 0 auto;
    background: #000;
}

.platform-video-player.is-vertical:fullscreen iframe {
    width: min(100vw, 56.25vh);
    height: min(100vh, 177.78vw);
}

.platform-video-label {
    position: absolute;
    z-index: 2;
    top: 10px;
    left: 10px;
    padding: 6px 9px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 8px;
    color: #fff;
    background: rgba(5,12,23,.72);
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
    pointer-events: none;
    backdrop-filter: blur(8px);
}

.instagram-replay-button {
    position: absolute;
    z-index: 3;
    right: auto;
    bottom: 16px;
    left: 50%;
    display: inline-flex;
    min-width: 190px;
    min-height: 50px;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 0 20px;
    transform: translateX(-50%);
    border: 2px solid rgba(255,255,255,.3);
    border-radius: 13px;
    color: #172033;
    background: #eab36a;
    box-shadow: 0 12px 32px rgba(0,0,0,.48), 0 0 0 4px rgba(234,179,106,.13);
    font-size: 13px;
    font-weight: 900;
    cursor: pointer;
    backdrop-filter: blur(9px);
}

.instagram-replay-button span {
    font-size: 20px;
}

.instagram-replay-button:hover,
.platform-video-player.is-replaying .instagram-replay-button {
    color: #172033;
    border-color: #fff1d8;
    background: #f3c780;
    box-shadow: 0 15px 38px rgba(0,0,0,.55), 0 0 0 5px rgba(234,179,106,.2);
}

.platform-video-player.is-ended .instagram-replay-button {
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%;
    min-height: 46px;
    padding: 0 17px;
    transform: translate(-50%, -50%);
    border-color: rgba(234,179,106,.8);
    color: #172033;
    background: #eab36a;
    box-shadow: 0 16px 38px rgba(0,0,0,.48);
    font-size: 11px;
}

.platform-video-player.is-ended::after {
    content: "";
    position: absolute;
    z-index: 2;
    inset: 0;
    background: rgba(2,8,18,.42);
    pointer-events: none;
}

.platform-video-player.is-replaying .instagram-replay-button span {
    animation: infinite-spin .75s linear infinite;
}

@media (max-width: 680px) {
    .platform-video-player.is-vertical {
        width: min(100%, 390px, 39.375vh);
    }
}

/* Messagerie d'assistance interne */
.auth-help-link{color:#7d8ca5;font-size:9px;font-weight:800;text-align:center}.auth-help-link:hover{color:#eab36a}.btn-support-inbox{position:relative;color:#cfe6dc!important;border-color:rgba(72,198,142,.22)!important;background:rgba(72,198,142,.08)!important}.support-header-badge{display:grid;min-width:18px;height:18px;padding:0 5px;place-items:center;border-radius:99px;color:#071426;background:#5bd5a1;font-size:8px;font-weight:950}
.support-page{position:relative;padding:42px 0 72px;overflow:hidden}.support-page::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 8% 15%,rgba(234,179,106,.08),transparent 26%),radial-gradient(circle at 94% 78%,rgba(53,112,220,.08),transparent 28%);pointer-events:none}.support-layout{position:relative;display:grid;grid-template-columns:minmax(330px,.9fr) minmax(440px,1.1fr);width:min(100% - 32px,1050px);padding:0;overflow:hidden;border:1px solid rgba(132,157,198,.16);border-radius:26px;background:#09162a;box-shadow:0 28px 75px rgba(0,0,0,.22)}.support-intro{display:flex;flex-direction:column;justify-content:center;padding:50px;background:linear-gradient(145deg,rgba(21,42,72,.97),rgba(7,18,35,.99))}.support-intro h1{margin:9px 0 17px;font-size:clamp(2.4rem,5vw,3.7rem);line-height:.95;letter-spacing:-.065em}.support-intro h1 em{color:#eab36a;font-style:normal}.support-intro>p{margin:0;color:#8c9ab1;font-size:12px;line-height:1.75}.support-reasons{display:grid;gap:14px;margin-top:34px}.support-reasons>div{display:flex;align-items:center;gap:12px}.support-reasons>div>span{display:grid;flex:0 0 34px;width:34px;height:34px;place-items:center;border:1px solid rgba(234,179,106,.18);border-radius:10px;color:#eab36a;background:rgba(234,179,106,.065);font-size:8px;font-weight:950}.support-reasons p{display:grid;gap:3px;margin:0}.support-reasons strong{color:#dbe4f3;font-size:10px}.support-reasons small{color:#687892;font-size:8px;line-height:1.45}.support-privacy{margin-top:33px;color:#5f947d;font-size:8px;font-weight:800}.support-form-panel{padding:44px clamp(30px,5vw,60px);background:rgba(9,22,42,.98)}.support-form-panel h2{margin:8px 0 7px;font-size:2.3rem;letter-spacing:-.055em}.support-form-panel>p{margin:0 0 27px;color:#75849d;font-size:10px}.support-form{display:grid;gap:14px}.support-form .form-field{display:grid;gap:6px}.support-form label,.support-reply-panel label{color:#b9c5d8;font-size:9px;font-weight:900}.support-form input,.support-form select,.support-form textarea,.support-reply-panel select,.support-reply-panel textarea{width:100%;border:1px solid rgba(132,157,198,.16);border-radius:11px;color:#edf2fa;background:rgba(3,12,27,.55)}.support-form input:focus,.support-form select:focus,.support-form textarea:focus{border-color:rgba(234,179,106,.55);box-shadow:0 0 0 4px rgba(234,179,106,.06)}.support-form small{color:#60708a;font-size:8px}.support-form .errorlist{margin:0;padding:0;list-style:none;color:#ff929a;font-size:8px}.support-history-link{color:#76859d;font-size:9px;font-weight:800;text-align:center}
.support-track-shell{position:relative;width:min(100% - 32px,840px)}.support-track-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:30px;border:1px solid rgba(132,157,198,.15);border-radius:22px 22px 0 0;background:linear-gradient(145deg,rgba(20,39,67,.97),rgba(7,18,35,.99))}.support-track-head h1{margin:8px 0;font-size:clamp(1.8rem,4vw,2.7rem);letter-spacing:-.05em}.support-track-head p{margin:0;color:#6f7f99;font-size:9px}.support-status{display:inline-flex;align-items:center;justify-content:center;min-height:25px;padding:0 9px;border:1px solid rgba(132,157,198,.16);border-radius:8px;color:#9aa8bd;background:rgba(132,157,198,.07);font-size:7px;font-weight:950;text-transform:uppercase;white-space:nowrap}.status-new{color:#eab36a;border-color:rgba(234,179,106,.2);background:rgba(234,179,106,.07)}.status-progress{color:#71aaf0;border-color:rgba(113,170,240,.2);background:rgba(113,170,240,.07)}.status-answered{color:#61d19f;border-color:rgba(97,209,159,.2);background:rgba(97,209,159,.07)}.status-closed{color:#7a899f}.support-thread{display:grid;gap:14px;padding:25px;border:1px solid rgba(132,157,198,.13);border-top:0;background:rgba(9,22,42,.82)}.support-message{padding:20px;border:1px solid rgba(132,157,198,.12);border-radius:16px;background:rgba(4,13,28,.4)}.support-message.is-admin{margin-left:45px;border-color:rgba(234,179,106,.18);background:rgba(234,179,106,.045)}.support-message header{display:flex;align-items:center;gap:10px}.support-message header>span{display:grid;width:34px;height:34px;place-items:center;border-radius:10px;color:#fff;background:#244571;font-size:10px;font-weight:950}.support-message.is-admin header>span{color:#172033;background:#eab36a}.support-message header div{display:grid;gap:2px}.support-message header strong{font-size:10px}.support-message header small{color:#687892;font-size:8px}.support-message>p{margin:15px 0 0;color:#a8b5c9;font-size:11px;line-height:1.7}.support-message>a{display:block;margin-top:12px;color:#eab36a;font-size:8px;font-weight:850}.support-waiting{display:flex;align-items:center;gap:13px;padding:17px;border:1px dashed rgba(132,157,198,.17);border-radius:14px}.support-waiting>span{color:#eab36a;font-size:19px}.support-waiting strong{font-size:10px}.support-waiting p{margin:4px 0 0;color:#697993;font-size:8px;line-height:1.5}.support-track-actions{display:flex;gap:9px;padding:18px 25px;border:1px solid rgba(132,157,198,.13);border-top:0;border-radius:0 0 22px 22px;background:rgba(7,18,35,.94)}
.support-request-list{display:grid;overflow:hidden;border:1px solid rgba(132,157,198,.13);border-radius:18px;background:rgba(9,22,42,.82)}.support-request-list>a{display:grid;grid-template-columns:38px minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.045)}.support-request-list>a:last-child{border-bottom:0}.support-request-list>a:hover,.support-request-list>a.is-unread{background:rgba(255,255,255,.025)}.support-request-list>a.is-unread{border-left:2px solid #eab36a}.support-request-icon{display:grid;width:36px;height:36px;place-items:center;border-radius:10px;color:#eab36a;background:rgba(234,179,106,.07);font-size:11px}.support-request-list a>div{display:grid;gap:3px;min-width:0}.support-request-list small{color:#697993;font-size:7px;text-transform:uppercase}.support-request-list strong{overflow:hidden;color:#dce5f3;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.support-request-list p{overflow:hidden;margin:0;color:#718099;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.support-request-list time{color:#5e6e88;font-size:8px}.support-filter-tabs{display:flex;gap:6px;margin-bottom:13px;overflow-x:auto}.support-filter-tabs a{padding:9px 12px;border:1px solid rgba(132,157,198,.12);border-radius:9px;color:#76859d;background:rgba(9,22,42,.7);font-size:8px;font-weight:850;white-space:nowrap}.support-filter-tabs a.active{color:#eab36a;border-color:rgba(234,179,106,.2);background:rgba(234,179,106,.065)}.admin-inbox-count{padding:9px 12px;border-radius:10px;color:#eab36a;background:rgba(234,179,106,.07);font-size:9px;font-weight:900}
.support-admin-page{width:min(100% - 32px,1050px)}.support-admin-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);gap:16px}.support-admin-request,.support-reply-panel{padding:28px;border:1px solid rgba(132,157,198,.14);border-radius:20px;background:linear-gradient(145deg,rgba(15,31,54,.96),rgba(7,18,35,.99))}.support-admin-request>header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.support-admin-request h1{margin:8px 0 20px;font-size:2rem;letter-spacing:-.045em}.support-admin-request dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 20px}.support-admin-request dl>div{padding:11px;border-radius:10px;background:rgba(3,12,27,.32)}.support-admin-request dt{color:#62728c;font-size:7px;text-transform:uppercase}.support-admin-request dd{margin:4px 0 0;color:#b9c5d7;font-size:9px}.support-original-message{padding:17px;border-left:2px solid rgba(234,179,106,.35);color:#a9b6ca;background:rgba(3,12,27,.3);font-size:11px;line-height:1.7}.support-admin-request>a{display:block;margin-top:13px;color:#eab36a;font-size:9px}.support-reply-panel{display:grid;align-content:start;gap:10px}.support-reply-panel h2{margin:0 0 10px;font-size:21px}.support-reply-panel select,.support-reply-panel textarea{padding:11px}.support-reply-panel textarea{resize:vertical}.support-reply-panel .btn{margin-top:7px}
@media(max-width:850px){.support-layout,.support-admin-grid{grid-template-columns:1fr}.support-intro{padding:35px}.support-request-list>a{grid-template-columns:36px minmax(0,1fr) auto}.support-request-list time{display:none}}
@media(max-width:560px){.support-page{padding:18px 0 50px}.support-layout,.support-track-shell{width:min(100% - 16px,1050px)}.support-intro{display:none}.support-form-panel{padding:27px 20px}.support-track-head{align-items:flex-start;flex-direction:column;padding:22px}.support-thread{padding:15px}.support-message.is-admin{margin-left:0}.support-track-actions{display:grid}.support-request-list>a{grid-template-columns:32px minmax(0,1fr);gap:10px}.support-request-list .support-status{grid-column:2;justify-self:start}.support-request-list p{white-space:normal}.support-admin-request,.support-reply-panel{padding:20px}.support-admin-request dl{grid-template-columns:1fr}}
.admin-support-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;border-bottom:1px solid rgba(255,255,255,.045)}.admin-support-row:last-child{border-bottom:0}.admin-support-row.is-unread{border-left:2px solid #eab36a;background:rgba(255,255,255,.025)}.admin-support-row>a{display:grid;grid-template-columns:38px minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:16px 18px}.admin-support-row>a:hover{background:rgba(255,255,255,.025)}.admin-support-row>form{display:grid;place-items:center;padding-right:14px}.support-delete-button{display:grid;width:31px;height:31px;place-items:center;border:1px solid rgba(239,87,99,.25);border-radius:9px;color:#ff7781;background:rgba(239,87,99,.075);font-size:20px;line-height:1;cursor:pointer;transition:.18s ease}.support-delete-button:hover{color:#fff;background:#d94350;border-color:#e75b67;transform:scale(1.05)}
@media(max-width:560px){.admin-support-row>a{grid-template-columns:32px minmax(0,1fr);gap:10px;padding:14px 10px}.admin-support-row>a .support-status{grid-column:2;justify-self:start}.admin-support-row>a time{display:none}.admin-support-row>form{padding-right:9px}}
.support-chat-thread{max-height:620px;overflow-y:auto}.support-chat-composer{display:grid;gap:9px;padding:20px 25px;border:1px solid rgba(132,157,198,.13);border-top:0;background:rgba(7,18,35,.94)}.support-chat-composer label{color:#c3cedf;font-size:9px;font-weight:900}.support-chat-composer textarea{width:100%;padding:13px;border:1px solid rgba(132,157,198,.16);border-radius:12px;color:#eef3fa;background:rgba(3,12,27,.55);resize:vertical}.support-chat-composer textarea:focus{border-color:rgba(234,179,106,.55);outline:0;box-shadow:0 0 0 4px rgba(234,179,106,.06)}.support-chat-composer>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.support-chat-composer small{color:#60708a;font-size:8px}.support-chat-closed{display:flex;align-items:center;gap:12px;padding:20px 25px;border:1px solid rgba(72,198,142,.16);border-top:0;background:rgba(72,198,142,.045)}.support-chat-closed>span{display:grid;width:34px;height:34px;place-items:center;border-radius:10px;color:#61d19f;background:rgba(72,198,142,.08)}.support-chat-closed strong{font-size:10px}.support-chat-closed p{margin:3px 0 0;color:#698278;font-size:8px}
.admin-chat-thread{display:grid;gap:9px;max-height:520px;margin:18px 0;overflow-y:auto}.admin-chat-message{width:88%;padding:13px;border:1px solid rgba(132,157,198,.12);border-radius:13px;background:rgba(3,12,27,.35)}.admin-chat-message.is-admin{justify-self:end;border-color:rgba(234,179,106,.16);background:rgba(234,179,106,.045)}.admin-chat-message strong{color:#c9d4e5;font-size:9px}.admin-chat-message time,.admin-chat-message small{float:right;color:#5f6f89;font-size:7px}.admin-chat-message p{clear:both;margin:8px 0 0;color:#9eacc1;font-size:10px;line-height:1.6}.support-reply-panel>small{color:#5f6f89;font-size:8px}.support-delete-detail{display:grid;min-height:37px;margin-top:5px;place-items:center;border:1px solid rgba(239,87,99,.22);border-radius:10px;color:#ff7781;background:rgba(239,87,99,.06);font-size:9px;font-weight:850}.support-delete-detail:hover{color:#fff;background:#d94350}
@media(max-width:560px){.support-chat-composer{padding:16px}.support-chat-composer>div{align-items:stretch;flex-direction:column}.support-chat-composer .btn{width:100%}.admin-chat-message{width:96%}}
.btn-user-messages{position:relative;color:#f1c781!important;border-color:rgba(234,179,106,.24)!important;background:rgba(234,179,106,.075)!important}.support-user-badge{display:grid;min-width:18px;height:18px;padding:0 5px;place-items:center;border-radius:99px;color:#071426;background:#eab36a;font-size:8px;font-weight:950}.support-request-list>a.has-new-reply{border-left:2px solid #eab36a;background:rgba(234,179,106,.035)}.new-reply-label{display:inline-flex;margin-left:7px;padding:4px 6px;border-radius:6px;color:#152033;background:#eab36a;font-size:6px;text-transform:uppercase;vertical-align:middle}
.theme-black{background:#000!important}.theme-black .site-header,.theme-black .detail-card,.theme-black .comments-card{background:#050505!important}.theme-contrast{--text:#fff;--text-soft:#cbd5e1}.text-large{font-size:112%}.account-community-badges{display:flex;flex-wrap:wrap;gap:5px;margin:13px 0}.account-community-badges span{padding:6px 8px;border-radius:8px;color:#eab36a;background:rgba(234,179,106,.07);font-size:7px;font-weight:850}.save-collection-bar{display:flex;align-items:center;gap:9px;margin-top:10px;padding:11px 14px;border:1px solid rgba(132,157,198,.12);border-radius:13px;background:rgba(9,22,42,.7)}.save-collection-bar label{color:#75849d;font-size:8px;font-weight:900}.save-collection-bar select{min-height:34px;margin-left:auto;border:1px solid rgba(132,157,198,.14);border-radius:9px;color:#ccd6e6;background:#101f36}.advanced-search-bar{display:grid;grid-template-columns:minmax(220px,1fr) 150px 155px auto;gap:8px;margin-bottom:12px;padding:12px;border:1px solid rgba(132,157,198,.13);border-radius:14px;background:rgba(9,22,42,.8)}.advanced-search-bar input,.advanced-search-bar select,.quick-create-collection input{border:1px solid rgba(132,157,198,.14);border-radius:10px;color:#dfe7f3;background:#09172b}.search-form{position:relative}.search-suggestions{position:absolute;z-index:50;top:calc(100% + 6px);left:0;right:0;overflow:hidden;border:1px solid rgba(132,157,198,.18);border-radius:12px;background:#0c1b31;box-shadow:0 18px 40px rgba(0,0,0,.3)}.search-suggestions a{display:block;padding:11px 13px;border-bottom:1px solid rgba(255,255,255,.05);color:#bdc9dc;font-size:10px}.search-suggestions a:hover{color:#eab36a;background:rgba(255,255,255,.035)}.quick-create-collection{display:flex;gap:7px}.personal-collection-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.personal-collection-card{overflow:hidden;border:1px solid rgba(132,157,198,.13);border-radius:17px;background:rgba(9,22,42,.82)}.personal-collection-card header{display:flex;align-items:center;justify-content:space-between;padding:17px;border-bottom:1px solid rgba(255,255,255,.05)}.personal-collection-card header span{color:#eab36a;font-size:7px;font-weight:900}.personal-collection-card h2{margin:5px 0 0;font-size:17px}.personal-collection-card header b{display:grid;width:32px;height:32px;place-items:center;border-radius:9px;background:rgba(234,179,106,.07)}.personal-collection-card>div{display:grid}.personal-collection-card>div>a{display:grid;gap:3px;padding:12px 17px;border-bottom:1px solid rgba(255,255,255,.04)}.personal-collection-card>div>a strong{font-size:10px}.personal-collection-card>div>a small{color:#65758e;font-size:8px}.personal-collection-card>div>p{padding:16px;color:#65758e;font-size:9px}.history-list{display:grid;overflow:hidden;border:1px solid rgba(132,157,198,.13);border-radius:17px;background:rgba(9,22,42,.8)}.history-list>a{display:flex;align-items:center;gap:12px;padding:14px 17px;border-bottom:1px solid rgba(255,255,255,.045)}.history-list>a>span{display:grid;width:34px;height:34px;place-items:center;border-radius:10px;color:#eab36a;background:rgba(234,179,106,.07)}.history-list>a>div{display:grid;gap:3px}.history-list strong{font-size:10px}.history-list small{color:#65758e;font-size:8px}.history-list a>b{margin-left:auto;color:#5f6f89}.reset-link-form{grid-column:2}.reset-link-form .btn{width:100%}
@media(max-width:700px){.advanced-search-bar{grid-template-columns:1fr}.personal-collection-grid{grid-template-columns:1fr}.quick-create-collection{width:100%;flex-direction:column}.save-collection-bar{align-items:stretch;flex-direction:column}.save-collection-bar select{margin-left:0}}
.profile-display-settings{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.profile-display-settings select{width:100%;border:1px solid rgba(132,157,198,.16);border-radius:11px;color:#e8eef8;background:#0b1a30}.home-personalized{margin:0 0 35px;padding:20px;border:1px solid rgba(234,179,106,.12);border-radius:20px;background:rgba(234,179,106,.025)}.admin-insights-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.admin-insights-grid .table-card>h2{padding:17px;margin:0;font-size:14px}@media(max-width:700px){.profile-display-settings,.admin-insights-grid{grid-template-columns:1fr}}
.home-personalized .discovery-grid{grid-template-columns:repeat(auto-fill,minmax(210px,270px));gap:11px}.home-personalized .discovery-card{border-radius:14px}.home-personalized .discovery-media{height:125px}.home-personalized .discovery-body{padding:12px}.home-personalized .discovery-meta{margin-bottom:6px;font-size:6px}.home-personalized .discovery-body h2{min-height:32px;margin-bottom:5px;font-size:13px}.home-personalized .discovery-body p{min-height:29px;margin-bottom:9px;font-size:8px}.home-personalized .discovery-stats{gap:7px;padding-top:8px;font-size:7px}@media(max-width:600px){.home-personalized{padding:14px}.home-personalized .discovery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-personalized .discovery-media{height:105px}.home-personalized .discovery-body p{display:none}}@media(max-width:390px){.home-personalized .discovery-grid{grid-template-columns:1fr}.home-personalized .discovery-media{height:145px}}

/* Alerte visible dans le menu administrateur */
.admin-nav-dropdown>a.has-admin-alert{grid-template-columns:34px minmax(0,1fr) auto;border:1px solid rgba(255,99,99,.42);background:rgba(255,76,76,.09)}.admin-nav-dropdown>a.has-admin-alert:hover{background:rgba(255,76,76,.15)}.admin-nav-dropdown>a.has-admin-alert>span{color:#ff8b7e;background:rgba(255,76,76,.13)}.admin-nav-dropdown>a.has-admin-alert>div{min-width:0}.admin-nav-dropdown .admin-menu-alert-badge{display:grid;min-width:25px;width:auto;height:25px;margin-left:10px;padding:0 7px;place-items:center;border:2px solid #ffc0ba;border-radius:99px;color:#fff;background:#e63e46;box-shadow:0 0 0 4px rgba(230,62,70,.14),0 5px 14px rgba(230,62,70,.38);font-size:11px;font-weight:950;line-height:1}
.profile-editor-header .profile-role-badge{display:inline-flex;min-height:32px;align-items:center;gap:8px;padding:7px 13px;border:1px solid rgba(234,179,106,.48);color:#172033;background:linear-gradient(135deg,#f4ca82,#e2a853);box-shadow:0 8px 22px rgba(226,168,83,.2);font-size:9px;font-weight:950;letter-spacing:.05em;text-transform:uppercase}.profile-role-badge i{width:7px;height:7px;border-radius:50%;background:#218c61;box-shadow:0 0 0 4px rgba(33,140,97,.14)}
.brand-logo-only{gap:7px}.brand-domain-badge{align-self:flex-start;margin-top:2px;padding:4px 7px;border:1px solid rgba(234,179,106,.36);border-radius:999px;color:#f3c77f;background:rgba(234,179,106,.09);box-shadow:0 5px 14px rgba(0,0,0,.18);font-size:9px;font-weight:950;letter-spacing:.04em;line-height:1}.header-slogan{transition:opacity .24s ease,transform .24s ease}.header-slogan.is-changing{opacity:0;transform:translateY(3px)}.home-masthead .home-rotating-title{max-width:700px;font-size:clamp(34px,4.7vw,62px);transition:opacity .24s ease,transform .24s ease}.home-rotating-title.is-changing{opacity:0;transform:translateY(7px)}
@media(max-width:560px){.brand-domain-badge{margin-left:-4px;padding:3px 5px;font-size:7px}.home-masthead .home-rotating-title{font-size:clamp(31px,10vw,45px)}}
@media(prefers-reduced-motion:reduce){.header-slogan,.home-rotating-title{transition:none!important}}
.admin-suggestions-page{padding-top:32px;padding-bottom:70px}.suggestion-admin-list{display:grid;overflow:hidden;border:1px solid rgba(132,157,198,.14);border-radius:18px;background:rgba(9,22,42,.82)}.suggestion-admin-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto 20px;align-items:center;gap:14px;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.05);color:#dce5f3}.suggestion-admin-row:last-child{border-bottom:0}.suggestion-admin-row:hover{background:rgba(234,179,106,.045)}.suggestion-admin-icon{display:grid;width:36px;height:36px;place-items:center;border-radius:10px;color:#eab36a;background:rgba(234,179,106,.08)}.suggestion-admin-row>div{display:grid;gap:4px;min-width:0}.suggestion-admin-row small{color:#6b7d98;font-size:8px}.suggestion-admin-row strong{font-size:11px}.suggestion-admin-row p{overflow:hidden;margin:0;color:#8291a8;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.suggestion-admin-row>b{color:#eab36a}.suggestion-review-page{width:min(100% - 32px,1080px)}.suggestion-review-grid{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(420px,1.2fr);gap:16px}.suggestion-source-card,.suggestion-review-form{padding:28px;border:1px solid rgba(132,157,198,.14);border-radius:20px;background:linear-gradient(145deg,rgba(16,33,57,.98),rgba(7,18,35,.99))}.suggestion-source-card h1{margin:8px 0 22px;font-size:28px;letter-spacing:-.045em}.suggestion-member{display:flex;align-items:center;gap:11px;margin-bottom:18px}.suggestion-member>b{display:grid;width:38px;height:38px;place-items:center;border-radius:11px;color:#172033;background:#eab36a}.suggestion-member p{display:grid;gap:3px;margin:0}.suggestion-member strong{font-size:10px}.suggestion-member small{color:#697b95;font-size:8px}.suggestion-source-card>a{display:block;overflow:hidden;padding:11px;border-radius:10px;color:#eab36a;background:rgba(234,179,106,.065);font-size:9px;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.suggestion-source-card blockquote{margin:18px 0;padding:15px;border-left:2px solid #eab36a;color:#aab7ca;background:rgba(3,12,27,.32);font-size:10px;line-height:1.65;white-space:pre-wrap}.suggestion-auto-note{color:#71829b;font-size:9px;line-height:1.6}.suggestion-review-form h2{margin:7px 0 20px;font-size:26px}.suggestion-review-form .form-field{margin-bottom:13px}.suggestion-review-form input,.suggestion-review-form select,.suggestion-review-form textarea{width:100%;border:1px solid rgba(132,157,198,.16);border-radius:11px;color:#edf2fa;background:rgba(3,12,27,.55)}.suggestion-decision-actions{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:18px}.suggestion-reject-button{color:#ff9299;border-color:rgba(239,87,99,.25);background:rgba(239,87,99,.07)}.suggestion-reject-button:hover{color:#fff;background:#d94350}.status-accepted{color:#61d19f;border-color:rgba(97,209,159,.2);background:rgba(97,209,159,.07)}.status-rejected{color:#ff8993;border-color:rgba(239,87,99,.2);background:rgba(239,87,99,.07)}
@media(max-width:800px){.suggestion-review-grid{grid-template-columns:1fr}.suggestion-admin-row{grid-template-columns:36px minmax(0,1fr) auto}.suggestion-admin-row>b{display:none}}@media(max-width:560px){.suggestion-review-page{width:min(100% - 16px,1080px)}.suggestion-source-card,.suggestion-review-form{padding:20px}.suggestion-decision-actions{grid-template-columns:1fr}.suggestion-admin-row{padding:13px 10px}.suggestion-admin-row p{white-space:normal}}
.app-beta-page{position:relative;padding:42px 0 75px;overflow:hidden;background:radial-gradient(circle at 82% 13%,rgba(77,141,255,.13),transparent 27%),radial-gradient(circle at 12% 38%,rgba(234,179,106,.09),transparent 25%)}.app-beta-shell{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);align-items:center;gap:55px;min-height:570px}.app-beta-kicker{display:inline-flex;align-items:center;gap:9px;color:#f0bd70;font-size:9px;font-weight:950;letter-spacing:.15em}.app-beta-kicker i{width:8px;height:8px;border-radius:50%;background:#58d79e;box-shadow:0 0 0 5px rgba(88,215,158,.1);animation:pkPulse 1.8s infinite}.app-beta-copy h1{max-width:700px;margin:18px 0;font-size:clamp(44px,6.5vw,78px);line-height:.93;letter-spacing:-.07em}.app-beta-copy h1 em{color:#eab36a;font-style:normal}.app-beta-copy>p{max-width:620px;margin:0;color:#93a3bb;font-size:13px;line-height:1.75}.app-beta-actions{display:flex;align-items:stretch;gap:11px;margin-top:30px}.app-download-button{display:flex;min-height:72px;align-items:center;gap:14px;padding:12px 20px;border:1px solid #f1c47c;border-radius:16px;color:#172033;background:linear-gradient(135deg,#f4cb87,#dfa34e);box-shadow:0 17px 38px rgba(222,163,78,.22)}.app-download-button:hover{transform:translateY(-2px);box-shadow:0 21px 45px rgba(222,163,78,.3)}.app-download-button>span{display:grid;width:40px;height:40px;place-items:center;border-radius:12px;background:rgba(7,20,38,.1);font-size:22px;font-weight:950}.app-download-button div{display:grid;gap:3px}.app-download-button small{font-size:7px;font-weight:950;letter-spacing:.09em}.app-download-button strong{font-size:13px}.app-download-counter{display:grid;min-width:115px;place-content:center;padding:10px 16px;border:1px solid rgba(132,157,198,.17);border-radius:16px;text-align:center;background:rgba(9,22,42,.78)}.app-download-counter strong{color:#f1c17a;font-size:26px;line-height:1}.app-download-counter span{margin-top:5px;color:#71829a;font-size:7px;font-weight:850;text-transform:uppercase}.app-beta-warning{margin-top:16px!important;color:#71819a!important;font-size:8px!important}.app-beta-phone{position:relative;display:flex;width:min(100%,330px);min-height:520px;justify-self:center;flex-direction:column;padding:55px 30px 30px;overflow:hidden;border:8px solid #213552;border-radius:46px;background:linear-gradient(155deg,#102849,#071426 68%);box-shadow:0 38px 85px rgba(0,0,0,.42),inset 0 0 0 1px rgba(255,255,255,.07)}.app-beta-phone::before{content:"";position:absolute;right:-90px;top:80px;width:240px;height:240px;border-radius:50%;background:rgba(77,141,255,.11)}.app-phone-speaker{position:absolute;top:16px;left:50%;width:80px;height:7px;border-radius:9px;background:#020811;transform:translateX(-50%)}.app-phone-logo{display:grid;width:58px;height:58px;place-items:center;border-radius:18px;color:#172033;background:#eab36a;font-size:21px;font-weight:950;letter-spacing:-.08em}.app-beta-phone>small{margin-top:24px;color:#eab36a;font-size:7px;font-weight:950;letter-spacing:.14em}.app-beta-phone h2{position:relative;margin:9px 0 25px;font-size:34px;line-height:1;letter-spacing:-.055em}.app-phone-cards{display:grid;gap:9px}.app-phone-cards i{height:55px;border:1px solid rgba(132,157,198,.12);border-radius:12px;background:linear-gradient(90deg,rgba(255,255,255,.065),rgba(255,255,255,.018))}.app-phone-cards i:nth-child(2){width:86%}.app-phone-cards i:nth-child(3){width:70%}.app-beta-phone>b{margin-top:auto;color:#526883;font-size:8px;letter-spacing:.16em}.app-beta-info{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px}.app-beta-info article{padding:24px;border:1px solid rgba(132,157,198,.13);border-radius:18px;background:rgba(9,22,42,.76)}.app-beta-info article>span{color:#eab36a;font-size:9px;font-weight:950}.app-beta-info h2{margin:14px 0 8px;font-size:17px}.app-beta-info p{margin:0;color:#7f8fa7;font-size:9px;line-height:1.65}.app-beta-trust{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;margin-top:13px;padding:16px 20px;border:1px solid rgba(72,198,142,.14);border-radius:15px;background:rgba(72,198,142,.035)}.app-beta-trust>span{color:#63d3a2;font-size:9px;font-weight:900}.app-beta-trust code{overflow:hidden;color:#61748e;font-size:7px;text-overflow:ellipsis;white-space:nowrap}.app-beta-trust a{color:#eab36a;font-size:8px;font-weight:850;white-space:nowrap}
.app-download-counter{transition:transform .25s ease,border-color .25s ease,background .25s ease}.app-download-counter.just-counted{transform:scale(1.06);border-color:rgba(88,215,158,.5);background:rgba(88,215,158,.1)}.app-download-counter.just-counted strong{color:#63d3a2}
.studio-search-panel{display:grid;grid-template-columns:minmax(220px,1.5fr) repeat(3,minmax(130px,.65fr)) auto;gap:8px;margin-bottom:12px;padding:12px;border:1px solid rgba(132,157,198,.14);border-radius:16px;background:rgba(9,22,42,.82)}.studio-search-main{position:relative;min-width:0}.studio-search-main>span{position:absolute;z-index:1;left:13px;top:50%;color:#eab36a;font-size:17px;transform:translateY(-50%)}.studio-search-panel input,.studio-search-panel select{width:100%;height:42px;border:1px solid rgba(132,157,198,.16);border-radius:10px;color:#dce5f3;background:#071426;font-size:9px}.studio-search-panel input{padding-left:38px}.studio-search-panel select{padding:0 10px}.studio-search-panel .btn{min-height:42px;padding:0 15px}.studio-reset-link{grid-column:1/-1;justify-self:end;color:#7889a3;font-size:8px;font-weight:850}.studio-reset-link:hover{color:#eab36a}.studio-results-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 3px 10px}.studio-results-head strong{color:#eab36a;font-size:10px}.studio-results-head span{color:#65768f;font-size:8px}.studio-post-title{display:block;max-width:320px;color:#e6edf8;font-size:11px;font-weight:900}.studio-post-table td:first-child>small{display:block;max-width:320px;margin-top:5px;color:#65758e;font-size:8px}.studio-post-table time{display:grid;gap:2px;white-space:nowrap}.studio-post-table time small{color:#64758e;font-size:7px}.studio-row-actions{display:flex;align-items:center;gap:5px;white-space:nowrap}.studio-row-actions .btn{min-height:31px;padding:0 9px;border-radius:8px;font-size:8px}.studio-empty{display:grid;justify-items:center;padding:42px 20px}.studio-empty>span{color:#eab36a;font-size:30px}.studio-empty h2{margin:9px 0 5px;color:#dce5f3;font-size:17px}.studio-empty p{margin:0;color:#71819a;font-size:9px}.studio-pagination{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:15px;margin-top:15px;padding:12px 15px;border:1px solid rgba(132,157,198,.13);border-radius:14px;background:rgba(9,22,42,.75)}.studio-pagination>div:last-child{text-align:right}.studio-pagination>div>a{color:#d6e0ee;font-size:9px;font-weight:900}.studio-page-numbers{display:flex;align-items:center;justify-content:center;gap:5px}.studio-page-numbers a,.studio-page-numbers strong,.studio-page-numbers span{display:grid;min-width:30px;height:30px;padding:0 7px;place-items:center;border-radius:8px;color:#798ba5;background:rgba(255,255,255,.035);font-size:9px}.studio-page-numbers strong{color:#172033;background:#eab36a}
@media(max-width:980px){.studio-search-panel{grid-template-columns:1fr 1fr}.studio-search-main{grid-column:1/-1}.studio-search-panel .btn{width:100%}}@media(max-width:620px){.studio-search-panel{grid-template-columns:1fr}.studio-search-main{grid-column:auto}.studio-reset-link{grid-column:auto}.studio-results-head{align-items:flex-start;flex-direction:column;gap:4px}.studio-pagination{grid-template-columns:1fr 1fr}.studio-page-numbers{grid-column:1/-1;grid-row:1}.studio-post-table{overflow:hidden}}
@media(max-width:820px){.app-beta-shell{grid-template-columns:1fr;min-height:0}.app-beta-phone{display:none}.app-beta-info{grid-template-columns:1fr}.app-beta-copy h1{font-size:clamp(42px,12vw,65px)}}@media(max-width:560px){.app-beta-page{padding-top:25px}.app-beta-shell{width:min(100% - 24px,1180px)}.app-beta-actions{align-items:stretch;flex-direction:column}.app-download-counter{min-height:66px}.app-beta-trust{grid-template-columns:1fr;gap:8px}.app-beta-trust code{white-space:normal;word-break:break-all}}

/* Panel administrateur */
.btn-panel-admin{color:#091426!important;border-color:rgba(239,183,99,.65)!important;background:linear-gradient(135deg,#f4c678,#d99a4b)!important;box-shadow:0 7px 20px rgba(218,155,76,.18)}.admin-nav-menu{position:relative}.admin-nav-menu>summary{display:flex!important;align-items:center;gap:7px;list-style:none;cursor:pointer}.admin-nav-menu>summary::-webkit-details-marker{display:none}.admin-nav-chevron{font-size:13px;transition:transform .18s}.admin-nav-menu[open] .admin-nav-chevron{transform:rotate(180deg)}.admin-nav-dropdown{position:absolute;z-index:100;top:calc(100% + 9px);right:0;width:285px;padding:7px;border:1px solid rgba(132,157,198,.2);border-radius:15px;background:#0a192e;box-shadow:0 22px 55px rgba(0,0,0,.42)}.admin-nav-dropdown::before{content:"";position:absolute;right:24px;top:-5px;width:9px;height:9px;transform:rotate(45deg);border-left:1px solid rgba(132,157,198,.2);border-top:1px solid rgba(132,157,198,.2);background:#0a192e}.admin-nav-dropdown>a{display:grid;grid-template-columns:34px 1fr;align-items:center;gap:9px;padding:9px;border-radius:10px;color:#dce5f3}.admin-nav-dropdown>a:hover{background:rgba(255,255,255,.055)}.admin-nav-dropdown>a>span{display:grid;width:32px;height:32px;place-items:center;border-radius:9px;color:#efb763;background:rgba(239,183,99,.08)}.admin-nav-dropdown>a div{display:grid;gap:2px}.admin-nav-dropdown strong{font-size:10px}.admin-nav-dropdown small{color:#71839e;font-size:8px}.admin-nav-menu .support-header-badge{position:static;margin-left:1px}
.admin-panel-page{width:min(100% - 32px,1180px);padding-top:28px;padding-bottom:70px}.admin-panel-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;padding:29px 31px;border:1px solid rgba(132,157,198,.14);border-radius:22px;background:radial-gradient(circle at 85% 0,rgba(239,183,99,.1),transparent 35%),linear-gradient(140deg,#122744,#08172b);box-shadow:0 20px 55px rgba(0,0,0,.17)}.admin-panel-hero h1{margin:5px 0 7px;color:#f4f7fc;font-size:clamp(32px,5vw,52px);line-height:1;letter-spacing:-.055em}.admin-panel-hero p{max-width:620px;margin:0;color:#899bb5;font-size:11px;line-height:1.6}.admin-panel-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:7px}.admin-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-top:15px}.admin-kpi{position:relative;display:grid;min-height:126px;padding:17px;overflow:hidden;border:1px solid rgba(132,157,198,.13);border-radius:17px;background:linear-gradient(155deg,rgba(16,34,59,.98),rgba(8,20,38,.98))}.admin-kpi::after{content:"";position:absolute;right:-25px;bottom:-36px;width:92px;height:92px;border-radius:50%;background:rgba(102,151,232,.055)}.admin-kpi>span{color:#7588a5;font-size:8px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.admin-kpi>strong{align-self:end;color:#eff4fc;font-size:31px;line-height:1}.admin-kpi>small{margin-top:5px;color:#7688a2;font-size:9px}.admin-kpi.is-gold{border-color:rgba(239,183,99,.21)}.admin-kpi.is-gold>strong{color:#efb763}.admin-kpi.is-blue>strong{color:#8cb7ff}.admin-kpi.is-alert{border-color:rgba(255,96,120,.22)}.admin-kpi.is-alert>strong{color:#ff768b}.admin-section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin:34px 2px 14px}.admin-section-heading span{color:#e9b566;font-size:8px;font-weight:900;letter-spacing:.12em}.admin-section-heading h2{margin:5px 0 0;font-size:25px;letter-spacing:-.035em}.admin-section-heading small{color:#687a95;font-size:9px}.admin-data-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-bottom:13px}.admin-data-card{overflow:hidden;border:1px solid rgba(132,157,198,.13);border-radius:18px;background:linear-gradient(150deg,rgba(14,30,53,.97),rgba(7,18,35,.99));box-shadow:0 16px 38px rgba(0,0,0,.12)}.admin-data-card>header{display:flex;align-items:center;gap:11px;padding:17px 19px;border-bottom:1px solid rgba(255,255,255,.055)}.admin-data-card>header>div{flex:1}.admin-data-card h2{margin:0;color:#e9eff9;font-size:14px}.admin-data-card header p{margin:3px 0 0;color:#687a95;font-size:8px}.admin-card-icon{display:grid;width:35px;height:35px;place-items:center;border-radius:10px;color:#efb763;background:rgba(239,183,99,.08);font-size:16px}.admin-table-wrap{overflow-x:auto}.admin-data-card table{width:100%;border-collapse:collapse}.admin-data-card th{padding:10px 15px;color:#647792;background:rgba(3,12,26,.25);font-size:7px;letter-spacing:.08em;text-align:left;text-transform:uppercase}.admin-data-card td{padding:12px 15px;border-top:1px solid rgba(255,255,255,.045);color:#aab8cd;font-size:9px}.admin-data-card td a,.admin-data-card td strong{color:#dce6f5}.admin-data-card td:first-child b{color:#506684}.admin-hour-list,.admin-activity-list{display:grid;padding:8px 17px 16px}.admin-hour-list>div{display:grid;grid-template-columns:100px 1fr 65px;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.04);font-size:9px}.admin-hour-list span{height:5px;overflow:hidden;border-radius:9px;background:rgba(255,255,255,.055)}.admin-hour-list i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#d99b4e,#efc177)}.admin-hour-list b{color:#788ba7;text-align:right}.admin-activity-list>div{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.04)}.admin-activity-list>div>span{width:7px;height:7px;margin-top:4px;border-radius:50%;background:#eeb76a;box-shadow:0 0 0 4px rgba(238,183,106,.08)}.admin-activity-list p{display:grid;margin:0}.admin-activity-list strong{color:#cdd8e9;font-size:9px}.admin-activity-list small,.admin-empty{color:#6c7e99;font-size:8px}.admin-audit-card{margin-top:13px}.admin-action-badge{padding:4px 7px;border-radius:7px;color:#efba6d;background:rgba(239,183,99,.075);font-size:7px;font-weight:850}
@media(max-width:900px){.admin-panel-hero{align-items:flex-start;flex-direction:column}.admin-panel-actions{justify-content:flex-start}.admin-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.admin-panel-page{width:min(100% - 16px,1180px);padding-top:14px}.admin-panel-hero{padding:22px}.admin-panel-actions .btn{flex:1}.admin-data-grid{grid-template-columns:1fr}.admin-hour-list>div{grid-template-columns:85px 1fr 58px}}@media(max-width:430px){.admin-kpi-grid{grid-template-columns:1fr 1fr}.admin-kpi{min-height:108px;padding:14px}.admin-kpi>strong{font-size:26px}}
@media(max-width:760px){.admin-nav-menu{width:100%}.admin-nav-menu>summary{width:100%!important;justify-content:center}.admin-nav-dropdown{position:fixed;top:auto;right:10px;bottom:12px;left:10px;width:auto;max-height:75vh;overflow-y:auto}.admin-nav-dropdown::before{display:none}}

.infinite-scroll-sentinel{display:flex;min-height:90px;align-items:center;justify-content:center;gap:10px;color:#71819a;font-size:9px}.infinite-spinner{width:18px;height:18px;border:2px solid rgba(132,157,198,.18);border-top-color:#eab36a;border-radius:50%;animation:infinite-spin .75s linear infinite}.infinite-more-button{display:none}.infinite-scroll-sentinel.is-manual{flex-wrap:wrap;padding:18px}.infinite-scroll-sentinel.is-manual .infinite-spinner{display:none}.infinite-scroll-sentinel.is-manual .infinite-more-button{display:inline-flex}.infinite-scroll-sentinel.is-manual small{flex-basis:100%;text-align:center}.infinite-scroll-sentinel.has-error{color:#e28c94}.infinite-scroll-sentinel.has-error .infinite-spinner{display:none}@keyframes infinite-spin{to{transform:rotate(360deg)}}
.header-logout-form{display:flex;margin:0}.header-logout-form .btn{font:inherit;cursor:pointer}@media(max-width:760px){.header-logout-form{width:100%}.header-logout-form .btn{width:100%}}

/* Panneau de modération des commentaires signalés */
.report-moderation-panel{grid-column:1/-1;padding:28px;border:1px solid rgba(239,183,99,.18);border-radius:20px;background:linear-gradient(145deg,rgba(16,34,59,.98),rgba(7,18,35,.99))}.report-moderation-panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.report-moderation-panel h2{margin:7px 0 18px;font-size:24px}.reported-comment-preview{padding:18px;border:1px solid rgba(132,157,198,.13);border-radius:15px;background:rgba(3,12,27,.34)}.reported-comment-author{display:flex;align-items:center;gap:11px}.reported-comment-author>span{display:grid;width:38px;height:38px;place-items:center;border-radius:11px;color:#172033;background:#eab36a;font-size:12px;font-weight:950}.reported-comment-author>div{display:grid;gap:3px}.reported-comment-author strong{font-size:11px}.reported-comment-author small{color:#6f809a;font-size:8px}.reported-comment-preview blockquote{margin:17px 0;padding:14px 16px;border-left:2px solid #eab36a;border-radius:0 10px 10px 0;color:#bac6d8;background:rgba(255,255,255,.025);font-size:11px;line-height:1.65;white-space:pre-wrap}.reported-comment-stats,.report-context-links{display:flex;flex-wrap:wrap;gap:8px}.reported-comment-stats span{color:#71829c;font-size:8px}.report-context-links{margin:12px 0 20px}.report-context-links a{padding:8px 10px;border-radius:8px;color:#eab36a;background:rgba(234,179,106,.065);font-size:8px;font-weight:850}.moderation-action-form{display:grid;gap:9px}.moderation-action-form label{color:#b9c5d8;font-size:9px;font-weight:900}.moderation-action-form textarea{width:100%;padding:12px;border:1px solid rgba(132,157,198,.16);border-radius:11px;color:#edf2fa;background:rgba(3,12,27,.55);resize:vertical}.moderation-action-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:4px}.moderation-action{display:flex;min-height:70px;align-items:flex-start;justify-content:center;flex-direction:column;gap:4px;padding:12px;border:1px solid rgba(132,157,198,.14);border-radius:11px;color:#cbd6e6;background:rgba(132,157,198,.055);font-size:9px;font-weight:900;text-align:left;cursor:pointer}.moderation-action small{color:#6e809a;font-size:7px;font-weight:700}.moderation-action:hover{transform:translateY(-1px);background:rgba(132,157,198,.1)}.moderation-action.is-safe{color:#66d4a5;border-color:rgba(72,198,142,.2);background:rgba(72,198,142,.06)}.moderation-action.is-warning{color:#efbd72;border-color:rgba(234,179,106,.2);background:rgba(234,179,106,.06)}.moderation-action.is-danger{color:#ff7b87;border-color:rgba(239,87,99,.22);background:rgba(239,87,99,.065)}.moderation-history{margin-top:22px;padding-top:18px;border-top:1px solid rgba(255,255,255,.06)}.moderation-history h3{margin:0 0 11px;font-size:13px}.moderation-history>div{display:flex;gap:9px;padding:8px 0}.moderation-history>div>span{color:#eab36a}.moderation-history p{display:grid;gap:3px;margin:0}.moderation-history strong{font-size:9px}.moderation-history small{color:#697b95;font-size:8px}.report-target-missing p{color:#8090a8;font-size:10px}@media(max-width:900px){.moderation-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.report-moderation-panel{padding:19px}.moderation-action-grid{grid-template-columns:1fr}.report-moderation-panel>header{flex-direction:column}}

/* Centre d'aide et journal des nouveautés */
.help-center-page{padding:30px 0 75px;background:radial-gradient(circle at 84% 5%,rgba(234,179,106,.07),transparent 26%)}.help-center-shell{width:min(100% - 32px,1120px)}.help-center-hero{position:relative;padding:clamp(35px,7vw,72px);overflow:hidden;border:1px solid rgba(132,157,198,.14);border-radius:27px;background:linear-gradient(135deg,#132b4b,#071426 70%)}.help-center-hero::after{content:"?";position:absolute;right:6%;top:50%;color:rgba(234,179,106,.06);font-size:240px;font-weight:950;line-height:1;transform:translateY(-50%)}.help-eyebrow,.help-section-heading span,.help-contact-card span{color:#eab36a;font-size:8px;font-weight:950;letter-spacing:.14em}.help-center-hero h1{position:relative;z-index:1;margin:12px 0 18px;font-size:clamp(42px,7vw,72px);line-height:.92;letter-spacing:-.065em}.help-center-hero h1 em{color:#eab36a;font-style:normal}.help-center-hero>p{position:relative;z-index:1;max-width:610px;margin:0;color:#8d9db5;font-size:12px;line-height:1.75}.help-jump-nav{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:8px;margin-top:29px}.help-jump-nav a{padding:10px 13px;border:1px solid rgba(132,157,198,.16);border-radius:10px;color:#c6d2e3;background:rgba(3,12,27,.32);font-size:9px;font-weight:850}.help-jump-nav a:first-child{color:#172033;border-color:#eab36a;background:#eab36a}.help-section{padding-top:58px;scroll-margin-top:110px}.help-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:18px}.help-section-heading h2{margin:7px 0 0;font-size:clamp(26px,4vw,38px);letter-spacing:-.045em}.help-section-heading>p{margin:0;color:#71819a;font-size:9px}.help-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.help-feature-grid article{position:relative;display:flex;min-height:265px;flex-direction:column;padding:23px;overflow:hidden;border:1px solid rgba(132,157,198,.13);border-radius:18px;background:linear-gradient(150deg,rgba(15,32,56,.97),rgba(7,18,35,.98))}.help-feature-grid article>b{position:absolute;right:17px;top:15px;color:rgba(132,157,198,.16);font-size:25px}.help-feature-grid article>span{display:grid;width:38px;height:38px;place-items:center;border-radius:11px;color:#eab36a;background:rgba(234,179,106,.08);font-size:16px}.help-feature-grid h3{margin:20px 0 9px;font-size:17px}.help-feature-grid p{margin:0;color:#7f8fa7;font-size:10px;line-height:1.7}.help-feature-grid a{margin-top:auto;padding-top:20px;color:#eab36a;font-size:9px;font-weight:900}.release-list{display:grid;gap:11px}.release-note{display:grid;grid-template-columns:190px 1fr;overflow:hidden;border:1px solid rgba(132,157,198,.13);border-radius:18px;background:rgba(9,22,42,.82)}.release-meta{display:flex;align-items:flex-start;flex-direction:column;gap:8px;padding:25px;border-right:1px solid rgba(255,255,255,.055);background:rgba(3,12,27,.2)}.release-meta time{color:#a5b3c7;font-size:9px;font-weight:850}.release-meta span{padding:5px 7px;border-radius:7px;color:#eab36a;background:rgba(234,179,106,.075);font-size:8px;font-weight:900}.release-meta strong{color:#61d19f;font-size:7px;text-transform:uppercase}.release-body{padding:25px 30px}.release-body h3{margin:0 0 7px;font-size:20px}.release-body>p{margin:0 0 15px;color:#8090a8;font-size:10px}.release-body ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}.release-body li{position:relative;padding-left:17px;color:#a9b6c9;font-size:10px;line-height:1.5}.release-body li::before{content:"✓";position:absolute;left:0;color:#eab36a;font-weight:900}.release-empty{padding:48px;border:1px dashed rgba(132,157,198,.18);border-radius:18px;text-align:center;background:rgba(9,22,42,.5)}.release-empty>span{color:#eab36a;font-size:25px}.release-empty h3{margin:12px 0 7px}.release-empty p{margin:0;color:#71819a;font-size:10px}.help-contact-card{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:58px;padding:32px 37px;border:1px solid rgba(234,179,106,.18);border-radius:21px;background:linear-gradient(120deg,rgba(234,179,106,.08),rgba(9,22,42,.9))}.help-contact-card h2{margin:7px 0;font-size:25px}.help-contact-card p{margin:0;color:#7d8da5;font-size:10px}.help-contact-card .btn{flex:0 0 auto}
@media(max-width:850px){.help-feature-grid{grid-template-columns:1fr 1fr}.release-note{grid-template-columns:150px 1fr}}@media(max-width:600px){.help-center-page{padding-top:14px}.help-center-shell{width:min(100% - 16px,1120px)}.help-center-hero{padding:29px 22px}.help-center-hero::after{font-size:150px}.help-jump-nav{display:grid}.help-section{padding-top:42px}.help-section-heading{align-items:flex-start;flex-direction:column;gap:7px}.help-feature-grid{grid-template-columns:1fr}.help-feature-grid article{min-height:235px}.release-note{grid-template-columns:1fr}.release-meta{flex-direction:row;align-items:center;padding:15px 19px;border-right:0;border-bottom:1px solid rgba(255,255,255,.055)}.release-meta strong{margin-left:auto}.release-body{padding:21px}.help-contact-card{align-items:stretch;flex-direction:column;padding:25px}.help-contact-card .btn{width:100%}}