/* Pages : seules les règles dont la page a publié un marqueur s'appliquent. */

/* css/pages/VIP/annotations_lecture.css */
html:has(template[data-vk-css="css/pages/VIP/annotations_lecture.css"]) .vip-ann-wrap{max-width:1250px;margin:0 auto 35px;padding:0 10px}
html:has(template[data-vk-css="css/pages/VIP/annotations_lecture.css"]) .vip-ann-card{background:#111;border:1px solid #3a0000;border-radius:12px;padding:14px;margin-bottom:14px;color:#ddd;box-shadow:0 0 14px rgba(0,0,0,.25)}
html:has(template[data-vk-css="css/pages/VIP/annotations_lecture.css"]) .vip-ann-top{display:grid;grid-template-columns:1.1fr .9fr;gap:14px}
html:has(template[data-vk-css="css/pages/VIP/annotations_lecture.css"]) .vip-ann-progress{border-color:#4a3a1f;background:linear-gradient(135deg,#15100a,#0d0d0d)}
html:has(template[data-vk-css="css/pages/VIP/annotations_lecture.css"]) .vip-ann-warning{border-color:#7a4b1c;background:#1a1007;color:#ffd99a}
html:has(template[data-vk-css="css/pages/VIP/annotations_lecture.css"]) .vip-ann-filters{display:grid;grid-template-columns:175px 190px 105px 105px 170px 155px 155px 1fr auto;gap:10px;align-items:end}
html:has(template[data-vk-css="css/pages/VIP/annotations_lecture.css"]) .vip-ann-filters label{display:block;color:#c9a45c;font-size:.85rem;margin-bottom:4px}
html:has(template[data-vk-css="css/pages/VIP/annotations_lecture.css"]) .vip-ann-filters input,
html:has(template[data-vk-css="css/pages/VIP/annotations_lecture.css"]) .vip-ann-filters select,
html:has(template[data-vk-css="css/pages/VIP/annotations_lecture.css"]) .vip-ann-card textarea,
html:has(template[data-vk-css="css/pages/VIP/annotations_lecture.css"]) .vip-ann-card select{width:100%;background:#fff;color:#000;border:1px solid #c9a45c;border-radius:7px;padding:8px}
html:has(template[data-vk-css="css/pages/VIP/annotations_lecture.css"]) .vip-ann-btn{background:#600;color:#f0d58c;border:1px solid #900;border-radius:8px;padding:9px 12px;cursor:pointer;text-decoration:none;display:inline-block}
html:has(template[data-vk-css="css/pages/VIP/annotations_lecture.css"]) .vip-ann-btn.secondary{background:#222;border-color:#555;color:#ddd}
html:has(template[data-vk-css="css/pages/VIP/annotations_lecture.css"]) .vip-ann-btn.gold{background:#c9a45c;border-color:#e8d18b;color:#000}
html:has(template[data-vk-css="css/pages/VIP/annotations_lecture.css"]) .ann-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:9px}
html:has(template[data-vk-css="css/pages/VIP/annotations_lecture.css"]) .ann-badge{display:inline-flex;align-items:center;border:1px solid #493a1d;background:#18120b;color:#d8bd75;border-radius:999px;padding:5px 9px;font-size:.86rem}
html:has(template[data-vk-css="css/pages/VIP/annotations_lecture.css"]) .ann-content{white-space:pre-wrap;background:#0a0a0a;border:1px solid #252525;border-radius:8px;padding:10px;color:#eee;margin:8px 0}
html:has(template[data-vk-css="css/pages/VIP/annotations_lecture.css"]) .ann-reply{white-space:pre-wrap;background:#071607;border-left:4px solid #447a44;border-radius:8px;padding:10px;color:#bdf0bd;margin-top:8px}
html:has(template[data-vk-css="css/pages/VIP/annotations_lecture.css"]) .ann-admin-form{display:grid;grid-template-columns:160px 1fr auto;gap:10px;align-items:end;margin-top:10px}
html:has(template[data-vk-css="css/pages/VIP/annotations_lecture.css"]) .ann-small{color:#888;font-size:.82rem}
html:has(template[data-vk-css="css/pages/VIP/annotations_lecture.css"]) .ann-open{color:#ffd36a}
html:has(template[data-vk-css="css/pages/VIP/annotations_lecture.css"]) .ann-seen{color:#78b9ff}
html:has(template[data-vk-css="css/pages/VIP/annotations_lecture.css"]) .ann-corrected{color:#83e083}
html:has(template[data-vk-css="css/pages/VIP/annotations_lecture.css"]) .ann-ignored{color:#aaa}
html:has(template[data-vk-css="css/pages/VIP/annotations_lecture.css"]) .ann-private{border-color:#7a4b1c;background:#211407;color:#ffcb80}
html:has(template[data-vk-css="css/pages/VIP/annotations_lecture.css"]) .ann-public{border-color:#355f35;background:#0d1d0d;color:#a7e7a7}
html:has(template[data-vk-css="css/pages/VIP/annotations_lecture.css"]) .ann-mode-current{border-color:#355f35;background:#0d1d0d;color:#a7e7a7}
html:has(template[data-vk-css="css/pages/VIP/annotations_lecture.css"]) .ann-mode-spoil{border-color:#7a1f1f;background:#210909;color:#ffabab}
html:has(template[data-vk-css="css/pages/VIP/annotations_lecture.css"]) .ann-source-tabs{display:flex;gap:10px;flex-wrap:wrap}
html:has(template[data-vk-css="css/pages/VIP/annotations_lecture.css"]) .ann-source-tabs a{flex:0 0 auto}
html:has(template[data-vk-css="css/pages/VIP/annotations_lecture.css"]) .ann-source-tabs a.active{background:#c9a45c;border-color:#e8d18b;color:#000}
html:has(template[data-vk-css="css/pages/VIP/annotations_lecture.css"]) .vip-ann-notifications{border-color:#8b1b1b;background:linear-gradient(135deg,#260606,#100909);box-shadow:0 0 18px rgba(150,0,0,.25)}
html:has(template[data-vk-css="css/pages/VIP/annotations_lecture.css"]) .vip-ann-notifications strong{color:#ffcf70}
html:has(template[data-vk-css="css/pages/VIP/annotations_lecture.css"]) .ann-notif-summary{margin-top:7px;color:#f2dfb0}
html:has(template[data-vk-css="css/pages/VIP/annotations_lecture.css"]) .ann-notif-list{margin:10px 0 0;padding:0;list-style:none}
html:has(template[data-vk-css="css/pages/VIP/annotations_lecture.css"]) .ann-notif-list li{padding:7px 0;border-top:1px solid rgba(201,164,92,.18);color:#ddd}
html:has(template[data-vk-css="css/pages/VIP/annotations_lecture.css"]) .ann-notif-date{color:#8d8d8d;font-size:.8rem;margin-left:6px}


/* css/pages/VIP/badges_communaute.css */
html:has(template[data-vk-css="css/pages/VIP/badges_communaute.css"]) .community-badges,
html:has(template[data-vk-css="css/pages/VIP/badges_communaute.css"]) .community-badges *{box-sizing:border-box}
html:has(template[data-vk-css="css/pages/VIP/badges_communaute.css"]) .community-badges{width:calc(100% - 28px);max-width:1240px;margin:0 auto;padding:30px 0 70px;color:#eee;text-align:left}
html:has(template[data-vk-css="css/pages/VIP/badges_communaute.css"]) .community-badges-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px;border:1px solid rgba(143,28,36,.72);border-radius:18px;background:radial-gradient(circle at 85% 15%,rgba(142,20,31,.24),transparent 37%),linear-gradient(135deg,#171011,#090909);box-shadow:0 20px 55px rgba(0,0,0,.38)}
html:has(template[data-vk-css="css/pages/VIP/badges_communaute.css"]) .community-badges-kicker{margin:0 0 8px;color:#c44a54;font-size:.76rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
html:has(template[data-vk-css="css/pages/VIP/badges_communaute.css"]) .community-badges h1{margin:0;color:#fff;font-size:clamp(2rem,5vw,3.35rem);line-height:1.05}
html:has(template[data-vk-css="css/pages/VIP/badges_communaute.css"]) .community-badges-intro{max-width:690px;margin:12px 0 0;color:#bdb8b8;line-height:1.55}
html:has(template[data-vk-css="css/pages/VIP/badges_communaute.css"]) .community-badges-stats{display:grid;grid-template-columns:repeat(3,minmax(90px,1fr));gap:10px;flex:0 0 auto}
html:has(template[data-vk-css="css/pages/VIP/badges_communaute.css"]) .community-stat{min-width:95px;padding:13px 15px;border:1px solid rgba(198,65,75,.48);border-radius:13px;background:rgba(80,9,14,.28);text-align:center}
html:has(template[data-vk-css="css/pages/VIP/badges_communaute.css"]) .community-stat strong{display:block;color:#fff;font-size:1.45rem;line-height:1.1}
html:has(template[data-vk-css="css/pages/VIP/badges_communaute.css"]) .community-stat span{display:block;margin-top:5px;color:#bfa7a9;font-size:.66rem;letter-spacing:.04em;text-transform:uppercase}
html:has(template[data-vk-css="css/pages/VIP/badges_communaute.css"]) .community-tools{display:flex;align-items:center;gap:12px;margin:20px 0 15px;padding:14px;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:#0e0e0e}
html:has(template[data-vk-css="css/pages/VIP/badges_communaute.css"]) .community-search{width:100%;min-height:44px;padding:10px 13px;border:1px solid #622329;border-radius:9px;outline:none;background:#090909;color:#f0e8e8;font:inherit}
html:has(template[data-vk-css="css/pages/VIP/badges_communaute.css"]) .community-search:focus{border-color:#b33b45;box-shadow:0 0 0 3px rgba(179,59,69,.13)}
html:has(template[data-vk-css="css/pages/VIP/badges_communaute.css"]) .community-filter{flex:0 0 auto;min-height:44px;padding:9px 34px 9px 12px;border:1px solid #622329;border-radius:9px;background:#090909;color:#eee;font:inherit}
html:has(template[data-vk-css="css/pages/VIP/badges_communaute.css"]) .community-members{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
html:has(template[data-vk-css="css/pages/VIP/badges_communaute.css"]) .community-member{min-width:0;overflow:hidden;border:1px solid #42171a;border-radius:14px;background:linear-gradient(145deg,#150d0e,#0b0b0b);box-shadow:0 12px 30px rgba(0,0,0,.2)}
html:has(template[data-vk-css="css/pages/VIP/badges_communaute.css"]) .community-member.is-current{border-color:#9e3039;box-shadow:0 0 0 1px rgba(187,52,63,.2),0 12px 30px rgba(0,0,0,.25)}
html:has(template[data-vk-css="css/pages/VIP/badges_communaute.css"]) .community-member.simulation{position:relative;background:linear-gradient(145deg,rgba(25,31,54,.98),rgba(13,15,29,.98));border:2px dashed rgba(111,156,255,.82);box-shadow:0 8px 26px rgba(29,67,145,.28)}
html:has(template[data-vk-css="css/pages/VIP/badges_communaute.css"]) .community-member.simulation::before{content:'COMPTE DE TEST';position:absolute;top:0;right:18px;padding:3px 10px 4px;border-radius:0 0 8px 8px;background:#466fca;color:#fff;font-size:.66rem;font-weight:800;letter-spacing:.08em;z-index:2}
html:has(template[data-vk-css="css/pages/VIP/badges_communaute.css"]) .community-member.simulation.is-current{border-color:#8cacff;box-shadow:0 0 0 2px rgba(111,156,255,.22),0 10px 30px rgba(18,47,110,.42)}
html:has(template[data-vk-css="css/pages/VIP/badges_communaute.css"]) .community-member.simulation .community-member-head{padding-top:30px;border-bottom-color:rgba(137,174,255,.22)}
html:has(template[data-vk-css="css/pages/VIP/badges_communaute.css"]) .community-member.simulation .community-member-count{border-color:rgba(151,183,255,.45);background:rgba(70,111,202,.55);color:#e2ebff}
html:has(template[data-vk-css="css/pages/VIP/badges_communaute.css"]) .community-member-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:17px 18px;border-bottom:1px solid rgba(255,255,255,.07)}
html:has(template[data-vk-css="css/pages/VIP/badges_communaute.css"]) .community-member-name{min-width:0}
html:has(template[data-vk-css="css/pages/VIP/badges_communaute.css"]) .community-member-name h2{margin:0;color:#fff;font-size:1.17rem;line-height:1.25;overflow-wrap:anywhere}
html:has(template[data-vk-css="css/pages/VIP/badges_communaute.css"]) .community-member-name p{margin:5px 0 0;color:#b99195;font-size:.8rem;line-height:1.35;overflow-wrap:anywhere}
html:has(template[data-vk-css="css/pages/VIP/badges_communaute.css"]) .community-simulation-badge{display:inline-flex;align-items:center;gap:5px;margin-top:7px;padding:5px 9px;border:1px solid rgba(151,183,255,.45);border-radius:999px;background:rgba(70,111,202,.55);color:#e2ebff;font-size:.7rem;font-weight:800;line-height:1.2}
html:has(template[data-vk-css="css/pages/VIP/badges_communaute.css"]) .community-member-count{flex:0 0 auto;padding:7px 10px;border:1px solid #6c252b;border-radius:999px;background:#190d0f;color:#e4c6c8;font-size:.75rem;font-weight:800;white-space:nowrap}
html:has(template[data-vk-css="css/pages/VIP/badges_communaute.css"]) .community-member-badges{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:14px}
html:has(template[data-vk-css="css/pages/VIP/badges_communaute.css"]) .community-badge{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr);gap:9px;align-items:start;min-width:0;padding:11px;border:1px solid #3c2224;border-radius:10px;background:#0b0b0b}
html:has(template[data-vk-css="css/pages/VIP/badges_communaute.css"]) .community-badge.is-favorite{border-color:#7f2d34;background:linear-gradient(145deg,#180d0f,#0b0b0b)}
html:has(template[data-vk-css="css/pages/VIP/badges_communaute.css"]) .community-badge-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid #68252a;border-radius:50%;background:#070707;font-size:1.2rem}
html:has(template[data-vk-css="css/pages/VIP/badges_communaute.css"]) .community-badge-copy{min-width:0}
html:has(template[data-vk-css="css/pages/VIP/badges_communaute.css"]) .community-badge-name{display:block;color:#eee2e3;font-size:.86rem;font-weight:800;line-height:1.25;overflow-wrap:anywhere}
html:has(template[data-vk-css="css/pages/VIP/badges_communaute.css"]) .community-badge-date{display:block;margin-top:4px;color:#8cad91;font-size:.68rem}
html:has(template[data-vk-css="css/pages/VIP/badges_communaute.css"]) .community-badge-flags{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}
html:has(template[data-vk-css="css/pages/VIP/badges_communaute.css"]) .community-badge-flag{padding:2px 6px;border-radius:999px;background:#321417;color:#c99da1;font-size:.6rem;text-transform:uppercase}
html:has(template[data-vk-css="css/pages/VIP/badges_communaute.css"]) .community-badge-flag.secret{background:#242024;color:#b9adb9}
html:has(template[data-vk-css="css/pages/VIP/badges_communaute.css"]) .community-no-badge{grid-column:1/-1;margin:0;padding:20px;color:#777;text-align:center;font-style:italic}
html:has(template[data-vk-css="css/pages/VIP/badges_communaute.css"]) .community-error{margin-top:18px;padding:14px;border:1px solid #704028;border-radius:10px;background:#1b100b;color:#e2bd9d}
html:has(template[data-vk-css="css/pages/VIP/badges_communaute.css"]) .community-empty-search{display:none;margin:18px 0;padding:22px;border:1px dashed #4b292c;border-radius:12px;color:#a99496;text-align:center}


/* css/pages/VIP/hors-serie.css */
html:has(template[data-vk-css="css/pages/VIP/hors-serie.css"]) .hors-serie-vip-layout{
        display: flex;
        gap: 30px;
        align-items: flex-start;
    }
html:has(template[data-vk-css="css/pages/VIP/hors-serie.css"]) .hors-serie-vip-main{
        flex: 1;
        min-width: 0;
    }


/* css/pages/VIP/marque_pages_VIP.css */
html:has(template[data-vk-css="css/pages/VIP/marque_pages_VIP.css"]) .vip-bookmarks-page{flex:1;min-width:0}
html:has(template[data-vk-css="css/pages/VIP/marque_pages_VIP.css"]) .vip-bookmarks-section{margin-bottom:24px}
html:has(template[data-vk-css="css/pages/VIP/marque_pages_VIP.css"]) .vip-bookmarks-section h2{margin:0 0 12px;color:#e8d88f;text-align:left;text-shadow:0 0 6px #000}
html:has(template[data-vk-css="css/pages/VIP/marque_pages_VIP.css"]) .vip-bookmarks-table-wrap{width:100%;overflow-x:auto}
html:has(template[data-vk-css="css/pages/VIP/marque_pages_VIP.css"]) .vip-bookmarks-empty{padding:18px!important;text-align:center;color:#888}
html:has(template[data-vk-css="css/pages/VIP/marque_pages_VIP.css"]) .vip-bookmarks-error{padding:14px;border:1px solid rgba(255,90,90,.45);background:rgba(120,0,0,.16);color:#ffb3b3;border-radius:8px}
html:has(template[data-vk-css="css/pages/VIP/marque_pages_VIP.css"]) .vip-bookmarks-summary{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:0 0 22px}
html:has(template[data-vk-css="css/pages/VIP/marque_pages_VIP.css"]) .vip-bookmarks-chip{padding:7px 11px;border:1px solid rgba(201,164,92,.38);border-radius:999px;background:rgba(0,0,0,.22);color:#e8d88f;font-size:.9rem}


/* css/pages/VIP/resumes.css */
html:has(template[data-vk-css="css/pages/VIP/resumes.css"]) .resume-vip-layout{
    display:flex;
    gap:30px;
    align-items:flex-start;
}
html:has(template[data-vk-css="css/pages/VIP/resumes.css"]) .resume-vip-main{
    flex:1;
    min-width:0;
}
html:has(template[data-vk-css="css/pages/VIP/resumes.css"]) .resume-intro{
    text-align:center;
    margin-bottom:22px;
}
html:has(template[data-vk-css="css/pages/VIP/resumes.css"]) .resume-intro h1{
    color:#c9a45c;
    text-shadow:0 0 8px #000;
    margin-bottom:8px;
}
html:has(template[data-vk-css="css/pages/VIP/resumes.css"]) .resume-intro h3{
    color:#e8d88f;
    text-shadow:0 0 6px #000;
    font-weight:normal;
    margin:0;
}
html:has(template[data-vk-css="css/pages/VIP/resumes.css"]) .resume-warning{
    background:rgba(201,164,92,.08);
    border:1px solid rgba(201,164,92,.45);
    color:#e8d88f;
    padding:14px 18px;
    border-radius:10px;
    margin-bottom:20px;
    text-align:center;
    font-weight:bold;
    box-shadow:0 0 12px rgba(0,0,0,.35);
}
html:has(template[data-vk-css="css/pages/VIP/resumes.css"]) .resume-search{
    width:100%;
    box-sizing:border-box;
    padding:12px 14px;
    margin-bottom:20px;
    border-radius:8px;
    border:1px solid rgba(201,164,92,.35);
    background:#101010;
    color:#f0d18a;
    font-size:15px;
    transition:.2s;
}
html:has(template[data-vk-css="css/pages/VIP/resumes.css"]) .resume-search::placeholder{
    color:#a58a52;
}
html:has(template[data-vk-css="css/pages/VIP/resumes.css"]) .resume-search:focus{
    outline:none;
    border-color:#c9a45c;
    box-shadow:0 0 10px rgba(201,164,92,.35);
}
html:has(template[data-vk-css="css/pages/VIP/resumes.css"]) .resume-empty{
    padding:25px;
    text-align:center;
    color:#e8d88f;
}
html:has(template[data-vk-css="css/pages/VIP/resumes.css"]) .resume-accordion details{
    background:rgba(15,15,15,.95);
    border:1px solid rgba(201,164,92,.30);
    border-radius:10px;
    margin-bottom:12px;
    overflow:hidden;
    transition:.2s;
}
html:has(template[data-vk-css="css/pages/VIP/resumes.css"]) .resume-accordion details:hover{
    border-color:rgba(201,164,92,.60);
}
html:has(template[data-vk-css="css/pages/VIP/resumes.css"]) .resume-accordion summary{
    cursor:pointer;
    padding:14px 16px;
    color:#c9a45c;
    background:rgba(201,164,92,.06);
    font-weight:bold;
    text-shadow:0 0 4px #000;
    user-select:none;
    transition:.2s;
}
html:has(template[data-vk-css="css/pages/VIP/resumes.css"]) .resume-accordion summary:hover{
    color:#f0d18a;
    background:rgba(201,164,92,.10);
}
html:has(template[data-vk-css="css/pages/VIP/resumes.css"]) .resume-accordion details[open] > summary{
    color:#f0d18a;
    background:rgba(201,164,92,.16);
}
html:has(template[data-vk-css="css/pages/VIP/resumes.css"]) .resume-inner{
    padding:15px;
}
html:has(template[data-vk-css="css/pages/VIP/resumes.css"]) .resume-card{
    background:rgba(201,164,92,.04);
    border-left:4px solid #c9a45c;
    border-radius:8px;
    padding:15px 18px;
    color:#ddd;
}
html:has(template[data-vk-css="css/pages/VIP/resumes.css"]) .resume-card h3{
    margin:0 0 10px;
    color:#e8d88f;
    font-size:17px;
}
html:has(template[data-vk-css="css/pages/VIP/resumes.css"]) .resume-card p{
    margin:0;
    color:#ddd;
    line-height:1.7;
    white-space:pre-line;
}
html:has(template[data-vk-css="css/pages/VIP/resumes.css"]) .resume-hidden{
    display:none !important;
}


/* css/pages/acces-refuse.css */
html:has(template[data-vk-css="css/pages/acces-refuse.css"]),
html:has(template[data-vk-css="css/pages/acces-refuse.css"]) body{
    margin:0;
    padding:0;
    width:100%;
    height:100%;
    overflow:hidden;

    background:#000;
    font-family:'Cinzel', serif;
}
html:has(template[data-vk-css="css/pages/acces-refuse.css"]) body{
    display:flex;
    justify-content:center;
    align-items:center;

    background:
        radial-gradient(circle at center, rgba(60,0,0,0.25), rgba(0,0,0,1));

    animation:vk_8fab0353_fadeIn 0.8s ease-out;
}
html:has(template[data-vk-css="css/pages/acces-refuse.css"]) .refused-wrapper{

    width:100%;
    max-width:700px;

    margin:20px;
    padding:30px 25px;

    text-align:center;

    color:#c9a45c;

    border:2px solid #c9a45c;

    background:rgba(20,0,0,0.35);

    box-shadow:
        0 0 25px #000 inset,
        0 0 15px #300;

    backdrop-filter:blur(4px);

    animation:vk_8fab0353_glow 3s infinite alternate;
}
html:has(template[data-vk-css="css/pages/acces-refuse.css"]) .refused-title{

    font-size:2.3rem;

    margin-bottom:20px;

    text-shadow:
        0 0 12px #000,
        0 0 6px #600;
}
html:has(template[data-vk-css="css/pages/acces-refuse.css"]) .refused-text{

    font-size:1.15rem;

    line-height:1.65;

    color:#e0cfa3;

    text-shadow:0 0 8px #000;

    margin-bottom:30px;
}
html:has(template[data-vk-css="css/pages/acces-refuse.css"]) .refused-button{

    padding:12px 30px;

    font-size:1.05rem;

    background:#550000;

    color:#c9a45c;

    border:1px solid #c9a45c;

    cursor:pointer;

    letter-spacing:1px;

    border-radius:12px;

    box-shadow:0 0 10px #000;

    transition:0.2s;

    display:block;

    width:100%;

    max-width:260px;

    margin:0 auto;
}
html:has(template[data-vk-css="css/pages/acces-refuse.css"]) .refused-button:hover{

    transform:scale(1.05);

    background:#700000;

    box-shadow:
        0 0 12px #600,
        0 0 20px #000;
}



@keyframes vk_8fab0353_fadeIn {

    from {
        opacity:0;
    }

    to {
        opacity:1;
    }
}



@keyframes vk_8fab0353_glow {

    from {
        box-shadow:
            0 0 25px #000 inset,
            0 0 10px #300;
    }

    to {
        box-shadow:
            0 0 25px #000 inset,
            0 0 22px #600;
    }
}


/* css/pages/admin/data_sql/_table.css */
html:has(template[data-vk-css="css/pages/admin/data_sql/_table.css"]) .sql-table-page{width:100%;min-width:0;color:#ddd}
html:has(template[data-vk-css="css/pages/admin/data_sql/_table.css"]) .sql-table-page *{box-sizing:border-box}
html:has(template[data-vk-css="css/pages/admin/data_sql/_table.css"]) .sql-table-page h1{margin:0;color:#d0ad5b;text-align:center;font-size:clamp(1.45rem,3vw,2.1rem)}
html:has(template[data-vk-css="css/pages/admin/data_sql/_table.css"]) .sql-table-subtitle{text-align:center;margin:7px auto 16px;color:#909090}
html:has(template[data-vk-css="css/pages/admin/data_sql/_table.css"]) .sql-table-subtitle code{color:#c9a45c}
html:has(template[data-vk-css="css/pages/admin/data_sql/_table.css"]) .sql-table-stats{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:0 0 15px}
html:has(template[data-vk-css="css/pages/admin/data_sql/_table.css"]) .sql-table-stat{padding:8px 12px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:#111;color:#aaa}
html:has(template[data-vk-css="css/pages/admin/data_sql/_table.css"]) .sql-table-stat strong{color:#eee}
html:has(template[data-vk-css="css/pages/admin/data_sql/_table.css"]) .sql-table-filters{display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap;margin:0 0 15px;padding:12px;border:1px solid rgba(255,255,255,.10);border-radius:11px;background:rgba(13,13,16,.9)}
html:has(template[data-vk-css="css/pages/admin/data_sql/_table.css"]) .sql-table-filters input,
html:has(template[data-vk-css="css/pages/admin/data_sql/_table.css"]) .sql-table-filters select,
html:has(template[data-vk-css="css/pages/admin/data_sql/_table.css"]) .sql-table-filters button,
html:has(template[data-vk-css="css/pages/admin/data_sql/_table.css"]) .sql-table-filters a{min-height:39px;padding:8px 11px;border:1px solid #5e5034;border-radius:8px;background:#111;color:#eee}
html:has(template[data-vk-css="css/pages/admin/data_sql/_table.css"]) .sql-table-filters input{width:min(420px,100%)}
html:has(template[data-vk-css="css/pages/admin/data_sql/_table.css"]) .sql-table-filters button,
html:has(template[data-vk-css="css/pages/admin/data_sql/_table.css"]) .sql-table-filters a{cursor:pointer;color:#e1c477;text-decoration:none;font-weight:700}
html:has(template[data-vk-css="css/pages/admin/data_sql/_table.css"]) .sql-table-wrap{width:100%;overflow:auto;border:1px solid rgba(255,255,255,.12);border-radius:11px;background:#0b0b0d}
html:has(template[data-vk-css="css/pages/admin/data_sql/_table.css"]) .sql-table{width:100%;min-width:760px;border-collapse:collapse;font-size:.84rem}
html:has(template[data-vk-css="css/pages/admin/data_sql/_table.css"]) .sql-table th{position:sticky;top:0;z-index:1;padding:10px;background:#201b17;color:#e2c275;text-align:left;white-space:nowrap}
html:has(template[data-vk-css="css/pages/admin/data_sql/_table.css"]) .sql-table td{max-width:360px;padding:9px 10px;border-top:1px solid rgba(255,255,255,.07);vertical-align:top;word-break:break-word}
html:has(template[data-vk-css="css/pages/admin/data_sql/_table.css"]) .sql-table tr:hover td{background:rgba(201,164,92,.045)}
html:has(template[data-vk-css="css/pages/admin/data_sql/_table.css"]) .sql-table details{min-width:170px}
html:has(template[data-vk-css="css/pages/admin/data_sql/_table.css"]) .sql-table summary{color:#c5aa6b;cursor:pointer}
html:has(template[data-vk-css="css/pages/admin/data_sql/_table.css"]) .sql-table pre{max-width:640px;max-height:280px;overflow:auto;margin:8px 0 0;padding:9px;border-radius:7px;background:#050505;color:#bbb;white-space:pre-wrap;word-break:break-word}
html:has(template[data-vk-css="css/pages/admin/data_sql/_table.css"]) .sql-null{color:#a66;font-style:italic}
html:has(template[data-vk-css="css/pages/admin/data_sql/_table.css"]) .sql-empty{color:#666;font-style:italic}
html:has(template[data-vk-css="css/pages/admin/data_sql/_table.css"]) .sql-yes{color:#79c98a;font-weight:700}
html:has(template[data-vk-css="css/pages/admin/data_sql/_table.css"]) .sql-no{color:#a0a0a0}
html:has(template[data-vk-css="css/pages/admin/data_sql/_table.css"]) .sql-table-empty{text-align:center!important;padding:30px!important;color:#777}
html:has(template[data-vk-css="css/pages/admin/data_sql/_table.css"]) .sql-table-pagination{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:15px}
html:has(template[data-vk-css="css/pages/admin/data_sql/_table.css"]) .sql-table-pagination a,
html:has(template[data-vk-css="css/pages/admin/data_sql/_table.css"]) .sql-table-pagination span{padding:8px 11px;border:1px solid rgba(201,164,92,.35);border-radius:8px;color:#d4b468;text-decoration:none}
html:has(template[data-vk-css="css/pages/admin/data_sql/_table.css"]) .sql-table-pagination .current{background:#4d321f;color:#fff;border-color:#a77a41}
html:has(template[data-vk-css="css/pages/admin/data_sql/_table.css"]) .sql-table-error{margin:16px 0;padding:14px;border:1px solid #8a5439;border-radius:10px;background:#2a1712;color:#ffc8ae}


/* css/pages/admin/data_sql/marque_pages.css */
html:has(template[data-vk-css="css/pages/admin/data_sql/marque_pages.css"]) .varkal-table{
    border-collapse: collapse;
    width: auto;
    margin: 0 auto;
    table-layout: auto;
}
html:has(template[data-vk-css="css/pages/admin/data_sql/marque_pages.css"]) .varkal-table th,
html:has(template[data-vk-css="css/pages/admin/data_sql/marque_pages.css"]) .varkal-table td{
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    padding: 8px 12px;
}


/* css/pages/admin/data_sql/site_visites.css */
html:has(template[data-vk-css="css/pages/admin/data_sql/site_visites.css"]) .admin-track-wrap{
    width: 100%;
    max-width: 100%;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 14px;
    overflow: hidden;
}
html:has(template[data-vk-css="css/pages/admin/data_sql/site_visites.css"]) .admin-track-wrap *{
    box-sizing: border-box;
}
html:has(template[data-vk-css="css/pages/admin/data_sql/site_visites.css"]) .admin-track-title{
    margin: 0 0 6px 0;
    font-size: 1.45rem;
}
html:has(template[data-vk-css="css/pages/admin/data_sql/site_visites.css"]) .track-stats{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
    gap: 9px;
}
html:has(template[data-vk-css="css/pages/admin/data_sql/site_visites.css"]) .track-card,
html:has(template[data-vk-css="css/pages/admin/data_sql/site_visites.css"]) .track-panel{
    min-width: 0;
    max-width: 100%;
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 12px;
    padding: 11px;
    box-shadow: 0 8px 18px rgba(0,0,0,0.16);
    overflow: hidden;
}
html:has(template[data-vk-css="css/pages/admin/data_sql/site_visites.css"]) .track-card .label{
    opacity: 0.78;
    font-size: 0.78rem;
    margin-bottom: 5px;
}
html:has(template[data-vk-css="css/pages/admin/data_sql/site_visites.css"]) .track-card .value{
    font-size: 1.45rem;
    font-weight: 800;
}
html:has(template[data-vk-css="css/pages/admin/data_sql/site_visites.css"]) .track-filters{
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    align-items: center;
}
html:has(template[data-vk-css="css/pages/admin/data_sql/site_visites.css"]) .track-filters a,
html:has(template[data-vk-css="css/pages/admin/data_sql/site_visites.css"]) .track-filters button,
html:has(template[data-vk-css="css/pages/admin/data_sql/site_visites.css"]) .track-filters select,
html:has(template[data-vk-css="css/pages/admin/data_sql/site_visites.css"]) .track-filters input{
    max-width: 100%;
    border-radius: 9px;
    border: 1px solid rgba(255,255,255,0.18);
    padding: 8px 9px;
    background: rgba(0,0,0,0.22);
    color: inherit;
    text-decoration: none;
    font-size: 0.88rem;
}
html:has(template[data-vk-css="css/pages/admin/data_sql/site_visites.css"]) .track-filters a.active{
    background: rgba(255,255,255,0.20);
    font-weight: 800;
}
html:has(template[data-vk-css="css/pages/admin/data_sql/site_visites.css"]) .track-filters input{
    flex: 1 1 210px;
    min-width: 160px;
}
html:has(template[data-vk-css="css/pages/admin/data_sql/site_visites.css"]) .track-table-wrap{
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
html:has(template[data-vk-css="css/pages/admin/data_sql/site_visites.css"]) .track-table{
    width: 100%;
    max-width: 100%;
    border-collapse: collapse;
    font-size: 0.84rem;
    table-layout: fixed;
}
html:has(template[data-vk-css="css/pages/admin/data_sql/site_visites.css"]) .track-table th,
html:has(template[data-vk-css="css/pages/admin/data_sql/site_visites.css"]) .track-table td{
    min-width: 0;
    padding: 7px 7px;
    border-bottom: 1px solid rgba(255,255,255,0.10);
    text-align: left;
    vertical-align: top;
    overflow: hidden;
}
html:has(template[data-vk-css="css/pages/admin/data_sql/site_visites.css"]) .track-table th{
    white-space: nowrap;
    opacity: 0.78;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.035em;
}
html:has(template[data-vk-css="css/pages/admin/data_sql/site_visites.css"]) .track-visits-table th:nth-child(1),
html:has(template[data-vk-css="css/pages/admin/data_sql/site_visites.css"]) .track-visits-table td:nth-child(1){ width: 18%; }
html:has(template[data-vk-css="css/pages/admin/data_sql/site_visites.css"]) .track-visits-table th:nth-child(2),
html:has(template[data-vk-css="css/pages/admin/data_sql/site_visites.css"]) .track-visits-table td:nth-child(2){ width: 18%; }
html:has(template[data-vk-css="css/pages/admin/data_sql/site_visites.css"]) .track-visits-table th:nth-child(3),
html:has(template[data-vk-css="css/pages/admin/data_sql/site_visites.css"]) .track-visits-table td:nth-child(3){ width: 34%; }
html:has(template[data-vk-css="css/pages/admin/data_sql/site_visites.css"]) .track-visits-table th:nth-child(4),
html:has(template[data-vk-css="css/pages/admin/data_sql/site_visites.css"]) .track-visits-table td:nth-child(4){ width: 18%; }
html:has(template[data-vk-css="css/pages/admin/data_sql/site_visites.css"]) .track-visits-table th:nth-child(5),
html:has(template[data-vk-css="css/pages/admin/data_sql/site_visites.css"]) .track-visits-table td:nth-child(5){ width: 12%; }
html:has(template[data-vk-css="css/pages/admin/data_sql/site_visites.css"]) .track-compact-table th,
html:has(template[data-vk-css="css/pages/admin/data_sql/site_visites.css"]) .track-compact-table td{
    font-size: 0.82rem;
}
html:has(template[data-vk-css="css/pages/admin/data_sql/site_visites.css"]) .track-compact-table th:nth-child(1),
html:has(template[data-vk-css="css/pages/admin/data_sql/site_visites.css"]) .track-compact-table td:nth-child(1){ width: 44%; }
html:has(template[data-vk-css="css/pages/admin/data_sql/site_visites.css"]) .track-compact-table th:nth-child(2),
html:has(template[data-vk-css="css/pages/admin/data_sql/site_visites.css"]) .track-compact-table td:nth-child(2){ width: 18%; }
html:has(template[data-vk-css="css/pages/admin/data_sql/site_visites.css"]) .track-compact-table th:nth-child(3),
html:has(template[data-vk-css="css/pages/admin/data_sql/site_visites.css"]) .track-compact-table td:nth-child(3){ width: 18%; }
html:has(template[data-vk-css="css/pages/admin/data_sql/site_visites.css"]) .track-compact-table th:nth-child(4),
html:has(template[data-vk-css="css/pages/admin/data_sql/site_visites.css"]) .track-compact-table td:nth-child(4){ width: 20%; }
html:has(template[data-vk-css="css/pages/admin/data_sql/site_visites.css"]) .track-pill{
    display: inline-flex;
    align-items: center;
    gap: 4px;
    border-radius: 999px;
    padding: 3px 7px;
    font-size: 0.75rem;
    font-weight: 800;
    white-space: nowrap;
}
html:has(template[data-vk-css="css/pages/admin/data_sql/site_visites.css"]) .pill-user{ background: rgba(64, 140, 255, 0.22); }
html:has(template[data-vk-css="css/pages/admin/data_sql/site_visites.css"]) .pill-human{ background: rgba(80, 210, 130, 0.18); }
html:has(template[data-vk-css="css/pages/admin/data_sql/site_visites.css"]) .pill-bot{ background: rgba(255, 170, 60, 0.22); }
html:has(template[data-vk-css="css/pages/admin/data_sql/site_visites.css"]) .pill-scan{ background: rgba(255, 70, 70, 0.24); }
html:has(template[data-vk-css="css/pages/admin/data_sql/site_visites.css"]) .pill-anon{ background: rgba(255,255,255,0.12); }
html:has(template[data-vk-css="css/pages/admin/data_sql/site_visites.css"]) .track-muted{
    opacity: 0.70;
    font-size: 0.78rem;
}
html:has(template[data-vk-css="css/pages/admin/data_sql/site_visites.css"]) .track-mini{
    display: block;
    margin-top: 3px;
    opacity: 0.72;
    font-size: 0.76rem;
}
html:has(template[data-vk-css="css/pages/admin/data_sql/site_visites.css"]) .track-url,
html:has(template[data-vk-css="css/pages/admin/data_sql/site_visites.css"]) .track-ua,
html:has(template[data-vk-css="css/pages/admin/data_sql/site_visites.css"]) .track-break{
    display: block;
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: break-word;
    line-height: 1.3;
}
html:has(template[data-vk-css="css/pages/admin/data_sql/site_visites.css"]) .track-url{
    max-height: 4.95em;
    overflow: hidden;
}
html:has(template[data-vk-css="css/pages/admin/data_sql/site_visites.css"]) .track-ua{
    max-height: 3.9em;
    overflow: hidden;
    font-size: 0.76rem;
    opacity: 0.85;
}
html:has(template[data-vk-css="css/pages/admin/data_sql/site_visites.css"]) .track-visits-panel .track-table-wrap{
    max-height: 650px;
}
html:has(template[data-vk-css="css/pages/admin/data_sql/site_visites.css"]) .track-visits-panel thead th{
    position: sticky;
    top: 0;
    z-index: 2;
    background: rgba(18,18,22,0.98);
}
html:has(template[data-vk-css="css/pages/admin/data_sql/site_visites.css"]) .track-grid-2{
    width: 100%;
    max-width: 100%;
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 12px;
}
html:has(template[data-vk-css="css/pages/admin/data_sql/site_visites.css"]) .track-panel h3{
    margin: 0 0 10px 0;
    font-size: 1rem;
}
html:has(template[data-vk-css="css/pages/admin/data_sql/site_visites.css"]) .track-empty{
    padding: 16px;
    text-align: center;
    opacity: 0.75;
}


/* css/pages/admin/data_sql/suivi_extrait.css */
html:has(template[data-vk-css="css/pages/admin/data_sql/suivi_extrait.css"]) .excerpt-admin{width:100%;color:#ddd;font-family:Arial,sans-serif}
html:has(template[data-vk-css="css/pages/admin/data_sql/suivi_extrait.css"]) .excerpt-admin *{box-sizing:border-box}
html:has(template[data-vk-css="css/pages/admin/data_sql/suivi_extrait.css"]) .excerpt-admin .admin-wrap{width:min(1500px,100%);margin:0 auto}
html:has(template[data-vk-css="css/pages/admin/data_sql/suivi_extrait.css"]) .excerpt-admin h1{margin:0;color:#c9a45c;text-align:center;font-size:clamp(1.45rem,3vw,2.1rem)}
html:has(template[data-vk-css="css/pages/admin/data_sql/suivi_extrait.css"]) .excerpt-admin .subtitle{text-align:center;color:#8f835f;margin:7px 0 18px}
html:has(template[data-vk-css="css/pages/admin/data_sql/suivi_extrait.css"]) .excerpt-admin .top-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:18px}
html:has(template[data-vk-css="css/pages/admin/data_sql/suivi_extrait.css"]) .excerpt-admin .btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 13px;border:1px solid #6f4a19;border-radius:8px;background:#331600;color:#e5c77d;text-decoration:none;cursor:pointer;font-weight:bold}
html:has(template[data-vk-css="css/pages/admin/data_sql/suivi_extrait.css"]) .excerpt-admin .btn:hover{background:#542400}
html:has(template[data-vk-css="css/pages/admin/data_sql/suivi_extrait.css"]) .excerpt-admin .notice{max-width:850px;margin:25px auto;padding:18px;border:1px solid #7a1f1f;border-radius:10px;background:#190909;color:#f0c8c8;line-height:1.5}
html:has(template[data-vk-css="css/pages/admin/data_sql/suivi_extrait.css"]) .excerpt-admin .stats{display:grid;grid-template-columns:repeat(6,minmax(130px,1fr));gap:10px;margin-bottom:16px}
html:has(template[data-vk-css="css/pages/admin/data_sql/suivi_extrait.css"]) .excerpt-admin .stat{padding:13px 10px;background:#111;border:1px solid #332b1d;border-radius:10px;text-align:center}
html:has(template[data-vk-css="css/pages/admin/data_sql/suivi_extrait.css"]) .excerpt-admin .stat strong{display:block;color:#c9a45c;font-size:1.45rem;margin-bottom:4px}
html:has(template[data-vk-css="css/pages/admin/data_sql/suivi_extrait.css"]) .excerpt-admin .stat span{color:#8e856f;font-size:.82rem}
html:has(template[data-vk-css="css/pages/admin/data_sql/suivi_extrait.css"]) .excerpt-admin .filters{display:flex;gap:9px;align-items:end;flex-wrap:wrap;padding:12px;background:#101010;border:1px solid #292929;border-radius:10px;margin-bottom:14px}
html:has(template[data-vk-css="css/pages/admin/data_sql/suivi_extrait.css"]) .excerpt-admin .filters label{display:flex;flex-direction:column;gap:5px;color:#bda66d;font-size:.84rem}
html:has(template[data-vk-css="css/pages/admin/data_sql/suivi_extrait.css"]) .excerpt-admin .filters input,
html:has(template[data-vk-css="css/pages/admin/data_sql/suivi_extrait.css"]) .excerpt-admin .filters select{min-height:40px;padding:8px 10px;background:#fff;color:#111;border:1px solid #8a6c31;border-radius:7px}
html:has(template[data-vk-css="css/pages/admin/data_sql/suivi_extrait.css"]) .excerpt-admin .filters input{width:min(420px,78vw)}
html:has(template[data-vk-css="css/pages/admin/data_sql/suivi_extrait.css"]) .excerpt-admin .result-count{margin:0 0 9px;color:#8e856f;font-size:.87rem}
html:has(template[data-vk-css="css/pages/admin/data_sql/suivi_extrait.css"]) .excerpt-admin .table-wrap{overflow:auto;border:1px solid #2c2417;border-radius:10px;background:#0d0d0d}
html:has(template[data-vk-css="css/pages/admin/data_sql/suivi_extrait.css"]) .excerpt-admin table{width:100%;border-collapse:collapse;min-width:1180px}
html:has(template[data-vk-css="css/pages/admin/data_sql/suivi_extrait.css"]) .excerpt-admin th{position:sticky;top:0;z-index:2;background:#241505;color:#d8b96d;text-align:left;padding:10px;border-bottom:1px solid #674815;font-size:.84rem}
html:has(template[data-vk-css="css/pages/admin/data_sql/suivi_extrait.css"]) .excerpt-admin td{vertical-align:top;padding:10px;border-bottom:1px solid #222;font-size:.83rem;line-height:1.38}
html:has(template[data-vk-css="css/pages/admin/data_sql/suivi_extrait.css"]) .excerpt-admin tr:hover td{background:#13100c}
html:has(template[data-vk-css="css/pages/admin/data_sql/suivi_extrait.css"]) .excerpt-admin .identity{min-width:210px}
html:has(template[data-vk-css="css/pages/admin/data_sql/suivi_extrait.css"]) .excerpt-admin .progress{min-width:125px}
html:has(template[data-vk-css="css/pages/admin/data_sql/suivi_extrait.css"]) .excerpt-admin .activity{min-width:165px}
html:has(template[data-vk-css="css/pages/admin/data_sql/suivi_extrait.css"]) .excerpt-admin .network{min-width:180px}
html:has(template[data-vk-css="css/pages/admin/data_sql/suivi_extrait.css"]) .excerpt-admin .device{min-width:280px}
html:has(template[data-vk-css="css/pages/admin/data_sql/suivi_extrait.css"]) .excerpt-admin .source{min-width:210px}
html:has(template[data-vk-css="css/pages/admin/data_sql/suivi_extrait.css"]) .excerpt-admin .user-badge,
html:has(template[data-vk-css="css/pages/admin/data_sql/suivi_extrait.css"]) .excerpt-admin .guest-badge,
html:has(template[data-vk-css="css/pages/admin/data_sql/suivi_extrait.css"]) .excerpt-admin .simulation-badge{display:inline-block;padding:3px 7px;border-radius:999px;font-size:.72rem;font-weight:bold;margin-bottom:5px}
html:has(template[data-vk-css="css/pages/admin/data_sql/suivi_extrait.css"]) .excerpt-admin .user-badge{background:#153515;color:#9ee39e;border:1px solid #2f6b2f}
html:has(template[data-vk-css="css/pages/admin/data_sql/suivi_extrait.css"]) .excerpt-admin .guest-badge{background:#292929;color:#bbb;border:1px solid #555}
html:has(template[data-vk-css="css/pages/admin/data_sql/suivi_extrait.css"]) .excerpt-admin .simulation-badge{background:#311947;color:#e2b9ff;border:1px solid #74499a}
html:has(template[data-vk-css="css/pages/admin/data_sql/suivi_extrait.css"]) .excerpt-admin .main{color:#fff;font-weight:bold}
html:has(template[data-vk-css="css/pages/admin/data_sql/suivi_extrait.css"]) .excerpt-admin .muted{color:#7f7f7f}
html:has(template[data-vk-css="css/pages/admin/data_sql/suivi_extrait.css"]) .excerpt-admin .gold{color:#c9a45c}
html:has(template[data-vk-css="css/pages/admin/data_sql/suivi_extrait.css"]) .excerpt-admin .small{font-size:.75rem;word-break:break-word}
html:has(template[data-vk-css="css/pages/admin/data_sql/suivi_extrait.css"]) .excerpt-admin details{margin-top:5px}
html:has(template[data-vk-css="css/pages/admin/data_sql/suivi_extrait.css"]) .excerpt-admin summary{color:#a98d50;cursor:pointer}
html:has(template[data-vk-css="css/pages/admin/data_sql/suivi_extrait.css"]) .excerpt-admin code{color:#aaa;word-break:break-all}
html:has(template[data-vk-css="css/pages/admin/data_sql/suivi_extrait.css"]) .excerpt-admin .empty{text-align:center;padding:30px;color:#777}


/* css/pages/admin/data_sql/users.css */
html:has(template[data-vk-css="css/pages/admin/data_sql/users.css"]) .users-page{
    display: flex;
    flex-direction: column;
    gap: 18px;
}
html:has(template[data-vk-css="css/pages/admin/data_sql/users.css"]) .users-topbar{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 12px;
}
html:has(template[data-vk-css="css/pages/admin/data_sql/users.css"]) .user-stat{
    background: rgba(15, 15, 20, 0.92);
    border: 1px solid rgba(255,255,255,0.10);
    border-radius: 14px;
    padding: 14px;
    box-shadow: 0 6px 20px rgba(0,0,0,0.25);
}
html:has(template[data-vk-css="css/pages/admin/data_sql/users.css"]) .user-stat strong{
    display: block;
    font-size: 1.45rem;
    color: #fff;
    line-height: 1.1;
}
html:has(template[data-vk-css="css/pages/admin/data_sql/users.css"]) .user-stat span{
    color: #aaa;
    font-size: 0.84rem;
}
html:has(template[data-vk-css="css/pages/admin/data_sql/users.css"]) .users-toolbar{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    background: rgba(15, 15, 20, 0.92);
    border: 1px solid rgba(255,255,255,0.10);
    border-radius: 14px;
    padding: 12px;
}
html:has(template[data-vk-css="css/pages/admin/data_sql/users.css"]) .users-search{
    width: min(420px, 100%);
    border-radius: 10px;
    border: 1px solid rgba(255,255,255,0.15);
    background: rgba(0,0,0,0.35);
    color: #fff;
    padding: 10px 12px;
}
html:has(template[data-vk-css="css/pages/admin/data_sql/users.css"]) .users-mode-info{
    color: #aaa;
    font-size: 0.9rem;
}
html:has(template[data-vk-css="css/pages/admin/data_sql/users.css"]) .users-list{
    display: flex;
    flex-direction: column;
    gap: 14px;
}
html:has(template[data-vk-css="css/pages/admin/data_sql/users.css"]) .user-card{
    background: linear-gradient(145deg, rgba(18,18,24,0.96), rgba(10,10,14,0.96));
    border: 1px solid rgba(180, 40, 40, 0.28);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 8px 24px rgba(0,0,0,0.30);
}
html:has(template[data-vk-css="css/pages/admin/data_sql/users.css"]) .user-card.editing{
    border-color: rgba(210, 55, 55, 0.75);
    box-shadow: 0 0 0 1px rgba(210,55,55,0.22), 0 10px 28px rgba(0,0,0,0.42);
}
html:has(template[data-vk-css="css/pages/admin/data_sql/users.css"]) .user-card.simulation{
    position: relative;
    background: linear-gradient(145deg, rgba(25, 31, 54, 0.98), rgba(13, 15, 29, 0.98));
    border: 2px dashed rgba(111, 156, 255, 0.82);
    box-shadow: 0 8px 26px rgba(29, 67, 145, 0.28);
}
html:has(template[data-vk-css="css/pages/admin/data_sql/users.css"]) .user-card.simulation::before{
    content: 'COMPTE DE TEST';
    position: absolute;
    top: 0;
    right: 18px;
    padding: 3px 10px 4px;
    border-radius: 0 0 8px 8px;
    background: #466fca;
    color: #fff;
    font-size: 0.66rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    z-index: 1;
}
html:has(template[data-vk-css="css/pages/admin/data_sql/users.css"]) .user-card.simulation.editing{
    border-color: #8cacff;
    box-shadow: 0 0 0 2px rgba(111, 156, 255, 0.22), 0 10px 30px rgba(18, 47, 110, 0.42);
}
html:has(template[data-vk-css="css/pages/admin/data_sql/users.css"]) .user-card.simulation .user-card-header{
    border-bottom-color: rgba(137, 174, 255, 0.22);
}
html:has(template[data-vk-css="css/pages/admin/data_sql/users.css"]) .user-card.simulation .user-avatar{
    background: rgba(66, 105, 190, 0.58);
    border-color: rgba(159, 188, 255, 0.46);
}
html:has(template[data-vk-css="css/pages/admin/data_sql/users.css"]) .user-card.supervised{
    border-color: rgba(86, 145, 220, 0.58);
}
html:has(template[data-vk-css="css/pages/admin/data_sql/users.css"]) .user-card.parental-missing{
    border-color: rgba(235, 70, 70, 0.85);
    box-shadow: 0 0 0 1px rgba(235,70,70,0.22), 0 8px 24px rgba(0,0,0,0.30);
}
html:has(template[data-vk-css="css/pages/admin/data_sql/users.css"]) .user-card-header{
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: center;
    padding: 15px 16px;
    border-bottom: 1px solid rgba(255,255,255,0.08);
}
html:has(template[data-vk-css="css/pages/admin/data_sql/users.css"]) .user-title-line{
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}
html:has(template[data-vk-css="css/pages/admin/data_sql/users.css"]) .user-avatar{
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(150, 30, 30, 0.45);
    border: 1px solid rgba(255,255,255,0.14);
    font-weight: bold;
    color: #fff;
    flex: 0 0 auto;
}
html:has(template[data-vk-css="css/pages/admin/data_sql/users.css"]) .user-main-name{
    font-size: 1.08rem;
    font-weight: 700;
    color: #fff;
}
html:has(template[data-vk-css="css/pages/admin/data_sql/users.css"]) .user-sub{
    margin-top: 3px;
    color: #aaa;
    font-size: 0.86rem;
}
html:has(template[data-vk-css="css/pages/admin/data_sql/users.css"]) .user-badges{
    display: flex;
    gap: 7px;
    flex-wrap: wrap;
    justify-content: flex-end;
}
html:has(template[data-vk-css="css/pages/admin/data_sql/users.css"]) .badge{
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 9px;
    border-radius: 999px;
    font-size: 0.78rem;
    background: rgba(255,255,255,0.08);
    color: #ddd;
    white-space: nowrap;
}
html:has(template[data-vk-css="css/pages/admin/data_sql/users.css"]) .badge-admin{ background: rgba(155, 40, 40, 0.38); color: #ffd9d9; }
html:has(template[data-vk-css="css/pages/admin/data_sql/users.css"]) .badge-vip{ background: rgba(180, 125, 35, 0.38); color: #ffe2ad; }
html:has(template[data-vk-css="css/pages/admin/data_sql/users.css"]) .badge-ok{ background: rgba(35, 145, 75, 0.34); color: #b8ffd1; }
html:has(template[data-vk-css="css/pages/admin/data_sql/users.css"]) .badge-warn{ background: rgba(170, 120, 35, 0.34); color: #ffe3a6; }
html:has(template[data-vk-css="css/pages/admin/data_sql/users.css"]) .badge-block{ background: rgba(200, 40, 40, 0.45); color: #ffc5c5; }
html:has(template[data-vk-css="css/pages/admin/data_sql/users.css"]) .badge-parental{ border: 1px solid rgba(255,255,255,0.12); font-weight: 700; }
html:has(template[data-vk-css="css/pages/admin/data_sql/users.css"]) .badge-parental.allowed{ background: rgba(35, 145, 75, 0.34); color: #b8ffd1; }
html:has(template[data-vk-css="css/pages/admin/data_sql/users.css"]) .badge-parental.pending{ background: rgba(170, 120, 35, 0.34); color: #ffe3a6; }
html:has(template[data-vk-css="css/pages/admin/data_sql/users.css"]) .badge-parental.denied{ background: rgba(200, 40, 40, 0.45); color: #ffc5c5; }
html:has(template[data-vk-css="css/pages/admin/data_sql/users.css"]) .badge-parental.expired{ background: rgba(90, 90, 100, 0.45); color: #d4d4dc; }
html:has(template[data-vk-css="css/pages/admin/data_sql/users.css"]) .badge-parental.missing{ background: rgba(210, 35, 35, 0.62); color: #fff; }
html:has(template[data-vk-css="css/pages/admin/data_sql/users.css"]) .badge-simulation{
    background: rgba(70, 111, 202, 0.55);
    border: 1px solid rgba(151, 183, 255, 0.45);
    color: #e2ebff;
    font-weight: 800;
}
html:has(template[data-vk-css="css/pages/admin/data_sql/users.css"]) .user-content{display:none;}
html:has(template[data-vk-css="css/pages/admin/data_sql/users.css"]) .user-card.open .user-content{display:block;}
html:has(template[data-vk-css="css/pages/admin/data_sql/users.css"]) .user-toggle{
    background:none;
    border:none;
    color:#fff;
    font-size:1.2rem;
    cursor:pointer;
    padding:6px 10px;
}
html:has(template[data-vk-css="css/pages/admin/data_sql/users.css"]) .user-view-body,
html:has(template[data-vk-css="css/pages/admin/data_sql/users.css"]) .user-edit-body{
    padding: 16px;
}
html:has(template[data-vk-css="css/pages/admin/data_sql/users.css"]) .user-view-grid{
    display: grid;
    grid-template-columns: repeat(4, minmax(160px, 1fr));
    gap: 12px;
}
html:has(template[data-vk-css="css/pages/admin/data_sql/users.css"]) .view-field{
    background: rgba(255,255,255,0.045);
    border: 1px solid rgba(255,255,255,0.07);
    border-radius: 12px;
    padding: 10px;
    min-height: 58px;
}
html:has(template[data-vk-css="css/pages/admin/data_sql/users.css"]) .view-field.full{
    grid-column: span 4;
}
html:has(template[data-vk-css="css/pages/admin/data_sql/users.css"]) .view-label{
    color: #999;
    font-size: 0.76rem;
    margin-bottom: 4px;
}
html:has(template[data-vk-css="css/pages/admin/data_sql/users.css"]) .view-value{
    color: #f2f2f2;
    font-size: 0.92rem;
    overflow-wrap: anywhere;
}
html:has(template[data-vk-css="css/pages/admin/data_sql/users.css"]) .user-actions{
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 0 16px 16px;
    flex-wrap: wrap;
}
html:has(template[data-vk-css="css/pages/admin/data_sql/users.css"]) .admin-btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 38px;
    padding: 9px 14px;
    border-radius: 10px;
    border: 1px solid rgba(255,255,255,0.12);
    text-decoration: none;
    cursor: pointer;
    font-weight: 700;
    font-size: 0.9rem;
}
html:has(template[data-vk-css="css/pages/admin/data_sql/users.css"]) .btn-edit{
    background: rgba(255,255,255,0.08);
    color: #fff;
}
html:has(template[data-vk-css="css/pages/admin/data_sql/users.css"]) .btn-cancel{
    background: rgba(255,255,255,0.06);
    color: #ddd;
}
html:has(template[data-vk-css="css/pages/admin/data_sql/users.css"]) .btn-save{
    border: none;
    background: linear-gradient(135deg, #7d1515, #b52727);
    color: #fff;
}
html:has(template[data-vk-css="css/pages/admin/data_sql/users.css"]) .admin-btn:hover{
    filter: brightness(1.15);
}
html:has(template[data-vk-css="css/pages/admin/data_sql/users.css"]) .user-form-grid{
    display: grid;
    grid-template-columns: repeat(4, minmax(170px, 1fr));
    gap: 13px;
}
html:has(template[data-vk-css="css/pages/admin/data_sql/users.css"]) .form-field{
    display: flex;
    flex-direction: column;
    gap: 5px;
}
html:has(template[data-vk-css="css/pages/admin/data_sql/users.css"]) .form-field.full{ grid-column: span 4; }
html:has(template[data-vk-css="css/pages/admin/data_sql/users.css"]) .form-field.half{ grid-column: span 2; }
html:has(template[data-vk-css="css/pages/admin/data_sql/users.css"]) .form-field label{
    font-size: 0.8rem;
    color: #bbb;
}
html:has(template[data-vk-css="css/pages/admin/data_sql/users.css"]) .form-field input,
html:has(template[data-vk-css="css/pages/admin/data_sql/users.css"]) .form-field select,
html:has(template[data-vk-css="css/pages/admin/data_sql/users.css"]) .form-field textarea{
    width: 100%;
    box-sizing: border-box;
    border-radius: 9px;
    border: 1px solid rgba(255,255,255,0.16);
    background: rgba(0,0,0,0.38);
    color: #fff;
    padding: 9px 10px;
}
html:has(template[data-vk-css="css/pages/admin/data_sql/users.css"]) .form-field textarea{
    min-height: 74px;
    resize: vertical;
}
html:has(template[data-vk-css="css/pages/admin/data_sql/users.css"]) .parental-view-block,
html:has(template[data-vk-css="css/pages/admin/data_sql/users.css"]) .parental-admin-panel{
    grid-column: span 4;
    border: 1px solid rgba(91, 151, 225, 0.35);
    border-radius: 13px;
    background: rgba(32, 64, 105, 0.18);
    padding: 14px;
}
html:has(template[data-vk-css="css/pages/admin/data_sql/users.css"]) .parental-view-block h3,
html:has(template[data-vk-css="css/pages/admin/data_sql/users.css"]) .parental-admin-panel h3{
    margin: 0 0 12px;
    color: #cfe5ff;
    font-size: 1rem;
}
html:has(template[data-vk-css="css/pages/admin/data_sql/users.css"]) .parental-admin-alert{
    grid-column: span 4;
    padding: 11px 13px;
    border: 1px solid rgba(230, 74, 74, 0.52);
    border-radius: 10px;
    background: rgba(150, 25, 25, 0.24);
    color: #ffd1d1;
}
html:has(template[data-vk-css="css/pages/admin/data_sql/users.css"]) .parental-note{
    margin: 0 0 13px;
    color: #c8d7e8;
    font-size: 0.88rem;
}
html:has(template[data-vk-css="css/pages/admin/data_sql/users.css"]) .parental-form-grid{
    display: grid;
    grid-template-columns: repeat(3, minmax(170px, 1fr));
    gap: 13px;
}
html:has(template[data-vk-css="css/pages/admin/data_sql/users.css"]) .parental-choice-grid{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 8px 14px;
    margin-top: 8px;
}
html:has(template[data-vk-css="css/pages/admin/data_sql/users.css"]) .parental-check{
    display: flex;
    align-items: flex-start;
    gap: 8px;
    color: #e6e6e6;
    font-size: 0.87rem;
}
html:has(template[data-vk-css="css/pages/admin/data_sql/users.css"]) .parental-check input{
    width: auto;
    margin-top: 2px;
    flex: 0 0 auto;
}
html:has(template[data-vk-css="css/pages/admin/data_sql/users.css"]) .parental-section-title{
    margin: 15px 0 6px;
    color: #ddd;
    font-size: 0.88rem;
    font-weight: 700;
}
html:has(template[data-vk-css="css/pages/admin/data_sql/users.css"]) .admin-success,
html:has(template[data-vk-css="css/pages/admin/data_sql/users.css"]) .admin-error{
    padding: 12px 14px;
    border-radius: 10px;
}
html:has(template[data-vk-css="css/pages/admin/data_sql/users.css"]) .admin-success{
    background: rgba(40, 160, 80, 0.2);
    color: #86ff9d;
    border: 1px solid rgba(80, 220, 120, 0.22);
}
html:has(template[data-vk-css="css/pages/admin/data_sql/users.css"]) .admin-error{
    background: rgba(200, 40, 40, 0.2);
    color: #ff8b8b;
    border: 1px solid rgba(255, 90, 90, 0.22);
}


/* css/pages/admin/data_sql.css */
html:has(template[data-vk-css="css/pages/admin/data_sql.css"]) .data-sql-root{width:100%;min-width:0;color:#ddd}
html:has(template[data-vk-css="css/pages/admin/data_sql.css"]) .data-sql-root *{box-sizing:border-box}
html:has(template[data-vk-css="css/pages/admin/data_sql.css"]) .data-sql-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 18px;padding:12px 14px;border:1px solid rgba(201,164,92,.32);border-radius:12px;background:rgba(10,10,13,.82)}
html:has(template[data-vk-css="css/pages/admin/data_sql.css"]) .data-sql-toolbar a{display:inline-flex;align-items:center;gap:7px;color:#d8b767;text-decoration:none;font-weight:700}
html:has(template[data-vk-css="css/pages/admin/data_sql.css"]) .data-sql-toolbar form{margin:0}
html:has(template[data-vk-css="css/pages/admin/data_sql.css"]) .data-sql-toolbar select{max-width:360px;padding:9px 12px;border:1px solid #5f5238;border-radius:8px;background:#111;color:#eee}
html:has(template[data-vk-css="css/pages/admin/data_sql.css"]) .data-sql-title{text-align:center;margin:0;color:#d0ad5b;font-size:clamp(1.55rem,3vw,2.25rem)}
html:has(template[data-vk-css="css/pages/admin/data_sql.css"]) .data-sql-intro{text-align:center;max-width:760px;margin:9px auto 24px;color:#999;line-height:1.5}
html:has(template[data-vk-css="css/pages/admin/data_sql.css"]) .data-sql-group{margin:0 0 28px}
html:has(template[data-vk-css="css/pages/admin/data_sql.css"]) .data-sql-group h2{margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.09);color:#eee;font-size:1.15rem}
html:has(template[data-vk-css="css/pages/admin/data_sql.css"]) .data-sql-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:12px}
html:has(template[data-vk-css="css/pages/admin/data_sql.css"]) .data-sql-card{display:flex;gap:12px;min-width:0;padding:15px;border:1px solid rgba(255,255,255,.10);border-radius:13px;background:linear-gradient(145deg,rgba(20,20,25,.96),rgba(10,10,13,.96));color:#ddd;text-decoration:none;transition:transform .16s ease,border-color .16s ease,background .16s ease}
html:has(template[data-vk-css="css/pages/admin/data_sql.css"]) .data-sql-card:hover{transform:translateY(-2px);border-color:rgba(201,164,92,.58);background:#18161a}
html:has(template[data-vk-css="css/pages/admin/data_sql.css"]) .data-sql-card.missing{opacity:.58}
html:has(template[data-vk-css="css/pages/admin/data_sql.css"]) .data-sql-icon{flex:0 0 38px;font-size:1.55rem;line-height:1.25;text-align:center}
html:has(template[data-vk-css="css/pages/admin/data_sql.css"]) .data-sql-copy{min-width:0}
html:has(template[data-vk-css="css/pages/admin/data_sql.css"]) .data-sql-copy strong{display:block;color:#f2f2f2;margin-bottom:5px}
html:has(template[data-vk-css="css/pages/admin/data_sql.css"]) .data-sql-copy span{display:block;color:#939393;font-size:.88rem;line-height:1.35}
html:has(template[data-vk-css="css/pages/admin/data_sql.css"]) .data-sql-meta{margin-top:9px!important;color:#b89c5c!important;font-size:.76rem!important;text-transform:uppercase;letter-spacing:.04em}
html:has(template[data-vk-css="css/pages/admin/data_sql.css"]) .data-sql-alert{margin:0 0 18px;padding:12px 14px;border:1px solid #8a5439;border-radius:10px;background:#2a1712;color:#ffc8ae}
html:has(template[data-vk-css="css/pages/admin/data_sql.css"]) .data-sql-jm-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin:0 0 16px}
html:has(template[data-vk-css="css/pages/admin/data_sql.css"]) .data-sql-jm-head h1{margin:0;color:#d0ad5b;font-size:clamp(1.35rem,2.6vw,2rem)}
html:has(template[data-vk-css="css/pages/admin/data_sql.css"]) .data-sql-jm-head p{margin:5px 0 0;color:#999;line-height:1.45}
html:has(template[data-vk-css="css/pages/admin/data_sql.css"]) .data-sql-jm-count{flex:0 0 auto;padding:7px 11px;border:1px solid rgba(201,164,92,.34);border-radius:999px;background:rgba(201,164,92,.08);color:#d8b767;font-size:.86rem;font-weight:700}
html:has(template[data-vk-css="css/pages/admin/data_sql.css"]) .data-sql-jm-wrap{width:100%;overflow-x:auto;border:1px solid rgba(255,255,255,.10);border-radius:12px;background:rgba(8,8,11,.78)}
html:has(template[data-vk-css="css/pages/admin/data_sql.css"]) .data-sql-jm-table{width:100%;min-width:790px;border-collapse:collapse}
html:has(template[data-vk-css="css/pages/admin/data_sql.css"]) .data-sql-jm-table th,
html:has(template[data-vk-css="css/pages/admin/data_sql.css"]) .data-sql-jm-table td{padding:11px 12px;border-bottom:1px solid rgba(255,255,255,.07);text-align:left;vertical-align:middle;white-space:nowrap}
html:has(template[data-vk-css="css/pages/admin/data_sql.css"]) .data-sql-jm-table th{position:sticky;top:0;background:#151318;color:#d7bb76;font-size:.78rem;text-transform:uppercase;letter-spacing:.045em}
html:has(template[data-vk-css="css/pages/admin/data_sql.css"]) .data-sql-jm-table tbody tr:hover{background:rgba(201,164,92,.055)}
html:has(template[data-vk-css="css/pages/admin/data_sql.css"]) .data-sql-jm-table tbody tr:last-child td{border-bottom:0}
html:has(template[data-vk-css="css/pages/admin/data_sql.css"]) .data-sql-jm-user{color:#f2f2f2;font-weight:700}
html:has(template[data-vk-css="css/pages/admin/data_sql.css"]) .data-sql-jm-code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:#d8b767}
html:has(template[data-vk-css="css/pages/admin/data_sql.css"]) .data-sql-jm-read{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border:1px solid rgba(77,191,111,.36);border-radius:999px;background:rgba(77,191,111,.10);color:#8be1a4;font-size:.76rem;font-weight:800}
html:has(template[data-vk-css="css/pages/admin/data_sql.css"]) .data-sql-jm-version{max-width:230px;overflow:hidden;text-overflow:ellipsis;color:#aaa;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.78rem}
html:has(template[data-vk-css="css/pages/admin/data_sql.css"]) .data-sql-jm-empty{padding:22px;text-align:center;color:#888}


/* css/pages/admin/db_modif/_table_editor.css */
html:has(template[data-vk-css="css/pages/admin/db_modif/_table_editor.css"]) .dbm-editor{display:flex;flex-direction:column;gap:16px}
html:has(template[data-vk-css="css/pages/admin/db_modif/_table_editor.css"]) .dbm-editor-title{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
html:has(template[data-vk-css="css/pages/admin/db_modif/_table_editor.css"]) .dbm-editor-title h1{margin-bottom:4px}
html:has(template[data-vk-css="css/pages/admin/db_modif/_table_editor.css"]) .dbm-editor-title p{margin:0;color:#999}
html:has(template[data-vk-css="css/pages/admin/db_modif/_table_editor.css"]) .dbm-editor-title code{color:#efb5b5}
html:has(template[data-vk-css="css/pages/admin/db_modif/_table_editor.css"]) .dbm-success,
html:has(template[data-vk-css="css/pages/admin/db_modif/_table_editor.css"]) .dbm-error,
html:has(template[data-vk-css="css/pages/admin/db_modif/_table_editor.css"]) .dbm-warning{padding:12px 14px;border-radius:9px}
html:has(template[data-vk-css="css/pages/admin/db_modif/_table_editor.css"]) .dbm-success{background:rgba(35,150,70,.2);border:1px solid rgba(70,210,105,.3);color:#aaffbc}
html:has(template[data-vk-css="css/pages/admin/db_modif/_table_editor.css"]) .dbm-error{background:rgba(180,35,35,.22);border:1px solid rgba(255,80,80,.32);color:#ffb5b5}
html:has(template[data-vk-css="css/pages/admin/db_modif/_table_editor.css"]) .dbm-warning{margin-bottom:12px;background:rgba(175,120,20,.2);border:1px solid rgba(240,180,60,.3);color:#ffe0a0}
html:has(template[data-vk-css="css/pages/admin/db_modif/_table_editor.css"]) .dbm-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}
html:has(template[data-vk-css="css/pages/admin/db_modif/_table_editor.css"]) .dbm-field{display:flex;flex-direction:column;gap:6px}
html:has(template[data-vk-css="css/pages/admin/db_modif/_table_editor.css"]) .dbm-field-wide{grid-column:1/-1}
html:has(template[data-vk-css="css/pages/admin/db_modif/_table_editor.css"]) .dbm-field>span:first-child{font-weight:700;color:#ddd}
html:has(template[data-vk-css="css/pages/admin/db_modif/_table_editor.css"]) .dbm-field small{font-weight:400;color:#777}
html:has(template[data-vk-css="css/pages/admin/db_modif/_table_editor.css"]) .dbm-field input,
html:has(template[data-vk-css="css/pages/admin/db_modif/_table_editor.css"]) .dbm-field select,
html:has(template[data-vk-css="css/pages/admin/db_modif/_table_editor.css"]) .dbm-field textarea,
html:has(template[data-vk-css="css/pages/admin/db_modif/_table_editor.css"]) .dbm-list-tools input[type=search]{width:100%;box-sizing:border-box;padding:9px 10px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:rgba(0,0,0,.35);color:#fff}
html:has(template[data-vk-css="css/pages/admin/db_modif/_table_editor.css"]) .dbm-null-option{display:flex;align-items:center;gap:6px;font-size:.8rem;color:#aaa}
html:has(template[data-vk-css="css/pages/admin/db_modif/_table_editor.css"]) .dbm-null-option input{width:auto}
html:has(template[data-vk-css="css/pages/admin/db_modif/_table_editor.css"]) .dbm-form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px;flex-wrap:wrap}
html:has(template[data-vk-css="css/pages/admin/db_modif/_table_editor.css"]) .dbm-save-btn{background:#8c1e1e;color:#fff}
html:has(template[data-vk-css="css/pages/admin/db_modif/_table_editor.css"]) .dbm-list-tools{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;flex-wrap:wrap}
html:has(template[data-vk-css="css/pages/admin/db_modif/_table_editor.css"]) .dbm-list-tools form{display:flex;gap:8px;flex:1;max-width:720px}
html:has(template[data-vk-css="css/pages/admin/db_modif/_table_editor.css"]) .dbm-table-wrap{overflow:auto;max-width:100%;border:1px solid rgba(255,255,255,.08);border-radius:10px}
html:has(template[data-vk-css="css/pages/admin/db_modif/_table_editor.css"]) .dbm-table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:.84rem}
html:has(template[data-vk-css="css/pages/admin/db_modif/_table_editor.css"]) .dbm-table th,
html:has(template[data-vk-css="css/pages/admin/db_modif/_table_editor.css"]) .dbm-table td{padding:9px 10px;border-bottom:1px solid rgba(255,255,255,.07);border-right:1px solid rgba(255,255,255,.04);text-align:left;max-width:260px;overflow:hidden;text-overflow:ellipsis}
html:has(template[data-vk-css="css/pages/admin/db_modif/_table_editor.css"]) .dbm-table th{position:sticky;top:0;background:#17171d;color:#fff;z-index:1}
html:has(template[data-vk-css="css/pages/admin/db_modif/_table_editor.css"]) .dbm-table tr:hover td{background:rgba(255,255,255,.025)}
html:has(template[data-vk-css="css/pages/admin/db_modif/_table_editor.css"]) .dbm-null{color:#777;font-style:italic}
html:has(template[data-vk-css="css/pages/admin/db_modif/_table_editor.css"]) .dbm-row-actions{display:flex;gap:6px;align-items:center;position:sticky;right:0;background:#131318}
html:has(template[data-vk-css="css/pages/admin/db_modif/_table_editor.css"]) .dbm-row-actions form{margin:0}
html:has(template[data-vk-css="css/pages/admin/db_modif/_table_editor.css"]) .dbm-row-actions .admin-btn{min-height:32px;padding:6px 9px;font-size:.78rem}
html:has(template[data-vk-css="css/pages/admin/db_modif/_table_editor.css"]) .dbm-delete-btn{background:rgba(180,30,30,.34);color:#ffc6c6}
html:has(template[data-vk-css="css/pages/admin/db_modif/_table_editor.css"]) .dbm-pagination{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:16px}


/* css/pages/admin/db_modif/utilisateurs.css */
html:has(template[data-vk-css="css/pages/admin/db_modif/utilisateurs.css"]) .users-page{
    display: flex;
    flex-direction: column;
    gap: 18px;
}
html:has(template[data-vk-css="css/pages/admin/db_modif/utilisateurs.css"]) .users-topbar{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 12px;
}
html:has(template[data-vk-css="css/pages/admin/db_modif/utilisateurs.css"]) .user-stat{
    background: rgba(15, 15, 20, 0.92);
    border: 1px solid rgba(255,255,255,0.10);
    border-radius: 14px;
    padding: 14px;
    box-shadow: 0 6px 20px rgba(0,0,0,0.25);
}
html:has(template[data-vk-css="css/pages/admin/db_modif/utilisateurs.css"]) .user-stat strong{
    display: block;
    font-size: 1.45rem;
    color: #fff;
    line-height: 1.1;
}
html:has(template[data-vk-css="css/pages/admin/db_modif/utilisateurs.css"]) .user-stat span{
    color: #aaa;
    font-size: 0.84rem;
}
html:has(template[data-vk-css="css/pages/admin/db_modif/utilisateurs.css"]) .users-toolbar{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    background: rgba(15, 15, 20, 0.92);
    border: 1px solid rgba(255,255,255,0.10);
    border-radius: 14px;
    padding: 12px;
}
html:has(template[data-vk-css="css/pages/admin/db_modif/utilisateurs.css"]) .users-search{
    width: min(420px, 100%);
    border-radius: 10px;
    border: 1px solid rgba(255,255,255,0.15);
    background: rgba(0,0,0,0.35);
    color: #fff;
    padding: 10px 12px;
}
html:has(template[data-vk-css="css/pages/admin/db_modif/utilisateurs.css"]) .users-mode-info{
    color: #aaa;
    font-size: 0.9rem;
}
html:has(template[data-vk-css="css/pages/admin/db_modif/utilisateurs.css"]) .users-list{
    display: flex;
    flex-direction: column;
    gap: 14px;
}
html:has(template[data-vk-css="css/pages/admin/db_modif/utilisateurs.css"]) .user-card{
    background: linear-gradient(145deg, rgba(18,18,24,0.96), rgba(10,10,14,0.96));
    border: 1px solid rgba(180, 40, 40, 0.28);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 8px 24px rgba(0,0,0,0.30);
}
html:has(template[data-vk-css="css/pages/admin/db_modif/utilisateurs.css"]) .user-card.editing{
    border-color: rgba(210, 55, 55, 0.75);
    box-shadow: 0 0 0 1px rgba(210,55,55,0.22), 0 10px 28px rgba(0,0,0,0.42);
}
html:has(template[data-vk-css="css/pages/admin/db_modif/utilisateurs.css"]) .user-card.simulation{
    position: relative;
    background: linear-gradient(145deg, rgba(25, 31, 54, 0.98), rgba(13, 15, 29, 0.98));
    border: 2px dashed rgba(111, 156, 255, 0.82);
    box-shadow: 0 8px 26px rgba(29, 67, 145, 0.28);
}
html:has(template[data-vk-css="css/pages/admin/db_modif/utilisateurs.css"]) .user-card.simulation::before{
    content: 'COMPTE DE TEST';
    position: absolute;
    top: 0;
    right: 18px;
    padding: 3px 10px 4px;
    border-radius: 0 0 8px 8px;
    background: #466fca;
    color: #fff;
    font-size: 0.66rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    z-index: 1;
}
html:has(template[data-vk-css="css/pages/admin/db_modif/utilisateurs.css"]) .user-card.simulation.editing{
    border-color: #8cacff;
    box-shadow: 0 0 0 2px rgba(111, 156, 255, 0.22), 0 10px 30px rgba(18, 47, 110, 0.42);
}
html:has(template[data-vk-css="css/pages/admin/db_modif/utilisateurs.css"]) .user-card.simulation .user-card-header{
    border-bottom-color: rgba(137, 174, 255, 0.22);
}
html:has(template[data-vk-css="css/pages/admin/db_modif/utilisateurs.css"]) .user-card.simulation .user-avatar{
    background: rgba(66, 105, 190, 0.58);
    border-color: rgba(159, 188, 255, 0.46);
}
html:has(template[data-vk-css="css/pages/admin/db_modif/utilisateurs.css"]) .user-card.supervised{
    border-color: rgba(86, 145, 220, 0.58);
}
html:has(template[data-vk-css="css/pages/admin/db_modif/utilisateurs.css"]) .user-card.parental-missing{
    border-color: rgba(235, 70, 70, 0.85);
    box-shadow: 0 0 0 1px rgba(235,70,70,0.22), 0 8px 24px rgba(0,0,0,0.30);
}
html:has(template[data-vk-css="css/pages/admin/db_modif/utilisateurs.css"]) .user-card-header{
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: center;
    padding: 15px 16px;
    border-bottom: 1px solid rgba(255,255,255,0.08);
}
html:has(template[data-vk-css="css/pages/admin/db_modif/utilisateurs.css"]) .user-title-line{
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}
html:has(template[data-vk-css="css/pages/admin/db_modif/utilisateurs.css"]) .user-avatar{
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(150, 30, 30, 0.45);
    border: 1px solid rgba(255,255,255,0.14);
    font-weight: bold;
    color: #fff;
    flex: 0 0 auto;
}
html:has(template[data-vk-css="css/pages/admin/db_modif/utilisateurs.css"]) .user-main-name{
    font-size: 1.08rem;
    font-weight: 700;
    color: #fff;
}
html:has(template[data-vk-css="css/pages/admin/db_modif/utilisateurs.css"]) .user-sub{
    margin-top: 3px;
    color: #aaa;
    font-size: 0.86rem;
}
html:has(template[data-vk-css="css/pages/admin/db_modif/utilisateurs.css"]) .user-badges{
    display: flex;
    gap: 7px;
    flex-wrap: wrap;
    justify-content: flex-end;
}
html:has(template[data-vk-css="css/pages/admin/db_modif/utilisateurs.css"]) .badge{
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 9px;
    border-radius: 999px;
    font-size: 0.78rem;
    background: rgba(255,255,255,0.08);
    color: #ddd;
    white-space: nowrap;
}
html:has(template[data-vk-css="css/pages/admin/db_modif/utilisateurs.css"]) .badge-admin{ background: rgba(155, 40, 40, 0.38); color: #ffd9d9; }
html:has(template[data-vk-css="css/pages/admin/db_modif/utilisateurs.css"]) .badge-vip{ background: rgba(180, 125, 35, 0.38); color: #ffe2ad; }
html:has(template[data-vk-css="css/pages/admin/db_modif/utilisateurs.css"]) .badge-ok{ background: rgba(35, 145, 75, 0.34); color: #b8ffd1; }
html:has(template[data-vk-css="css/pages/admin/db_modif/utilisateurs.css"]) .badge-warn{ background: rgba(170, 120, 35, 0.34); color: #ffe3a6; }
html:has(template[data-vk-css="css/pages/admin/db_modif/utilisateurs.css"]) .badge-block{ background: rgba(200, 40, 40, 0.45); color: #ffc5c5; }
html:has(template[data-vk-css="css/pages/admin/db_modif/utilisateurs.css"]) .badge-parental{ border: 1px solid rgba(255,255,255,0.12); font-weight: 700; }
html:has(template[data-vk-css="css/pages/admin/db_modif/utilisateurs.css"]) .badge-parental.allowed{ background: rgba(35, 145, 75, 0.34); color: #b8ffd1; }
html:has(template[data-vk-css="css/pages/admin/db_modif/utilisateurs.css"]) .badge-parental.pending{ background: rgba(170, 120, 35, 0.34); color: #ffe3a6; }
html:has(template[data-vk-css="css/pages/admin/db_modif/utilisateurs.css"]) .badge-parental.denied{ background: rgba(200, 40, 40, 0.45); color: #ffc5c5; }
html:has(template[data-vk-css="css/pages/admin/db_modif/utilisateurs.css"]) .badge-parental.expired{ background: rgba(90, 90, 100, 0.45); color: #d4d4dc; }
html:has(template[data-vk-css="css/pages/admin/db_modif/utilisateurs.css"]) .badge-parental.missing{ background: rgba(210, 35, 35, 0.62); color: #fff; }
html:has(template[data-vk-css="css/pages/admin/db_modif/utilisateurs.css"]) .badge-simulation{
    background: rgba(70, 111, 202, 0.55);
    border: 1px solid rgba(151, 183, 255, 0.45);
    color: #e2ebff;
    font-weight: 800;
}
html:has(template[data-vk-css="css/pages/admin/db_modif/utilisateurs.css"]) .user-content{display:none;}
html:has(template[data-vk-css="css/pages/admin/db_modif/utilisateurs.css"]) .user-card.open .user-content{display:block;}
html:has(template[data-vk-css="css/pages/admin/db_modif/utilisateurs.css"]) .user-toggle{
    background:none;
    border:none;
    color:#fff;
    font-size:1.2rem;
    cursor:pointer;
    padding:6px 10px;
}
html:has(template[data-vk-css="css/pages/admin/db_modif/utilisateurs.css"]) .user-view-body,
html:has(template[data-vk-css="css/pages/admin/db_modif/utilisateurs.css"]) .user-edit-body{
    padding: 16px;
}
html:has(template[data-vk-css="css/pages/admin/db_modif/utilisateurs.css"]) .user-view-grid{
    display: grid;
    grid-template-columns: repeat(4, minmax(160px, 1fr));
    gap: 12px;
}
html:has(template[data-vk-css="css/pages/admin/db_modif/utilisateurs.css"]) .view-field{
    background: rgba(255,255,255,0.045);
    border: 1px solid rgba(255,255,255,0.07);
    border-radius: 12px;
    padding: 10px;
    min-height: 58px;
}
html:has(template[data-vk-css="css/pages/admin/db_modif/utilisateurs.css"]) .view-field.full{
    grid-column: span 4;
}
html:has(template[data-vk-css="css/pages/admin/db_modif/utilisateurs.css"]) .view-label{
    color: #999;
    font-size: 0.76rem;
    margin-bottom: 4px;
}
html:has(template[data-vk-css="css/pages/admin/db_modif/utilisateurs.css"]) .view-value{
    color: #f2f2f2;
    font-size: 0.92rem;
    overflow-wrap: anywhere;
}
html:has(template[data-vk-css="css/pages/admin/db_modif/utilisateurs.css"]) .user-actions{
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 0 16px 16px;
    flex-wrap: wrap;
}
html:has(template[data-vk-css="css/pages/admin/db_modif/utilisateurs.css"]) .admin-btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 38px;
    padding: 9px 14px;
    border-radius: 10px;
    border: 1px solid rgba(255,255,255,0.12);
    text-decoration: none;
    cursor: pointer;
    font-weight: 700;
    font-size: 0.9rem;
}
html:has(template[data-vk-css="css/pages/admin/db_modif/utilisateurs.css"]) .btn-edit{
    background: rgba(255,255,255,0.08);
    color: #fff;
}
html:has(template[data-vk-css="css/pages/admin/db_modif/utilisateurs.css"]) .btn-cancel{
    background: rgba(255,255,255,0.06);
    color: #ddd;
}
html:has(template[data-vk-css="css/pages/admin/db_modif/utilisateurs.css"]) .btn-save{
    border: none;
    background: linear-gradient(135deg, #7d1515, #b52727);
    color: #fff;
}
html:has(template[data-vk-css="css/pages/admin/db_modif/utilisateurs.css"]) .admin-btn:hover{
    filter: brightness(1.15);
}
html:has(template[data-vk-css="css/pages/admin/db_modif/utilisateurs.css"]) .user-form-grid{
    display: grid;
    grid-template-columns: repeat(4, minmax(170px, 1fr));
    gap: 13px;
}
html:has(template[data-vk-css="css/pages/admin/db_modif/utilisateurs.css"]) .form-field{
    display: flex;
    flex-direction: column;
    gap: 5px;
}
html:has(template[data-vk-css="css/pages/admin/db_modif/utilisateurs.css"]) .form-field.full{ grid-column: span 4; }
html:has(template[data-vk-css="css/pages/admin/db_modif/utilisateurs.css"]) .form-field.half{ grid-column: span 2; }
html:has(template[data-vk-css="css/pages/admin/db_modif/utilisateurs.css"]) .form-field label{
    font-size: 0.8rem;
    color: #bbb;
}
html:has(template[data-vk-css="css/pages/admin/db_modif/utilisateurs.css"]) .form-field input,
html:has(template[data-vk-css="css/pages/admin/db_modif/utilisateurs.css"]) .form-field select,
html:has(template[data-vk-css="css/pages/admin/db_modif/utilisateurs.css"]) .form-field textarea{
    width: 100%;
    box-sizing: border-box;
    border-radius: 9px;
    border: 1px solid rgba(255,255,255,0.16);
    background: rgba(0,0,0,0.38);
    color: #fff;
    padding: 9px 10px;
}
html:has(template[data-vk-css="css/pages/admin/db_modif/utilisateurs.css"]) .form-field textarea{
    min-height: 74px;
    resize: vertical;
}
html:has(template[data-vk-css="css/pages/admin/db_modif/utilisateurs.css"]) .parental-view-block,
html:has(template[data-vk-css="css/pages/admin/db_modif/utilisateurs.css"]) .parental-admin-panel{
    grid-column: span 4;
    border: 1px solid rgba(91, 151, 225, 0.35);
    border-radius: 13px;
    background: rgba(32, 64, 105, 0.18);
    padding: 14px;
}
html:has(template[data-vk-css="css/pages/admin/db_modif/utilisateurs.css"]) .parental-view-block h3,
html:has(template[data-vk-css="css/pages/admin/db_modif/utilisateurs.css"]) .parental-admin-panel h3{
    margin: 0 0 12px;
    color: #cfe5ff;
    font-size: 1rem;
}
html:has(template[data-vk-css="css/pages/admin/db_modif/utilisateurs.css"]) .parental-admin-alert{
    grid-column: span 4;
    padding: 11px 13px;
    border: 1px solid rgba(230, 74, 74, 0.52);
    border-radius: 10px;
    background: rgba(150, 25, 25, 0.24);
    color: #ffd1d1;
}
html:has(template[data-vk-css="css/pages/admin/db_modif/utilisateurs.css"]) .parental-note{
    margin: 0 0 13px;
    color: #c8d7e8;
    font-size: 0.88rem;
}
html:has(template[data-vk-css="css/pages/admin/db_modif/utilisateurs.css"]) .parental-form-grid{
    display: grid;
    grid-template-columns: repeat(3, minmax(170px, 1fr));
    gap: 13px;
}
html:has(template[data-vk-css="css/pages/admin/db_modif/utilisateurs.css"]) .parental-choice-grid{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 8px 14px;
    margin-top: 8px;
}
html:has(template[data-vk-css="css/pages/admin/db_modif/utilisateurs.css"]) .parental-check{
    display: flex;
    align-items: flex-start;
    gap: 8px;
    color: #e6e6e6;
    font-size: 0.87rem;
}
html:has(template[data-vk-css="css/pages/admin/db_modif/utilisateurs.css"]) .parental-check input{
    width: auto;
    margin-top: 2px;
    flex: 0 0 auto;
}
html:has(template[data-vk-css="css/pages/admin/db_modif/utilisateurs.css"]) .parental-section-title{
    margin: 15px 0 6px;
    color: #ddd;
    font-size: 0.88rem;
    font-weight: 700;
}
html:has(template[data-vk-css="css/pages/admin/db_modif/utilisateurs.css"]) .admin-success,
html:has(template[data-vk-css="css/pages/admin/db_modif/utilisateurs.css"]) .admin-error{
    padding: 12px 14px;
    border-radius: 10px;
}
html:has(template[data-vk-css="css/pages/admin/db_modif/utilisateurs.css"]) .admin-success{
    background: rgba(40, 160, 80, 0.2);
    color: #86ff9d;
    border: 1px solid rgba(80, 220, 120, 0.22);
}
html:has(template[data-vk-css="css/pages/admin/db_modif/utilisateurs.css"]) .admin-error{
    background: rgba(200, 40, 40, 0.2);
    color: #ff8b8b;
    border: 1px solid rgba(255, 90, 90, 0.22);
}


/* css/pages/admin/db_modifications.css */
html:has(template[data-vk-css="css/pages/admin/db_modifications.css"]) .dbm-gate{max-width:620px;margin:20px auto;padding:22px}
html:has(template[data-vk-css="css/pages/admin/db_modifications.css"]) .dbm-gate label{display:block;margin:18px 0 6px;color:#ddd}
html:has(template[data-vk-css="css/pages/admin/db_modifications.css"]) .dbm-gate input[type=password]{width:100%;box-sizing:border-box;margin-bottom:16px;padding:11px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:#101014;color:#fff}
html:has(template[data-vk-css="css/pages/admin/db_modifications.css"]) .dbm-gate .admin-error{margin:14px 0;padding:12px;border:1px solid rgba(255,80,80,.35);border-radius:8px;background:rgba(150,20,20,.22);color:#ffb1b1}
html:has(template[data-vk-css="css/pages/admin/db_modifications.css"]) .dbm-page{display:flex;flex-direction:column;gap:18px}
html:has(template[data-vk-css="css/pages/admin/db_modifications.css"]) .dbm-title-row,
html:has(template[data-vk-css="css/pages/admin/db_modifications.css"]) .dbm-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
html:has(template[data-vk-css="css/pages/admin/db_modifications.css"]) .dbm-title-row h1{margin-bottom:5px}
html:has(template[data-vk-css="css/pages/admin/db_modifications.css"]) .dbm-title-row p{margin:0;color:#aaa}
html:has(template[data-vk-css="css/pages/admin/db_modifications.css"]) .dbm-title-row form,
html:has(template[data-vk-css="css/pages/admin/db_modifications.css"]) .dbm-toolbar form{margin:0}
html:has(template[data-vk-css="css/pages/admin/db_modifications.css"]) .dbm-toolbar{margin-bottom:18px}
html:has(template[data-vk-css="css/pages/admin/db_modifications.css"]) .dbm-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:12px}
html:has(template[data-vk-css="css/pages/admin/db_modifications.css"]) .dbm-card{display:flex;flex-direction:column;gap:7px;padding:15px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(255,255,255,.045);color:#eee;text-decoration:none;transition:.18s ease}
html:has(template[data-vk-css="css/pages/admin/db_modifications.css"]) .dbm-card:hover{transform:translateY(-2px);border-color:rgba(190,45,45,.62);background:rgba(120,25,25,.15)}
html:has(template[data-vk-css="css/pages/admin/db_modifications.css"]) .dbm-card strong{color:#fff}
html:has(template[data-vk-css="css/pages/admin/db_modifications.css"]) .dbm-card span{color:#bbb;font-size:.88rem;line-height:1.35}
html:has(template[data-vk-css="css/pages/admin/db_modifications.css"]) .dbm-card small{margin-top:auto;color:#777}
html:has(template[data-vk-css="css/pages/admin/db_modifications.css"]) .dbm-card.dbm-danger{border-color:rgba(220,65,65,.35)}
html:has(template[data-vk-css="css/pages/admin/db_modifications.css"]) .dbm-card.dbm-missing{opacity:.55;border-style:dashed}
html:has(template[data-vk-css="css/pages/admin/db_modifications.css"]) .dbm-lock-btn{background:rgba(130,25,25,.35);color:#ffd1d1}


/* css/pages/admin/emails.css */
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-mail-page{
    --vm-red: #a32229;
    --vm-red-light: #d35c62;
    --vm-panel: rgba(17, 17, 22, .96);
    --vm-border: rgba(255, 255, 255, .11);
    display: flex;
    flex-direction: column;
    gap: 18px;
    color: #eeeeef;
}
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-mail-heading{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    padding: 22px;
    border: 1px solid rgba(163, 34, 41, .42);
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(45, 13, 18, .95), rgba(13, 13, 17, .98));
}
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-mail-heading h1{ margin: 2px 0 8px; font-size: clamp(1.5rem, 3vw, 2.15rem); }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-mail-heading p{ margin: 0; color: #aaaab2; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-mail-kicker{ color: #d76a70 !important; text-transform: uppercase; letter-spacing: .13em; font-size: .76rem; font-weight: 800; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-mail-total{ min-width: 145px; padding: 14px 16px; border-radius: 13px; background: rgba(0, 0, 0, .32); text-align: center; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-mail-total strong{ display: block; font-size: 1.8rem; color: #fff; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-mail-total span{ color: #aaaab2; font-size: .78rem; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-mail-form{ display: flex; flex-direction: column; gap: 18px; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-mail-tabs{ display: flex; gap: 9px; padding: 6px; border: 1px solid var(--vm-border); border-radius: 13px; background: rgba(10, 10, 13, .9); }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-mail-tabs button{ flex: 1; border: 1px solid transparent; border-radius: 9px; padding: 11px 14px; background: transparent; color: #aaaab2; font: inherit; font-weight: 800; cursor: pointer; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-mail-tabs button:hover{ color: #fff; background: rgba(255, 255, 255, .045); }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-mail-tabs button.active{ border-color: rgba(189, 60, 67, .55); background: rgba(163, 34, 41, .19); color: #fff; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-mail-view{ display: none; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-mail-view.active{ display: flex; flex-direction: column; gap: 18px; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-mail-panel,
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-mail-sendbar{
    border: 1px solid var(--vm-border);
    border-radius: 16px;
    background: var(--vm-panel);
    box-shadow: 0 10px 28px rgba(0, 0, 0, .26);
}
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-mail-panel{ padding: 20px; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-mail-section-title{ display: flex; align-items: flex-start; gap: 12px; margin-bottom: 18px; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-mail-section-title > span{ display: grid; flex: 0 0 34px; width: 34px; height: 34px; place-items: center; border-radius: 50%; background: #861c22; color: #fff; font-weight: 800; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-mail-section-title h2{ margin: 2px 0 4px; font-size: 1.15rem; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-mail-section-title p{ margin: 0; color: #96969e; font-size: .88rem; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-mail-section-title code{ color: #e38287; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-mail-modes{ display: grid; grid-template-columns: repeat(4, minmax(135px, 1fr)); gap: 11px; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-mail-mode{ position: relative; display: flex; flex-direction: column; align-items: center; gap: 5px; padding: 16px 10px; border: 1px solid var(--vm-border); border-radius: 13px; background: rgba(255, 255, 255, .035); cursor: pointer; text-align: center; transition: .18s ease; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-mail-mode:hover{ border-color: rgba(211, 92, 98, .55); transform: translateY(-1px); }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-mail-mode:has(input:checked){ border-color: #bd3c43; background: rgba(163, 34, 41, .17); box-shadow: inset 0 0 0 1px rgba(189, 60, 67, .2); }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-mail-mode input{ position: absolute; top: 10px; right: 10px; accent-color: var(--vm-red); }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-mail-mode .mode-icon{ font-size: 1.35rem; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-mail-mode strong{ color: #fff; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-mail-mode small{ color: #96969e; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-recipient-envelope{ margin-top: 14px; overflow: hidden; border: 1px solid rgba(163, 34, 41, .32); border-radius: 12px; background: rgba(0, 0, 0, .25); }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-envelope-line{ display: grid; grid-template-columns: 55px minmax(0, 1fr); gap: 10px; padding: 10px 13px; border-bottom: 1px solid rgba(255, 255, 255, .07); color: #c8c8ce; font-size: .86rem; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-envelope-line > strong{ color: #e28b90; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-envelope-line.recipients{ align-items: start; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-recipient-editor-area{ min-width: 0; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-recipient-addresses{ display: flex; flex-wrap: wrap; gap: 6px; max-height: 118px; overflow: auto; padding-right: 3px; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-recipient-addresses span{ display: inline-flex; align-items: center; gap: 6px; max-width: 100%; padding: 4px 5px 4px 7px; border: 1px solid rgba(255, 255, 255, .09); border-radius: 7px; background: rgba(255, 255, 255, .055); color: #dedee2; overflow-wrap: anywhere; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-recipient-addresses span > em{ min-width: 0; overflow-wrap: anywhere; font-style: normal; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-recipient-addresses span > button{ display: grid; flex: 0 0 20px; width: 20px; height: 20px; place-items: center; border: 0; border-radius: 5px; padding: 0; background: rgba(211, 74, 80, .18); color: #e8a3a7; font-size: 1rem; line-height: 1; cursor: pointer; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-recipient-addresses span > button:hover{ background: rgba(211, 74, 80, .35); color: #fff; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-recipient-addresses .empty{ color: #888890; font-style: italic; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-add-recipient-row{ display: flex; gap: 7px; margin-top: 9px; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-add-recipient-row input{ min-width: 0; flex: 1; border: 1px solid rgba(255, 255, 255, .14); border-radius: 8px; padding: 8px 10px; background: rgba(0, 0, 0, .31); color: #f3f3f4; font: inherit; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-add-recipient-row input.invalid{ border-color: #d34a50; box-shadow: 0 0 0 2px rgba(211, 74, 80, .13); }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-add-recipient-row button{ border: 1px solid rgba(189, 60, 67, .5); border-radius: 8px; padding: 8px 11px; background: rgba(163, 34, 41, .2); color: #f0c4c6; font-weight: 800; cursor: pointer; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-recipient-editor-area > small{ display: block; margin-top: 6px; color: #7f7f87; line-height: 1.35; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-envelope-summary{ display: flex; justify-content: space-between; gap: 12px; padding: 9px 13px; background: rgba(163, 34, 41, .08); color: #9f9fa7; font-size: .8rem; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-envelope-summary strong{ color: #e9b4b7; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-manual-panel{ display: none; margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--vm-border); }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-manual-panel.open{ display: block; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-manual-toolbar{ display: flex; align-items: center; flex-wrap: wrap; gap: 9px; margin-bottom: 11px; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-manual-toolbar input{ flex: 1 1 260px; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-manual-toolbar button{ border: 1px solid var(--vm-border); border-radius: 9px; padding: 9px 11px; background: rgba(255, 255, 255, .06); color: #ddd; cursor: pointer; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-manual-toolbar strong{ margin-left: auto; color: #e48589; font-size: .88rem; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-user-list{ max-height: 390px; overflow: auto; display: flex; flex-direction: column; gap: 7px; padding-right: 4px; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-user-row{ display: flex; align-items: center; gap: 11px; padding: 10px 12px; border: 1px solid rgba(255, 255, 255, .075); border-radius: 10px; background: rgba(255, 255, 255, .025); cursor: pointer; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-user-row:hover{ background: rgba(255, 255, 255, .055); }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-user-row[hidden]{ display: none; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-user-row input{ accent-color: var(--vm-red); }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-user-avatar{ display: grid; flex: 0 0 36px; width: 36px; height: 36px; place-items: center; border-radius: 50%; background: rgba(163, 34, 41, .28); color: #fff; font-weight: 800; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-user-info{ min-width: 0; flex: 1; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-user-info strong,
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-user-info small{ display: block; overflow-wrap: anywhere; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-user-info small{ margin-top: 3px; color: #92929a; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-user-role{ padding: 4px 8px; border-radius: 999px; background: rgba(255, 255, 255, .08); color: #bbb; font-size: .74rem; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-user-role.vip{ background: rgba(183, 129, 35, .23); color: #f0cf86; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-user-role.admin{ background: rgba(151, 52, 171, .24); color: #e5a8ef; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-user-role.external{ background: rgba(50, 112, 172, .22); color: #9bcaf4; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-empty{ color: #aaa; text-align: center; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-custom-recipient-block{ margin-top: 15px; padding-top: 15px; border-top: 1px solid var(--vm-border); }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-custom-recipient-block h3{ margin: 0 0 10px; font-size: .95rem; color: #ddd; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-saved-recipient-list{ display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 8px; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-saved-recipient{ display: flex; align-items: center; gap: 9px; padding: 10px; border: 1px solid rgba(255, 255, 255, .08); border-radius: 10px; background: rgba(255, 255, 255, .025); cursor: pointer; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-saved-recipient input{ accent-color: var(--vm-red); }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-saved-recipient span{ min-width: 0; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-saved-recipient strong,
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-saved-recipient small{ display: block; overflow-wrap: anywhere; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-saved-recipient small{ margin-top: 2px; color: #92929a; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-oneoff-addresses{ display: flex; flex-direction: column; gap: 6px; margin-top: 15px; padding-top: 15px; border-top: 1px solid var(--vm-border); }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-oneoff-addresses > span{ color: #cfcfd4; font-size: .88rem; font-weight: 700; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-oneoff-addresses textarea{ width: 100%; box-sizing: border-box; resize: vertical; border: 1px solid rgba(255, 255, 255, .14); border-radius: 10px; padding: 11px 12px; background: rgba(0, 0, 0, .31); color: #f3f3f4; font: inherit; line-height: 1.45; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-oneoff-addresses small{ color: #85858d; line-height: 1.4; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-mail-fields{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-mail-fields label{ display: flex; flex-direction: column; gap: 6px; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-mail-fields label.full{ grid-column: 1 / -1; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-mail-fields label > span{ color: #cfcfd4; font-size: .88rem; font-weight: 700; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-mail-fields label > span small{ color: #85858d; font-weight: 400; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-mail-fields input,
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-mail-fields select,
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-mail-fields textarea,
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-manual-toolbar input{
    width: 100%;
    box-sizing: border-box;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 10px;
    padding: 11px 12px;
    background: rgba(0, 0, 0, .31);
    color: #f3f3f4;
    font: inherit;
}
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-mail-fields textarea{ resize: vertical; line-height: 1.5; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-mail-fields input:focus,
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-mail-fields select:focus,
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-mail-fields textarea:focus,
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-manual-toolbar input:focus{ outline: none; border-color: #bd3c43; box-shadow: 0 0 0 3px rgba(163, 34, 41, .14); }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-preview-shell{ max-width: 620px; margin: 0 auto; overflow: hidden; border: 1px solid #402025; border-radius: 14px; background: #151518; box-shadow: 0 12px 35px rgba(0, 0, 0, .28); }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-preview-header{ padding: 23px 26px; border-bottom: 3px solid #861c22; background: #0d0d10; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-preview-header strong{ display: block; font-family: Georgia, serif; font-size: 1.7rem; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-preview-header small{ display: block; margin-top: 6px; color: #d07579; letter-spacing: .16em; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-preview-body{ padding: 28px 26px; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-preview-body h3{ margin: 0 0 20px; font-family: Georgia, serif; font-size: 1.55rem; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-preview-message{ color: #dddddf; line-height: 1.7; overflow-wrap: anywhere; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-preview-button{ display: table; margin: 28px auto 5px; padding: 12px 20px; border-radius: 8px; background: #991f25; color: #fff; text-decoration: none; font-weight: 700; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-preview-button[hidden]{ display: none; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-preview-signature{ margin-top: 28px; padding-top: 18px; border-top: 1px solid #34343a; color: #bdbdc3; line-height: 1.55; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-preview-footer{ padding: 16px 26px; background: #0d0d10; color: #77777f; text-align: center; font-size: .78rem; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-mail-sendbar{ position: sticky; bottom: 10px; z-index: 5; display: flex; align-items: center; gap: 18px; padding: 15px 18px; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-mail-sendbar > div{ margin-right: auto; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-mail-sendbar > div strong,
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-mail-sendbar > div small{ display: block; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-mail-sendbar > div small{ margin-top: 3px; color: #8f8f97; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-confirm{ display: flex; align-items: center; gap: 8px; color: #c8c8cd; font-size: .88rem; cursor: pointer; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-confirm input{ accent-color: var(--vm-red); }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-send-button{ border: 0; border-radius: 10px; padding: 12px 17px; background: linear-gradient(135deg, #861c22, #bd3038); color: #fff; font-weight: 800; cursor: pointer; box-shadow: 0 7px 20px rgba(134, 28, 34, .28); }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-send-button:hover{ filter: brightness(1.12); }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-mail-alert{ padding: 13px 15px; border-radius: 11px; border: 1px solid; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-mail-alert.success{ border-color: rgba(56, 171, 97, .48); background: rgba(35, 125, 68, .18); color: #aff2c5; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-mail-alert.error{ border-color: rgba(211, 74, 80, .5); background: rgba(145, 31, 38, .19); color: #ffc1c4; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-mail-failures{ margin-top: 7px; color: #eaa1a5; font-size: .83rem; overflow-wrap: anywhere; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-contact-form{ display: grid; grid-template-columns: minmax(170px, .7fr) minmax(230px, 1fr) auto; align-items: end; gap: 12px; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-contact-form label{ display: flex; flex-direction: column; gap: 6px; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-contact-form label span{ color: #cfcfd4; font-size: .88rem; font-weight: 700; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-contact-form label small{ color: #85858d; font-weight: 400; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-contact-form input,
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-address-heading input{ width: 100%; box-sizing: border-box; border: 1px solid rgba(255, 255, 255, .14); border-radius: 10px; padding: 11px 12px; background: rgba(0, 0, 0, .31); color: #f3f3f4; font: inherit; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-contact-form button{ min-height: 42px; border: 0; border-radius: 10px; padding: 10px 15px; background: linear-gradient(135deg, #861c22, #bd3038); color: #fff; font-weight: 800; cursor: pointer; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-address-heading{ display: flex; justify-content: space-between; align-items: end; gap: 15px; margin-bottom: 14px; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-address-heading h2{ margin: 0 0 5px; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-address-heading p{ margin: 0; color: #92929a; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-address-heading input{ width: min(350px, 100%); }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-address-table{ display: flex; flex-direction: column; gap: 7px; max-height: 520px; overflow: auto; padding-right: 3px; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-address-row{ display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 11px 13px; border: 1px solid rgba(255, 255, 255, .075); border-radius: 10px; background: rgba(255, 255, 255, .025); }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-address-row.custom{ grid-template-columns: minmax(0, 1fr) auto auto; border-color: rgba(67, 132, 191, .24); }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-address-row[hidden]{ display: none; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-address-row > div{ min-width: 0; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-address-row strong,
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-address-row small{ display: block; overflow-wrap: anywhere; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-address-row small{ margin-top: 3px; color: #92929a; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-delete-contact-form button{ border: 1px solid rgba(211, 74, 80, .3); border-radius: 8px; padding: 7px 9px; background: rgba(145, 31, 38, .15); color: #eaa1a5; cursor: pointer; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-history-list{ display: flex; flex-direction: column; gap: 9px; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-history-item{ overflow: hidden; border: 1px solid rgba(255, 255, 255, .085); border-radius: 11px; background: rgba(255, 255, 255, .025); }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-history-item summary{ display: grid; grid-template-columns: 135px minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 13px 14px; cursor: pointer; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-history-item[open] summary{ border-bottom: 1px solid rgba(255, 255, 255, .08); background: rgba(255, 255, 255, .025); }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-history-date{ color: #94949c; font-size: .82rem; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-history-item summary strong{ overflow-wrap: anywhere; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-history-stats{ color: #b8ddb8; font-size: .85rem; white-space: nowrap; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-history-content{ padding: 16px; color: #d0d0d5; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-history-content h3{ margin: 14px 0 10px; color: #fff; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-history-meta{ display: flex; flex-wrap: wrap; gap: 8px; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-history-meta span{ padding: 4px 8px; border-radius: 999px; background: rgba(163, 34, 41, .16); color: #d9878b; font-size: .76rem; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-history-message{ line-height: 1.6; overflow-wrap: anywhere; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-history-recipients{ margin-top: 15px; padding: 11px; border-radius: 9px; background: rgba(0, 0, 0, .24); color: #a9a9b0; font-size: .84rem; line-height: 1.5; overflow-wrap: anywhere; }


/* css/pages/admin/journal_mattthieu.css */
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-page,
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-page *{
    box-sizing: border-box;
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-page{
    color: #e7e7e7;
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-page h1{
    margin: 0 0 6px;
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-intro{
    margin: 0 0 20px;
    color: #a7a7a7;
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-storage{
    display: flex;
    flex-wrap: wrap;
    gap: 8px 16px;
    align-items: center;
    margin: 0 0 16px;
    padding: 10px 12px;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 9px;
    color: #9f9f9f;
    background: rgba(255,255,255,.025);
    font-size: .8rem;
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-storage code{
    color: #8fdda5;
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-storage .ok{
    color: #8fdda5;
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-storage .bad{
    color: #ff9696;
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-grid{
    display: grid;
    grid-template-columns: minmax(330px, .8fr) minmax(420px, 1.2fr);
    gap: 18px;
    align-items: start;
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-panel{
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 14px;
    padding: 17px;
    background: rgba(13,13,17,.94);
    box-shadow: 0 10px 30px rgba(0,0,0,.23);
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-panel h2{
    margin: 0 0 15px;
    color: #e7c25e;
    font-size: 1.05rem;
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-form-grid{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 11px;
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-field{
    margin-bottom: 11px;
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-field.full{
    grid-column: 1 / -1;
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-field label{
    display: block;
    margin-bottom: 5px;
    color: #bebebe;
    font-size: .82rem;
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-field .jma-sub-label{
    margin-top: 10px;
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-help{
    display: block;
    margin-top: 6px;
    color: #858585;
    font-size: .72rem;
    line-height: 1.4;
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-field input,
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-field textarea,
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-field select{
    width: 100%;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 8px;
    padding: 10px 11px;
    color: #f2f2f2;
    background: #09090c;
    font: inherit;
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-field textarea{
    min-height: 260px;
    resize: vertical;
    line-height: 1.55;
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-format-toolbar{
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin: 0 0 7px;
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-format-btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 6px 10px;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 7px;
    color: #d9d9d9;
    background: rgba(255,255,255,.045);
    cursor: pointer;
    font: inherit;
    font-size: .78rem;
    line-height: 1;
    touch-action: manipulation;
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-format-btn:hover,
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-format-btn:focus-visible{
    color: #f1d985;
    border-color: rgba(231,194,94,.45);
    background: rgba(231,194,94,.09);
    outline: none;
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-format-btn strong,
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-format-btn em{
    margin-right: 6px;
    color: inherit;
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-field input:focus,
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-field textarea:focus,
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-field select:focus{
    outline: none;
    border-color: rgba(231,194,94,.72);
    box-shadow: 0 0 0 3px rgba(231,194,94,.07);
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-check{
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 7px 0 14px;
    color: #cfcfcf;
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-check input{
    width: auto;
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-actions{
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 9px 13px;
    border: 1px solid rgba(231,194,94,.42);
    border-radius: 8px;
    color: #f1d985;
    background: rgba(231,194,94,.08);
    cursor: pointer;
    font: inherit;
    text-decoration: none;
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-btn:hover{
    background: rgba(231,194,94,.16);
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-btn.primary{
    color: #090909;
    background: #dfbb59;
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-btn.danger{
    color: #ff9292;
    border-color: rgba(255,85,85,.35);
    background: rgba(255,55,55,.07);
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-btn.muted{
    color: #bdbdbd;
    border-color: rgba(255,255,255,.13);
    background: rgba(255,255,255,.04);
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-notice{
    margin: 0 0 15px;
    border: 1px solid rgba(79,209,124,.35);
    border-radius: 9px;
    padding: 11px 13px;
    color: #a9efc0;
    background: rgba(50,170,92,.08);
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-notice.error{
    color: #ffaaaa;
    border-color: rgba(255,80,80,.35);
    background: rgba(255,50,50,.07);
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-table-wrap{
    overflow-x: auto;
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-table{
    width: 100%;
    border-collapse: collapse;
    font-size: .82rem;
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-table th,
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-table td{
    padding: 10px 8px;
    border-bottom: 1px solid rgba(255,255,255,.08);
    text-align: left;
    vertical-align: top;
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-table th{
    color: #adadad;
    font-size: .72rem;
    text-transform: uppercase;
    letter-spacing: .06em;
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-table td{
    color: #d8d8d8;
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-code{
    color: #7bbd8f;
    white-space: nowrap;
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-title-cell strong{
    display: block;
    color: #fff;
    margin-bottom: 3px;
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-title-cell small{
    color: #8e8e8e;
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-pill{
    display: inline-flex;
    padding: 3px 6px;
    border: 1px solid rgba(255,255,255,.13);
    border-radius: 99px;
    color: #a7a7a7;
    font-size: .68rem;
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-pill.on{
    color: #8fedaa;
    border-color: rgba(97,225,135,.28);
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-pill.off{
    color: #ff9292;
    border-color: rgba(255,100,100,.25);
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-inline-actions{
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-inline-actions form{
    margin: 0;
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-mini{
    min-height: 30px;
    padding: 5px 7px;
    font-size: .7rem;
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-empty{
    padding: 18px;
    border: 1px dashed rgba(255,255,255,.15);
    border-radius: 9px;
    color: #999;
    text-align: center;
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-install{
    border: 1px solid rgba(255,120,120,.3);
    border-radius: 10px;
    padding: 16px;
    color: #ffb0b0;
    background: rgba(160,35,35,.08);
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-toolbar{
    display: flex;
    justify-content: space-between;
    gap: 10px;
    align-items: center;
    margin-bottom: 13px;
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-toolbar a{
    color: #e7c25e;
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-mobile-list{
    display: none;
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-mobile-card{
    border: 1px solid rgba(255,255,255,.11);
    border-radius: 11px;
    padding: 13px;
    background: rgba(255,255,255,.025);
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-mobile-card + .jma-mobile-card{
    margin-top: 11px;
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-mobile-card-head{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 10px;
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-mobile-card-title{
    min-width: 0;
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-mobile-card-title strong{
    display: block;
    color: #fff;
    font-size: 1rem;
    line-height: 1.35;
    overflow-wrap: anywhere;
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-mobile-card-title small{
    display: block;
    margin-top: 4px;
    color: #8e8e8e;
    font-size: .78rem;
    line-height: 1.45;
    overflow-wrap: anywhere;
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-mobile-card-code{
    margin: 0 0 10px;
    color: #7bbd8f;
    font-size: .75rem;
    overflow-wrap: anywhere;
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-mobile-meta{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin-bottom: 11px;
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-mobile-meta-item{
    min-width: 0;
    padding: 8px 9px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 8px;
    background: rgba(0,0,0,.16);
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-mobile-meta-item small{
    display: block;
    margin-bottom: 4px;
    color: #858585;
    font-size: .65rem;
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase;
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-mobile-actions{
    display: grid;
    grid-template-columns: 1fr;
    gap: 7px;
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-mobile-actions form{
    width: 100%;
    margin: 0;
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-mobile-actions .jma-btn,
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-mobile-actions form .jma-btn{
    width: 100%;
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-mobile-tabs{
    display: none;
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]).jma-device-mobile,
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]).jma-device-mobile body{
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]).jma-device-mobile .jma-page{
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    box-sizing: border-box !important;
    width: 100dvw !important;
    min-width: 0 !important;
    max-width: 100dvw !important;
    margin-top: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    margin-left: calc(50% - 50dvw) !important;
    padding-top: 4px !important;
    padding-right: max(10px, env(safe-area-inset-right)) !important;
    padding-bottom: max(18px, env(safe-area-inset-bottom)) !important;
    padding-left: max(10px, env(safe-area-inset-left)) !important;
    overflow: visible !important;
    transform: none !important;
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]).jma-device-mobile .jma-page,
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]).jma-device-mobile .jma-page *,
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]).jma-device-mobile .jma-page *::before,
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]).jma-device-mobile .jma-page *::after{
    box-sizing: border-box !important;
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]).jma-device-mobile .jma-page h1{
    width: 100% !important;
    margin: 0 0 8px !important;
    padding: 0 !important;
    font-size: clamp(1.15rem, 5.6vw, 1.45rem) !important;
    line-height: 1.22 !important;
    overflow-wrap: anywhere !important;
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]).jma-device-mobile .jma-intro{
    display: none !important;
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]).jma-device-mobile .jma-storage{
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 0 10px !important;
    padding: 8px 9px !important;
    gap: 5px 10px !important;
    overflow: hidden !important;
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]).jma-device-mobile .jma-storage > span:first-child,
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]).jma-device-mobile .jma-storage > span:last-child{
    display: none !important;
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]).jma-device-mobile .jma-storage > span{
    min-width: 0 !important;
    max-width: 100% !important;
    font-size: .74rem !important;
    line-height: 1.3 !important;
    overflow-wrap: anywhere !important;
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]).jma-device-mobile .jma-notice,
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]).jma-device-mobile .jma-install{
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 10px !important;
    overflow-wrap: anywhere !important;
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]).jma-device-mobile .jma-mobile-tabs{
    position: relative !important;
    top: auto !important;
    left: auto !important;
    z-index: 2 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 0 10px !important;
    padding: 5px !important;
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]).jma-device-mobile .jma-mobile-tab{
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 46px !important;
    padding: 8px 5px !important;
    font-size: .82rem !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]).jma-device-mobile .jma-grid,
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]).jma-device-mobile .jma-editor-panel,
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]).jma-device-mobile .jma-list-panel,
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]).jma-device-mobile .jma-panel,
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]).jma-device-mobile .jma-panel > form,
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]).jma-device-mobile .jma-form-grid,
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]).jma-device-mobile .jma-field,
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]).jma-device-mobile .jma-field.full{
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]).jma-device-mobile .jma-page.jma-show-editor .jma-editor-panel{
    display: block !important;
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]).jma-device-mobile .jma-page.jma-show-editor .jma-list-panel{
    display: none !important;
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]).jma-device-mobile .jma-page.jma-show-list .jma-editor-panel{
    display: none !important;
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]).jma-device-mobile .jma-page.jma-show-list .jma-list-panel{
    display: block !important;
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]).jma-device-mobile .jma-panel{
    margin: 0 !important;
    padding: 11px !important;
    border-radius: 9px !important;
    overflow: visible !important;
    box-shadow: none !important;
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]).jma-device-mobile .jma-panel h2{
    width: 100% !important;
    margin: 0 0 13px !important;
    font-size: 1.02rem !important;
    line-height: 1.3 !important;
    overflow-wrap: anywhere !important;
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]).jma-device-mobile .jma-field,
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]).jma-device-mobile .jma-field.full{
    margin: 0 0 14px !important;
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]).jma-device-mobile .jma-field label{
    display: block !important;
    width: 100% !important;
    margin: 0 0 6px !important;
    font-size: .91rem !important;
    line-height: 1.3 !important;
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]).jma-device-mobile .jma-field .jma-sub-label{
    margin-top: 12px !important;
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]).jma-device-mobile .jma-field input,
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]).jma-device-mobile .jma-field textarea,
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]).jma-device-mobile .jma-field select{
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 11px 10px !important;
    border-radius: 8px !important;
    font-size: 16px !important;
    line-height: 1.35 !important;
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]).jma-device-mobile .jma-field input,
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]).jma-device-mobile .jma-field select{
    min-height: 48px !important;
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]).jma-device-mobile .jma-field input[type="date"],
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]).jma-device-mobile .jma-field input[type="datetime-local"]{
    -webkit-appearance: auto !important;
    appearance: auto !important;
    inline-size: 100% !important;
    min-inline-size: 0 !important;
    max-inline-size: 100% !important;
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]).jma-device-mobile .jma-field select{
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]).jma-device-mobile .jma-field textarea{
    min-height: 210px !important;
    resize: vertical !important;
    white-space: pre-wrap !important;
    overflow-wrap: break-word !important;
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]).jma-device-mobile .jma-help{
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 6px !important;
    font-size: .76rem !important;
    line-height: 1.4 !important;
    overflow-wrap: anywhere !important;
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]).jma-device-mobile .jma-check{
    display: flex !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    align-items: flex-start !important;
    margin: 0 0 14px !important;
    padding: 8px 0 !important;
    font-size: .9rem !important;
    line-height: 1.35 !important;
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]).jma-device-mobile .jma-check input{
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    flex: 0 0 22px !important;
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]).jma-device-mobile .jma-actions,
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]).jma-device-mobile .jma-mobile-actions{
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    gap: 7px !important;
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]).jma-device-mobile .jma-actions > *,
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]).jma-device-mobile .jma-mobile-actions > *,
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]).jma-device-mobile .jma-mobile-actions form,
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]).jma-device-mobile .jma-actions .jma-btn,
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]).jma-device-mobile .jma-mobile-actions .jma-btn{
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]).jma-device-mobile .jma-btn{
    min-height: 47px !important;
    padding: 10px !important;
    font-size: .88rem !important;
    line-height: 1.25 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]).jma-device-mobile .jma-toolbar{
    display: block !important;
    width: 100% !important;
    margin: 0 0 11px !important;
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]).jma-device-mobile .jma-toolbar h2{
    margin-bottom: 8px !important;
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]).jma-device-mobile .jma-toolbar > a{
    display: flex !important;
    width: 100% !important;
    min-height: 44px !important;
    align-items: center !important;
    justify-content: center !important;
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]).jma-device-mobile .jma-table-wrap{
    display: none !important;
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]).jma-device-mobile .jma-mobile-list{
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]).jma-device-mobile .jma-mobile-card{
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 0 9px !important;
    padding: 11px !important;
    overflow: hidden !important;
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]).jma-device-mobile .jma-mobile-card-head,
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]).jma-device-mobile .jma-mobile-meta{
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]).jma-device-mobile .jma-mobile-card-title,
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]).jma-device-mobile .jma-mobile-card-title strong,
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]).jma-device-mobile .jma-mobile-card-title small,
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]).jma-device-mobile .jma-mobile-card-code,
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]).jma-device-mobile .jma-mobile-meta-item{
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]).jma-device-mobile .jma-mobile-card-head > .jma-pill{
    margin-top: 7px !important;
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]).jma-device-mobile .jma-mobile-meta-item{
    margin: 0 0 7px !important;
}
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]).jma-device-mobile .jma-page img,
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]).jma-device-mobile .jma-page svg,
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]).jma-device-mobile .jma-page canvas,
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]).jma-device-mobile .jma-page video{
    max-width: 100% !important;
    height: auto !important;
}


/* css/pages/admin/newsletters.css */
html:has(template[data-vk-css="css/pages/admin/newsletters.css"]) .vk-newsletter-page{
    --vk-red: #9f252b;
    --vk-red-light: #d36b70;
    --vk-panel: #151518;
    --vk-border: #39393f;
    color: #ececef;
    max-width: 1220px;
    margin: 0 auto;
}
html:has(template[data-vk-css="css/pages/admin/newsletters.css"]) .vk-newsletter-heading{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    margin-bottom: 22px;
    padding: 25px 27px;
    border: 1px solid #48252a;
    border-radius: 13px;
    background: linear-gradient(135deg, #181316, #101013);
}
html:has(template[data-vk-css="css/pages/admin/newsletters.css"]) .vk-newsletter-heading h1,
html:has(template[data-vk-css="css/pages/admin/newsletters.css"]) .vk-newsletter-panel h2{
    margin: 0;
    color: #fff;
}
html:has(template[data-vk-css="css/pages/admin/newsletters.css"]) .vk-newsletter-heading > div > p:last-child{
    margin: 8px 0 0;
    color: #aaaab1;
}
html:has(template[data-vk-css="css/pages/admin/newsletters.css"]) .vk-newsletter-kicker{
    margin: 0 0 5px;
    color: var(--vk-red-light);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .16em;
    text-transform: uppercase;
}
html:has(template[data-vk-css="css/pages/admin/newsletters.css"]) .vk-newsletter-stat{
    flex: 0 0 auto;
    min-width: 130px;
    padding: 14px 17px;
    border: 1px solid #553035;
    border-radius: 10px;
    background: rgba(159, 37, 43, .1);
    text-align: center;
}
html:has(template[data-vk-css="css/pages/admin/newsletters.css"]) .vk-newsletter-stat strong,
html:has(template[data-vk-css="css/pages/admin/newsletters.css"]) .vk-newsletter-stat span{
    display: block;
}
html:has(template[data-vk-css="css/pages/admin/newsletters.css"]) .vk-newsletter-stat strong{
    font-size: 1.8rem;
    color: #fff;
}
html:has(template[data-vk-css="css/pages/admin/newsletters.css"]) .vk-newsletter-stat span{
    margin-top: 2px;
    color: #c8a2a5;
    font-size: .78rem;
}
html:has(template[data-vk-css="css/pages/admin/newsletters.css"]) .vk-newsletter-alert{
    margin: 0 0 18px;
    padding: 13px 16px;
    border: 1px solid;
    border-radius: 8px;
    line-height: 1.5;
}
html:has(template[data-vk-css="css/pages/admin/newsletters.css"]) .vk-newsletter-alert.success{
    border-color: #367f52;
    background: rgba(54, 127, 82, .13);
    color: #8ae0aa;
}
html:has(template[data-vk-css="css/pages/admin/newsletters.css"]) .vk-newsletter-alert.error{
    border-color: #a13a42;
    background: rgba(161, 58, 66, .13);
    color: #ff9ba2;
}
html:has(template[data-vk-css="css/pages/admin/newsletters.css"]) .vk-newsletter-alert.info{
    border-color: #5b5b70;
    background: rgba(91, 91, 112, .13);
    color: #c8c8d8;
}
html:has(template[data-vk-css="css/pages/admin/newsletters.css"]) .vk-newsletter-panel{
    margin-bottom: 20px;
    padding: 23px;
    border: 1px solid var(--vk-border);
    border-radius: 12px;
    background: var(--vk-panel);
}
html:has(template[data-vk-css="css/pages/admin/newsletters.css"]) .vk-newsletter-panel-title,
html:has(template[data-vk-css="css/pages/admin/newsletters.css"]) .vk-newsletter-panel-title > div{
    display: flex;
    align-items: center;
    gap: 11px;
}
html:has(template[data-vk-css="css/pages/admin/newsletters.css"]) .vk-newsletter-panel-title{
    justify-content: space-between;
    margin-bottom: 16px;
}
html:has(template[data-vk-css="css/pages/admin/newsletters.css"]) .vk-newsletter-panel-title h2{
    font-size: 1.15rem;
}
html:has(template[data-vk-css="css/pages/admin/newsletters.css"]) .vk-newsletter-step{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--vk-red);
    color: #fff;
    font-size: .85rem;
    font-weight: 800;
}
html:has(template[data-vk-css="css/pages/admin/newsletters.css"]) .vk-newsletter-locked{
    padding: 6px 9px;
    border-radius: 999px;
    background: #24242a;
    color: #aaaab2;
    font-size: .76rem;
}
html:has(template[data-vk-css="css/pages/admin/newsletters.css"]) .vk-newsletter-help{
    margin: 0 0 15px;
    color: #a9a9b0;
    line-height: 1.55;
}
html:has(template[data-vk-css="css/pages/admin/newsletters.css"]) .vk-newsletter-addresses{
    border: 1px solid #34343a;
    border-radius: 8px;
    background: #101013;
}
html:has(template[data-vk-css="css/pages/admin/newsletters.css"]) .vk-newsletter-addresses summary{
    padding: 13px 15px;
    color: #d7d7dc;
    cursor: pointer;
    font-weight: 700;
}
html:has(template[data-vk-css="css/pages/admin/newsletters.css"]) .vk-newsletter-address-list{
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 0 14px 14px;
}
html:has(template[data-vk-css="css/pages/admin/newsletters.css"]) .vk-newsletter-address-list span{
    display: inline-flex;
    align-items: center;
    gap: 7px;
    max-width: 100%;
    padding: 7px 10px;
    border: 1px solid #3e3e45;
    border-radius: 7px;
    background: #1c1c20;
    color: #b7b7be;
    font-size: .8rem;
    overflow-wrap: anywhere;
}
html:has(template[data-vk-css="css/pages/admin/newsletters.css"]) .vk-newsletter-address-list strong{
    color: #eeeef1;
}
html:has(template[data-vk-css="css/pages/admin/newsletters.css"]) .vk-newsletter-workspace{
    display: block;
}
html:has(template[data-vk-css="css/pages/admin/newsletters.css"]) .vk-newsletter-editor label{
    display: block;
    margin: 16px 0 7px;
    color: #d7d7dc;
    font-size: .86rem;
    font-weight: 700;
}
html:has(template[data-vk-css="css/pages/admin/newsletters.css"]) .vk-newsletter-editor input,
html:has(template[data-vk-css="css/pages/admin/newsletters.css"]) .vk-newsletter-editor textarea{
    box-sizing: border-box;
    width: 100%;
    padding: 11px 12px;
    border: 1px solid #44444b;
    border-radius: 7px;
    outline: none;
    background: #0e0e11;
    color: #f0f0f2;
    font: inherit;
    line-height: 1.45;
}
html:has(template[data-vk-css="css/pages/admin/newsletters.css"]) .vk-newsletter-editor input:focus,
html:has(template[data-vk-css="css/pages/admin/newsletters.css"]) .vk-newsletter-editor textarea:focus{
    border-color: var(--vk-red-light);
    box-shadow: 0 0 0 3px rgba(159, 37, 43, .15);
}
html:has(template[data-vk-css="css/pages/admin/newsletters.css"]) .vk-newsletter-editor textarea{
    resize: vertical;
}
html:has(template[data-vk-css="css/pages/admin/newsletters.css"]) .vk-newsletter-tags{
    padding: 9px 11px;
    border-radius: 7px;
    background: #101013;
    color: #a7a7ae;
    font-size: .8rem;
}
html:has(template[data-vk-css="css/pages/admin/newsletters.css"]) .vk-newsletter-tags code{
    color: #e18388;
}
html:has(template[data-vk-css="css/pages/admin/newsletters.css"]) .vk-newsletter-field-grid{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 13px;
}
html:has(template[data-vk-css="css/pages/admin/newsletters.css"]) .vk-newsletter-optional-title{
    margin-top: 24px;
    padding-top: 17px;
    border-top: 1px solid #36363c;
    color: #dc7b80;
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .09em;
    text-transform: uppercase;
}
html:has(template[data-vk-css="css/pages/admin/newsletters.css"]) .vk-newsletter-preview-column{
    position: static;
    box-sizing: border-box;
    width: 100%;
    margin-top: 20px;
}
html:has(template[data-vk-css="css/pages/admin/newsletters.css"]) .vk-newsletter-preview-label{
    margin: 0 0 8px;
    color: #9b9ba3;
    font-size: .76rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}
html:has(template[data-vk-css="css/pages/admin/newsletters.css"]) .vk-newsletter-preview{
    box-sizing: border-box;
    width: 100%;
    overflow: hidden;
    border: 1px solid #43282c;
    border-radius: 12px;
    background: #151518;
    box-shadow: 0 14px 35px rgba(0, 0, 0, .28);
}
html:has(template[data-vk-css="css/pages/admin/newsletters.css"]) .vk-newsletter-preview-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding: 23px;
    border-bottom: 4px solid #8d2026;
    background: #0d0d10;
}
html:has(template[data-vk-css="css/pages/admin/newsletters.css"]) .vk-newsletter-preview-header strong,
html:has(template[data-vk-css="css/pages/admin/newsletters.css"]) .vk-newsletter-preview-header small{
    display: block;
}
html:has(template[data-vk-css="css/pages/admin/newsletters.css"]) .vk-newsletter-preview-header strong{
    font-family: Georgia, serif;
    font-size: 1.7rem;
    color: #fff;
}
html:has(template[data-vk-css="css/pages/admin/newsletters.css"]) .vk-newsletter-preview-header small{
    margin-top: 4px;
    color: #d57579;
    font-size: .58rem;
    letter-spacing: .2em;
}
html:has(template[data-vk-css="css/pages/admin/newsletters.css"]) .vk-newsletter-preview-header > span{
    color: #8f8f96;
    font-size: .7rem;
    text-align: right;
}
html:has(template[data-vk-css="css/pages/admin/newsletters.css"]) .vk-newsletter-preview-body{
    padding: 26px 23px;
}
html:has(template[data-vk-css="css/pages/admin/newsletters.css"]) .vk-newsletter-preview-body h2{
    margin: 0 0 15px;
    font-family: Georgia, serif;
    font-size: 1.55rem;
    line-height: 1.25;
}
html:has(template[data-vk-css="css/pages/admin/newsletters.css"]) .vk-newsletter-preview-body p{
    margin: 0;
    color: #d2d2d6;
    font-size: .88rem;
    line-height: 1.68;
    white-space: pre-line;
    overflow-wrap: anywhere;
}
html:has(template[data-vk-css="css/pages/admin/newsletters.css"]) .vk-newsletter-preview-body p.intro{
    color: #e7e3e4;
    font-size: .94rem;
}
html:has(template[data-vk-css="css/pages/admin/newsletters.css"]) .vk-newsletter-preview-separator{
    height: 1px;
    margin: 19px 0;
    background: #36363c;
}
html:has(template[data-vk-css="css/pages/admin/newsletters.css"]) .vk-newsletter-preview-highlight{
    display: none;
    margin: 22px 0;
    padding: 17px;
    border-left: 4px solid #a9272e;
    border-radius: 7px;
    background: #211518;
}
html:has(template[data-vk-css="css/pages/admin/newsletters.css"]) .vk-newsletter-preview-highlight strong{
    display: block;
    margin-bottom: 7px;
    color: #fff;
    font-family: Georgia, serif;
}
html:has(template[data-vk-css="css/pages/admin/newsletters.css"]) #vk-preview-button{
    display: none;
    width: fit-content;
    margin: 23px auto 0;
    padding: 11px 17px;
    border-radius: 7px;
    background: #a9272e;
    color: #fff;
    text-decoration: none;
    font-size: .83rem;
    font-weight: 800;
}
html:has(template[data-vk-css="css/pages/admin/newsletters.css"]) .vk-newsletter-preview-body p.signature{
    margin-top: 25px;
    padding-top: 18px;
    border-top: 1px solid #36363c;
    color: #bdbdc3;
    font-size: .82rem;
}
html:has(template[data-vk-css="css/pages/admin/newsletters.css"]) .vk-newsletter-preview-footer{
    padding: 16px 22px;
    background: #0d0d10;
    color: #77777f;
    font-size: .66rem;
    line-height: 1.55;
    text-align: center;
}
html:has(template[data-vk-css="css/pages/admin/newsletters.css"]) .vk-newsletter-send{
    margin-top: 20px;
}
html:has(template[data-vk-css="css/pages/admin/newsletters.css"]) .vk-newsletter-confirm{
    display: flex;
    align-items: flex-start;
    gap: 11px;
    padding: 14px;
    border: 1px solid #414148;
    border-radius: 8px;
    background: #101013;
    color: #d4d4d8;
    cursor: pointer;
}
html:has(template[data-vk-css="css/pages/admin/newsletters.css"]) .vk-newsletter-confirm input{
    width: 20px;
    height: 20px;
    margin: 0;
    accent-color: var(--vk-red);
}
html:has(template[data-vk-css="css/pages/admin/newsletters.css"]) .vk-newsletter-submit{
    width: 100%;
    margin-top: 15px;
    padding: 14px 20px;
    border: 1px solid #d3545a;
    border-radius: 8px;
    background: linear-gradient(#a92c33, #821c22);
    color: #fff;
    font: inherit;
    font-weight: 800;
    cursor: pointer;
}
html:has(template[data-vk-css="css/pages/admin/newsletters.css"]) .vk-newsletter-submit:hover:not(:disabled){
    filter: brightness(1.12);
}
html:has(template[data-vk-css="css/pages/admin/newsletters.css"]) .vk-newsletter-submit:disabled{
    border-color: #4a4a50;
    background: #303036;
    color: #777;
    cursor: not-allowed;
}
html:has(template[data-vk-css="css/pages/admin/newsletters.css"]) .vk-newsletter-empty{
    padding: 18px;
    border: 1px dashed #414148;
    border-radius: 8px;
    color: #9999a2;
    text-align: center;
}
html:has(template[data-vk-css="css/pages/admin/newsletters.css"]) .vk-newsletter-history-list{
    display: grid;
    gap: 9px;
}
html:has(template[data-vk-css="css/pages/admin/newsletters.css"]) .vk-newsletter-history-list article{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding: 13px 14px;
    border: 1px solid #34343a;
    border-radius: 8px;
    background: #101013;
}
html:has(template[data-vk-css="css/pages/admin/newsletters.css"]) .vk-newsletter-history-list article strong,
html:has(template[data-vk-css="css/pages/admin/newsletters.css"]) .vk-newsletter-history-list article span{
    display: block;
}
html:has(template[data-vk-css="css/pages/admin/newsletters.css"]) .vk-newsletter-history-list article > div:first-child > span{
    margin-top: 4px;
    color: #92929a;
    font-size: .8rem;
}
html:has(template[data-vk-css="css/pages/admin/newsletters.css"]) .vk-newsletter-history-meta{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
    color: #9b9ba3;
    font-size: .75rem;
}
html:has(template[data-vk-css="css/pages/admin/newsletters.css"]) .vk-newsletter-history-meta span{
    padding: 5px 7px;
    border-radius: 5px;
    background: #202026;
}
html:has(template[data-vk-css="css/pages/admin/newsletters.css"]) .vk-newsletter-history-meta .ok{
    color: #7cd59c;
}
html:has(template[data-vk-css="css/pages/admin/newsletters.css"]) .vk-newsletter-history-meta .fail{
    color: #ef858c;
}


/* css/pages/admin/site.css */
html:has(template[data-vk-css="css/pages/admin/site.css"]) .admin-update-delay{
        margin: 0;
        padding: 16px;
        border: 1px solid rgba(255, 255, 255, 0.18);
        border-radius: 8px;
    }
html:has(template[data-vk-css="css/pages/admin/site.css"]) .admin-update-delay[hidden]{
        display: none;
    }
html:has(template[data-vk-css="css/pages/admin/site.css"]) .admin-help{
        margin: 6px 0 14px;
        opacity: 0.78;
    }
html:has(template[data-vk-css="css/pages/admin/site.css"]) .admin-delay-grid{
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 12px;
    }
html:has(template[data-vk-css="css/pages/admin/site.css"]) .admin-delay-grid label{
        display: grid;
        gap: 6px;
    }


/* css/pages/comptes/connexion.css */
html:has(template[data-vk-css="css/pages/comptes/connexion.css"]) .parental-login-notice{
    width: min(560px, calc(100% - 30px));
    box-sizing: border-box;
    margin: 0 auto 18px;
    padding: 13px 15px;
    border: 1px solid rgba(201, 164, 92, .38);
    border-radius: 8px;
    background: rgba(75, 48, 12, .13);
    color: #d5c8ac;
    line-height: 1.45;
    text-align: center;
}
html:has(template[data-vk-css="css/pages/comptes/connexion.css"]) .parental-login-notice strong{
    display: block;
    margin-bottom: 5px;
    color: #e2bd6b;
}
html:has(template[data-vk-css="css/pages/comptes/connexion.css"]) .parental-login-notice.is-highlighted{
    border-color: rgba(201, 164, 92, .72);
    background: rgba(100, 63, 12, .22);
}
html:has(template[data-vk-css="css/pages/comptes/connexion.css"]) .parental-login-register{
    margin: 17px 0 0;
    text-align: center;
    color: #bbb;
}
html:has(template[data-vk-css="css/pages/comptes/connexion.css"]) .parental-login-register a{
    color: #d6b56e;
}


/* css/pages/comptes/facture_imprimable.css */
html:has(template[data-vk-css="css/pages/comptes/facture_imprimable.css"]) body{
        background:#000;
        color:#e0cfa3;
        font-family:Arial, sans-serif;
        margin:0;
        padding:0;
    }
html:has(template[data-vk-css="css/pages/comptes/facture_imprimable.css"]) .facture-box{
        max-width:700px;
        margin:40px auto;
        padding:30px;
        border:1px solid #c9a45c;
        background:#000;
        box-shadow:0 0 15px #000;
    }
html:has(template[data-vk-css="css/pages/comptes/facture_imprimable.css"]) h1,
html:has(template[data-vk-css="css/pages/comptes/facture_imprimable.css"]) h2,
html:has(template[data-vk-css="css/pages/comptes/facture_imprimable.css"]) h3{
        color:#c9a45c;
    }
html:has(template[data-vk-css="css/pages/comptes/facture_imprimable.css"]) h1{
        text-align:center;
        margin-bottom:30px;
    }
html:has(template[data-vk-css="css/pages/comptes/facture_imprimable.css"]) .row{
        display:flex;
        justify-content:space-between;
        gap:30px;
        margin-top:25px;
    }
html:has(template[data-vk-css="css/pages/comptes/facture_imprimable.css"]) .col{
        width:50%;
    }
html:has(template[data-vk-css="css/pages/comptes/facture_imprimable.css"]) table{
        width:100%;
        border-collapse:collapse;
        margin-top:25px;
    }
html:has(template[data-vk-css="css/pages/comptes/facture_imprimable.css"]) th,
html:has(template[data-vk-css="css/pages/comptes/facture_imprimable.css"]) td{
        border:1px solid #5a4825;
        padding:10px;
        text-align:left;
    }
html:has(template[data-vk-css="css/pages/comptes/facture_imprimable.css"]) th{
        color:#c9a45c;
        background:#111;
    }
html:has(template[data-vk-css="css/pages/comptes/facture_imprimable.css"]) .total{
        text-align:right;
        font-size:1.2rem;
        margin-top:20px;
    }
html:has(template[data-vk-css="css/pages/comptes/facture_imprimable.css"]) .print-btn{
        margin-top:25px;
        padding:10px 20px;
        background:#c9a45c;
        color:#000;
        border:none;
        cursor:pointer;
        font-size:16px;
    }
@media print{html:has(template[data-vk-css="css/pages/comptes/facture_imprimable.css"]) body{
            background:#fff;
            color:#000;
        }
html:has(template[data-vk-css="css/pages/comptes/facture_imprimable.css"]) .facture-box{
            border:none;
            box-shadow:none;
            margin:0;
            max-width:none;
        }
html:has(template[data-vk-css="css/pages/comptes/facture_imprimable.css"]) h1,
html:has(template[data-vk-css="css/pages/comptes/facture_imprimable.css"]) h2,
html:has(template[data-vk-css="css/pages/comptes/facture_imprimable.css"]) h3,
html:has(template[data-vk-css="css/pages/comptes/facture_imprimable.css"]) th{
            color:#000;
        }
html:has(template[data-vk-css="css/pages/comptes/facture_imprimable.css"]) th{
            background:#eee;
        }
html:has(template[data-vk-css="css/pages/comptes/facture_imprimable.css"]) .print-btn{
            display:none;
        }

    }


/* css/pages/comptes/inscription.css */
html:has(template[data-vk-css="css/pages/comptes/inscription.css"]) .minor-registration-info,
html:has(template[data-vk-css="css/pages/comptes/inscription.css"]) .minor-registration-fields{
    width: min(680px, calc(100% - 30px));
    box-sizing: border-box;
    margin: 16px auto;
    padding: 16px;
    border: 1px solid rgba(201, 164, 92, .55);
    border-radius: 9px;
    background: rgba(75, 48, 12, .18);
    color: #e2d2ad;
    line-height: 1.5;
}
html:has(template[data-vk-css="css/pages/comptes/inscription.css"]) .minor-registration-fields{
    display: none;
    margin-top: 18px;
}
html:has(template[data-vk-css="css/pages/comptes/inscription.css"]) .minor-registration-fields h2{
    margin: 0 0 9px;
    color: #d8b66d;
    font-size: 1.15rem;
}
html:has(template[data-vk-css="css/pages/comptes/inscription.css"]) .minor-registration-fields p{
    margin: 0 0 14px;
}
html:has(template[data-vk-css="css/pages/comptes/inscription.css"]) .minor-agreement-label{
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-top: 14px;
    cursor: pointer;
}
html:has(template[data-vk-css="css/pages/comptes/inscription.css"]) .minor-agreement-label input{
    flex: 0 0 auto;
    width: 20px;
    height: 20px;
    margin: 2px 0 0;
    accent-color: #991f25;
}


/* css/pages/comptes/mon_compte.css */
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .account-accordion{
    margin: 14px 0;
    border: 1px solid rgba(201, 164, 92, .42);
    border-radius: 10px;
    background: rgba(0, 0, 0, .2);
    overflow: hidden;
}
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .account-accordion > summary{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 15px 18px;
    list-style: none;
    cursor: pointer;
    user-select: none;
    color: #e7cf96;
    font-size: 1.05rem;
    font-weight: 700;
    transition: background .18s ease, color .18s ease;
}
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .account-accordion > summary::-webkit-details-marker{
    display: none;
}
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .account-accordion > summary:hover{
    background: rgba(201, 164, 92, .08);
    color: #f3e4bc;
}
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .account-accordion[open] > summary{
    border-bottom: 1px solid rgba(201, 164, 92, .28);
    background: rgba(201, 164, 92, .06);
}
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .account-accordion-arrow{
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    font-size: 1.25rem;
    line-height: 1;
    transform: rotate(0deg);
    transition: transform .2s ease;
}
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .account-accordion[open] > summary .account-accordion-arrow{
    transform: rotate(180deg);
}
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .account-accordion-panel{
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
}
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .account-form-panel{
    padding: 20px;
}
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) #mes-factures .account-accordion-panel{
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow: hidden;
    padding: 20px !important;
}
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) #mes-factures .account-invoice-button{
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    margin: 14px 0 0 !important;
    padding: 10px 16px !important;
    border: 0;
    border-radius: 4px;
    background: #c9a45c;
    color: #000;
    text-decoration: none;
    white-space: normal;
    overflow-wrap: anywhere;
    text-align: center;
}
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .account-form-panel > form{
    display: block !important;
    margin: 0;
}
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .account-accordion-danger{
    border-color: rgba(180, 45, 45, .65);
}
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .account-accordion-danger > summary{
    color: #ff7777;
}
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .account-danger-panel{
    padding: 20px !important;
    background: rgba(90, 0, 0, .12);
}
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .account-settings-card{
    margin: 28px 0;
    padding: 22px;
    border: 1px solid rgba(201, 164, 92, .62);
    border-radius: 10px;
    background: linear-gradient(145deg, rgba(114, 79, 20, .13), rgba(0, 0, 0, .28));
}
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .account-settings-heading{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 15px;
}
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .account-settings-heading h2{
    margin: 3px 0 0;
    color: #f3e4bc;
}
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .account-settings-kicker{
    color: #d6b56e;
    font-size: .76rem;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
}
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .account-settings-count{
    flex: 0 0 auto;
    padding: 6px 10px;
    border: 1px solid #75613b;
    border-radius: 999px;
    color: #e1c98e;
    font-size: .8rem;
    font-weight: 700;
}
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .account-settings-intro{
    margin-bottom: 18px;
    color: #c8c8c8;
}
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .account-settings-group{
    margin-top: 16px;
    padding: 15px;
    border: 1px solid rgba(255, 255, 255, .11);
    border-radius: 8px;
    background: rgba(0, 0, 0, .24);
}
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .account-settings-group h3{
    margin: 0 0 10px;
    color: #e6d2a1;
    font-size: 1rem;
}
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .account-settings-vip-group{
    border-color: rgba(201, 164, 92, .36);
}
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .account-setting-row{
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 12px 0;
    cursor: pointer;
}
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .account-setting-row + .account-setting-row{
    border-top: 1px solid rgba(255, 255, 255, .08);
}
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .account-setting-row input{
    flex: 0 0 auto;
    width: 21px;
    height: 21px;
    margin: 1px 0 0;
    accent-color: #991f25;
}
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .account-setting-row span,
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .account-setting-row strong,
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .account-setting-row small{
    display: block;
}
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .account-setting-row strong{
    color: #f0f0f0;
}
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .account-setting-row small{
    margin-top: 4px;
    color: #aaa;
    line-height: 1.35;
}
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .account-settings-note{
    margin: 13px 0 0;
    color: #8f8f8f;
    font-size: .82rem;
}
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .account-settings-save{
    margin-top: 15px;
}
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .account-settings-error{
    color: #ff8d8d;
}
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .newsletter-account-card{
    margin: 28px 0;
    padding: 22px;
    border: 1px solid rgba(153, 31, 37, .65);
    border-radius: 10px;
    background: linear-gradient(145deg, rgba(153, 31, 37, .12), rgba(0, 0, 0, .2));
}
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .newsletter-account-heading{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 15px;
    margin-bottom: 12px;
}
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .newsletter-account-heading h2{
    margin: 3px 0 0;
    color: #f2f2f2;
}
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .newsletter-account-kicker{
    color: #d7787d;
    font-size: .76rem;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
}
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .newsletter-account-status{
    flex: 0 0 auto;
    padding: 6px 10px;
    border: 1px solid #666;
    border-radius: 999px;
    color: #bbb;
    font-size: .8rem;
    font-weight: 700;
}
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .newsletter-account-status.active{
    border-color: #3c9b62;
    background: rgba(60, 155, 98, .14);
    color: #83e2a7;
}
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .newsletter-account-date{
    color: #aaa;
    font-size: .9rem;
}
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .newsletter-account-error{
    color: #ff8d8d;
}
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .newsletter-account-form{
    margin-top: 18px;
}
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .newsletter-account-choice{
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 15px;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 8px;
    background: rgba(0, 0, 0, .28);
    cursor: pointer;
}
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .newsletter-account-choice input{
    width: 21px;
    height: 21px;
    margin: 1px 0 0;
    accent-color: #991f25;
}
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .newsletter-account-choice span,
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .newsletter-account-choice strong,
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .newsletter-account-choice small{
    display: block;
}
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .newsletter-account-choice small{
    margin-top: 4px;
    color: #aaa;
}
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .newsletter-account-save{
    margin-top: 15px;
}
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .parental-title-badge{
    display: inline-block;
    margin-left: 8px;
    padding: 4px 9px;
    border: 1px solid #9f7a32;
    border-radius: 999px;
    color: #e6c77d;
    font-size: .72rem;
    vertical-align: middle;
}
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .parental-card{
    margin: 28px 0;
    padding: 22px;
    border: 1px solid rgba(201, 164, 92, .62);
    border-radius: 10px;
    background: linear-gradient(145deg, rgba(114, 79, 20, .16), rgba(0, 0, 0, .28));
}
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .parental-heading,
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .parental-child-title{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 15px;
}
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .parental-heading h2,
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .parental-child-title h3{
    margin: 3px 0 0;
    color: #f3e4bc;
}
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .parental-kicker{
    color: #d6b56e;
    font-size: .76rem;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
}
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .parental-status,
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .parental-count{
    flex: 0 0 auto;
    padding: 6px 10px;
    border: 1px solid #75613b;
    border-radius: 999px;
    color: #e1c98e;
    font-size: .8rem;
    font-weight: 700;
}
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .parental-status-autorise{
    border-color: #3c9b62;
    background: rgba(60, 155, 98, .14);
    color: #83e2a7;
}
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .parental-status-retire,
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .parental-status-refuse,
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .parental-status-expire{
    border-color: #a84141;
    background: rgba(168, 65, 65, .14);
    color: #ff9a9a;
}
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .parental-summary-grid,
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .parental-form-grid{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 12px;
    margin-top: 18px;
}
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .parental-summary-grid > div,
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .parental-check-group,
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .parental-consent-box{
    padding: 13px;
    border: 1px solid rgba(255, 255, 255, .11);
    border-radius: 7px;
    background: rgba(0, 0, 0, .24);
}
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .parental-summary-grid strong,
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .parental-summary-grid span{
    display: block;
}
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .parental-summary-grid span{
    margin-top: 4px;
    color: #ccc;
}
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .parental-section-list,
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .parental-check-group,
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .parental-special-permissions,
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .parental-actions{
    margin-top: 18px;
}
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .parental-chips{
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 9px;
}
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .parental-chips span{
    padding: 5px 9px;
    border: 1px solid rgba(201, 164, 92, .4);
    border-radius: 999px;
    background: rgba(201, 164, 92, .09);
    color: #e1c98e;
    font-size: .82rem;
}
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .parental-consent-box{
    margin-top: 20px;
}
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .parental-consent-ok{
    margin-top: 18px;
    color: #83e2a7;
}
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .parental-link-button{
    margin-top: 8px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #d98f8f;
    cursor: pointer;
    text-decoration: underline;
}
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .parental-managed-child{
    margin-top: 22px;
    padding: 18px;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 9px;
    background: rgba(0, 0, 0, .25);
}
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .parental-child-title span,
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .parental-consent-state,
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .parental-locked-field{
    color: #aaa;
}
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .parental-form-grid label,
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .parental-settings-form label{
    display: block;
}
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .parental-form-grid input,
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .parental-settings-form input[type="date"],
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .parental-settings-form input[type="time"],
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .parental-settings-form input[type="number"]{
    width: 100%;
    box-sizing: border-box;
    margin-top: 6px;
}
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .parental-checkbox-grid{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(145px, 1fr));
    gap: 9px 14px;
    margin-top: 10px;
}
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .parental-checkbox-grid label,
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .parental-authority-confirmation{
    display: flex;
    align-items: flex-start;
    gap: 8px;
    cursor: pointer;
}
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .parental-rubric-grid{
    grid-template-columns: repeat(auto-fit, minmax(205px, 1fr));
}
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .parental-special-permissions{
    padding: 13px;
    border: 1px solid rgba(201, 164, 92, .28);
    border-radius: 7px;
}
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .parental-save-button,
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .parental-actions .btn-toggle{
    margin-top: 15px;
}
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .parental-authority-confirmation{
    max-width: 760px;
    color: #e8d9b2;
}
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .parental-danger-button{
    background: #651515;
    border-color: #c14646;
}
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .parental-storage-warning{
    margin: 20px 0;
    padding: 14px;
    border: 1px solid #9a6d24;
    border-radius: 8px;
    color: #edce8f;
    background: rgba(110, 70, 10, .2);
}


/* css/pages/comptes/verify.css */
html:has(template[data-vk-css="css/pages/comptes/verify.css"]) .verify-container{

    max-width:600px;
    margin:80px auto;
    padding:20px;

    text-align:center;
}
html:has(template[data-vk-css="css/pages/comptes/verify.css"]) .verify-box{

    padding:20px;
    margin:25px 0;

    border-radius:8px;

    font-size:1.05rem;
    line-height:1.6rem;
}
html:has(template[data-vk-css="css/pages/comptes/verify.css"]) .verify-box.success{

    background:rgba(20,60,20,0.7);
    border:1px solid #4cff72;
    color:#b8ffd0;
}
html:has(template[data-vk-css="css/pages/comptes/verify.css"]) .verify-box.error{

    background:rgba(60,20,20,0.7);
    border:1px solid #ff4d4d;
    color:#ffd0d0;
}


/* css/pages/gallery.css */
html:has(template[data-vk-css="css/pages/gallery.css"]) body .folders-container{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 138px), 164px));
    justify-content: center;
    align-items: stretch;
    gap: 16px;
    width: min(1100px, 100%);
    min-width: 0;
    max-width: 100%;
    margin: 0 auto 24px;
    padding: 12px;
    box-sizing: border-box;
}
html:has(template[data-vk-css="css/pages/gallery.css"]) body .folders-container > .vk-gallery-tile{
    display: flex;
    align-items: stretch;
    justify-content: center;
    width: 100%;
    max-width: none;
    min-width: 0;
    min-height: 0;
    height: auto;
    margin: 0;
    padding: 12px 10px;
    box-sizing: border-box;
    border: 1px solid transparent;
    border-radius: var(--theme-radius, 8px);
    background: transparent;
    box-shadow: none;
    color: var(--extreme-ink, var(--v3-parchment, #eee4d8));
}
html:has(template[data-vk-css="css/pages/gallery.css"]) body .folders-container > .vk-gallery-tile > a{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 100%;
    min-width: 0;
    color: inherit;
    text-decoration: none;
}
html:has(template[data-vk-css="css/pages/gallery.css"]) body .folders-container > .vk-gallery-tile .vk-gallery-icon{
    display: block;
    width: 100%;
    max-width: 112px;
    height: 104px;
    max-height: 104px;
    margin: 0 auto;
    object-fit: contain;
}
html:has(template[data-vk-css="css/pages/gallery.css"]) body .folders-container > .vk-gallery-tile > a > div{
    max-width: 100%;
    color: var(--theme-link, var(--v3-gold, #d7b77d));
    font-size: .9rem;
    line-height: 1.3;
    overflow-wrap: anywhere;
    text-shadow: none;
}
html:has(template[data-vk-css="css/pages/gallery.css"]) body .folders-container > .vk-gallery-tile:hover,
html:has(template[data-vk-css="css/pages/gallery.css"]) body .folders-container > .vk-gallery-tile:focus-within{
    border-color: transparent;
    background: transparent;
}
html:has(template[data-vk-css="css/pages/gallery.css"]) body .gallery-section{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 138px), 180px));
    justify-content: center;
    align-items: stretch;
    gap: 12px;
    width: min(1100px, 100%);
    min-width: 0;
    max-width: 100%;
    margin: 0 auto 30px;
    padding: 12px;
    box-sizing: border-box;
}
html:has(template[data-vk-css="css/pages/gallery.css"]) body .gallery-section > img[data-full]{
    display: block;
    width: 100%;
    max-width: 100%;
    height: 205px;
    padding: 0;
    box-sizing: border-box;
    object-fit: contain;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    cursor: zoom-in;
    transition: transform .2s ease;
}
html:has(template[data-vk-css="css/pages/gallery.css"]) body .gallery-section > img[data-full]:hover{
    transform: translateY(-3px);
    border: 0;
    background: transparent;
    box-shadow: none;
}
html:has(template[data-vk-css="css/pages/gallery.css"]) body [data-vk-s="ac89d51305fe"] > [data-vk-s="6253876a649a"]{
    min-width: 0;
}


/* css/pages/includes/header.css */
html:has(template[data-vk-css="css/pages/includes/header.css"]) #topbar,
html:has(template[data-vk-css="css/pages/includes/header.css"]) #topbar *{
    box-sizing:border-box;
}
html:has(template[data-vk-css="css/pages/includes/header.css"]) #topbar .right,
html:has(template[data-vk-css="css/pages/includes/header.css"]) #topbar .bonjour-varkal{
    min-width:0;
}
html:has(template[data-vk-css="css/pages/includes/header.css"]) #topbar .left{
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
}
html:has(template[data-vk-css="css/pages/includes/header.css"]) #topbar .vk-current-theme{
    display:inline-flex;
    flex-direction:column;
    align-items:flex-start;
    min-width:0;
    max-width:100%;
    padding:4px 0 4px 10px;
    border-left:2px solid var(--extreme-accent,var(--v3-crimson,#812d2d));
    color:var(--extreme-ink,var(--v3-parchment,#e5dbd1));
    font-size:.72rem;
    line-height:1.2;
}
html:has(template[data-vk-css="css/pages/includes/header.css"]) #topbar .vk-current-theme-label{
    font-size:.62rem;
    letter-spacing:.08em;
    text-transform:uppercase;
    opacity:.8;
}
html:has(template[data-vk-css="css/pages/includes/header.css"]) #topbar .vk-current-theme strong{
    display:block;
    max-width:180px;
    overflow:hidden;
    color:inherit;
    font-size:.82rem;
    text-overflow:ellipsis;
    white-space:nowrap;
}
html:has(template[data-vk-css="css/pages/includes/header.css"]) #topbar .vk-current-theme small{
    font-size:.66rem;
    opacity:.8;
}
html:has(template[data-vk-css="css/pages/includes/header.css"]) #topbar .simulation-status{
    display:inline-flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
    gap:2px;
    min-width:112px;
    min-height:42px;
    padding:5px 10px;
    border:1px solid rgba(173,45,53,.72);
    border-radius:10px;
    background:rgba(95,13,19,.34);
    color:#d6c7c7;
    line-height:1.1;
    white-space:nowrap;
}
html:has(template[data-vk-css="css/pages/includes/header.css"]) #topbar .simulation-status-label{
    font-size:.65rem;
    letter-spacing:.03em;
    text-transform:uppercase;
}
html:has(template[data-vk-css="css/pages/includes/header.css"]) #topbar .simulation-status strong{
    color:#ff737c;
    font-size:.78rem;
}
html:has(template[data-vk-css="css/pages/includes/header.css"]) #topbar .simulation-status.simulation-admin{
    border-color:rgba(94,157,102,.68);
    background:rgba(20,74,28,.3);
}
html:has(template[data-vk-css="css/pages/includes/header.css"]) #topbar .simulation-status.simulation-admin strong{
    color:#8ed096;
}
html:has(template[data-vk-css="css/pages/includes/header.css"]) #topbar .simulation-status.simulation-vip strong{
    color:#e4b65d;
}
html:has(template[data-vk-css="css/pages/includes/header.css"]) #topbar .topbar-badges{
    position:relative;
    display:inline-flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:2px;
    min-height:42px;
    padding:5px 11px;
    border:1px solid rgba(225,178,82,.42);
    border-radius:10px;
    background:rgba(111,70,8,.16);
    color:#edc56f;
    line-height:1.15;
    text-decoration:none;
    white-space:nowrap;
}
html:has(template[data-vk-css="css/pages/includes/header.css"]) #topbar .topbar-badges:hover,
html:has(template[data-vk-css="css/pages/includes/header.css"]) #topbar .topbar-badges:focus-visible{
    border-color:rgba(239,196,108,.8);
    background:rgba(145,92,12,.28);
}
html:has(template[data-vk-css="css/pages/includes/header.css"]) #topbar .topbar-badges-main{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:4px;
    max-width:100%;
    font-size:.78rem;
    font-weight:800;
}
html:has(template[data-vk-css="css/pages/includes/header.css"]) #topbar .topbar-badges-main strong{
    color:#fff1c8;
}
html:has(template[data-vk-css="css/pages/includes/header.css"]) #topbar .topbar-badges-title{
    display:block;
    width:100%;
    max-width:150px;
    overflow:hidden;
    color:#d8d0c0;
    font-size:.66rem;
    text-overflow:ellipsis;
}
html:has(template[data-vk-css="css/pages/includes/header.css"]) #topbar .topbar-badges-new{
    position:absolute;
    top:4px;
    right:4px;
    width:7px;
    height:7px;
    border-radius:50%;
    background:#ff3e48;
    box-shadow:0 0 7px rgba(255,62,72,.9);
}


/* css/pages/includes/vip_sidebar.css */
html:has(template[data-vk-css="css/pages/includes/vip_sidebar.css"]) .vip-link-chroniques{display:flex!important;align-items:center;justify-content:space-between;gap:10px}
html:has(template[data-vk-css="css/pages/includes/vip_sidebar.css"]) .vip-notif-badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:#b00000;color:#fff;border:1px solid #ff5555;font-size:.78rem;font-weight:700;line-height:1;box-shadow:0 0 9px rgba(255,0,0,.45)}
html:has(template[data-vk-css="css/pages/includes/vip_sidebar.css"]) .vip-notif-badge[hidden]{display:none!important}


/* css/pages/index.css */
html:has(template[data-vk-css="css/pages/index.css"]) .vk-badge-toast-zone{
    position:fixed;
    z-index:99999;
    right:18px;
    bottom:18px;
    width:min(390px,calc(100vw - 28px));
    pointer-events:none;
}
html:has(template[data-vk-css="css/pages/index.css"]) .vk-badge-toast{
    display:grid;
    grid-template-columns:54px minmax(0,1fr) 30px;
    gap:12px;
    align-items:center;
    padding:15px;
    border:1px solid rgba(214,157,49,.68);
    border-radius:14px;
    background:linear-gradient(145deg,rgba(30,20,8,.98),rgba(10,8,7,.98));
    color:#fff;
    box-shadow:0 18px 55px rgba(0,0,0,.58),0 0 26px rgba(196,132,28,.2);
    opacity:0;
    transform:translateY(18px) scale(.97);
    transition:opacity .25s ease,transform .25s ease;
    pointer-events:auto;
}
html:has(template[data-vk-css="css/pages/index.css"]) .vk-badge-toast.is-visible{opacity:1;transform:none}
html:has(template[data-vk-css="css/pages/index.css"]) .vk-badge-toast-icon{font-size:2.25rem;text-align:center}
html:has(template[data-vk-css="css/pages/index.css"]) .vk-badge-toast-label{margin:0 0 3px;color:#e8bd62;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
html:has(template[data-vk-css="css/pages/index.css"]) .vk-badge-toast-name{margin:0;color:#fff;font-size:1.05rem}
html:has(template[data-vk-css="css/pages/index.css"]) .vk-badge-toast-description{margin:4px 0 0;color:#d0cbc3;font-size:.86rem;line-height:1.35}
html:has(template[data-vk-css="css/pages/index.css"]) .vk-badge-toast-close{border:0;background:transparent;color:#bcb6aa;font-size:1.4rem;cursor:pointer}
html:has(template[data-vk-css="css/pages/index.css"]) .vk-parental-warning{
    width:min(760px,calc(100% - 32px));
    box-sizing:border-box;
    margin:38px auto;
    padding:clamp(24px,5vw,42px);
    border:1px solid rgba(201,164,92,.64);
    border-radius:16px;
    background:linear-gradient(145deg,rgba(39,23,12,.96),rgba(12,10,9,.98));
    color:#e8dfcc;
    text-align:center;
    box-shadow:0 22px 60px rgba(0,0,0,.5),0 0 30px rgba(151,99,18,.16);
}
html:has(template[data-vk-css="css/pages/index.css"]) .vk-parental-warning-icon{font-size:2.4rem;line-height:1}
html:has(template[data-vk-css="css/pages/index.css"]) .vk-parental-warning-kicker{
    margin:14px 0 7px;
    color:#d4a95d;
    font-size:.76rem;
    font-weight:800;
    letter-spacing:.15em;
    text-transform:uppercase;
}
html:has(template[data-vk-css="css/pages/index.css"]) .vk-parental-warning h1{margin:0;color:#f0d598;font-size:clamp(1.55rem,4vw,2.25rem)}
html:has(template[data-vk-css="css/pages/index.css"]) .vk-parental-warning-message{max-width:610px;margin:16px auto 0;line-height:1.65;color:#d7cdb9}
html:has(template[data-vk-css="css/pages/index.css"]) .vk-parental-warning-meta{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:9px;
    margin:22px 0 0;
}
html:has(template[data-vk-css="css/pages/index.css"]) .vk-parental-warning-meta span{
    padding:7px 11px;
    border:1px solid rgba(201,164,92,.27);
    border-radius:999px;
    background:rgba(255,255,255,.035);
    color:#cfc4ae;
    font-size:.85rem;
}
html:has(template[data-vk-css="css/pages/index.css"]) .vk-parental-warning-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:11px;margin-top:25px}
html:has(template[data-vk-css="css/pages/index.css"]) .vk-parental-warning-actions a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:44px;
    padding:0 17px;
    border:1px solid #c9a45c;
    border-radius:9px;
    color:#17100a;
    background:#c9a45c;
    font-weight:800;
    text-decoration:none;
}
html:has(template[data-vk-css="css/pages/index.css"]) .vk-parental-warning-actions a:last-child{color:#d9c9a7;background:transparent}


/* css/pages/index_sans_pub.css */
html:has(template[data-vk-css="css/pages/index_sans_pub.css"]) .vk-badge-toast-zone{
    position:fixed;
    z-index:99999;
    right:18px;
    bottom:18px;
    width:min(390px,calc(100vw - 28px));
    pointer-events:none;
}
html:has(template[data-vk-css="css/pages/index_sans_pub.css"]) .vk-badge-toast{
    display:grid;
    grid-template-columns:54px minmax(0,1fr) 30px;
    gap:12px;
    align-items:center;
    padding:15px;
    border:1px solid rgba(214,157,49,.68);
    border-radius:14px;
    background:linear-gradient(145deg,rgba(30,20,8,.98),rgba(10,8,7,.98));
    color:#fff;
    box-shadow:0 18px 55px rgba(0,0,0,.58),0 0 26px rgba(196,132,28,.2);
    opacity:0;
    transform:translateY(18px) scale(.97);
    transition:opacity .25s ease,transform .25s ease;
    pointer-events:auto;
}
html:has(template[data-vk-css="css/pages/index_sans_pub.css"]) .vk-badge-toast.is-visible{opacity:1;transform:none}
html:has(template[data-vk-css="css/pages/index_sans_pub.css"]) .vk-badge-toast-icon{font-size:2.25rem;text-align:center}
html:has(template[data-vk-css="css/pages/index_sans_pub.css"]) .vk-badge-toast-label{margin:0 0 3px;color:#e8bd62;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
html:has(template[data-vk-css="css/pages/index_sans_pub.css"]) .vk-badge-toast-name{margin:0;color:#fff;font-size:1.05rem}
html:has(template[data-vk-css="css/pages/index_sans_pub.css"]) .vk-badge-toast-description{margin:4px 0 0;color:#d0cbc3;font-size:.86rem;line-height:1.35}
html:has(template[data-vk-css="css/pages/index_sans_pub.css"]) .vk-badge-toast-close{border:0;background:transparent;color:#bcb6aa;font-size:1.4rem;cursor:pointer}
html:has(template[data-vk-css="css/pages/index_sans_pub.css"]) .vk-parental-warning{
    width:min(760px,calc(100% - 32px));
    box-sizing:border-box;
    margin:38px auto;
    padding:clamp(24px,5vw,42px);
    border:1px solid rgba(201,164,92,.64);
    border-radius:16px;
    background:linear-gradient(145deg,rgba(39,23,12,.96),rgba(12,10,9,.98));
    color:#e8dfcc;
    text-align:center;
    box-shadow:0 22px 60px rgba(0,0,0,.5),0 0 30px rgba(151,99,18,.16);
}
html:has(template[data-vk-css="css/pages/index_sans_pub.css"]) .vk-parental-warning-icon{font-size:2.4rem;line-height:1}
html:has(template[data-vk-css="css/pages/index_sans_pub.css"]) .vk-parental-warning-kicker{
    margin:14px 0 7px;
    color:#d4a95d;
    font-size:.76rem;
    font-weight:800;
    letter-spacing:.15em;
    text-transform:uppercase;
}
html:has(template[data-vk-css="css/pages/index_sans_pub.css"]) .vk-parental-warning h1{margin:0;color:#f0d598;font-size:clamp(1.55rem,4vw,2.25rem)}
html:has(template[data-vk-css="css/pages/index_sans_pub.css"]) .vk-parental-warning-message{max-width:610px;margin:16px auto 0;line-height:1.65;color:#d7cdb9}
html:has(template[data-vk-css="css/pages/index_sans_pub.css"]) .vk-parental-warning-meta{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:9px;
    margin:22px 0 0;
}
html:has(template[data-vk-css="css/pages/index_sans_pub.css"]) .vk-parental-warning-meta span{
    padding:7px 11px;
    border:1px solid rgba(201,164,92,.27);
    border-radius:999px;
    background:rgba(255,255,255,.035);
    color:#cfc4ae;
    font-size:.85rem;
}
html:has(template[data-vk-css="css/pages/index_sans_pub.css"]) .vk-parental-warning-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:11px;margin-top:25px}
html:has(template[data-vk-css="css/pages/index_sans_pub.css"]) .vk-parental-warning-actions a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:44px;
    padding:0 17px;
    border:1px solid #c9a45c;
    border-radius:9px;
    color:#17100a;
    background:#c9a45c;
    font-weight:800;
    text-decoration:none;
}
html:has(template[data-vk-css="css/pages/index_sans_pub.css"]) .vk-parental-warning-actions a:last-child{color:#d9c9a7;background:transparent}


/* css/pages/indisponible.css */
html:has(template[data-vk-css="css/pages/indisponible.css"]) body{
    margin:0;
    background:#1a1a1a;
    font-family:system-ui,sans-serif;
    color:#e6e6e6;
    min-height:100vh;
    display:flex;
    justify-content:center;
    align-items:center;
    text-align:center;
}
html:has(template[data-vk-css="css/pages/indisponible.css"]) #box{
    background:rgba(20,20,20,0.88);
    padding:2.5rem;
    border-radius:12px;
    box-shadow:0 0 25px #000;
    max-width:460px;
    border:1px solid rgba(179,0,0,0.25);
}
html:has(template[data-vk-css="css/pages/indisponible.css"]) h1{
    font-family:"Cinzel",serif;
    color:#b30000;
    font-size:2.2rem;
    margin-bottom:1rem;
    letter-spacing:0.1em;
    text-shadow:0 0 10px #000;
}
html:has(template[data-vk-css="css/pages/indisponible.css"]) p{
    color:#ccc;
    font-size:1.08rem;
    line-height:1.7rem;
}
html:has(template[data-vk-css="css/pages/indisponible.css"]) .small{
    margin-top:1.5rem;
    font-size:0.92rem;
    color:#777;
}
html:has(template[data-vk-css="css/pages/indisponible.css"]) .admin-btn{
    display: block;
    margin: 20px auto 0 auto;
    padding: 0.7rem 1rem;
    width: 180px;
    background: rgba(20,20,20,0.88);
    color: rgba(20,20,20,0.88);
    text-decoration: none;
    border-radius: 6px;
    font-weight: bold;
    transition: 0.2s;
  }
html:has(template[data-vk-css="css/pages/indisponible.css"]) .admin-btn:hover{
    background: rgba(20,20,20,0.88);
  }


/* css/pages/journal_mattthieu_standalone.css */
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-tablet,
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-tablet *{
    box-sizing: border-box;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-tablet{
    --jm-bg: #020503;
    --jm-screen: #07100a;
    --jm-panel: rgba(8, 18, 11, .92);
    --jm-panel-2: rgba(4, 10, 6, .96);
    --jm-line: rgba(125, 255, 164, .18);
    --jm-line-strong: rgba(125, 255, 164, .42);
    --jm-green: #7dffa4;
    --jm-green-soft: #c4ffd3;
    --jm-text: #9cc2a8;
    --jm-dim: #56705e;
    --jm-red: #ff6f72;
    --jm-amber: #e7ca70;
    --jm-purple: #bd9cff;
    --jm-shadow: rgba(0, 0, 0, .58);

    width: min(1280px, calc(100% - 24px));
    margin: 24px auto 52px;
    padding: 14px;
    border: 1px solid #252b27;
    border-radius: 34px;
    position: relative;
    color: var(--jm-text);
    background:
        linear-gradient(145deg, #1b201d 0%, #070907 46%, #151a16 100%);
    box-shadow:
        0 36px 80px var(--jm-shadow),
        inset 0 1px 0 rgba(255,255,255,.07),
        inset 0 -1px 0 rgba(255,255,255,.03);
    font-family: "Share Tech Mono", "Courier New", monospace;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-tablet::before{
    content: "";
    position: absolute;
    top: 6px;
    left: 50%;
    width: 6px;
    height: 6px;
    transform: translateX(-50%);
    border-radius: 50%;
    background: #020302;
    border: 1px solid #333a35;
    box-shadow: 0 0 0 2px #0b0e0c;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-screen{
    min-height: 720px;
    overflow: hidden;
    position: relative;
    border: 1px solid rgba(125,255,164,.18);
    border-radius: 23px;
    background:
        radial-gradient(circle at 75% -10%, rgba(70, 255, 129, .11), transparent 38%),
        radial-gradient(circle at -10% 120%, rgba(70, 255, 129, .06), transparent 40%),
        linear-gradient(180deg, #07100a 0%, #020503 100%);
    box-shadow:
        inset 0 0 40px rgba(0,0,0,.62),
        inset 0 0 24px rgba(73,255,129,.025);
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-screen::after{
    content: "";
    pointer-events: none;
    position: absolute;
    inset: 0;
    z-index: 20;
    opacity: .07;
    background: repeating-linear-gradient(
        to bottom,
        transparent 0,
        transparent 3px,
        rgba(255,255,255,.22) 4px
    );
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-systembar{
    height: 36px;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 12px;
    padding: 0 18px;
    border-bottom: 1px solid rgba(125,255,164,.11);
    color: #688a72;
    background: rgba(0,0,0,.28);
    font-size: .67rem;
    letter-spacing: .09em;
    position: relative;
    z-index: 4;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-system-left,
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-system-right{
    display: flex;
    align-items: center;
    gap: 10px;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-system-right{
    justify-content: flex-end;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-system-clock{
    color: #95c9a3;
    font-variant-numeric: tabular-nums;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-signal{
    display: inline-flex;
    align-items: flex-end;
    gap: 2px;
    height: 11px;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-signal i{
    display: block;
    width: 2px;
    background: #75c98e;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-signal i:nth-child(1){ height: 3px; }
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-signal i:nth-child(2){ height: 5px; }
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-signal i:nth-child(3){ height: 8px; }
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-signal i:nth-child(4){ height: 11px; }
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-battery{
    width: 22px;
    height: 10px;
    padding: 1px;
    border: 1px solid #688a72;
    border-radius: 2px;
    position: relative;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-battery::after{
    content: "";
    position: absolute;
    right: -3px;
    top: 2px;
    width: 2px;
    height: 4px;
    border-radius: 0 1px 1px 0;
    background: #688a72;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-battery span{
    display: block;
    width: 78%;
    height: 100%;
    background: var(--jm-green);
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-apphead{
    display: flex;
    justify-content: space-between;
    gap: 24px;
    align-items: flex-end;
    padding: 25px 28px 20px;
    border-bottom: 1px solid var(--jm-line);
    position: relative;
    z-index: 4;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-app-kicker{
    margin: 0 0 6px;
    color: #5e9f71;
    font-size: .68rem;
    letter-spacing: .16em;
    text-transform: uppercase;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-app-title{
    margin: 0;
    color: var(--jm-green-soft);
    font-size: clamp(1.45rem, 3.6vw, 2.55rem);
    line-height: 1;
    font-weight: 700;
    letter-spacing: -.035em;
    text-shadow: 0 0 16px rgba(125,255,164,.14);
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-app-subtitle{
    margin: 8px 0 0;
    color: #6f8f78;
    font-size: .76rem;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-sync-pill{
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 34px;
    padding: 7px 11px;
    border: 1px solid rgba(125,255,164,.2);
    border-radius: 999px;
    color: #7ca489;
    background: rgba(0,0,0,.18);
    font-size: .66rem;
    white-space: nowrap;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-sync-dot{
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--jm-green);
    box-shadow: 0 0 9px rgba(125,255,164,.75);
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-toolbar{
    display: grid;
    grid-template-columns: minmax(220px, 1fr) auto;
    gap: 12px;
    align-items: center;
    padding: 13px 18px;
    border-bottom: 1px solid var(--jm-line);
    background: rgba(0,0,0,.17);
    position: relative;
    z-index: 4;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-search-wrap{
    position: relative;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-search-icon{
    position: absolute;
    left: 13px;
    top: 50%;
    transform: translateY(-50%);
    color: #557761;
    pointer-events: none;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-search{
    width: 100%;
    height: 42px;
    padding: 9px 76px 9px 38px;
    border: 1px solid rgba(125,255,164,.18);
    border-radius: 12px;
    outline: none;
    color: var(--jm-green-soft);
    background: rgba(2, 7, 4, .76);
    font: inherit;
    font-size: .78rem;
    transition: border-color .15s ease, box-shadow .15s ease;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-search:focus{
    border-color: rgba(125,255,164,.58);
    box-shadow: 0 0 0 3px rgba(125,255,164,.06);
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-search::placeholder{
    color: #46604f;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-result-count{
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #4f6c57;
    font-size: .63rem;
    white-space: nowrap;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-reset{
    height: 42px;
    padding: 0 14px;
    border: 1px solid rgba(125,255,164,.18);
    border-radius: 11px;
    color: #789e84;
    background: rgba(7,13,9,.75);
    font: inherit;
    font-size: .68rem;
    cursor: pointer;
    transition: .15s ease;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-reset:hover{
    color: #071009;
    border-color: var(--jm-green);
    background: var(--jm-green);
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-filterbar{
    display: flex;
    gap: 7px;
    overflow-x: auto;
    padding: 11px 18px 12px;
    border-bottom: 1px solid var(--jm-line);
    background: rgba(4,8,5,.64);
    scrollbar-width: thin;
    scrollbar-color: rgba(125,255,164,.25) transparent;
    position: relative;
    z-index: 4;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-filter{
    flex: 0 0 auto;
    min-height: 32px;
    padding: 6px 11px;
    border: 1px solid rgba(125,255,164,.16);
    border-radius: 999px;
    color: #668670;
    background: rgba(4,9,6,.75);
    cursor: pointer;
    font: inherit;
    font-size: .64rem;
    letter-spacing: .04em;
    transition: .15s ease;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-filter:hover{
    border-color: rgba(125,255,164,.4);
    color: #a5dcb4;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-filter.active{
    color: #031007;
    border-color: var(--jm-green);
    background: var(--jm-green);
    box-shadow: 0 0 14px rgba(125,255,164,.12);
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-readbar{
    display: flex;
    align-items: center;
    gap: 7px;
    overflow-x: auto;
    padding: 8px 18px;
    border-bottom: 1px solid var(--jm-line);
    background: rgba(2, 6, 3, .72);
    scrollbar-width: thin;
    scrollbar-color: rgba(125,255,164,.25) transparent;
    position: relative;
    z-index: 4;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-read-filter,
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-mark-all-read{
    flex: 0 0 auto;
    min-height: 30px;
    padding: 5px 10px;
    border: 1px solid rgba(125,255,164,.14);
    border-radius: 8px;
    color: #678371;
    background: rgba(4,9,6,.72);
    cursor: pointer;
    font: inherit;
    font-size: .61rem;
    letter-spacing: .04em;
    transition: .15s ease;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-read-filter:hover,
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-mark-all-read:hover{
    color: #a8dcb5;
    border-color: rgba(125,255,164,.34);
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-read-filter.active{
    color: #061008;
    border-color: var(--jm-green);
    background: #8cf8aa;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-read-filter-count{
    display: inline-grid;
    min-width: 18px;
    height: 18px;
    margin-left: 5px;
    padding: 0 4px;
    place-items: center;
    border-radius: 99px;
    color: #051007;
    background: rgba(255,255,255,.58);
    font-size: .54rem;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-mark-all-read{
    margin-left: auto;
    color: #83aa8d;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-read-state{
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #526d5a;
    font-size: .54rem;
    letter-spacing: .05em;
    text-transform: uppercase;
    white-space: nowrap;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-read-state-dot{
    width: 6px;
    height: 6px;
    flex: 0 0 6px;
    border-radius: 50%;
    background: #48604f;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-entry.is-unread .jm-read-state{
    color: var(--jm-green);
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-entry.is-unread .jm-read-state-dot{
    background: var(--jm-green);
    box-shadow: 0 0 9px rgba(125,255,164,.72);
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-entry.is-unread .jm-entry-title{
    color: #d3ffdd;
    font-weight: 800;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-entry.is-unread .jm-entry-icon{
    color: var(--jm-green);
    border-color: rgba(125,255,164,.32);
    box-shadow: inset 0 0 12px rgba(125,255,164,.035);
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-entry.is-read .jm-entry-title{
    color: #88ac92;
    font-weight: 500;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-entry.is-read .jm-entry-icon{
    opacity: .68;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-document-readstate.unread{
    color: var(--jm-green);
    border-color: rgba(125,255,164,.36);
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-document-readstate.read{
    color: #6f9178;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-toggle-read{
    min-width: 96px;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-workspace{
    display: grid;
    grid-template-columns: minmax(300px, 370px) minmax(0, 1fr);
    min-height: 500px;
    height: clamp(500px, 62vh, 720px);
    position: relative;
    z-index: 3;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-index{
    min-width: 0;
    overflow-y: auto;
    border-right: 1px solid var(--jm-line);
    background: rgba(2,6,3,.50);
    scrollbar-width: thin;
    scrollbar-color: rgba(125,255,164,.25) transparent;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-index-head{
    position: sticky;
    top: 0;
    z-index: 2;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    padding: 10px 13px;
    border-bottom: 1px solid rgba(125,255,164,.10);
    color: #506b58;
    background: rgba(3,8,5,.94);
    backdrop-filter: blur(8px);
    font-size: .62rem;
    letter-spacing: .08em;
    text-transform: uppercase;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-entry{
    border: 0;
    border-bottom: 1px solid rgba(125,255,164,.09);
    margin: 0;
    padding: 0;
    background: transparent;
    position: relative;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-entry[hidden]{
    display: none !important;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-entry-button{
    width: 100%;
    display: grid;
    grid-template-columns: 42px minmax(0,1fr) auto;
    gap: 10px;
    align-items: center;
    padding: 13px 12px;
    border: 0;
    outline: none;
    color: inherit;
    background: transparent;
    text-align: left;
    cursor: pointer;
    font: inherit;
    transition: background .14s ease;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-entry-button:hover{
    background: rgba(125,255,164,.04);
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-entry.selected .jm-entry-button{
    background:
        linear-gradient(90deg, rgba(125,255,164,.12), rgba(125,255,164,.025));
    box-shadow: inset 3px 0 0 var(--jm-green);
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-entry-icon{
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(125,255,164,.15);
    border-radius: 10px;
    color: #6e9a79;
    background: rgba(0,0,0,.18);
    font-size: .78rem;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-entry.selected .jm-entry-icon{
    color: var(--jm-green);
    border-color: rgba(125,255,164,.38);
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-entry-copy{
    min-width: 0;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-entry-code{
    display: block;
    margin-bottom: 3px;
    color: #6f9c7b;
    font-size: .57rem;
    letter-spacing: .08em;
    text-transform: uppercase;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-entry-date{
    display: block;
    margin-bottom: 4px;
    color: #4d6855;
    font-size: .61rem;
    letter-spacing: .07em;
    text-transform: uppercase;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-entry-title{
    display: block;
    overflow: hidden;
    color: #a9d9b5;
    font-size: .78rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-entry-meta{
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 5px;
    min-width: 0;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-mini-badge{
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #5b7863;
    font-size: .56rem;
    text-transform: uppercase;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-mini-badge.faible{ color: #698571; }
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-mini-badge.normale{ color: #78a383; }
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-mini-badge.notable{ color: #9ac36f; }
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-mini-badge.importante{ color: var(--jm-amber); }
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-mini-badge.prioritaire{ color: #f0a85f; }
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-mini-badge.critique,
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-mini-badge.urgente{ color: var(--jm-red); }
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-mini-badge.personnelle{ color: var(--jm-purple); }
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-mini-badge.confidentielle{ color: #e99ad8; }
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-entry-chevron{
    color: #39503f;
    font-size: 1rem;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-no-result{
    display: none;
    padding: 38px 18px;
    color: #617667;
    text-align: center;
    font-size: .76rem;
    line-height: 1.7;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-reader{
    min-width: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background:
        linear-gradient(180deg, rgba(10,22,13,.34), rgba(0,0,0,.08));
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-reader-top{
    min-height: 48px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 8px 15px;
    border-bottom: 1px solid rgba(125,255,164,.10);
    color: #587361;
    background: rgba(3,8,5,.66);
    font-size: .62rem;
    letter-spacing: .08em;
    text-transform: uppercase;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-reader-controls{
    display: flex;
    gap: 6px;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-reader-nav,
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-reader-close{
    min-width: 34px;
    height: 31px;
    padding: 0 10px;
    border: 1px solid rgba(125,255,164,.15);
    border-radius: 8px;
    color: #6d9478;
    background: rgba(0,0,0,.18);
    cursor: pointer;
    font: inherit;
    font-size: .65rem;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-reader-nav:hover,
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-reader-close:hover{
    border-color: rgba(125,255,164,.4);
    color: var(--jm-green);
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-reader-nav:disabled{
    opacity: .28;
    cursor: default;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-reader-close{
    display: none;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-reader-content{
    flex: 1 1 auto;
    overflow-y: auto;
    padding: clamp(25px, 4vw, 52px);
    scrollbar-width: thin;
    scrollbar-color: rgba(125,255,164,.25) transparent;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-reader-empty{
    min-height: 100%;
    display: grid;
    place-items: center;
    text-align: center;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-reader-empty-box{
    max-width: 460px;
    padding: 30px;
    border: 1px dashed rgba(125,255,164,.16);
    border-radius: 18px;
    color: #526b59;
    background: rgba(0,0,0,.12);
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-reader-empty-mark{
    width: 58px;
    height: 58px;
    display: grid;
    place-items: center;
    margin: 0 auto 14px;
    border: 1px solid rgba(125,255,164,.18);
    border-radius: 16px;
    color: #699276;
    font-size: 1.5rem;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-reader-empty strong{
    display: block;
    margin-bottom: 8px;
    color: #83ad8d;
    font-size: .9rem;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-reader-empty span{
    font-size: .72rem;
    line-height: 1.7;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-document{
    display: none;
    max-width: 840px;
    margin: 0 auto;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-document.active{
    display: block;
    animation: vk_eff9b0ff_jmDocumentIn .18s ease-out;
}



@keyframes vk_eff9b0ff_jmDocumentIn {
    from { opacity: 0; transform: translateY(5px); }
    to { opacity: 1; transform: translateY(0); }
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-document-code{
    margin: 0 0 10px;
    color: #4f7059;
    font-size: .66rem;
    letter-spacing: .1em;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-document-title{
    margin: 0;
    color: var(--jm-green-soft);
    font-size: clamp(1.35rem, 3vw, 2rem);
    line-height: 1.16;
    font-weight: 700;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-document-date{
    margin: 9px 0 0;
    color: #60806a;
    font-size: .72rem;
    letter-spacing: .05em;
    text-transform: uppercase;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-document-badges{
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin: 18px 0 26px;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-badge{
    display: inline-flex;
    align-items: center;
    min-height: 25px;
    padding: 4px 8px;
    border: 1px solid rgba(125,255,164,.17);
    border-radius: 6px;
    color: #6d8c75;
    font-size: .58rem;
    letter-spacing: .08em;
    text-transform: uppercase;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-badge.faible{
    color: #698571;
    border-color: rgba(105,133,113,.32);
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-badge.normale{
    color: #78a383;
    border-color: rgba(120,163,131,.32);
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-badge.notable{
    color: #9ac36f;
    border-color: rgba(154,195,111,.34);
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-badge.importante{
    color: var(--jm-amber);
    border-color: rgba(231,202,112,.36);
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-badge.prioritaire{
    color: #f0a85f;
    border-color: rgba(240,168,95,.38);
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-badge.critique,
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-badge.urgente{
    color: var(--jm-red);
    border-color: rgba(255,111,114,.38);
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-badge.personnelle{
    color: var(--jm-purple);
    border-color: rgba(189,156,255,.34);
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-badge.confidentielle{
    color: #e99ad8;
    border-color: rgba(233,154,216,.34);
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-document-text{
    padding: 22px 0 4px;
    border-top: 1px solid rgba(125,255,164,.12);
    color: #a5c8ae;
    font-size: .88rem;
    line-height: 1.9;
    white-space: pre-wrap;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-document-text::first-letter{
    color: var(--jm-green-soft);
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-reader-foot{
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 9px 15px;
    border-top: 1px solid rgba(125,255,164,.10);
    color: #45604e;
    background: rgba(0,0,0,.14);
    font-size: .58rem;
    letter-spacing: .06em;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-dock{
    min-height: 54px;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 12px;
    align-items: center;
    padding: 9px 14px;
    border-top: 1px solid var(--jm-line);
    background: rgba(0,0,0,.36);
    position: relative;
    z-index: 4;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-stats{
    display: flex;
    gap: 18px;
    min-width: 0;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-stat{
    min-width: 0;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-stat small{
    display: block;
    color: #435a49;
    font-size: .54rem;
    letter-spacing: .08em;
    text-transform: uppercase;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-stat strong{
    display: block;
    margin-top: 2px;
    overflow: hidden;
    color: #789b82;
    font-size: .66rem;
    font-weight: 500;
    text-overflow: ellipsis;
    white-space: nowrap;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-dock-brand{
    color: #445b4a;
    font-size: .59rem;
    letter-spacing: .12em;
    text-transform: uppercase;
    white-space: nowrap;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-empty{
    margin: 28px;
    padding: 46px 22px;
    border: 1px dashed rgba(125,255,164,.18);
    border-radius: 18px;
    color: #607767;
    text-align: center;
    line-height: 1.8;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-screen{ isolation: isolate; }
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-scanline{
    position: absolute;
    z-index: 3;
    left: 0;
    right: 0;
    top: -90px;
    height: 90px;
    pointer-events: none;
    opacity: .55;
    background: linear-gradient(to bottom, transparent 0%, rgba(125,255,164,.015) 38%, rgba(125,255,164,.16) 78%, rgba(190,255,210,.42) 100%);
    box-shadow: 0 10px 26px rgba(125,255,164,.08);
    animation: vk_eff9b0ff_jmScanScreen 5.8s linear infinite;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-screen-glow{
    position: absolute;
    z-index: 1;
    width: 260px;
    height: 260px;
    border-radius: 50%;
    pointer-events: none;
    filter: blur(42px);
    opacity: .09;
    background: var(--jm-green);
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-screen-glow-a{ top: -150px; left: 8%; animation: vk_eff9b0ff_jmGlowDriftA 8s ease-in-out infinite alternate; }
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-screen-glow-b{ right: -170px; bottom: 8%; animation: vk_eff9b0ff_jmGlowDriftB 10s ease-in-out infinite alternate; }
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-apphead,
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-toolbar,
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-filterbar,
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-workspace,
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-dock,
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-systembar{ z-index: 4; }
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-app-title{
    display: inline-flex;
    align-items: baseline;
    text-shadow: 0 0 8px rgba(125,255,164,.26), 0 0 22px rgba(125,255,164,.10);
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-title-cursor{
    display: inline-block;
    width: .52em;
    height: .9em;
    margin-left: .18em;
    transform: translateY(.08em);
    background: var(--jm-green);
    box-shadow: 0 0 10px rgba(125,255,164,.75);
    animation: vk_eff9b0ff_jmCursorBlink .82s steps(1,end) infinite;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-live-dot,
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-sync-dot{
    display: inline-block;
    flex: 0 0 auto;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--jm-green);
    box-shadow: 0 0 5px rgba(125,255,164,.9), 0 0 14px rgba(125,255,164,.55);
    animation: vk_eff9b0ff_jmPulseDot 1.45s ease-in-out infinite;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-live-dot{ margin-right: 7px; vertical-align: 1px; }
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-sync-dot{ animation-delay: .35s; }
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-activity-line{
    display: flex;
    align-items: center;
    min-height: 22px;
    margin-top: 10px;
    color: #70bb83;
    font-size: .66rem;
    letter-spacing: .075em;
    text-transform: uppercase;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-activity-prefix{ color: var(--jm-green); margin-right: 7px; }
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) #jm-activity-text{ transition: opacity .18s ease, transform .18s ease; }
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) #jm-activity-text.changing{ opacity: 0; transform: translateY(-3px); }
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-activity-cursor{
    margin-left: 3px;
    color: var(--jm-green);
    animation: vk_eff9b0ff_jmTextCursor .7s steps(1,end) infinite;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-system-clock{
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-width: 86px;
    justify-content: center;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-clock-pulse{
    color: var(--jm-green);
    font-size: .48rem;
    text-shadow: 0 0 7px rgba(125,255,164,.9);
    animation: vk_eff9b0ff_jmClockPulse 1s steps(1,end) infinite;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-signal i{
    transform-origin: bottom;
    animation: vk_eff9b0ff_jmSignalBars 1.8s ease-in-out infinite;
    box-shadow: 0 0 5px rgba(125,255,164,.35);
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-signal i:nth-child(2){ animation-delay: .14s; }
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-signal i:nth-child(3){ animation-delay: .28s; }
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-signal i:nth-child(4){ animation-delay: .42s; }
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-battery{ overflow: hidden; }
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-battery span{
    position: relative;
    animation: vk_eff9b0ff_jmBatteryLevel 4.4s ease-in-out infinite;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-battery span::after{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 7px;
    left: -10px;
    background: rgba(255,255,255,.72);
    filter: blur(2px);
    animation: vk_eff9b0ff_jmBatterySweep 2.1s linear infinite;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-entry.is-unread .jm-entry-icon{
    animation: vk_eff9b0ff_jmUnreadBreath 2.5s ease-in-out infinite;
}



@keyframes vk_eff9b0ff_jmCursorBlink { 0%,45% {opacity:1} 46%,100% {opacity:.06} }


@keyframes vk_eff9b0ff_jmTextCursor { 0%,48% {opacity:1} 49%,100% {opacity:0} }


@keyframes vk_eff9b0ff_jmPulseDot { 0%,100% {transform:scale(.82);opacity:.68} 50% {transform:scale(1.22);opacity:1} }


@keyframes vk_eff9b0ff_jmClockPulse { 0%,49% {opacity:1} 50%,100% {opacity:.18} }


@keyframes vk_eff9b0ff_jmSignalBars { 0%,100% {opacity:.38;transform:scaleY(.62)} 50% {opacity:1;transform:scaleY(1)} }


@keyframes vk_eff9b0ff_jmBatteryLevel { 0%,100% {width:64%} 50% {width:88%} }


@keyframes vk_eff9b0ff_jmBatterySweep { from {left:-10px} to {left:28px} }


@keyframes vk_eff9b0ff_jmScanScreen { 0% {transform:translateY(0)} 100% {transform:translateY(900px)} }


@keyframes vk_eff9b0ff_jmGlowDriftA { from {transform:translate(0,0) scale(.9)} to {transform:translate(150px,65px) scale(1.18)} }


@keyframes vk_eff9b0ff_jmGlowDriftB { from {transform:translate(0,0) scale(1)} to {transform:translate(-120px,-55px) scale(.82)} }


@keyframes vk_eff9b0ff_jmUnreadBreath { 0%,100% {box-shadow:0 0 0 rgba(125,255,164,0)} 50% {box-shadow:0 0 18px rgba(125,255,164,.14)} }
@media (prefers-reduced-motion: reduce){html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-document.active,
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-reader.mobile-open{
        animation: none;
    }

}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-screen-glow,
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-scanline{
    display: none !important;
    animation: none !important;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-signal i{
    opacity: .18 !important;
    background: #42624b !important;
    box-shadow: none !important;
    animation: none !important;
    transform: none !important;
    transition: opacity .45s ease, background-color .45s ease, box-shadow .45s ease !important;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-signal i.active{
    opacity: 1 !important;
    background: #75c98e !important;
    box-shadow: 0 0 4px rgba(125,255,164,.24) !important;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-battery-wrap{
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-width: 58px;
    justify-content: flex-end;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-battery-percent{
    min-width: 28px;
    color: #95c9a3;
    font-size: .64rem;
    font-variant-numeric: tabular-nums;
    text-align: right;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-battery{
    overflow: hidden !important;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-battery span{
    position: relative;
    width: 96%;
    animation: none !important;
    transition: width .7s linear, background-color .35s ease !important;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-battery span::after{
    display: none !important;
    animation: none !important;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-battery-wrap.low .jm-battery-percent{ color: var(--jm-amber); }
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-battery-wrap.low .jm-battery span{ background: var(--jm-amber); }
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-battery-wrap.critical .jm-battery-percent{ color: var(--jm-red); }
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-battery-wrap.critical .jm-battery span{ background: var(--jm-red); }
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-battery-wrap.charging .jm-battery-percent{ color: var(--jm-green); }
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-battery-wrap.charging .jm-battery{
    box-shadow: 0 0 8px rgba(125,255,164,.25);
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-power-alert{
    position: relative;
    z-index: 6;
    display: flex;
    align-items: center;
    gap: 9px;
    min-height: 38px;
    padding: 7px 14px;
    border-bottom: 1px solid rgba(231,202,112,.26);
    color: #e7ca70;
    background: rgba(64,49,9,.42);
    font-size: .65rem;
    letter-spacing: .045em;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-power-alert[hidden]{ display: none !important; }
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-power-alert.critical{
    color: #ff8d8f;
    border-bottom-color: rgba(255,111,114,.34);
    background: rgba(70,13,14,.48);
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-power-alert.charging{
    color: var(--jm-green);
    border-bottom-color: rgba(125,255,164,.25);
    background: rgba(9,54,22,.44);
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-power-alert-icon{ flex: 0 0 auto; }
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-power-alert-text{ flex: 1 1 auto; min-width: 0; }
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-power-button,
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-immersive-toggle{
    flex: 0 0 auto;
    min-height: 27px;
    padding: 4px 8px;
    border: 1px solid currentColor;
    border-radius: 7px;
    color: inherit;
    background: rgba(0,0,0,.20);
    cursor: pointer;
    font: inherit;
    font-size: .61rem;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-power-button:hover,
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-immersive-toggle:hover{
    background: rgba(255,255,255,.07);
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-immersive-toggle{
    min-width: 28px;
    padding: 3px 6px;
    color: #789e84;
    border-color: rgba(125,255,164,.18);
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-tablet.jm-immersive{
    position: fixed !important;
    inset: 0 !important;
    z-index: 999999 !important;
    width: 100vw !important;
    height: 100dvh !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: #020503 !important;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-tablet.jm-immersive::before{
    display: none !important;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-tablet.jm-immersive .jm-screen{
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-tablet.jm-immersive .jm-systembar,
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-tablet.jm-immersive .jm-power-alert,
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-tablet.jm-immersive .jm-apphead,
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-tablet.jm-immersive .jm-toolbar,
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-tablet.jm-immersive .jm-filterbar,
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-tablet.jm-immersive .jm-readbar,
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-tablet.jm-immersive .jm-dock{
    flex: 0 0 auto;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-tablet.jm-immersive .jm-workspace{
    flex: 1 1 auto !important;
    height: auto !important;
    min-height: 0 !important;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) body.jm-immersive-open{
    overflow: hidden !important;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]),
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) body{
    width: 100%;
    min-width: 0;
    height: 100%;
    min-height: 100%;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #020503 !important;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) body{
    overscroll-behavior: none;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) #journal-mattthieu.jm-tablet{
    position: fixed !important;
    inset: 0 !important;
    z-index: 1 !important;
    width: 100vw !important;
    height: 100dvh !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) #journal-mattthieu .jm-screen{
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) #jm-immersive-toggle{
    display: none !important;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]).jm-runtime-mobile,
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]).jm-runtime-mobile body{
    width: 100% !important;
    height: var(--jm-real-vh, 100vh) !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    overscroll-behavior: none !important;
    background: #020503 !important;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]).jm-runtime-mobile #journal-mattthieu,
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]).jm-runtime-mobile #journal-mattthieu.jm-immersive{
    position: fixed !important;
    inset: 0 !important;
    width: 100% !important;
    max-width: none !important;
    height: var(--jm-real-vh, 100vh) !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: hidden !important;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]).jm-runtime-mobile #journal-mattthieu,
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]).jm-runtime-mobile #journal-mattthieu *{
    min-width: 0;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]).jm-runtime-mobile #journal-mattthieu .jm-screen{
    filter: none !important;
    width: 100% !important;
    height: var(--jm-real-vh, 100vh) !important;
    min-height: 0 !important;
    max-height: var(--jm-real-vh, 100vh) !important;
    overflow: hidden !important;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]).jm-runtime-mobile #journal-mattthieu .jm-workspace,
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]).jm-runtime-mobile #journal-mattthieu .jm-reader{
    transform: none !important;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]).jm-runtime-mobile #journal-mattthieu .jm-systembar{
    box-sizing: border-box !important;
    height: calc(34px + env(safe-area-inset-top)) !important;
    flex-basis: calc(34px + env(safe-area-inset-top)) !important;
    padding-top: env(safe-area-inset-top) !important;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]).jm-runtime-mobile #journal-mattthieu .jm-workspace{
    flex: 1 1 0 !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]).jm-runtime-mobile #journal-mattthieu .jm-index{
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]).jm-runtime-mobile #journal-mattthieu .jm-reader{
    position: fixed !important;
    inset: 0 !important;
    z-index: 2147483000 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    height: var(--jm-real-vh, 100vh) !important;
    max-height: var(--jm-real-vh, 100vh) !important;
    min-height: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    overflow: hidden !important;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]).jm-runtime-mobile #journal-mattthieu .jm-reader.mobile-open{
    display: flex !important;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]).jm-runtime-mobile #journal-mattthieu .jm-reader-content{
    flex: 1 1 0 !important;
    min-height: 0 !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]).jm-runtime-mobile #journal-mattthieu input,
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]).jm-runtime-mobile #journal-mattthieu button,
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]).jm-runtime-mobile #journal-mattthieu .jm-entry-title,
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]).jm-runtime-mobile #journal-mattthieu .jm-document-title,
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]).jm-runtime-mobile #journal-mattthieu .jm-document-text{
    max-width: 100% !important;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]).jm-runtime-mobile #journal-mattthieu .jm-entry-title,
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]).jm-runtime-mobile #journal-mattthieu .jm-document-title,
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]).jm-runtime-mobile #journal-mattthieu .jm-document-text{
    overflow-wrap: anywhere !important;
    word-break: normal !important;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]).jm-runtime-mobile #journal-mattthieu .jm-filterbar,
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]).jm-runtime-mobile #journal-mattthieu .jm-readbar{
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
    overflow-y: visible !important;
    gap: 6px !important;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]).jm-runtime-mobile #journal-mattthieu .jm-filter,
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]).jm-runtime-mobile #journal-mattthieu .jm-read-filter,
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]).jm-runtime-mobile #journal-mattthieu .jm-mark-all-read{
    flex: 0 1 auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
    white-space: normal !important;
    text-align: center !important;
    overflow-wrap: anywhere !important;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]).jm-runtime-mobile #journal-mattthieu .jm-mark-all-read{
    margin-left: 0 !important;
    flex: 1 1 100% !important;
    width: 100% !important;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]).jm-runtime-mobile #journal-mattthieu .jm-read-filter{
    flex: 1 1 auto !important;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]).jm-runtime-mobile #journal-mattthieu .jm-filter{
    flex: 0 1 auto !important;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]).jm-runtime-mobile #journal-mattthieu .jm-toolbar,
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]).jm-runtime-mobile #journal-mattthieu .jm-search-wrap,
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]).jm-runtime-mobile #journal-mattthieu .jm-search{
    max-width: 100% !important;
    min-width: 0 !important;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-power-off{
    position:fixed;inset:0;z-index:2147483640;display:grid;place-items:center;
    padding:24px;background:#000;color:#687068;font-family:"Share Tech Mono","Courier New",monospace;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-power-off[hidden]{display:none!important}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-power-off-inner{width:min(420px,92vw);text-align:center}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-empty-battery{
    position:relative;width:min(210px,54vw);aspect-ratio:2/1;margin:0 auto 30px;padding:10px;
    border:7px solid #363c38;border-radius:18px;background:#050605;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-empty-battery::after{
    content:"";position:absolute;top:31%;right:-22px;width:15px;height:38%;border-radius:0 6px 6px 0;background:#363c38;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-empty-battery>span{
    display:block;width:0%;height:100%;border-radius:8px;background:#7dffa4;transition:width .6s linear;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-power-off strong{display:block;margin-bottom:8px;color:#707870;font-size:clamp(1.1rem,4vw,1.5rem);letter-spacing:.14em}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-power-off-level{display:block;margin-bottom:8px;color:#525852;font-size:1rem}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-power-off-message{display:block;margin-bottom:26px;color:#464b47;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-power-off-charge{
    min-height:44px;padding:9px 15px;border:1px solid #485249;border-radius:9px;color:#7dffa4;background:#080b09;
    cursor:pointer;font:inherit;font-size:.72rem;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-power-off.charging .jm-empty-battery{border-color:#47634f}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-power-off.charging .jm-empty-battery::after{background:#47634f}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-power-off.charging strong{color:#7dffa4}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-power-off.charging .jm-power-off-message{color:#65826d}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-audio-mini{
    color: #8dd8b0 !important;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-audio-panel{
    margin: 0 0 22px;
    padding: 12px;
    border: 1px solid rgba(125,255,164,.16);
    border-radius: 10px;
    background: rgba(0,0,0,.18);
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-audio-panel[hidden]{
    display: none !important;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-audio-head{
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 9px;
    color: #6f9c7b;
    font-size: .58rem;
    letter-spacing: .07em;
    text-transform: uppercase;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-audio-head span:last-child{
    min-width: 0;
    overflow: hidden;
    color: #4d6b56;
    text-overflow: ellipsis;
    white-space: nowrap;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-document-audio{
    display: block;
    width: 100%;
    max-width: 100%;
    height: 38px;
    accent-color: #7dffa4;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-sd-card{
    border-bottom: 1px solid rgba(125,255,164,.11);
    background: rgba(1,5,3,.20);
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-sd-card[hidden]{
    display: none !important;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-sd-card-head{
    position: sticky;
    top: 35px;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 52px;
    padding: 8px 11px;
    border-top: 1px solid rgba(125,255,164,.12);
    border-bottom: 1px solid rgba(125,255,164,.14);
    background:
        linear-gradient(90deg, rgba(21,45,27,.97), rgba(4,12,7,.97));
    box-shadow: 0 5px 12px rgba(0,0,0,.18);
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-sd-icon{
    position: relative;
    flex: 0 0 30px;
    width: 30px;
    height: 36px;
    border: 1px solid rgba(125,255,164,.34);
    border-radius: 4px 4px 6px 6px;
    background:
        linear-gradient(145deg, transparent 0 10px, rgba(125,255,164,.10) 10px),
        #07130b;
    box-shadow: inset 0 0 10px rgba(125,255,164,.03);
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-sd-icon::before{
    content: "SD";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 5px;
    color: #719d7d;
    font-size: .52rem;
    font-weight: 700;
    text-align: center;
    letter-spacing: .05em;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-sd-notch{
    position: absolute;
    top: -1px;
    left: -1px;
    width: 12px;
    height: 11px;
    background: #07130b;
    border-right: 1px solid rgba(125,255,164,.34);
    border-bottom: 1px solid rgba(125,255,164,.34);
    clip-path: polygon(0 0, 100% 0, 0 100%);
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-sd-copy{
    min-width: 0;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-sd-copy strong{
    display: block;
    overflow: hidden;
    color: #9edbad;
    font-size: .65rem;
    font-weight: 700;
    letter-spacing: .065em;
    text-overflow: ellipsis;
    white-space: nowrap;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-sd-copy small{
    display: block;
    margin-top: 3px;
    color: #53705c;
    font-size: .54rem;
    letter-spacing: .05em;
    text-transform: uppercase;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-sd-entries{
    min-width: 0;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-document-text strong{
    color: #c9fbd6;
    font-weight: 800;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-document-text em{
    color: #b3d8bd;
    font-style: italic;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-document-text strong em,
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-document-text em strong{
    color: #d7ffe0;
    font-weight: 800;
    font-style: italic;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-sd-card-head{
    width: 100%;
    border-left: 0;
    border-right: 0;
    cursor: pointer;
    text-align: left;
    font: inherit;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-sd-card-head:hover{
    background:
        linear-gradient(90deg, rgba(30,62,37,.98), rgba(7,17,10,.98));
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-sd-toggle{
    flex: 0 0 auto;
    margin-left: auto;
    color: #6f9a79;
    font-size: 1.2rem;
    line-height: 1;
    transition: transform .18s ease, color .18s ease;
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-sd-card-head[aria-expanded="true"] .jm-sd-toggle{
    transform: rotate(90deg);
    color: var(--jm-green);
}
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-sd-entries[hidden]{
    display: none !important;
}


/* css/pages/legal/avertissement.css */
html:has(template[data-vk-css="css/pages/legal/avertissement.css"]) .age-warning-panel{
    width:min(680px,100%);
    box-sizing:border-box;
}
html:has(template[data-vk-css="css/pages/legal/avertissement.css"]) .age-warning-text{
    font-size:1rem;
    line-height:1.55;
    color:#e0cfa3;
    text-shadow:0 0 6px #000;
    margin-bottom:24px;
}
html:has(template[data-vk-css="css/pages/legal/avertissement.css"]) .age-warning-text > p{
    margin:0 0 18px;
}
html:has(template[data-vk-css="css/pages/legal/avertissement.css"]) .age-warning-account-info{
    width:min(590px,100%);
    margin:0 auto 18px;
    text-align:left;
}
html:has(template[data-vk-css="css/pages/legal/avertissement.css"]) .age-warning-account-info p{
    margin:0 0 11px;
    padding:11px 13px;
    border:1px solid rgba(201,164,92,.42);
    border-radius:8px;
    background:rgba(0,0,0,.22);
}
html:has(template[data-vk-css="css/pages/legal/avertissement.css"]) .age-warning-account-info strong{
    color:#d8b86f;
}
html:has(template[data-vk-css="css/pages/legal/avertissement.css"]) .age-warning-confirmation{
    margin-bottom:0 !important;
    font-size:.94rem;
    color:#d3c39b;
}
html:has(template[data-vk-css="css/pages/legal/avertissement.css"]) .age-warning-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:11px;
    width:min(530px,100%);
    margin:0 auto;
}
html:has(template[data-vk-css="css/pages/legal/avertissement.css"]) .age-warning-button{
    min-height:50px;
    padding:10px 16px;
    border:1px solid #c9a45c;
    border-radius:10px;
    box-shadow:0 0 10px #000;
    cursor:pointer;
    font-family:inherit;
    font-size:1rem;
    font-weight:700;
    line-height:1.25;
    letter-spacing:.4px;
    transition:transform .2s ease,filter .2s ease;
}
html:has(template[data-vk-css="css/pages/legal/avertissement.css"]) .age-warning-button:hover,
html:has(template[data-vk-css="css/pages/legal/avertissement.css"]) .age-warning-button:focus-visible{
    transform:translateY(-2px);
    filter:brightness(1.08);
}
html:has(template[data-vk-css="css/pages/legal/avertissement.css"]) .age-warning-enter{
    background:#c9a45c;
    color:#090705;
}
html:has(template[data-vk-css="css/pages/legal/avertissement.css"]) .age-warning-leave{
    background:#550000;
    color:#d9b96e;
}



@keyframes vk_ef0182c5_fadeIn {
    from {
        opacity:0;
    }

    to {
        opacity:1;
    }
}



@keyframes vk_ef0182c5_glow {
    from {
        box-shadow:0 0 25px #000 inset, 0 0 10px #300;
    }

    to {
        box-shadow:0 0 25px #000 inset, 0 0 22px #600;
    }
}


/* css/pages/makers/chronologie_varkal.css */
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal.css"]){
    --bg:#101010;
    --panel:#151515;
    --panel2:#1c1c1c;
    --text:#eee;
    --muted:#bbb;
    --border:#333;
}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal.css"]) *{box-sizing:border-box}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal.css"]) body{
    margin:0;
    background:var(--bg);
    color:var(--text);
    font-family:Arial, system-ui, sans-serif;
}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal.css"]) header{
    position:sticky;
    top:0;
    z-index:10;
    background:var(--panel);
    border-bottom:1px solid var(--border);
    padding:14px 18px;
}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal.css"]) h1{margin:0 0 10px;font-size:24px}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal.css"]) .controls{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    align-items:center;
}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal.css"]) .csv-form{
    margin-bottom:8px;
}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal.css"]) input,
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal.css"]) select,
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal.css"]) button{
    background:#242424;
    color:#eee;
    border:1px solid #555;
    border-radius:8px;
    padding:8px 10px;
}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal.css"]) button{cursor:pointer}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal.css"]) button:hover{border-color:#888}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal.css"]) .legend{
    margin-top:10px;
    display:flex;
    gap:14px;
    flex-wrap:wrap;
    color:#ccc;
    font-size:14px;
}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal.css"]) .legend span::before{
    content:"";
    display:inline-block;
    width:13px;
    height:13px;
    border-radius:50%;
    margin-right:6px;
    vertical-align:-2px;
    border:1px solid #000;
}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal.css"]) .legend .event::before{background:#d9d9d9}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal.css"]) .legend .revelation::before{background:#ffd84d}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal.css"]) .legend .combat::before{background:#ff8a3d}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal.css"]) .legend .mort::before{background:#ff3030}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal.css"]) .legend .disparition::before{background:#8b8b8b}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal.css"]) .legend .flashback::before{background:#b37aff}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal.css"]) .person-panel{
    display:none;
    margin-top:12px;
    padding:10px;
    background:var(--panel2);
    border:1px solid var(--border);
    border-radius:10px;
    max-height:230px;
    overflow:auto;
}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal.css"]) .person-panel.open{display:block}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal.css"]) .person-tools{
    display:flex;
    gap:8px;
    margin-bottom:8px;
    flex-wrap:wrap;
}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal.css"]) .person-list{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
    gap:6px 12px;
}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal.css"]) .person-list label{
    display:flex;
    align-items:center;
    gap:6px;
    color:#ddd;
    font-size:14px;
}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal.css"]) .person-list input{width:auto}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal.css"]) main{padding:18px}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal.css"]) .error{
    background:#2b1212;
    border:1px solid #7a2b2b;
    border-radius:10px;
    padding:12px;
    margin-bottom:14px;
}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal.css"]) .timeline{
    overflow:auto;
    border:1px solid var(--border);
    border-radius:12px;
    background:#151515;
    max-height:75vh;
}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal.css"]) svg{display:block}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal.css"]) .dot{cursor:pointer; transition:opacity .2s ease}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal.css"]) .dot:hover{filter:drop-shadow(0 0 8px white)}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal.css"]) .dot.selected{
    stroke:#fff;
    stroke-width:4;
    filter:drop-shadow(0 0 10px white);
}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal.css"]) #eventPanel{
    display:none;
    margin-top:16px;
    background:#1b1b1b;
    border:1px solid #444;
    border-radius:12px;
    padding:16px;
}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal.css"]) #eventPanel h2{margin:0 0 8px}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal.css"]) #eventPanel p{margin:6px 0}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal.css"]) #eventPanel .meta{color:var(--muted)}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal.css"]) #eventPanel button{margin-top:10px}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal.css"]) .content-view{
    display:none;
    margin-top:16px;
    background:#151515;
    border:1px solid var(--border);
    border-radius:12px;
    overflow:auto;
}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal.css"]) .content-view.open{display:block}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal.css"]) .content-table{
    width:100%;
    border-collapse:collapse;
    min-width:850px;
}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal.css"]) .content-table th,
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal.css"]) .content-table td{
    border-bottom:1px solid #333;
    padding:9px 10px;
    text-align:left;
    vertical-align:top;
}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal.css"]) .content-table th{
    position:sticky;
    top:0;
    z-index:2;
    background:#202020;
    color:#fff;
}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal.css"]) .content-table tr:hover td{background:#1e1e1e}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal.css"]) .content-table .type,
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal.css"]) .content-table .meta{white-space:nowrap}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal.css"]) .content-table .meta{color:#ccc}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal.css"]) .content-empty{padding:18px;color:#aaa}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal.css"]) body.content-mode .timeline{display:none}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal.css"]) body.content-mode #contentView{display:block}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal.css"]) body.content-mode #eventPanel{display:none !important}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal.css"]) body.console-mode .timeline{display:none}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal.css"]) body.console-mode #contentView{display:none !important}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal.css"]) body.console-mode #eventPanel{display:none !important}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal.css"]) body.console-mode #consoleView{display:block}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal.css"]) .console-view{
    display:none;
    margin-top:16px;
    background:#050505;
    color:#20ff6b;
    border:1px solid #1a7f3a;
    border-radius:12px;
    padding:16px;
    font-family:"Courier New", monospace;
    font-size:14px;
    line-height:1.45;
    white-space:pre-wrap;
    overflow:auto;
    max-height:75vh;
    box-shadow:0 0 18px rgba(32,255,107,.12) inset;
}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal.css"]) .console-line{margin:0 0 4px}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal.css"]) .console-muted{color:#6cff99}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal.css"]) .console-type{color:#ffd84d}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal.css"]) .console-person{color:#fff}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal.css"]) .console-empty{color:#777}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal.css"]) #printView{
    display:none;
    background:#fff;
    color:#000;
}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal.css"]) #printView h2{
    margin:0 0 16px;
    color:#000;
}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal.css"]) #printView h3{
    margin:24px 0 8px;
    border-bottom:2px solid #000;
    padding-bottom:4px;
}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal.css"]) #printView h4{
    margin:14px 0 6px;
}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal.css"]) #printView ul{
    margin:0 0 10px;
    padding-left:20px;
}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal.css"]) #printView li{
    margin-bottom:4px;
}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal.css"]) #printView .print-legend{
    margin:10px 0 18px;
    font-size:13px;
}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal.css"]) #printView .print-svg-wrap{
    overflow:visible;
    width:100%;
}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal.css"]) #printView svg{
    background:#fff !important;
    max-width:none;
}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal.css"]) #printView svg *{
    print-color-adjust: exact;
    -webkit-print-color-adjust: exact;
}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal.css"]) #printView .print-frise svg rect{
    fill:#fff !important;
}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal.css"]) #printView .print-frise svg text{
    fill:#000 !important;
}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal.css"]) #printView .print-frise svg line{
    stroke:#444 !important;
}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal.css"]) #printView .print-frise svg circle{
    stroke:#000 !important;
}
@media print{html:has(template[data-vk-css="css/pages/makers/chronologie_varkal.css"]),
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal.css"]) body{
        margin:0 !important;
        padding:0 !important;
        background:#fff !important;
        color:#000 !important;
    }
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal.css"]) header,
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal.css"]) .timeline,
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal.css"]) #eventPanel{
        display:none !important;
    }
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal.css"]) main{
        margin:0 !important;
        padding:0 !important;
    }
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal.css"]) #printView{
        display:block !important;
        margin:0 !important;
        padding:0 !important;
        background:#fff !important;
        color:#000 !important;
    }
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal.css"]) .print-content-only .print-frise{
        display:none !important;
    }
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal.css"]) .print-frise-only .print-content{
        display:none !important;
    }
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal.css"]) .print-frise,
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal.css"]) .print-svg-wrap{
        margin:0 !important;
        padding:0 !important;
        page-break-before:auto !important;
        break-before:auto !important;
    }
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal.css"]) .print-frise svg{
        display:block !important;
        margin:0 !important;
        padding:0 !important;
        page-break-before:auto !important;
        break-before:auto !important;
    }
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal.css"]) .print-content{
        margin:0 !important;
        padding:8mm !important;
        page-break-before:auto !important;
        break-before:auto !important;
    }


    @page{
        margin:6mm;
        size:landscape;
    }

}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal.css"]) .count{
    color:#aaa;
    font-size:13px;
    margin-left:4px;
}


/* css/pages/makers/chronologie_varkal_v2_super.css */
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal_v2_super.css"]){
    --bg:#0b0b0d;
    --panel:#15151a;
    --panel2:#1d1d24;
    --panel3:#24242d;
    --text:#eee;
    --muted:#aaa;
    --border:#343440;
    --red:#9b111e;
    --green:#20ff6b;
}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal_v2_super.css"]) *{box-sizing:border-box}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal_v2_super.css"]) body{
    margin:0;
    background:var(--bg);
    color:var(--text);
    font-family:Arial, system-ui, sans-serif;
}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal_v2_super.css"]) header{
    position:sticky;
    top:0;
    z-index:20;
    background:linear-gradient(180deg,#17171d,#111116);
    border-bottom:1px solid var(--border);
    padding:14px 18px;
    box-shadow:0 8px 18px rgba(0,0,0,.25);
}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal_v2_super.css"]) h1{
    margin:0 0 10px;
    font-size:23px;
}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal_v2_super.css"]) .count{
    color:var(--muted);
    font-size:13px;
    margin-left:4px;
}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal_v2_super.css"]) .controls{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    align-items:center;
    margin-bottom:8px;
}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal_v2_super.css"]) input,
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal_v2_super.css"]) select,
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal_v2_super.css"]) button{
    background:#24242d;
    color:#eee;
    border:1px solid #555565;
    border-radius:8px;
    padding:8px 10px;
}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal_v2_super.css"]) button{cursor:pointer}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal_v2_super.css"]) button:hover{border-color:#999}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal_v2_super.css"]) button.active{
    background:#3a1820;
    border-color:#9b111e;
}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal_v2_super.css"]) .nav-buttons{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    margin-top:8px;
}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal_v2_super.css"]) .legend{
    margin-top:10px;
    display:flex;
    gap:14px;
    flex-wrap:wrap;
    color:#ccc;
    font-size:13px;
}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal_v2_super.css"]) .legend span::before{
    content:"";
    display:inline-block;
    width:13px;
    height:13px;
    border-radius:50%;
    margin-right:6px;
    vertical-align:-2px;
    border:1px solid #000;
}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal_v2_super.css"]) .legend .event::before{background:#d9d9d9}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal_v2_super.css"]) .legend .revelation::before{background:#ffd84d}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal_v2_super.css"]) .legend .combat::before{background:#ff8a3d}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal_v2_super.css"]) .legend .mort::before{background:#ff3030}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal_v2_super.css"]) .legend .disparition::before{background:#8b8b8b}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal_v2_super.css"]) .legend .flashback::before{background:#b37aff}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal_v2_super.css"]) .person-panel{
    display:none;
    margin-top:12px;
    padding:10px;
    background:var(--panel2);
    border:1px solid var(--border);
    border-radius:10px;
    max-height:230px;
    overflow:auto;
}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal_v2_super.css"]) .person-panel.open{display:block}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal_v2_super.css"]) .person-tools{
    display:flex;
    gap:8px;
    margin-bottom:8px;
    flex-wrap:wrap;
}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal_v2_super.css"]) .person-list{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
    gap:6px 12px;
}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal_v2_super.css"]) .person-list label{
    display:flex;
    align-items:center;
    gap:6px;
    color:#ddd;
    font-size:14px;
}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal_v2_super.css"]) .person-list input{width:auto}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal_v2_super.css"]) main{padding:18px}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal_v2_super.css"]) .error{
    background:#2b1212;
    border:1px solid #7a2b2b;
    border-radius:10px;
    padding:12px;
    margin-bottom:14px;
}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal_v2_super.css"]) .view{
    display:none;
}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal_v2_super.css"]) .view.open{
    display:block;
}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal_v2_super.css"]) .timeline{
    overflow:auto;
    border:1px solid var(--border);
    border-radius:12px;
    background:#151515;
    max-height:75vh;
}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal_v2_super.css"]) svg{display:block}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal_v2_super.css"]) .dot{cursor:pointer}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal_v2_super.css"]) .dot:hover{filter:drop-shadow(0 0 8px white)}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal_v2_super.css"]) .dot.selected{
    stroke:#fff;
    stroke-width:4;
    filter:drop-shadow(0 0 10px white);
}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal_v2_super.css"]) #eventPanel{
    display:none;
    margin-top:16px;
    background:#1b1b1f;
    border:1px solid #444;
    border-radius:12px;
    padding:16px;
}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal_v2_super.css"]) #eventPanel h2{margin:0 0 8px}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal_v2_super.css"]) #eventPanel p{margin:6px 0}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal_v2_super.css"]) #eventPanel .meta{color:var(--muted)}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal_v2_super.css"]) .table-wrap{
    background:var(--panel);
    border:1px solid var(--border);
    border-radius:12px;
    overflow:auto;
    max-height:75vh;
}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal_v2_super.css"]) table{
    width:100%;
    border-collapse:collapse;
}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal_v2_super.css"]) th,
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal_v2_super.css"]) td{
    border-bottom:1px solid #30303a;
    padding:9px 10px;
    text-align:left;
    vertical-align:top;
}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal_v2_super.css"]) th{
    position:sticky;
    top:0;
    z-index:2;
    background:#22222a;
    color:#fff;
    cursor:pointer;
}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal_v2_super.css"]) tr:hover td{background:#1e1e25}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal_v2_super.css"]) .meta{white-space:nowrap;color:#ccc}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal_v2_super.css"]) .badge{
    display:inline-block;
    padding:2px 7px;
    border-radius:999px;
    background:#333;
    border:1px solid #555;
    font-size:12px;
}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal_v2_super.css"]) .console{
    background:#050505;
    color:var(--green);
    border:1px solid #1a7f3a;
    border-radius:12px;
    padding:16px;
    font-family:"Courier New", monospace;
    font-size:14px;
    line-height:1.45;
    white-space:pre-wrap;
    overflow:auto;
    max-height:75vh;
    box-shadow:0 0 18px rgba(32,255,107,.12) inset;
}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal_v2_super.css"]) .console .muted{color:#6cff99}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal_v2_super.css"]) .console .person{color:#fff}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal_v2_super.css"]) .console .type{color:#ffd84d}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal_v2_super.css"]) .cards{
    display:grid;
    gap:12px;
}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal_v2_super.css"]) .card{
    background:var(--panel);
    border:1px solid var(--border);
    border-radius:12px;
    padding:14px;
}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal_v2_super.css"]) .card h2,
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal_v2_super.css"]) .card h3{
    margin:0 0 10px;
}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal_v2_super.css"]) .person-timeline{
    border-left:3px solid #555;
    margin-left:10px;
    padding-left:16px;
}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal_v2_super.css"]) .person-item{
    margin:0 0 12px;
    position:relative;
}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal_v2_super.css"]) .person-item::before{
    content:"";
    position:absolute;
    left:-24px;
    top:3px;
    width:13px;
    height:13px;
    background:#9b111e;
    border-radius:50%;
    border:2px solid #111;
}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal_v2_super.css"]) .chapter-grid{
    display:grid;
    gap:14px;
}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal_v2_super.css"]) .chapter-block{
    background:var(--panel);
    border:1px solid var(--border);
    border-radius:12px;
    padding:14px;
}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal_v2_super.css"]) .chapter-block h2{
    margin:0 0 8px;
}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal_v2_super.css"]) .chapter-person{
    margin-top:10px;
}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal_v2_super.css"]) .stats-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
    gap:12px;
}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal_v2_super.css"]) .stat-card{
    background:var(--panel);
    border:1px solid var(--border);
    border-radius:12px;
    padding:14px;
}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal_v2_super.css"]) .stat-number{
    font-size:30px;
    font-weight:700;
    color:#fff;
}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal_v2_super.css"]) .relation-grid{
    display:grid;
    gap:10px;
}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal_v2_super.css"]) .relation-row{
    display:grid;
    grid-template-columns:150px 1fr 45px;
    gap:10px;
    align-items:center;
}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal_v2_super.css"]) .bar{
    height:14px;
    background:#333;
    border-radius:999px;
    overflow:hidden;
}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal_v2_super.css"]) .bar.relation-progress{ display:block; width:100%; border:0; appearance:none; }
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal_v2_super.css"]) .relation-progress::-webkit-progress-bar{ background:#333; }
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal_v2_super.css"]) .relation-progress::-webkit-progress-value{ background:linear-gradient(90deg,#792330,#d6b77b); }
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal_v2_super.css"]) .relation-progress::-moz-progress-bar{ background:linear-gradient(90deg,#792330,#d6b77b); }
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal_v2_super.css"]) .analysis-list{
    display:grid;
    gap:10px;
}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal_v2_super.css"]) .warning{
    background:#221812;
    border:1px solid #80552a;
    border-radius:10px;
    padding:10px;
}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal_v2_super.css"]) .empty{
    padding:20px;
    color:#aaa;
}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal_v2_super.css"]) #printView{
    display:none;
    background:#fff;
    color:#000;
}
@media print{html:has(template[data-vk-css="css/pages/makers/chronologie_varkal_v2_super.css"]) header,
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal_v2_super.css"]) .view,
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal_v2_super.css"]) #eventPanel{display:none !important}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal_v2_super.css"]),
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal_v2_super.css"]) body{background:#fff !important;color:#000 !important;margin:0 !important;padding:0 !important}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal_v2_super.css"]) main{padding:0 !important}
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal_v2_super.css"]) #printView{display:block !important}

    @page{margin:8mm;size:landscape}

}


/* css/pages/makers/generateur_arbre_varkal_images_v10_undo_alliance_or.css */
html:has(template[data-vk-css="css/pages/makers/generateur_arbre_varkal_images_v10_undo_alliance_or.css"]){--bg:#16110d;--panel:#241b15;--line:#d7c0a2;--txt:#f4ead8;--accent:#b88a45;}
html:has(template[data-vk-css="css/pages/makers/generateur_arbre_varkal_images_v10_undo_alliance_or.css"]) *{box-sizing:border-box}
html:has(template[data-vk-css="css/pages/makers/generateur_arbre_varkal_images_v10_undo_alliance_or.css"]) body{margin:0;background:var(--bg);color:var(--txt);font-family:Georgia,'Times New Roman',serif;overflow:hidden}
html:has(template[data-vk-css="css/pages/makers/generateur_arbre_varkal_images_v10_undo_alliance_or.css"]) #app{display:grid;grid-template-columns:330px 1fr;height:100vh}
html:has(template[data-vk-css="css/pages/makers/generateur_arbre_varkal_images_v10_undo_alliance_or.css"]) aside{background:linear-gradient(#2a2019,#17110d);border-right:1px solid #5b4631;padding:14px;overflow:auto}
html:has(template[data-vk-css="css/pages/makers/generateur_arbre_varkal_images_v10_undo_alliance_or.css"]) h1{font-size:20px;margin:0 0 10px;color:#ffd9a0}
html:has(template[data-vk-css="css/pages/makers/generateur_arbre_varkal_images_v10_undo_alliance_or.css"]) .hint{font-size:12px;line-height:1.35;color:#cdb99c;margin-bottom:10px}
html:has(template[data-vk-css="css/pages/makers/generateur_arbre_varkal_images_v10_undo_alliance_or.css"]) button,
html:has(template[data-vk-css="css/pages/makers/generateur_arbre_varkal_images_v10_undo_alliance_or.css"]) select,
html:has(template[data-vk-css="css/pages/makers/generateur_arbre_varkal_images_v10_undo_alliance_or.css"]) input,
html:has(template[data-vk-css="css/pages/makers/generateur_arbre_varkal_images_v10_undo_alliance_or.css"]) textarea{font-family:inherit}
html:has(template[data-vk-css="css/pages/makers/generateur_arbre_varkal_images_v10_undo_alliance_or.css"]) button{cursor:pointer;border:1px solid #8b6a43;background:#3a2a1d;color:#ffe3b3;border-radius:8px;padding:8px 10px;margin:3px 2px}
html:has(template[data-vk-css="css/pages/makers/generateur_arbre_varkal_images_v10_undo_alliance_or.css"]) button:hover{background:#513924}
html:has(template[data-vk-css="css/pages/makers/generateur_arbre_varkal_images_v10_undo_alliance_or.css"]) .danger{border-color:#a33;color:#ffd0d0}
html:has(template[data-vk-css="css/pages/makers/generateur_arbre_varkal_images_v10_undo_alliance_or.css"]) .ok{border-color:#4b8;color:#d9ffe3}
html:has(template[data-vk-css="css/pages/makers/generateur_arbre_varkal_images_v10_undo_alliance_or.css"]) label{display:block;font-size:12px;margin-top:8px;color:#e0c49e}
html:has(template[data-vk-css="css/pages/makers/generateur_arbre_varkal_images_v10_undo_alliance_or.css"]) input,
html:has(template[data-vk-css="css/pages/makers/generateur_arbre_varkal_images_v10_undo_alliance_or.css"]) textarea,
html:has(template[data-vk-css="css/pages/makers/generateur_arbre_varkal_images_v10_undo_alliance_or.css"]) select{width:100%;background:#120d09;color:#ffeac9;border:1px solid #6b4f34;border-radius:6px;padding:7px}
html:has(template[data-vk-css="css/pages/makers/generateur_arbre_varkal_images_v10_undo_alliance_or.css"]) textarea{height:120px;resize:vertical}
html:has(template[data-vk-css="css/pages/makers/generateur_arbre_varkal_images_v10_undo_alliance_or.css"]) .row{display:flex;gap:6px}
html:has(template[data-vk-css="css/pages/makers/generateur_arbre_varkal_images_v10_undo_alliance_or.css"]) .row>*{flex:1}
html:has(template[data-vk-css="css/pages/makers/generateur_arbre_varkal_images_v10_undo_alliance_or.css"]) .section{border:1px solid #5b4631;border-radius:10px;padding:10px;margin:10px 0;background:#1c1510}
html:has(template[data-vk-css="css/pages/makers/generateur_arbre_varkal_images_v10_undo_alliance_or.css"]) .small{font-size:12px;color:#cbb796}
html:has(template[data-vk-css="css/pages/makers/generateur_arbre_varkal_images_v10_undo_alliance_or.css"]) #canvasWrap{position:relative;overflow:auto;background:#3a332b;padding:30px}
html:has(template[data-vk-css="css/pages/makers/generateur_arbre_varkal_images_v10_undo_alliance_or.css"]) #svgZoomer{transform-origin:0 0;display:block}
html:has(template[data-vk-css="css/pages/makers/generateur_arbre_varkal_images_v10_undo_alliance_or.css"]) svg{background:#f4ead8;display:block;margin:0 auto;box-shadow:0 0 30px #000;border:1px solid #8d7553}
html:has(template[data-vk-css="css/pages/makers/generateur_arbre_varkal_images_v10_undo_alliance_or.css"]) .zoomBox{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
html:has(template[data-vk-css="css/pages/makers/generateur_arbre_varkal_images_v10_undo_alliance_or.css"]) .zoomBox input{width:100%}
html:has(template[data-vk-css="css/pages/makers/generateur_arbre_varkal_images_v10_undo_alliance_or.css"]) .zoomValue{font-weight:bold;color:#ffd9a0;min-width:54px;text-align:center}
html:has(template[data-vk-css="css/pages/makers/generateur_arbre_varkal_images_v10_undo_alliance_or.css"]) .node rect,
html:has(template[data-vk-css="css/pages/makers/generateur_arbre_varkal_images_v10_undo_alliance_or.css"]) .titleBox rect{cursor:move}
html:has(template[data-vk-css="css/pages/makers/generateur_arbre_varkal_images_v10_undo_alliance_or.css"]) .node.selected rect,
html:has(template[data-vk-css="css/pages/makers/generateur_arbre_varkal_images_v10_undo_alliance_or.css"]) .titleBox.selected rect{filter:drop-shadow(0 0 8px #ffcc66);stroke-width:4}
html:has(template[data-vk-css="css/pages/makers/generateur_arbre_varkal_images_v10_undo_alliance_or.css"]) .emojiNode.selected rect{filter:none!important;stroke:transparent!important;stroke-width:0!important}
html:has(template[data-vk-css="css/pages/makers/generateur_arbre_varkal_images_v10_undo_alliance_or.css"]) .link.selected{filter:drop-shadow(0 0 4px #ffcc66)}
html:has(template[data-vk-css="css/pages/makers/generateur_arbre_varkal_images_v10_undo_alliance_or.css"]) .editable{user-select:none}
html:has(template[data-vk-css="css/pages/makers/generateur_arbre_varkal_images_v10_undo_alliance_or.css"]) .legend{font-size:22px}
html:has(template[data-vk-css="css/pages/makers/generateur_arbre_varkal_images_v10_undo_alliance_or.css"]) #asciiOut,
html:has(template[data-vk-css="css/pages/makers/generateur_arbre_varkal_images_v10_undo_alliance_or.css"]) #linksTextOut,
html:has(template[data-vk-css="css/pages/makers/generateur_arbre_varkal_images_v10_undo_alliance_or.css"]) #familiesTextOut,
html:has(template[data-vk-css="css/pages/makers/generateur_arbre_varkal_images_v10_undo_alliance_or.css"]) #familiesCsvOut{white-space:pre;font-family:monospace;background:#120d09;border:1px solid #6b4f34;border-radius:8px;padding:10px;max-height:520px;overflow:auto;color:#e8d7bf}
html:has(template[data-vk-css="css/pages/makers/generateur_arbre_varkal_images_v10_undo_alliance_or.css"]) .tabs button.active{background:#79542c}
html:has(template[data-vk-css="css/pages/makers/generateur_arbre_varkal_images_v10_undo_alliance_or.css"]) .hidden{display:none}


/* css/pages/makers/map_maker_varkal_V18.css */
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]){--bg:#100b07;--panel:#20150c;--ink:#f3d99b}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) *{box-sizing:border-box}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body{margin:0;background:var(--bg);color:var(--ink);font-family:Georgia,"Times New Roman",serif;overflow:hidden}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) .app{height:100vh;display:grid;grid-template-columns:minmax(0,1fr) 460px}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) .stage{overflow:auto;background:#120c07;position:relative}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) .toolbar{position:sticky;top:0;z-index:20;display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px;background:rgba(16,11,7,.95);border-bottom:1px solid #3c2612}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) button{border:1px solid #7b5529;background:#2b1c10;color:#f5d99b;padding:7px 9px;border-radius:8px;cursor:pointer;font-family:inherit}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) button:hover{background:#3b2817}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) button.active{background:#61401f}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) .map-wrap{width:2200px;height:1500px;margin:22px;border:10px double #553618;border-radius:16px;background:#0b0704;box-shadow:0 20px 80px rgba(0,0,0,.65)}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) svg{width:100%;height:100%;display:block;user-select:none}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) .panel{height:100vh;overflow:auto;background:linear-gradient(#25180d,#120b06);border-left:2px solid #503215;padding:14px}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) h1,
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) h2{margin:0 0 10px}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) h1{font-size:22px}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) h2{font-size:17px;color:#ffd98a}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) .box{border:1px solid #563819;background:#171008;border-radius:10px;padding:12px;margin-bottom:12px}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) .help{font-size:13px;line-height:1.35}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) .row{display:grid;grid-template-columns:125px 1fr;gap:8px;margin:7px 0;align-items:center}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) input,
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) select,
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) textarea{width:100%;background:#0d0905;color:#f4d99b;border:1px solid #59401f;border-radius:6px;padding:6px;font-family:monospace}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) textarea{height:140px}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) .draggable{cursor:move}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) .selected .select-ring{display:block}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) .select-ring{display:none;fill:none;stroke:#fff2a8;stroke-width:3;stroke-dasharray:10 7;pointer-events:none}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) .point-handle{fill:#ffef9b;stroke:#120905;stroke-width:2;cursor:crosshair}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) .point-handle.selected-point{fill:#ff5f5f}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) .region-label{font-size:42px;font-weight:bold;fill:#ecd08b;stroke:#160b05;stroke-width:6;paint-order:stroke;text-anchor:middle}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) .region-sub{font-size:18px;fill:#f3ddaa;stroke:#160b05;stroke-width:4;paint-order:stroke;text-anchor:middle}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) .city-label{font-size:24px;font-weight:bold;fill:#fff1b8;stroke:#160b05;stroke-width:5;paint-order:stroke;text-anchor:middle}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) .small-label{font-size:18px;fill:#fff1b8;stroke:#160b05;stroke-width:4;paint-order:stroke;text-anchor:middle}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) .distance-label{font-size:18px;fill:#fff1b8;stroke:#160b05;stroke-width:4;paint-order:stroke;text-anchor:middle}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) .route{stroke:#ead49d;stroke-width:4;stroke-dasharray:12 8;fill:none}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) .river{stroke:#285c72;stroke-width:22;fill:none;filter:drop-shadow(0 0 5px #b5e6f0)}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) .river-core{stroke:#91d6e4;stroke-width:8;fill:none}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) .icon-dot{fill:#f1c56f;stroke:#120905;stroke-width:3}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) .capital-dot{fill:#ffe498;stroke:#120905;stroke-width:4}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) .castle{fill:#090706;stroke:#e0b965;stroke-width:3}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) .hidden-castle{fill:#2d2a26;stroke:#958466;stroke-width:2;opacity:.62}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) .legend{fill:#c2a06b;stroke:#4a2f16;stroke-width:4}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) .legend-text{font-size:18px;fill:#1e1208}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) .badge{display:inline-block;padding:2px 6px;border:1px solid #67451f;border-radius:999px;margin:2px;font-size:12px}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) .draggable[data-type="region"] > path[data-editable-path="1"]{fill-opacity:.78;mix-blend-mode:multiply}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) .draggable[data-type="eau"] > path[data-editable-path="1"]{fill-opacity:.9}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-parchemin{--bg:#100b07;--panel:#20150c;--ink:#f3d99b}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-sombre{--bg:#050404;--panel:#120b0b;--ink:#e8c27c}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-sombre .map-wrap{background:#050403;border-color:#2d1a10}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-sombre .region-label,
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-sombre .city-label,
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-sombre .small-label{fill:#d8b56f;stroke:#050303}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-sombre .route{stroke:#8c6b3e;stroke-width:3;stroke-dasharray:10 9}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-sombre .river{stroke:#153b4c;stroke-width:18;filter:none}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-sombre .river-core{stroke:#5a9eb8;stroke-width:6}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-technique{--bg:#090909;--panel:#111;--ink:#d8d8d8}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-technique .map-wrap{background:#fff;border-color:#333;box-shadow:none}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-technique #backgroundRect{fill:#f7f2df;filter:none}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-technique .region-label,
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-technique .region-sub,
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-technique .city-label,
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-technique .small-label,
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) .theme-technique .distance-label{fill:#111;stroke:#fff;stroke-width:3}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-technique .route{stroke:#111;stroke-width:3;stroke-dasharray:8 6}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-technique .river{stroke:#1d66c2;stroke-width:14;filter:none}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-technique .river-core{stroke:#9fd2ff;stroke-width:5}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-encre{--bg:#16100b;--panel:#22180f;--ink:#f1d9a1}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-encre .map-wrap{filter:sepia(.25) contrast(1.08)}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-encre .route{stroke:#3a2512;stroke-width:5;stroke-dasharray:none;opacity:.9}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-encre .river{stroke:#1c3842;stroke-width:16;filter:none}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-encre .river-core{stroke:#507786;stroke-width:5}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-atlas{--bg:#120d08;--panel:#21160c;--ink:#f1d39a}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-atlas .map-wrap{background:#120d08;border-color:#5b3b1c;box-shadow:0 18px 70px rgba(0,0,0,.65)}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-atlas #backgroundRect{fill:#c4a76d;filter:none}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-atlas .draggable[data-type="region"] > path[data-editable-path="1"]{filter:none;stroke:#2b1a0b;stroke-width:3;fill-opacity:.76;mix-blend-mode:multiply}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-atlas .draggable[data-type="eau"] > path[data-editable-path="1"]{filter:none;fill-opacity:.86}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-atlas .route{stroke:#4e3217;stroke-width:4;stroke-dasharray:12 8;filter:none;opacity:.9}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-atlas .river{stroke:#214a5a;stroke-width:15;filter:none}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-atlas .river-core{stroke:#7fb9c4;stroke-width:4;opacity:.85}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-atlas .region-label,
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-atlas .city-label,
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-atlas .small-label,
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-atlas .distance-label{fill:#261505;stroke:#ead7aa;stroke-width:3;filter:none}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-royal{--bg:#060606;--panel:#14100c;--ink:#dcc184}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-royal .map-wrap{background:#050505;border-color:#3a2a16;box-shadow:0 18px 80px rgba(0,0,0,.8)}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-royal #backgroundRect{fill:#211a13;filter:none}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-royal .draggable[data-type="region"] > path[data-editable-path="1"]{fill-opacity:.7;filter:none;stroke:#5b4526;stroke-width:3;mix-blend-mode:normal}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-royal .draggable[data-type="eau"] > path[data-editable-path="1"]{filter:none;fill-opacity:.82}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-royal .route{stroke:#9a7b4a;stroke-width:4;stroke-dasharray:10 8;filter:none}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-royal .river{stroke:#173847;stroke-width:15;filter:none}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-royal .river-core{stroke:#6da8b8;stroke-width:4}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-royal .region-label,
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-royal .city-label,
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-royal .small-label,
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-royal .distance-label{fill:#e7c982;stroke:#050505;stroke-width:4;filter:none}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-relief{--bg:#12100b;--panel:#20180f;--ink:#f2d69a}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-relief .map-wrap{background:#0f0b07;border-color:#5d3f1f;box-shadow:0 20px 80px rgba(0,0,0,.7)}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-relief #backgroundRect{fill:url(#paperRelief);filter:url(#premiumPaper)}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-relief .draggable[data-type="region"] > path[data-editable-path="1"]{filter:url(#reliefEmboss);stroke:#211407;stroke-width:5;fill-opacity:.86}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-relief .route{stroke:#62411e;stroke-width:6;stroke-dasharray:none;filter:url(#routeShadow)}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-relief .river{stroke:#1a495a;stroke-width:20;filter:url(#waterGlow)}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-relief .river-core{stroke:#8fd4e2;stroke-width:6}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-relief .region-label,
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-relief .city-label,
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-relief .small-label,
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-relief .distance-label{filter:url(#labelGlow)}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-carte-simple{--bg:#d8c89b;--panel:#efe3bd;--ink:#2c2010}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-carte-simple .stage{background:#c7b47e}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-carte-simple .panel{background:linear-gradient(#efe3bd,#d8c89b);color:#2c2010;border-left-color:#8a6e39}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-carte-simple .toolbar{background:rgba(239,227,189,.96);border-bottom-color:#8a6e39}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-carte-simple button,
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-carte-simple input,
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-carte-simple select,
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-carte-simple textarea{background:#fff4cf;color:#2c2010;border-color:#8a6e39}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-carte-simple .map-wrap{background:#efe2b3;border:8px solid #6b4f24;border-radius:4px;box-shadow:0 8px 28px rgba(0,0,0,.28)}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-carte-simple #backgroundRect{fill:#ead9a4;filter:none}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-carte-simple .draggable[data-type="region"] > path[data-editable-path="1"]{filter:none;stroke:#3e2a12;stroke-width:3;fill-opacity:.62;mix-blend-mode:normal}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-carte-simple .draggable[data-type="eau"] > path[data-editable-path="1"]{fill:#8eb5bd!important;stroke:#2b5c68!important;stroke-width:3;fill-opacity:.85}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-carte-simple .route{stroke:#7a5530;stroke-width:3;stroke-dasharray:9 7;filter:none;opacity:.95}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-carte-simple .river{stroke:#3e8190;stroke-width:12;filter:none}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-carte-simple .river-core{stroke:#c4edf0;stroke-width:3;opacity:.85}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-carte-simple .region-label,
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-carte-simple .region-sub,
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-carte-simple .city-label,
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-carte-simple .small-label,
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-carte-simple .distance-label{fill:#261907;stroke:#f4e8bf;stroke-width:3;filter:none}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-carte-simple .icon-dot,
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-carte-simple .capital-dot{fill:#121212;stroke:#fff4cf;stroke-width:3}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-carte-simple .castle,
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-carte-simple .hidden-castle{fill:#111;stroke:#fff4cf;stroke-width:3;opacity:1}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-atlas-reel{--bg:#b9c7a3;--panel:#e7edd8;--ink:#1d2715}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-atlas-reel .stage{background:#9dae86}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-atlas-reel .panel{background:linear-gradient(#e7edd8,#cbd7b8);color:#1d2715;border-left-color:#67754f}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-atlas-reel .toolbar{background:rgba(231,237,216,.96);border-bottom-color:#67754f}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-atlas-reel button,
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-atlas-reel input,
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-atlas-reel select,
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-atlas-reel textarea{background:#f8f8ec;color:#1d2715;border-color:#67754f}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-atlas-reel .map-wrap{background:#dce6c9;border:7px solid #52633f;border-radius:2px;box-shadow:0 10px 35px rgba(0,0,0,.25)}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-atlas-reel #backgroundRect{fill:#dce6c9;filter:none}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-atlas-reel .draggable[data-type="region"] > path[data-editable-path="1"]{filter:none;stroke:#344226;stroke-width:2.5;fill-opacity:.7;mix-blend-mode:multiply}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-atlas-reel .draggable[data-type="eau"] > path[data-editable-path="1"]{fill:#91b8c8!important;stroke:#35677a!important;stroke-width:2.5;fill-opacity:.9}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-atlas-reel .route{stroke:#6b4a25;stroke-width:2.5;stroke-dasharray:7 6;filter:none}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-atlas-reel .river{stroke:#367a9b;stroke-width:10;filter:none}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-atlas-reel .river-core{stroke:#b9e0eb;stroke-width:2.5}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-atlas-reel .region-label,
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-atlas-reel .region-sub,
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-atlas-reel .city-label,
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-atlas-reel .small-label,
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-atlas-reel .distance-label{fill:#17200f;stroke:#eef4dc;stroke-width:3;filter:none}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-atlas-reel .icon-dot,
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-atlas-reel .capital-dot{fill:#b21d16;stroke:#fff;stroke-width:3}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-atlas-reel .castle,
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-atlas-reel .hidden-castle{fill:#333;stroke:#fff;stroke-width:3;opacity:1}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-parchemin-clair{--bg:#c6ae76;--panel:#e9d49a;--ink:#2a1807}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-parchemin-clair .stage{background:#9d7d43}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-parchemin-clair .panel{background:linear-gradient(#e9d49a,#caa967);color:#2a1807;border-left-color:#6b4b1f}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-parchemin-clair .toolbar{background:rgba(233,212,154,.96);border-bottom-color:#6b4b1f}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-parchemin-clair button,
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-parchemin-clair input,
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-parchemin-clair select,
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-parchemin-clair textarea{background:#f7e5b0;color:#2a1807;border-color:#6b4b1f}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-parchemin-clair .map-wrap{background:#e7cf8d;border:10px double #6b4b1f;border-radius:8px;box-shadow:0 12px 40px rgba(0,0,0,.35)}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-parchemin-clair #backgroundRect{fill:#e2c783;filter:none}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-parchemin-clair .draggable[data-type="region"] > path[data-editable-path="1"]{filter:none;stroke:#4a2d0c;stroke-width:3.2;fill-opacity:.66;mix-blend-mode:multiply}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-parchemin-clair .draggable[data-type="eau"] > path[data-editable-path="1"]{fill:#78a6aa!important;stroke:#255b62!important;stroke-width:3;fill-opacity:.82}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-parchemin-clair .route{stroke:#6f411b;stroke-width:3;stroke-dasharray:none;filter:none}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-parchemin-clair .river{stroke:#2e717b;stroke-width:12;filter:none}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-parchemin-clair .river-core{stroke:#b7dcd9;stroke-width:3}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-parchemin-clair .region-label,
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-parchemin-clair .region-sub,
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-parchemin-clair .city-label,
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-parchemin-clair .small-label,
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-parchemin-clair .distance-label{fill:#241404;stroke:#f0dca3;stroke-width:3;filter:none}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-parchemin-clair .icon-dot,
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-parchemin-clair .capital-dot{fill:#351b07;stroke:#f3dca5;stroke-width:3}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-parchemin-clair .castle,
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-parchemin-clair .hidden-castle{fill:#281706;stroke:#f3dca5;stroke-width:3;opacity:1}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-nuit-lisible{--bg:#080b0f;--panel:#111820;--ink:#d9c28a}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-nuit-lisible .stage{background:#05070a}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-nuit-lisible .panel{background:linear-gradient(#111820,#070a0d);border-left-color:#3f3420}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-nuit-lisible .toolbar{background:rgba(8,11,15,.96);border-bottom-color:#3f3420}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-nuit-lisible .map-wrap{background:#10151a;border:7px solid #4b3920;border-radius:4px;box-shadow:0 14px 50px rgba(0,0,0,.65)}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-nuit-lisible #backgroundRect{fill:#14191c;filter:none}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-nuit-lisible .draggable[data-type="region"] > path[data-editable-path="1"]{filter:none;stroke:#b8904a;stroke-width:2.5;fill-opacity:.56;mix-blend-mode:normal}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-nuit-lisible .draggable[data-type="eau"] > path[data-editable-path="1"]{fill:#102b37!important;stroke:#5f9baa!important;stroke-width:2.5;fill-opacity:.86}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-nuit-lisible .route{stroke:#c6a464;stroke-width:2.7;stroke-dasharray:9 7;filter:none}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-nuit-lisible .river{stroke:#235d72;stroke-width:11;filter:none}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-nuit-lisible .river-core{stroke:#89c7d4;stroke-width:3}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-nuit-lisible .region-label,
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-nuit-lisible .region-sub,
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-nuit-lisible .city-label,
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-nuit-lisible .small-label,
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-nuit-lisible .distance-label{fill:#e9c77e;stroke:#040506;stroke-width:4;filter:none}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-nuit-lisible .icon-dot,
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-nuit-lisible .capital-dot{fill:#e0b85e;stroke:#050506;stroke-width:3}
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-nuit-lisible .castle,
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) body.theme-nuit-lisible .hidden-castle{fill:#e0b85e;stroke:#050506;stroke-width:3;opacity:1}


/* css/pages/mini_jeux/Mort_Subite.css */
html:has(template[data-vk-css="css/pages/mini_jeux/Mort_Subite.css"]) *{ box-sizing: border-box; }
html:has(template[data-vk-css="css/pages/mini_jeux/Mort_Subite.css"]) .mort-subite-page{
    max-width: 900px;
    margin: 0 auto;
    padding: 30px 20px;
}
html:has(template[data-vk-css="css/pages/mini_jeux/Mort_Subite.css"]) .ms-container{
    width: 100%;
    background: rgba(0, 0, 0, 0.84);
    border: 1px solid #7a0000;
    border-radius: 20px;
    padding: 32px;
    text-align: center;
    box-shadow: 0 0 40px rgba(180, 0, 0, 0.38);
    color: #fff;
}
html:has(template[data-vk-css="css/pages/mini_jeux/Mort_Subite.css"]) .ms-container h1{
    margin: 0;
    color: #ff3333;
    font-size: clamp(38px, 8vw, 70px);
    text-transform: uppercase;
    letter-spacing: 4px;
    text-shadow: 0 0 20px rgba(255, 0, 0, 0.7);
}
html:has(template[data-vk-css="css/pages/mini_jeux/Mort_Subite.css"]) .ms-container h2{
    margin: 12px 0 20px;
    color: #cccccc;
    font-size: clamp(20px, 4vw, 32px);
    font-weight: normal;
}
html:has(template[data-vk-css="css/pages/mini_jeux/Mort_Subite.css"]) .choices{
    margin: 15px 0 25px;
    color: #aaa;
    font-size: 15px;
}
html:has(template[data-vk-css="css/pages/mini_jeux/Mort_Subite.css"]) .ms-badges-note{
    max-width: 680px;
    margin: -10px auto 20px;
    padding: 10px 14px;
    border: 1px solid rgba(222, 170, 65, .28);
    border-radius: 10px;
    background: rgba(111, 70, 8, .14);
    color: #d8c49b;
    font-size: 13px;
    line-height: 1.45;
}
html:has(template[data-vk-css="css/pages/mini_jeux/Mort_Subite.css"]) .ms-badge-status{
    min-height: 20px;
    margin: -10px auto 8px;
    color: #b9ab8d;
    font-size: 12px;
}
html:has(template[data-vk-css="css/pages/mini_jeux/Mort_Subite.css"]) .ms-badge-status.is-error{
    color: #ff8888;
}
html:has(template[data-vk-css="css/pages/mini_jeux/Mort_Subite.css"]) .display{
    width: 100%;
    max-width: 720px;
    min-height: 135px;
    margin: 25px auto;
    padding: 22px;
    border-radius: 16px;
    border: 2px solid #b30000;
    background: linear-gradient(145deg, #120000, #260000);
    font-size: clamp(30px, 6vw, 52px);
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    word-break: break-word;
    text-shadow: 0 0 12px red;
}
html:has(template[data-vk-css="css/pages/mini_jeux/Mort_Subite.css"]) .display.running{
    animation: vk_af2f9eef_pulse 0.18s infinite alternate;
}



@keyframes vk_af2f9eef_pulse {
    from {
        transform: scale(1);
        box-shadow: 0 0 12px rgba(255, 0, 0, 0.25);
    }

    to {
        transform: scale(1.03);
        box-shadow: 0 0 35px rgba(255, 0, 0, 0.65);
    }
}
html:has(template[data-vk-css="css/pages/mini_jeux/Mort_Subite.css"]) .ms-btn{
    display: inline-block;
    padding: 15px 28px;
    border: none;
    border-radius: 999px;
    background: #b30000;
    color: white;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
    text-transform: uppercase;
    transition: 0.2s;
    margin: 6px;
}
html:has(template[data-vk-css="css/pages/mini_jeux/Mort_Subite.css"]) .ms-btn:hover{
    background: #e00000;
    transform: scale(1.04);
}
html:has(template[data-vk-css="css/pages/mini_jeux/Mort_Subite.css"]) .ms-btn:disabled{
    background: #555;
    cursor: not-allowed;
    transform: none;
}
html:has(template[data-vk-css="css/pages/mini_jeux/Mort_Subite.css"]) .ms-btn-cycle{
    background: #8a4b00;
}
html:has(template[data-vk-css="css/pages/mini_jeux/Mort_Subite.css"]) .ms-btn-cycle:hover{
    background: #c06a00;
}
html:has(template[data-vk-css="css/pages/mini_jeux/Mort_Subite.css"]) .result{
    margin-top: 24px;
    font-size: 24px;
    color: #ff6666;
    font-weight: bold;
}
html:has(template[data-vk-css="css/pages/mini_jeux/Mort_Subite.css"]) .stats{
    margin-top: 38px;
    text-align: left;
    border-top: 1px solid #5c0000;
    padding-top: 25px;
}
html:has(template[data-vk-css="css/pages/mini_jeux/Mort_Subite.css"]) .stats h3{
    text-align: center;
    color: #ff3333;
    margin-top: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
}
html:has(template[data-vk-css="css/pages/mini_jeux/Mort_Subite.css"]) .summary{
    background: rgba(80, 0, 0, 0.35);
    border: 1px solid #800000;
    border-radius: 14px;
    padding: 17px;
    margin-bottom: 20px;
    text-align: center;
    line-height: 1.7;
}
html:has(template[data-vk-css="css/pages/mini_jeux/Mort_Subite.css"]) .summary strong{
    color: #ff6666;
}
html:has(template[data-vk-css="css/pages/mini_jeux/Mort_Subite.css"]) .table-wrap{
    overflow-x: auto;
}
html:has(template[data-vk-css="css/pages/mini_jeux/Mort_Subite.css"]) .ms-container table{
    width: 100%;
    border-collapse: collapse;
    margin-top: 15px;
    font-size: 15px;
}
html:has(template[data-vk-css="css/pages/mini_jeux/Mort_Subite.css"]) .ms-container th,
html:has(template[data-vk-css="css/pages/mini_jeux/Mort_Subite.css"]) .ms-container td{
    border-bottom: 1px solid #3a0000;
    padding: 10px;
    text-align: center;
}
html:has(template[data-vk-css="css/pages/mini_jeux/Mort_Subite.css"]) .ms-container th{
    color: #ff6666;
    background: rgba(120, 0, 0, 0.25);
}
html:has(template[data-vk-css="css/pages/mini_jeux/Mort_Subite.css"]) .ms-container td:first-child{
    text-align: left;
    font-weight: bold;
}
html:has(template[data-vk-css="css/pages/mini_jeux/Mort_Subite.css"]) .history{
    margin-top: 25px;
}
html:has(template[data-vk-css="css/pages/mini_jeux/Mort_Subite.css"]) .history-list{
    max-height: 220px;
    overflow-y: auto;
    border: 1px solid #3a0000;
    border-radius: 12px;
    padding: 10px;
    background: rgba(0, 0, 0, 0.25);
}
html:has(template[data-vk-css="css/pages/mini_jeux/Mort_Subite.css"]) .history-item{
    padding: 7px 5px;
    border-bottom: 1px solid rgba(120, 0, 0, 0.35);
}
html:has(template[data-vk-css="css/pages/mini_jeux/Mort_Subite.css"]) .history-item:last-child{
    border-bottom: none;
}
html:has(template[data-vk-css="css/pages/mini_jeux/Mort_Subite.css"]) .error{
    color: #ff8888;
    font-weight: bold;
    margin-top: 22px;
}


/* css/pages/mini_jeux/chasse_secrets.css */
html:has(template[data-vk-css="css/pages/mini_jeux/chasse_secrets.css"]) .jeu-indispo-page{
    max-width: 850px;
    margin: 0 auto;
    padding: 40px 20px;
    text-align: center;
}
html:has(template[data-vk-css="css/pages/mini_jeux/chasse_secrets.css"]) .jeu-indispo-card{
    background: rgba(10,10,10,.82);
    border: 1px solid rgba(212,160,23,.45);
    border-radius: 16px;
    padding: 35px;
    box-shadow: 0 0 22px rgba(0,0,0,.5);
}
html:has(template[data-vk-css="css/pages/mini_jeux/chasse_secrets.css"]) .jeu-indispo-icon{
    font-size: 3rem;
    margin-bottom: 15px;
}
html:has(template[data-vk-css="css/pages/mini_jeux/chasse_secrets.css"]) .jeu-indispo-title{
    color: #d4a017;
    font-size: 2.2rem;
    margin-bottom: 15px;
}
html:has(template[data-vk-css="css/pages/mini_jeux/chasse_secrets.css"]) .jeu-indispo-text{
    color: #d8c89a;
    line-height: 1.7;
    font-size: 1.1rem;
}
html:has(template[data-vk-css="css/pages/mini_jeux/chasse_secrets.css"]) .jeu-indispo-btn{
    display: inline-block;
    margin-top: 25px;
    padding: 12px 18px;
    background: linear-gradient(135deg,#5a1414,#1a0b0b);
    border: 1px solid #d4a017;
    color: #f4dfb0;
    text-decoration: none;
    border-radius: 8px;
    font-weight: bold;
}


/* css/pages/mini_jeux/duel.css */
html:has(template[data-vk-css="css/pages/mini_jeux/duel.css"]) .jeu-indispo-page{
    max-width: 850px;
    margin: 0 auto;
    padding: 40px 20px;
    text-align: center;
}
html:has(template[data-vk-css="css/pages/mini_jeux/duel.css"]) .jeu-indispo-card{
    background: rgba(10,10,10,.82);
    border: 1px solid rgba(212,160,23,.45);
    border-radius: 16px;
    padding: 35px;
    box-shadow: 0 0 22px rgba(0,0,0,.5);
}
html:has(template[data-vk-css="css/pages/mini_jeux/duel.css"]) .jeu-indispo-icon{
    font-size: 3rem;
    margin-bottom: 15px;
}
html:has(template[data-vk-css="css/pages/mini_jeux/duel.css"]) .jeu-indispo-title{
    color: #d4a017;
    font-size: 2.2rem;
    margin-bottom: 15px;
}
html:has(template[data-vk-css="css/pages/mini_jeux/duel.css"]) .jeu-indispo-text{
    color: #d8c89a;
    line-height: 1.7;
    font-size: 1.1rem;
}
html:has(template[data-vk-css="css/pages/mini_jeux/duel.css"]) .jeu-indispo-btn{
    display: inline-block;
    margin-top: 25px;
    padding: 12px 18px;
    background: linear-gradient(135deg,#5a1414,#1a0b0b);
    border: 1px solid #d4a017;
    color: #f4dfb0;
    text-decoration: none;
    border-radius: 8px;
    font-weight: bold;
}


/* css/pages/mini_jeux/mes_scores.css */
html:has(template[data-vk-css="css/pages/mini_jeux/mes_scores.css"]) .scores-page{max-width:1200px;margin:0 auto;padding:30px 20px}
html:has(template[data-vk-css="css/pages/mini_jeux/mes_scores.css"]) .scores-title{text-align:center;color:#d4a017;font-size:2.4rem;margin-bottom:10px}
html:has(template[data-vk-css="css/pages/mini_jeux/mes_scores.css"]) .scores-intro{text-align:center;color:#d8c89a;margin-bottom:30px}
html:has(template[data-vk-css="css/pages/mini_jeux/mes_scores.css"]) .scores-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:30px}
html:has(template[data-vk-css="css/pages/mini_jeux/mes_scores.css"]) .score-stat-card{background:rgba(10,10,10,.82);border:1px solid rgba(212,160,23,.45);border-radius:14px;padding:20px;text-align:center}
html:has(template[data-vk-css="css/pages/mini_jeux/mes_scores.css"]) .score-stat-value{font-size:2rem;color:#d4a017;font-weight:bold}
html:has(template[data-vk-css="css/pages/mini_jeux/mes_scores.css"]) .score-stat-label{color:#cdbb8b;margin-top:8px}
html:has(template[data-vk-css="css/pages/mini_jeux/mes_scores.css"]) .scores-table-wrapper{background:rgba(10,10,10,.82);border:1px solid rgba(212,160,23,.45);border-radius:14px;overflow:auto}
html:has(template[data-vk-css="css/pages/mini_jeux/mes_scores.css"]) .scores-table{width:100%;border-collapse:collapse;min-width:900px}
html:has(template[data-vk-css="css/pages/mini_jeux/mes_scores.css"]) .scores-table th{background:rgba(212,160,23,.15);color:#f0d58a;padding:14px;text-align:left}
html:has(template[data-vk-css="css/pages/mini_jeux/mes_scores.css"]) .scores-table td{padding:14px;border-top:1px solid rgba(255,255,255,.05);color:#d6c7a0}
html:has(template[data-vk-css="css/pages/mini_jeux/mes_scores.css"]) .scores-table tr:hover{background:rgba(255,255,255,.03)}
html:has(template[data-vk-css="css/pages/mini_jeux/mes_scores.css"]) .score-perfect{color:#4dd26f;font-weight:bold}
html:has(template[data-vk-css="css/pages/mini_jeux/mes_scores.css"]) .score-good{color:#d4a017;font-weight:bold}
html:has(template[data-vk-css="css/pages/mini_jeux/mes_scores.css"]) .score-bad{color:#d46b6b;font-weight:bold}
html:has(template[data-vk-css="css/pages/mini_jeux/mes_scores.css"]) .score-detail{color:#f0d58a;font-weight:bold}
html:has(template[data-vk-css="css/pages/mini_jeux/mes_scores.css"]) .return-btn{display:inline-block;padding:12px 18px;background:linear-gradient(135deg,#5a1414,#1a0b0b);border:1px solid #d4a017;color:#f4dfb0;text-decoration:none;border-radius:8px;font-weight:bold}
html:has(template[data-vk-css="css/pages/mini_jeux/mes_scores.css"]) .return-wrapper{text-align:center;margin-top:25px}
html:has(template[data-vk-css="css/pages/mini_jeux/mes_scores.css"]) .no-score{text-align:center;color:#cdbb8b;padding:40px}


/* css/pages/mini_jeux/mini_jeux.css */
html:has(template[data-vk-css="css/pages/mini_jeux/mini_jeux.css"]) .mini-jeux-page{
    max-width: 1200px;
    margin: 0 auto;
    padding: 30px 20px;
}
html:has(template[data-vk-css="css/pages/mini_jeux/mini_jeux.css"]) .mini-jeux-title{
    text-align: center;
    color: #d4a017;
    font-size: 2.4rem;
    margin-bottom: 10px;
}
html:has(template[data-vk-css="css/pages/mini_jeux/mini_jeux.css"]) .mini-jeux-intro{
    text-align: center;
    color: #d8c89a;
    max-width: 750px;
    margin: 0 auto 35px auto;
    line-height: 1.6;
}
html:has(template[data-vk-css="css/pages/mini_jeux/mini_jeux.css"]) .mini-jeux-grid{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 22px;
}
html:has(template[data-vk-css="css/pages/mini_jeux/mini_jeux.css"]) .mini-jeu-card{
    position: relative;
    background: rgba(10, 10, 10, 0.78);
    border: 1px solid rgba(212, 160, 23, 0.45);
    border-radius: 14px;
    padding: 24px;
    box-shadow: 0 0 18px rgba(0,0,0,0.45);
    transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
    overflow: hidden;
}
html:has(template[data-vk-css="css/pages/mini_jeux/mini_jeux.css"]) .mini-jeu-card.disponible{
    border-color: rgba(71, 207, 115, 0.75);
    box-shadow:
        0 0 18px rgba(0,0,0,0.45),
        0 0 16px rgba(71, 207, 115, 0.18);
}
html:has(template[data-vk-css="css/pages/mini_jeux/mini_jeux.css"]) .mini-jeu-card.bientot{
    opacity: 0.78;
}
html:has(template[data-vk-css="css/pages/mini_jeux/mini_jeux.css"]) .mini-jeu-card:hover{
    transform: translateY(-4px);
    border-color: #d4a017;
}
html:has(template[data-vk-css="css/pages/mini_jeux/mini_jeux.css"]) .mini-jeu-card.disponible:hover{
    border-color: #47cf73;
    box-shadow:
        0 0 18px rgba(0,0,0,0.45),
        0 0 22px rgba(71, 207, 115, 0.28);
}
html:has(template[data-vk-css="css/pages/mini_jeux/mini_jeux.css"]) .mini-jeu-badge{
    position: absolute;
    top: 14px;
    right: 14px;
    padding: 6px 11px;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: bold;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}
html:has(template[data-vk-css="css/pages/mini_jeux/mini_jeux.css"]) .mini-jeu-badge.disponible{
    color: #061b0d;
    background: linear-gradient(135deg, #65f08e, #2fae59);
    border: 1px solid #8dffab;
    box-shadow: 0 0 12px rgba(71, 207, 115, 0.35);
}
html:has(template[data-vk-css="css/pages/mini_jeux/mini_jeux.css"]) .mini-jeu-badge.bientot{
    color: #2b220d;
    background: linear-gradient(135deg, #d4a017, #8d6a12);
    border: 1px solid #f0d58a;
}
html:has(template[data-vk-css="css/pages/mini_jeux/mini_jeux.css"]) .mini-jeu-icon{
    font-size: 2.4rem;
    margin-bottom: 12px;
    padding-right: 110px;
}
html:has(template[data-vk-css="css/pages/mini_jeux/mini_jeux.css"]) .mini-jeu-card h2{
    color: #f0d58a;
    margin: 0 0 12px 0;
    font-size: 1.35rem;
}
html:has(template[data-vk-css="css/pages/mini_jeux/mini_jeux.css"]) .mini-jeu-card p{
    color: #d6c7a0;
    line-height: 1.5;
    min-height: 72px;
}
html:has(template[data-vk-css="css/pages/mini_jeux/mini_jeux.css"]) .mini-jeu-footer{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: 18px;
}
html:has(template[data-vk-css="css/pages/mini_jeux/mini_jeux.css"]) .mini-jeu-btn{
    display: inline-block;
    padding: 10px 16px;
    background: linear-gradient(135deg, #5a1414, #1a0b0b);
    border: 1px solid #d4a017;
    color: #f4dfb0;
    text-decoration: none;
    border-radius: 8px;
    font-weight: bold;
}
html:has(template[data-vk-css="css/pages/mini_jeux/mini_jeux.css"]) .mini-jeu-card.disponible .mini-jeu-btn{
    border-color: #47cf73;
}
html:has(template[data-vk-css="css/pages/mini_jeux/mini_jeux.css"]) .mini-jeu-btn:hover{
    background: linear-gradient(135deg, #7d1d1d, #2a1010);
}


/* css/pages/mini_jeux/personnage.css */
html:has(template[data-vk-css="css/pages/mini_jeux/personnage.css"]) .perso-game-page{
    max-width: 980px;
    margin: 0 auto;
    padding: 30px 20px;
}
html:has(template[data-vk-css="css/pages/mini_jeux/personnage.css"]) .perso-game-title{
    text-align: center;
    color: #d4a017;
    font-size: 2.35rem;
    margin-bottom: 10px;
}
html:has(template[data-vk-css="css/pages/mini_jeux/personnage.css"]) .perso-game-intro{
    text-align: center;
    color: #d8c89a;
    margin-bottom: 30px;
    line-height: 1.6;
}
html:has(template[data-vk-css="css/pages/mini_jeux/personnage.css"]) .perso-card{
    background: rgba(10,10,10,.82);
    border: 1px solid rgba(212,160,23,.45);
    border-radius: 18px;
    padding: 28px;
    box-shadow: 0 0 22px rgba(0,0,0,.5);
}
html:has(template[data-vk-css="css/pages/mini_jeux/personnage.css"]) .perso-progress{
    text-align: center;
    color: #a99768;
    margin-bottom: 18px;
    font-size: .95rem;
}
html:has(template[data-vk-css="css/pages/mini_jeux/personnage.css"]) .perso-question{
    color: #f0d58a;
    font-size: 1.45rem;
    text-align: center;
    margin-bottom: 26px;
    line-height: 1.5;
}
html:has(template[data-vk-css="css/pages/mini_jeux/personnage.css"]) .perso-answers-grid{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}
html:has(template[data-vk-css="css/pages/mini_jeux/personnage.css"]) .perso-answer{
    min-height: 86px;
    width: 100%;
    padding: 14px 16px;
    background:
        radial-gradient(circle at top left, rgba(212,160,23,.16), transparent 45%),
        linear-gradient(135deg, rgba(42,12,12,.95), rgba(12,6,6,.95));
    border: 1px solid rgba(212,160,23,.38);
    color: #f4dfb0;
    border-radius: 14px;
    cursor: pointer;
    font-size: 1rem;
    text-align: left;
    display: flex;
    align-items: center;
    gap: 14px;
    transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
}
html:has(template[data-vk-css="css/pages/mini_jeux/personnage.css"]) .perso-answer:hover{
    transform: translateY(-2px);
    border-color: #d4a017;
    background:
        radial-gradient(circle at top left, rgba(212,160,23,.25), transparent 45%),
        linear-gradient(135deg, rgba(88,22,22,.98), rgba(20,8,8,.98));
    box-shadow: 0 0 14px rgba(212,160,23,.16);
}
html:has(template[data-vk-css="css/pages/mini_jeux/personnage.css"]) .perso-answer-icon{
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: rgba(212,160,23,.12);
    border: 1px solid rgba(212,160,23,.25);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.45rem;
}
html:has(template[data-vk-css="css/pages/mini_jeux/personnage.css"]) .perso-answer-text{
    flex: 1;
    line-height: 1.35;
}
html:has(template[data-vk-css="css/pages/mini_jeux/personnage.css"]) .perso-result{
    text-align: center;
}
html:has(template[data-vk-css="css/pages/mini_jeux/personnage.css"]) .perso-result-name{
    font-size: 2.4rem;
    color: #d4a017;
    margin: 15px 0;
}
html:has(template[data-vk-css="css/pages/mini_jeux/personnage.css"]) .perso-result-sub{
    color: #f0d58a;
    font-size: 1.1rem;
    margin-bottom: 20px;
}
html:has(template[data-vk-css="css/pages/mini_jeux/personnage.css"]) .perso-result-text{
    color: #d8c89a;
    line-height: 1.7;
    text-align: left;
    background: rgba(255,255,255,.04);
    padding: 18px;
    border-radius: 12px;
    margin-top: 20px;
}
html:has(template[data-vk-css="css/pages/mini_jeux/personnage.css"]) .perso-top{
    margin-top: 25px;
    text-align: left;
}
html:has(template[data-vk-css="css/pages/mini_jeux/personnage.css"]) .perso-top h3{
    color: #d4a017;
}
html:has(template[data-vk-css="css/pages/mini_jeux/personnage.css"]) .perso-top-item{
    padding: 12px 14px;
    border-radius: 10px;
    background: rgba(255,255,255,.04);
    margin-bottom: 10px;
    color: #d8c89a;
    display: flex;
    justify-content: space-between;
    border: 1px solid rgba(212,160,23,.18);
}
html:has(template[data-vk-css="css/pages/mini_jeux/personnage.css"]) .perso-btn{
    display: inline-block;
    padding: 12px 18px;
    background: linear-gradient(135deg,#5a1414,#1a0b0b);
    border: 1px solid #d4a017;
    color: #f4dfb0;
    text-decoration: none;
    border-radius: 8px;
    font-weight: bold;
    cursor: pointer;
    margin: 5px;
}
html:has(template[data-vk-css="css/pages/mini_jeux/personnage.css"]) .perso-btn:hover{
    background: linear-gradient(135deg,#7d1d1d,#2a1010);
}
html:has(template[data-vk-css="css/pages/mini_jeux/personnage.css"]) .perso-actions{
    text-align: center;
    margin-top: 25px;
}
html:has(template[data-vk-css="css/pages/mini_jeux/personnage.css"]) .perso-btn{
    display: inline-block !important;
    width: auto !important;
    height: auto !important;
}


/* css/pages/mini_jeux/quiz.css */
html:has(template[data-vk-css="css/pages/mini_jeux/quiz.css"]) .quiz-varkal-page{max-width:950px;margin:0 auto;padding:30px 20px}
html:has(template[data-vk-css="css/pages/mini_jeux/quiz.css"]) .quiz-varkal-title{text-align:center;color:#d4a017;font-size:2.3rem;margin-bottom:10px}
html:has(template[data-vk-css="css/pages/mini_jeux/quiz.css"]) .quiz-varkal-intro{text-align:center;color:#d8c89a;margin-bottom:30px}
html:has(template[data-vk-css="css/pages/mini_jeux/quiz.css"]) .quiz-card{background:rgba(10,10,10,.82);border:1px solid rgba(212,160,23,.45);border-radius:16px;padding:28px;box-shadow:0 0 22px rgba(0,0,0,.5)}
html:has(template[data-vk-css="css/pages/mini_jeux/quiz.css"]) .quiz-difficulty-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px}
html:has(template[data-vk-css="css/pages/mini_jeux/quiz.css"]) .quiz-difficulty-btn,
html:has(template[data-vk-css="css/pages/mini_jeux/quiz.css"]) .quiz-answer{width:100%;padding:16px;background:linear-gradient(135deg,#3a1010,#110707);border:1px solid rgba(212,160,23,.45);color:#f4dfb0;border-radius:10px;cursor:pointer;font-size:1rem}
html:has(template[data-vk-css="css/pages/mini_jeux/quiz.css"]) .quiz-difficulty-btn{min-height:130px;text-align:center}
html:has(template[data-vk-css="css/pages/mini_jeux/quiz.css"]) .quiz-answer{text-align:left;margin:12px 0}
html:has(template[data-vk-css="css/pages/mini_jeux/quiz.css"]) .quiz-difficulty-btn:hover,
html:has(template[data-vk-css="css/pages/mini_jeux/quiz.css"]) .quiz-answer:hover{background:linear-gradient(135deg,#681818,#1c0909);border-color:#d4a017}
html:has(template[data-vk-css="css/pages/mini_jeux/quiz.css"]) .quiz-difficulty-icon{font-size:2rem;margin-bottom:10px}
html:has(template[data-vk-css="css/pages/mini_jeux/quiz.css"]) .quiz-difficulty-title{color:#f0d58a;font-weight:bold;font-size:1.2rem}
html:has(template[data-vk-css="css/pages/mini_jeux/quiz.css"]) .quiz-progress,
html:has(template[data-vk-css="css/pages/mini_jeux/quiz.css"]) .quiz-current-difficulty{color:#a99768;margin-bottom:16px;text-align:center}
html:has(template[data-vk-css="css/pages/mini_jeux/quiz.css"]) .quiz-question{color:#f0d58a;font-size:1.45rem;margin-bottom:24px;line-height:1.5}
html:has(template[data-vk-css="css/pages/mini_jeux/quiz.css"]) .quiz-result{text-align:center}
html:has(template[data-vk-css="css/pages/mini_jeux/quiz.css"]) .quiz-score{font-size:2rem;color:#d4a017;margin:20px 0}
html:has(template[data-vk-css="css/pages/mini_jeux/quiz.css"]) .quiz-message{color:#d8c89a;font-size:1.15rem;margin-bottom:25px}
html:has(template[data-vk-css="css/pages/mini_jeux/quiz.css"]) .quiz-btn{display:inline-block;padding:12px 18px;background:linear-gradient(135deg,#5a1414,#1a0b0b);border:1px solid #d4a017;color:#f4dfb0;text-decoration:none;border-radius:8px;font-weight:bold;cursor:pointer;margin:5px}
html:has(template[data-vk-css="css/pages/mini_jeux/quiz.css"]) .quiz-actions{text-align:center;margin-top:25px}
html:has(template[data-vk-css="css/pages/mini_jeux/quiz.css"]) .quiz-recap{margin-top:30px}
html:has(template[data-vk-css="css/pages/mini_jeux/quiz.css"]) .quiz-recap-item{padding:14px;margin-bottom:12px;background:rgba(255,255,255,.04);border-radius:10px;border-left:4px solid #555}
html:has(template[data-vk-css="css/pages/mini_jeux/quiz.css"]) .quiz-recap-item.ok{border-left-color:#3fa35c}
html:has(template[data-vk-css="css/pages/mini_jeux/quiz.css"]) .quiz-recap-item.ko{border-left-color:#a33f3f}
html:has(template[data-vk-css="css/pages/mini_jeux/quiz.css"]) .quiz-small{color:#b8a779;font-size:.95rem;margin-top:5px}
html:has(template[data-vk-css="css/pages/mini_jeux/quiz.css"]) .quiz-error{color:#ffb3b3;text-align:center}
html:has(template[data-vk-css="css/pages/mini_jeux/quiz.css"]) .quiz-save-info{color:#9d8a68;font-size:.9rem;margin-top:10px}


/* css/pages/mise_a_jour.css */
html:has(template[data-vk-css="css/pages/mise_a_jour.css"]){
            color-scheme: dark;
            --background: #08090b;
            --panel: rgba(20, 21, 25, 0.94);
            --text: #f1ede7;
            --muted: #bbb3aa;
            --accent: #a81624;
            --accent-light: #d94a57;
        }
html:has(template[data-vk-css="css/pages/mise_a_jour.css"]) *{
            box-sizing: border-box;
        }
html:has(template[data-vk-css="css/pages/mise_a_jour.css"]),
html:has(template[data-vk-css="css/pages/mise_a_jour.css"]) body{
            min-height: 100%;
            margin: 0;
        }
html:has(template[data-vk-css="css/pages/mise_a_jour.css"]) body{
            display: grid;
            place-items: center;
            padding: 24px;
            overflow-x: hidden;
            background:
                radial-gradient(circle at 50% 30%, rgba(168, 22, 36, 0.17), transparent 38%),
                linear-gradient(145deg, #050607, var(--background) 60%, #10080a);
            color: var(--text);
            font-family: Georgia, "Times New Roman", serif;
        }
html:has(template[data-vk-css="css/pages/mise_a_jour.css"]) .update-card{
            position: relative;
            width: min(680px, 100%);
            padding: clamp(32px, 7vw, 64px);
            overflow: hidden;
            text-align: center;
            background: var(--panel);
            border: 1px solid rgba(217, 74, 87, 0.34);
            border-radius: 18px;
            box-shadow: 0 24px 80px rgba(0, 0, 0, 0.55);
        }
html:has(template[data-vk-css="css/pages/mise_a_jour.css"]) .update-card::before{
            content: "";
            position: absolute;
            inset: 0 auto 0 0;
            width: 4px;
            background: linear-gradient(transparent, var(--accent-light), transparent);
        }
html:has(template[data-vk-css="css/pages/mise_a_jour.css"]) .update-mark{
            width: 58px;
            height: 58px;
            margin: 0 auto 22px;
            display: grid;
            place-items: center;
            border: 1px solid rgba(217, 74, 87, 0.55);
            border-radius: 50%;
            color: var(--accent-light);
            font-size: 30px;
            animation: vk_d9aa93fe_pulse 2.4s ease-in-out infinite;
        }
html:has(template[data-vk-css="css/pages/mise_a_jour.css"]) h1{
            margin: 0;
            font-size: clamp(2rem, 7vw, 3.6rem);
            font-weight: 500;
            letter-spacing: 0.035em;
        }
html:has(template[data-vk-css="css/pages/mise_a_jour.css"]) .intro{
            max-width: 520px;
            margin: 22px auto 0;
            color: var(--muted);
            font-size: clamp(1rem, 3vw, 1.16rem);
            line-height: 1.7;
        }
html:has(template[data-vk-css="css/pages/mise_a_jour.css"]) .availability{
            margin: 30px 0 0;
            padding: 18px;
            background: rgba(255, 255, 255, 0.035);
            border: 1px solid rgba(255, 255, 255, 0.09);
            border-radius: 10px;
            font-size: 1.05rem;
            line-height: 1.55;
        }
html:has(template[data-vk-css="css/pages/mise_a_jour.css"]) .availability strong{
            color: #fff;
        }
html:has(template[data-vk-css="css/pages/mise_a_jour.css"]) .countdown{
            display: block;
            margin-top: 8px;
            color: var(--accent-light);
            font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
            font-size: clamp(1rem, 4vw, 1.3rem);
            font-variant-numeric: tabular-nums;
        }
html:has(template[data-vk-css="css/pages/mise_a_jour.css"]) .signature{
            margin: 28px 0 0;
            color: #8c8580;
            font-size: 0.92rem;
            letter-spacing: 0.08em;
            text-transform: uppercase;
        }
html:has(template[data-vk-css="css/pages/mise_a_jour.css"]) .hidden-admin-access{
            position: absolute;
            right: 0;
            bottom: 0;
            z-index: 1000;
            width: 52px;
            height: 52px;
            opacity: 0;
        }
html:has(template[data-vk-css="css/pages/mise_a_jour.css"]) .hidden-admin-access:focus-visible{
            opacity: 0.45;
            outline: 1px solid var(--accent-light);
            outline-offset: -5px;
        }



        @keyframes vk_d9aa93fe_pulse {
            0%, 100% {
                box-shadow: 0 0 0 0 rgba(217, 74, 87, 0);
                transform: scale(1);
            }
            50% {
                box-shadow: 0 0 28px 2px rgba(217, 74, 87, 0.18);
                transform: scale(1.04);
            }
        }
@media (prefers-reduced-motion: reduce){html:has(template[data-vk-css="css/pages/mise_a_jour.css"]) .update-mark{
                animation: none;
            }

        }


/* css/pages/pages/badges.css */
html:has(template[data-vk-css="css/pages/pages/badges.css"]) .badges-page,
html:has(template[data-vk-css="css/pages/pages/badges.css"]) .badges-page *{box-sizing:border-box}
html:has(template[data-vk-css="css/pages/pages/badges.css"]) .badges-page{width:calc(100% - 28px);max-width:1180px;margin:0 auto;padding:30px 0 60px;overflow:hidden;color:#eee;text-align:left}
html:has(template[data-vk-css="css/pages/pages/badges.css"]) .badges-page > *{min-width:0}
html:has(template[data-vk-css="css/pages/pages/badges.css"]) .badges-page-hero{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:28px;border:1px solid rgba(143,28,36,.7);border-radius:18px;background:radial-gradient(circle at 85% 20%,rgba(142,20,31,.2),transparent 36%),linear-gradient(135deg,#171011,#090909);box-shadow:0 20px 55px rgba(0,0,0,.38)}
html:has(template[data-vk-css="css/pages/pages/badges.css"]) .badges-page-kicker{margin:0 0 8px;color:#c44a54;font-size:.76rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
html:has(template[data-vk-css="css/pages/pages/badges.css"]) .badges-page h1{margin:0;color:#fff;font-size:clamp(2rem,5vw,3.5rem);line-height:1.05}
html:has(template[data-vk-css="css/pages/pages/badges.css"]) .badges-page-intro{max-width:680px;margin:12px 0 0;color:#bdb8b8;line-height:1.55}
html:has(template[data-vk-css="css/pages/pages/badges.css"]) .badges-page-count{flex:0 0 auto;min-width:115px;padding:15px 18px;border:1px solid rgba(198,65,75,.55);border-radius:14px;background:rgba(80,9,14,.28);text-align:center}
html:has(template[data-vk-css="css/pages/pages/badges.css"]) .badges-page-count strong{display:block;color:#fff;font-size:1.65rem}
html:has(template[data-vk-css="css/pages/pages/badges.css"]) .badges-page-count span{color:#bfa7a9;font-size:.76rem;text-transform:uppercase}
html:has(template[data-vk-css="css/pages/pages/badges.css"]) .badges-current-title{display:flex;align-items:center;gap:12px;margin-top:16px;padding:14px 18px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:#101010}
html:has(template[data-vk-css="css/pages/pages/badges.css"]) .badges-current-title > span:last-child{min-width:0}
html:has(template[data-vk-css="css/pages/pages/badges.css"]) .badges-current-title small,
html:has(template[data-vk-css="css/pages/pages/badges.css"]) .badges-current-title strong{overflow-wrap:anywhere}
html:has(template[data-vk-css="css/pages/pages/badges.css"]) .badges-current-title-icon{font-size:1.65rem}
html:has(template[data-vk-css="css/pages/pages/badges.css"]) .badges-current-title small,
html:has(template[data-vk-css="css/pages/pages/badges.css"]) .badges-current-title strong{display:block}
html:has(template[data-vk-css="css/pages/pages/badges.css"]) .badges-current-title small{color:#8e8585}
html:has(template[data-vk-css="css/pages/pages/badges.css"]) .badges-current-title strong{margin-top:2px;color:#e5d8d8}
html:has(template[data-vk-css="css/pages/pages/badges.css"]) .badge-info-message{margin-top:16px;padding:11px 14px;border:1px solid #65411d;border-radius:9px;background:#1a1209;color:#e2c18c}
html:has(template[data-vk-css="css/pages/pages/badges.css"]) .badges-form{min-width:0;margin-top:22px}
html:has(template[data-vk-css="css/pages/pages/badges.css"]) .badges-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));gap:13px;min-width:0}
html:has(template[data-vk-css="css/pages/pages/badges.css"]) .badge-card{position:relative;min-height:158px;padding:16px;border:1px solid #49161a;border-radius:12px;background:#110c0d;color:#ddd;transition:transform .18s ease,border-color .18s ease}
html:has(template[data-vk-css="css/pages/pages/badges.css"]) .badge-card.obtenu{border-color:#8b2931;background:linear-gradient(145deg,#1b0d0f,#0d0d0d);box-shadow:inset 0 0 24px rgba(120,0,0,.1)}
html:has(template[data-vk-css="css/pages/pages/badges.css"]) .badge-card.obtenu:hover{transform:translateY(-2px);border-color:#b23d46}
html:has(template[data-vk-css="css/pages/pages/badges.css"]) .badge-card.verrouille{opacity:.67;filter:saturate(.55)}
html:has(template[data-vk-css="css/pages/pages/badges.css"]) .badge-card-top{display:flex;align-items:center;gap:11px;min-width:0}
html:has(template[data-vk-css="css/pages/pages/badges.css"]) .badge-card-icon{display:flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;border:1px solid #68252a;border-radius:50%;background:#090909;font-size:1.5rem}
html:has(template[data-vk-css="css/pages/pages/badges.css"]) .badge-card-name{min-width:0;color:#f0e4e5;font-weight:800;line-height:1.2;overflow-wrap:anywhere}
html:has(template[data-vk-css="css/pages/pages/badges.css"]) .badge-card-description{margin-top:11px;color:#bdb8b8;font-size:.87rem;line-height:1.45;overflow-wrap:anywhere}
html:has(template[data-vk-css="css/pages/pages/badges.css"]) .badge-card-date{margin-top:9px;color:#8dc394;font-size:.76rem}
html:has(template[data-vk-css="css/pages/pages/badges.css"]) .badge-progress{height:7px;margin-top:12px;overflow:hidden;border-radius:999px;background:#2b2223}
html:has(template[data-vk-css="css/pages/pages/badges.css"]) .badge-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#65050d,#c33b46)}
html:has(template[data-vk-css="css/pages/pages/badges.css"]) .badge-progress-label{margin-top:5px;color:#9f8f90;font-size:.73rem;text-align:right}
html:has(template[data-vk-css="css/pages/pages/badges.css"]) .badge-favorite-choice{display:flex;align-items:center;gap:7px;margin-top:11px;color:#d1aeb1;font-size:.8rem}
html:has(template[data-vk-css="css/pages/pages/badges.css"]) .badge-favorite-choice input{width:auto;margin:0;accent-color:#a72b35}
html:has(template[data-vk-css="css/pages/pages/badges.css"]) .badge-preferences{margin-top:22px;padding:20px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:#0f0f0f}
html:has(template[data-vk-css="css/pages/pages/badges.css"]) .badge-preferences h2{margin:0 0 7px;color:#fff}
html:has(template[data-vk-css="css/pages/pages/badges.css"]) .badge-preferences p{margin:0 0 16px;color:#aaa}
html:has(template[data-vk-css="css/pages/pages/badges.css"]) .badge-preferences label{color:#d9cdce;font-weight:700}
html:has(template[data-vk-css="css/pages/pages/badges.css"]) .badge-preferences select{display:block;width:100%;max-width:440px;margin-top:8px;padding:10px;border:1px solid #6a252b;border-radius:8px;background:#090909;color:#eee}
html:has(template[data-vk-css="css/pages/pages/badges.css"]) .badges-save{margin-top:15px;padding:11px 18px;border:1px solid #c14a55;border-radius:9px;background:#8d202a;color:#fff;font-weight:800;cursor:pointer}
html:has(template[data-vk-css="css/pages/pages/badges.css"]) .badges-save:hover{background:#aa2a35}


/* css/pages/pages/home.css */
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home,
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home *{
    box-sizing: border-box;
}
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home{
    --vk-bg: var(--vk-theme-bg, #0c0c0d);
    --vk-panel: var(--vk-theme-panel, rgba(18,18,20,.94));
    --vk-panel-soft: color-mix(in srgb, var(--vk-theme-panel, #1c1819) 82%, transparent);
    --vk-border: color-mix(in srgb, var(--vk-theme-border, var(--theme-outline, var(--theme-accent, currentColor))) 72%, transparent);
    --vk-accent: var(--vk-theme-accent, var(--theme-accent, var(--theme-link, var(--vk-theme-metal, currentColor))));
    --vk-accent-soft: var(--vk-theme-metal, var(--theme-link, var(--vk-theme-accent, var(--theme-accent, currentColor))));
    --vk-text: var(--vk-theme-text, #eeeeee);
    --vk-muted: color-mix(in srgb, var(--vk-theme-text, #eee) 70%, var(--vk-theme-bg, #111));
    --vk-dark: var(--vk-theme-bg, #09090a);
    width: calc(100% - 28px);
    max-width: 1180px;
    margin: 0 auto;
    padding: 26px 0 54px;
    color: var(--vk-text);
    text-align: left;
    overflow-x: clip;
}
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home > *,
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-hero > *,
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-facts > *,
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-books > *,
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-features > *,
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-start > *,
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-community > *{
    min-width: 0;
    max-width: 100%;
}
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home img,
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home svg,
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home video,
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home iframe{
    max-width: 100%;
}
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home p,
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home h1,
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home h2,
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home h3,
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home a,
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home span{
    overflow-wrap: break-word;
}
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home a{
    color: inherit;
}
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-hero{
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 1.3fr) minmax(250px, 0.7fr);
    align-items: center;
    gap: 34px;
    min-height: 520px;
    padding: clamp(28px, 5vw, 66px);
    border: 1px solid var(--vk-border);
    border-radius: 22px;
    background:
        radial-gradient(circle at 78% 28%, color-mix(in srgb, var(--vk-accent) 22%, transparent), transparent 34%),
        linear-gradient(135deg, color-mix(in srgb, var(--vk-panel) 94%, var(--vk-bg)), var(--vk-bg));
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.45);
}
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-hero::before{
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(90deg, rgba(255,255,255,0.035) 1px, transparent 1px),
        linear-gradient(rgba(255,255,255,0.025) 1px, transparent 1px);
    background-size: 45px 45px;
    mask-image: linear-gradient(to bottom, rgba(0,0,0,0.7), transparent);
}
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-hero-content,
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-cover{
    position: relative;
    z-index: 1;
}
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-kicker{
    margin: 0 0 12px;
    color: var(--vk-accent-soft);
    font-size: 0.86rem;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home h1{
    max-width: 760px;
    margin: 0;
    color: var(--vk-text);
    font-size: clamp(2.4rem, 7vw, 5.2rem);
    line-height: 0.97;
    letter-spacing: -0.035em;
    text-wrap: balance;
}
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-subtitle{
    max-width: 720px;
    margin: 24px 0 0;
    color: color-mix(in srgb, var(--vk-text) 88%, var(--vk-bg));
    font-size: clamp(1.05rem, 2vw, 1.32rem);
    line-height: 1.7;
}
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-intro{
    max-width: 720px;
    margin: 16px 0 0;
    color: var(--vk-muted);
    font-size: 1rem;
    line-height: 1.75;
}
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-actions{
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 30px;
}
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-btn{
    display: inline-flex;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    padding: 12px 20px;
    border: 1px solid transparent;
    border-radius: 10px;
    background: linear-gradient(135deg, color-mix(in srgb, var(--vk-accent) 78%, #000), var(--vk-accent));
    color: var(--vk-text) !important;
    font-weight: 800;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    box-shadow: 0 10px 24px color-mix(in srgb, var(--vk-accent) 25%, transparent);
    transition: transform 0.18s ease, filter 0.18s ease, border-color 0.18s ease;
}
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-btn:hover,
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-btn:focus-visible{
    transform: translateY(-2px);
    filter: brightness(1.1);
}
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-btn-secondary{
    border-color: color-mix(in srgb, var(--vk-theme-border, var(--vk-text)) 45%, transparent);
    background: color-mix(in srgb, var(--vk-theme-panel, var(--vk-text)) 82%, transparent);
    box-shadow: none;
}
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-cover{
    justify-self: center;
    width: min(100%, 330px);
}
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-cover img{
    display: block;
    width: 100%;
    height: auto;
    border-radius: 8px;
    box-shadow:
        0 28px 55px rgba(0,0,0,0.55),
        0 0 0 1px color-mix(in srgb, var(--vk-theme-border, var(--vk-text)) 32%, transparent);
    transform: perspective(900px) rotateY(-6deg) rotateX(1deg);
}
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-cover-missing{
    display: flex;
    min-height: 360px;
    align-items: center;
    justify-content: center;
    padding: 24px;
    border: 1px dashed color-mix(in srgb, var(--vk-theme-border, var(--vk-text)) 45%, transparent);
    border-radius: 8px;
    background: color-mix(in srgb, var(--vk-theme-panel, var(--vk-text)) 68%, transparent);
    color: var(--vk-muted);
    text-align: center;
}
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-cover figcaption{
    margin-top: 15px;
    color: var(--vk-muted);
    font-size: 0.86rem;
    line-height: 1.5;
    text-align: center;
}
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-facts{
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin: 18px 0 0;
}
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-fact{
    padding: 17px 16px;
    border: 1px solid color-mix(in srgb, var(--vk-theme-border, var(--vk-text)) 34%, transparent);
    border-radius: 14px;
    background: var(--vk-panel);
}
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-fact strong{
    display: block;
    margin-bottom: 6px;
    color: var(--vk-text);
    font-size: 0.9rem;
}
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-fact span{
    color: var(--vk-muted);
    font-size: 0.86rem;
    line-height: 1.45;
}
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-badge-card{
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 18px;
    margin-top: 16px;
    padding: 18px 20px;
    border: 1px solid color-mix(in srgb, var(--vk-accent-soft) 42%, transparent);
    border-radius: 16px;
    background: linear-gradient(120deg, color-mix(in srgb, var(--vk-accent) 18%, var(--vk-panel)), var(--vk-panel));
    box-shadow: 0 12px 34px rgba(0,0,0,0.22);
}
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-badge-icon{
    width: 52px;
    font-size: 2.25rem;
    text-align: center;
}
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-badge-copy strong,
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-badge-copy span{
    display: block;
}
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-badge-copy strong{
    color: var(--vk-accent-soft);
    font-size: 1rem;
}
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-badge-copy span{
    margin-top: 4px;
    color: var(--vk-muted);
    font-size: .88rem;
    line-height: 1.45;
}
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-badge-progress{
    height: 6px;
    margin-top: 10px;
    overflow: hidden;
    border-radius: 999px;
    background: color-mix(in srgb, var(--vk-theme-border, var(--vk-text)) 40%, transparent);
}
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-badge-progress span{
    height: 100%;
    margin: 0;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--vk-accent), var(--vk-accent-soft));
}
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-badge-link{
    padding: 10px 14px;
    border: 1px solid color-mix(in srgb, var(--vk-accent-soft) 55%, transparent);
    border-radius: 10px;
    color: var(--vk-accent-soft) !important;
    font-size: .84rem;
    font-weight: 800;
    text-decoration: none;
    white-space: nowrap;
}
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-section{
    margin-top: 52px;
    scroll-margin-top: 100px;
}
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-section-header{
    max-width: 780px;
    margin-bottom: 22px;
}
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-section h2{
    margin: 0;
    color: var(--vk-text);
    font-size: clamp(1.75rem, 4vw, 2.65rem);
    line-height: 1.12;
    text-wrap: balance;
}
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-section-header p,
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-prose p{
    color: var(--vk-muted);
    line-height: 1.75;
}
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-section-header p{
    margin: 12px 0 0;
    font-size: 1rem;
}
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-prose{
    padding: clamp(24px, 4vw, 40px);
    border: 1px solid color-mix(in srgb, var(--vk-theme-border, var(--vk-text)) 32%, transparent);
    border-radius: 18px;
    background: var(--vk-panel);
}
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-prose p{
    margin: 0;
    font-size: 1.02rem;
}
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-prose p + p{
    margin-top: 15px;
}
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-books{
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-book{
    position: relative;
    min-height: 150px;
    padding: 21px;
    border: 1px solid color-mix(in srgb, var(--vk-theme-border, var(--vk-text)) 34%, transparent);
    border-radius: 15px;
    background:
        linear-gradient(145deg, color-mix(in srgb, var(--vk-panel) 92%, var(--vk-accent) 8%), var(--vk-bg));
}
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-book-number{
    display: inline-flex;
    width: 38px;
    height: 38px;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
    border: 1px solid color-mix(in srgb, var(--vk-accent-soft) 45%, transparent);
    border-radius: 50%;
    color: var(--vk-accent-soft);
    font-weight: 900;
}
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-book h3{
    margin: 0;
    color: var(--vk-text);
    font-size: 1.04rem;
    line-height: 1.38;
}
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-book p{
    margin: 9px 0 0;
    color: var(--vk-muted);
    font-size: 0.86rem;
}
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-book-links{
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 16px;
}
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-book-links a{
    display: inline-flex;
    min-height: 36px;
    align-items: center;
    justify-content: center;
    padding: 8px 11px;
    border: 1px solid color-mix(in srgb, var(--vk-accent-soft) 35%, transparent);
    border-radius: 8px;
    background: color-mix(in srgb, var(--vk-accent) 12%, transparent);
    color: color-mix(in srgb, var(--vk-accent-soft) 72%, var(--vk-text));
    font-size: 0.79rem;
    font-weight: 800;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
}
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-book-links a:hover,
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-book-links a:focus-visible{
    border-color: color-mix(in srgb, var(--vk-accent-soft) 75%, transparent);
    background: color-mix(in srgb, var(--vk-accent) 22%, transparent);
}
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-upcoming{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 15px;
}
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-pill{
    display: inline-flex;
    gap: 7px;
    align-items: center;
    padding: 9px 13px;
    border: 1px solid color-mix(in srgb, var(--vk-theme-border, var(--vk-text)) 38%, transparent);
    border-radius: 999px;
    background: color-mix(in srgb, var(--vk-theme-panel, var(--vk-text)) 72%, transparent);
    color: var(--vk-muted);
    font-size: 0.88rem;
}
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-pill strong{
    color: var(--vk-text);
}
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-features{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-feature{
    padding: 23px;
    border: 1px solid color-mix(in srgb, var(--vk-theme-border, var(--vk-text)) 34%, transparent);
    border-radius: 16px;
    background: var(--vk-panel-soft);
}
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-feature h3{
    margin: 0 0 10px;
    color: var(--vk-text);
    font-size: 1.08rem;
}
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-feature p{
    margin: 0;
    color: var(--vk-muted);
    font-size: 0.93rem;
    line-height: 1.62;
}
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-feature a{
    display: inline-block;
    margin-top: 15px;
    color: var(--vk-accent-soft);
    font-size: 0.9rem;
    font-weight: 800;
    text-decoration: none;
}
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-feature a:hover,
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-feature a:focus-visible{
    text-decoration: underline;
}
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-start{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    counter-reset: start-step;
}
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-step{
    counter-increment: start-step;
    padding: 24px;
    border-left: 3px solid var(--vk-accent);
    border-radius: 0 14px 14px 0;
    background: color-mix(in srgb, var(--vk-theme-panel, var(--vk-text)) 72%, transparent);
}
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-step::before{
    content: "0" counter(start-step);
    display: block;
    margin-bottom: 12px;
    color: var(--vk-accent-soft);
    font-weight: 900;
    letter-spacing: 0.08em;
}
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-step h3{
    margin: 0 0 8px;
    color: var(--vk-text);
    font-size: 1rem;
}
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-step p{
    margin: 0;
    color: var(--vk-muted);
    font-size: 0.9rem;
    line-height: 1.55;
}
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-faq{
    display: grid;
    gap: 10px;
}
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-faq details{
    border: 1px solid color-mix(in srgb, var(--vk-theme-border, var(--vk-text)) 34%, transparent);
    border-radius: 13px;
    background: var(--vk-panel);
}
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-faq summary{
    cursor: pointer;
    padding: 18px 20px;
    color: var(--vk-text);
    font-weight: 800;
    line-height: 1.45;
}
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-faq details[open] summary{
    border-bottom: 1px solid color-mix(in srgb, var(--vk-theme-border, var(--vk-text)) 30%, transparent);
}
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-faq p{
    margin: 0;
    padding: 18px 20px 21px;
    color: var(--vk-muted);
    line-height: 1.68;
}
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-community{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    margin-top: 52px;
    padding: clamp(24px, 4vw, 42px);
    border: 1px solid var(--vk-border);
    border-radius: 18px;
    background:
        radial-gradient(circle at 85% 40%, color-mix(in srgb, var(--vk-accent) 18%, transparent), transparent 36%),
        var(--vk-panel);
}
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-community h2{
    margin: 0 0 8px;
    color: var(--vk-text);
    font-size: clamp(1.5rem, 3vw, 2.2rem);
}
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-community p{
    max-width: 700px;
    margin: 0;
    color: var(--vk-muted);
    line-height: 1.65;
}
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-links{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    flex-shrink: 0;
}
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-smallprint{
    margin: 30px auto 0;
    color: var(--vk-muted);
    font-size: 0.82rem;
    line-height: 1.6;
    text-align: center;
}
@media (prefers-reduced-motion: reduce){html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home *,
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home *::before,
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home *::after{
        scroll-behavior: auto !important;
        transition: none !important;
    }

}


/* css/pages/pages/marque_pages_lecture.css */
html:has(template[data-vk-css="css/pages/pages/marque_pages_lecture.css"]) .mp-vk{
    --vk-bg:#090909;
    --vk-panel:#11100f;
    --vk-panel-2:#171410;
    --vk-gold:#c5a15b;
    --vk-gold-soft:#7d683d;
    --vk-gold-faint:rgba(197,161,91,.18);
    --vk-blood:#621016;
    --vk-blood-soft:rgba(98,16,22,.26);
    --vk-text:#e8e3d8;
    --vk-muted:#8e887d;
    max-width:1060px;
    margin:0 auto 44px;
    padding:0 14px 24px;
    color:var(--vk-text);
}
html:has(template[data-vk-css="css/pages/pages/marque_pages_lecture.css"]) .mp-vk *{ box-sizing:border-box; }
html:has(template[data-vk-css="css/pages/pages/marque_pages_lecture.css"]) .mp-hero{
    position:relative;
    overflow:hidden;
    margin:4px auto 26px;
    padding:25px 24px 22px;
    text-align:center;
    background:
        radial-gradient(circle at 50% 0, rgba(98,16,22,.18), transparent 52%),
        linear-gradient(180deg, #151310 0%, #0a0a0a 100%);
    border:1px solid rgba(197,161,91,.58);
    clip-path:polygon(15px 0, calc(100% - 15px) 0, 100% 15px, 100% calc(100% - 15px), calc(100% - 15px) 100%, 15px 100%, 0 calc(100% - 15px), 0 15px);
    box-shadow:0 12px 28px rgba(0,0,0,.34);
}
html:has(template[data-vk-css="css/pages/pages/marque_pages_lecture.css"]) .mp-hero::before{
    content:"";
    position:absolute;
    inset:5px;
    pointer-events:none;
    border:1px solid rgba(125,104,61,.28);
    clip-path:inherit;
}
html:has(template[data-vk-css="css/pages/pages/marque_pages_lecture.css"]) .mp-hero::after{
    content:"";
    position:absolute;
    left:22%;
    right:22%;
    bottom:5px;
    height:1px;
    background:linear-gradient(90deg, transparent, rgba(98,16,22,.9), transparent);
}
html:has(template[data-vk-css="css/pages/pages/marque_pages_lecture.css"]) .mp-kicker{
    margin:0 0 5px;
    color:#8f7b50;
    font-size:.72rem;
    font-weight:700;
    letter-spacing:.28em;
    text-transform:uppercase;
}
html:has(template[data-vk-css="css/pages/pages/marque_pages_lecture.css"]) .mp-hero h1{
    margin:0;
    color:#e7d5a2;
    font-size:clamp(1.8rem, 4vw, 2.65rem);
    font-weight:600;
    letter-spacing:.035em;
    text-shadow:0 2px 5px #000;
}
html:has(template[data-vk-css="css/pages/pages/marque_pages_lecture.css"]) .mp-hero-line{
    width:min(290px,70%);
    height:1px;
    margin:13px auto 11px;
    background:linear-gradient(90deg, transparent, #6e5b36 18%, #c5a15b 50%, #6e5b36 82%, transparent);
    position:relative;
}
html:has(template[data-vk-css="css/pages/pages/marque_pages_lecture.css"]) .mp-hero-line::before,
html:has(template[data-vk-css="css/pages/pages/marque_pages_lecture.css"]) .mp-hero-line::after{
    content:"◆";
    position:absolute;
    top:50%;
    color:#765e33;
    font-size:.48rem;
    transform:translateY(-50%) rotate(45deg);
}
html:has(template[data-vk-css="css/pages/pages/marque_pages_lecture.css"]) .mp-hero-line::before{ left:8%; }
html:has(template[data-vk-css="css/pages/pages/marque_pages_lecture.css"]) .mp-hero-line::after{ right:8%; }
html:has(template[data-vk-css="css/pages/pages/marque_pages_lecture.css"]) .mp-intro{
    max-width:690px;
    margin:0 auto;
    color:#9c968a;
    font-size:.93rem;
    line-height:1.55;
}
html:has(template[data-vk-css="css/pages/pages/marque_pages_lecture.css"]) .mp-count{
    display:inline-flex;
    align-items:center;
    gap:7px;
    margin-top:14px;
    padding:5px 11px;
    border:1px solid rgba(197,161,91,.25);
    border-radius:999px;
    background:rgba(0,0,0,.25);
    color:#b9a778;
    font-size:.79rem;
}
html:has(template[data-vk-css="css/pages/pages/marque_pages_lecture.css"]) .mp-count strong{ color:#e5cf94; }
html:has(template[data-vk-css="css/pages/pages/marque_pages_lecture.css"]) .mp-topbar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-bottom:20px;
}
html:has(template[data-vk-css="css/pages/pages/marque_pages_lecture.css"]) .mp-back-link{
    display:inline-flex;
    align-items:center;
    gap:7px;
    color:#a99769;
    text-decoration:none;
    font-size:.9rem;
    transition:color .15s ease, transform .15s ease;
}
html:has(template[data-vk-css="css/pages/pages/marque_pages_lecture.css"]) .mp-back-link:hover{ color:#e2cc91; transform:translateX(-2px); }
html:has(template[data-vk-css="css/pages/pages/marque_pages_lecture.css"]) .mp-message{
    margin:0 0 20px;
    padding:11px 14px;
    border:1px solid #395a38;
    background:#101b10;
    color:#a7d6a3;
    text-align:center;
    font-size:.9rem;
}
html:has(template[data-vk-css="css/pages/pages/marque_pages_lecture.css"]) .mp-message.error{
    border-color:#6e292d;
    background:#241012;
    color:#efaaaa;
}
html:has(template[data-vk-css="css/pages/pages/marque_pages_lecture.css"]) .mp-section{ margin:28px 0 34px; }
html:has(template[data-vk-css="css/pages/pages/marque_pages_lecture.css"]) .mp-section-head{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:12px;
}
html:has(template[data-vk-css="css/pages/pages/marque_pages_lecture.css"]) .mp-section-head::after{
    content:"";
    height:1px;
    flex:1;
    background:linear-gradient(90deg, rgba(197,161,91,.42), transparent);
}
html:has(template[data-vk-css="css/pages/pages/marque_pages_lecture.css"]) .mp-section-title{
    margin:0;
    color:#d5bd82;
    font-size:1.12rem;
    font-weight:600;
    letter-spacing:.04em;
}
html:has(template[data-vk-css="css/pages/pages/marque_pages_lecture.css"]) .mp-section-count{
    display:inline-grid;
    place-items:center;
    min-width:24px;
    height:24px;
    padding:0 7px;
    border:1px solid rgba(197,161,91,.28);
    border-radius:999px;
    color:#8f815f;
    font-size:.75rem;
}
html:has(template[data-vk-css="css/pages/pages/marque_pages_lecture.css"]) .mp-grid{
    display:grid;
    grid-template-columns:repeat(2, minmax(0,1fr));
    gap:12px;
}
html:has(template[data-vk-css="css/pages/pages/marque_pages_lecture.css"]) .mp-card{
    position:relative;
    min-width:0;
    display:grid;
    grid-template-columns:72px minmax(0,1fr);
    gap:14px;
    padding:12px;
    background:
        linear-gradient(115deg, rgba(98,16,22,.075), transparent 34%),
        linear-gradient(180deg, #141311, #0d0d0d);
    border:1px solid #302b22;
    border-left-color:#6b5733;
    border-radius:2px;
    box-shadow:0 7px 17px rgba(0,0,0,.22);
    transition:border-color .16s ease, transform .16s ease, box-shadow .16s ease;
}
html:has(template[data-vk-css="css/pages/pages/marque_pages_lecture.css"]) .mp-card::after{
    content:"";
    position:absolute;
    top:0;
    right:0;
    width:30px;
    height:30px;
    border-top:1px solid rgba(197,161,91,.16);
    border-right:1px solid rgba(197,161,91,.16);
    pointer-events:none;
}
html:has(template[data-vk-css="css/pages/pages/marque_pages_lecture.css"]) .mp-card:hover{
    border-color:#4d4029;
    border-left-color:#a1844c;
    transform:translateY(-1px);
    box-shadow:0 9px 22px rgba(0,0,0,.3);
}
html:has(template[data-vk-css="css/pages/pages/marque_pages_lecture.css"]) .mp-cover{
    position:relative;
    width:72px;
    height:104px;
    overflow:hidden;
    align-self:start;
    background:#080808;
    border:1px solid #514326;
    box-shadow:0 4px 12px rgba(0,0,0,.48);
}
html:has(template[data-vk-css="css/pages/pages/marque_pages_lecture.css"]) .mp-cover img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}
html:has(template[data-vk-css="css/pages/pages/marque_pages_lecture.css"]) .mp-cover-placeholder{
    display:grid;
    place-items:center;
    width:100%;
    height:100%;
    color:#6f5b34;
    font-size:1.25rem;
    background:radial-gradient(circle, #1a1511, #090909 70%);
}
html:has(template[data-vk-css="css/pages/pages/marque_pages_lecture.css"]) .mp-page-ribbon{
    position:absolute;
    left:4px;
    right:4px;
    bottom:4px;
    padding:3px 2px;
    text-align:center;
    background:rgba(7,7,7,.91);
    border:1px solid rgba(197,161,91,.54);
    color:#e0c681;
    font-size:.67rem;
    font-weight:700;
    letter-spacing:.03em;
}
html:has(template[data-vk-css="css/pages/pages/marque_pages_lecture.css"]) .mp-page-ribbon.read{
    background:rgba(17,12,8,.95);
    border-color:rgba(197,161,91,.82);
    color:#f0d995;
    letter-spacing:.12em;
}
html:has(template[data-vk-css="css/pages/pages/marque_pages_lecture.css"]) .mp-resume.read{
    border-color:#5c4d32;
    color:#baa773;
    background:linear-gradient(180deg,#181510,#0d0c0b);
}
html:has(template[data-vk-css="css/pages/pages/marque_pages_lecture.css"]) .mp-card-body{
    min-width:0;
    display:flex;
    flex-direction:column;
}
html:has(template[data-vk-css="css/pages/pages/marque_pages_lecture.css"]) .mp-type{
    margin:1px 0 4px;
    color:#776a4c;
    font-size:.67rem;
    font-weight:700;
    letter-spacing:.16em;
    text-transform:uppercase;
}
html:has(template[data-vk-css="css/pages/pages/marque_pages_lecture.css"]) .mp-title{
    color:#eee8dc;
    font-size:.98rem;
    font-weight:700;
    line-height:1.28;
}
html:has(template[data-vk-css="css/pages/pages/marque_pages_lecture.css"]) .mp-meta{
    margin-top:5px;
    color:#77736b;
    font-size:.76rem;
    line-height:1.35;
}
html:has(template[data-vk-css="css/pages/pages/marque_pages_lecture.css"]) .mp-card-actions{
    display:flex;
    align-items:center;
    gap:6px;
    margin-top:auto;
    padding-top:11px;
}
html:has(template[data-vk-css="css/pages/pages/marque_pages_lecture.css"]) .mp-resume{
    flex:1 1 auto;
    min-height:34px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:7px 12px;
    border:1px solid #826c3e;
    border-radius:2px;
    background:linear-gradient(180deg,#211c14,#100f0d);
    color:#ddc688;
    text-decoration:none;
    font-size:.83rem;
    font-weight:700;
    letter-spacing:.025em;
    box-shadow:inset 0 0 0 1px rgba(0,0,0,.65);
    transition:all .15s ease;
}
html:has(template[data-vk-css="css/pages/pages/marque_pages_lecture.css"]) .mp-resume:hover{
    color:#fff0bf;
    border-color:#b49555;
    background:linear-gradient(180deg,#2b2116,#14100e);
}
html:has(template[data-vk-css="css/pages/pages/marque_pages_lecture.css"]) .mp-more{ position:relative; margin:0; }
html:has(template[data-vk-css="css/pages/pages/marque_pages_lecture.css"]) .mp-more > summary{
    list-style:none;
    width:35px;
    height:34px;
    display:grid;
    place-items:center;
    cursor:pointer;
    user-select:none;
    border:1px solid #3d3528;
    border-radius:2px;
    background:#12110f;
    color:#9e8b5e;
    font-size:1.05rem;
    line-height:1;
}
html:has(template[data-vk-css="css/pages/pages/marque_pages_lecture.css"]) .mp-more > summary::-webkit-details-marker{ display:none; }
html:has(template[data-vk-css="css/pages/pages/marque_pages_lecture.css"]) .mp-more[open] > summary,
html:has(template[data-vk-css="css/pages/pages/marque_pages_lecture.css"]) .mp-more > summary:hover{
    border-color:#806a3e;
    color:#d6bb7b;
}
html:has(template[data-vk-css="css/pages/pages/marque_pages_lecture.css"]) .mp-menu{
    position:absolute;
    z-index:20;
    right:0;
    top:39px;
    width:205px;
    padding:5px;
    display:grid;
    gap:4px;
    background:#0b0b0b;
    border:1px solid #4f4129;
    box-shadow:0 12px 25px rgba(0,0,0,.58);
}
html:has(template[data-vk-css="css/pages/pages/marque_pages_lecture.css"]) .mp-menu a,
html:has(template[data-vk-css="css/pages/pages/marque_pages_lecture.css"]) .mp-menu button{
    width:100%;
    margin:0;
    padding:8px 9px;
    border:1px solid transparent;
    border-radius:1px;
    background:#111;
    color:#c9c1b1;
    text-align:left;
    text-decoration:none;
    font:inherit;
    font-size:.78rem;
    cursor:pointer;
}
html:has(template[data-vk-css="css/pages/pages/marque_pages_lecture.css"]) .mp-menu a:hover,
html:has(template[data-vk-css="css/pages/pages/marque_pages_lecture.css"]) .mp-menu button:hover{
    background:#191611;
    border-color:#4c4029;
    color:#ead9a9;
}
html:has(template[data-vk-css="css/pages/pages/marque_pages_lecture.css"]) .mp-menu form{ margin:0; }
html:has(template[data-vk-css="css/pages/pages/marque_pages_lecture.css"]) .mp-menu .danger{ color:#c77d7d; }
html:has(template[data-vk-css="css/pages/pages/marque_pages_lecture.css"]) .mp-menu .danger:hover{
    color:#f0a3a3;
    border-color:#5e292d;
    background:#1d1011;
}
html:has(template[data-vk-css="css/pages/pages/marque_pages_lecture.css"]) .mp-empty{
    position:relative;
    padding:42px 20px;
    text-align:center;
    background:linear-gradient(180deg,#12110f,#0b0b0b);
    border:1px solid #353027;
    color:#8c867a;
}
html:has(template[data-vk-css="css/pages/pages/marque_pages_lecture.css"]) .mp-empty-symbol{
    display:block;
    margin-bottom:10px;
    color:#685837;
    font-size:1.7rem;
}
html:has(template[data-vk-css="css/pages/pages/marque_pages_lecture.css"]) .mp-empty strong{
    display:block;
    margin-bottom:4px;
    color:#c4b58e;
    font-size:1rem;
}
html:has(template[data-vk-css="css/pages/pages/marque_pages_lecture.css"]) .mp-login-note{
    margin-top:8px;
    color:#6f6b64;
    font-size:.82rem;
}
html:has(template[data-vk-css="css/pages/pages/marque_pages_lecture.css"]) .mp-paper-box{
    position:relative;
    margin:20px 0 30px;
    padding:16px;
    background:
        radial-gradient(circle at 0 0, rgba(98,16,22,.13), transparent 36%),
        linear-gradient(180deg,#15120f,#0c0c0b);
    border:1px solid #4e4027;
    box-shadow:0 9px 22px rgba(0,0,0,.24);
}
html:has(template[data-vk-css="css/pages/pages/marque_pages_lecture.css"]) .mp-paper-box::before{
    content:"";
    position:absolute;
    inset:4px;
    border:1px solid rgba(197,161,91,.10);
    pointer-events:none;
}
html:has(template[data-vk-css="css/pages/pages/marque_pages_lecture.css"]) .mp-paper-heading{
    position:relative;
    z-index:1;
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:15px;
    margin-bottom:13px;
}
html:has(template[data-vk-css="css/pages/pages/marque_pages_lecture.css"]) .mp-paper-heading strong{
    display:block;
    color:#dbc58d;
    font-size:1rem;
    letter-spacing:.035em;
}
html:has(template[data-vk-css="css/pages/pages/marque_pages_lecture.css"]) .mp-paper-heading span{
    display:block;
    margin-top:3px;
    color:#817b70;
    font-size:.78rem;
    line-height:1.4;
}
html:has(template[data-vk-css="css/pages/pages/marque_pages_lecture.css"]) .mp-paper-badge{
    flex:0 0 auto;
    padding:4px 8px;
    border:1px solid #6d5831;
    background:#0c0b09;
    color:#bca46b;
    font-size:.67rem;
    font-weight:700;
    letter-spacing:.12em;
    text-transform:uppercase;
}
html:has(template[data-vk-css="css/pages/pages/marque_pages_lecture.css"]) .mp-paper-form{
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:minmax(0,1fr) 120px auto;
    gap:8px;
    align-items:end;
}
html:has(template[data-vk-css="css/pages/pages/marque_pages_lecture.css"]) .mp-paper-field label{
    display:block;
    margin:0 0 5px;
    color:#958968;
    font-size:.72rem;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}
html:has(template[data-vk-css="css/pages/pages/marque_pages_lecture.css"]) .mp-paper-field select,
html:has(template[data-vk-css="css/pages/pages/marque_pages_lecture.css"]) .mp-paper-field input{
    width:100%;
    height:38px;
    padding:7px 9px;
    border:1px solid #493e2a;
    border-radius:2px;
    outline:none;
    background:#090909;
    color:#ddd4c1;
    font:inherit;
    font-size:.86rem;
}
html:has(template[data-vk-css="css/pages/pages/marque_pages_lecture.css"]) .mp-paper-field select:focus,
html:has(template[data-vk-css="css/pages/pages/marque_pages_lecture.css"]) .mp-paper-field input:focus{
    border-color:#a4874d;
    box-shadow:0 0 0 2px rgba(197,161,91,.08);
}
html:has(template[data-vk-css="css/pages/pages/marque_pages_lecture.css"]) .mp-paper-save{
    height:38px;
    padding:0 14px;
    border:1px solid #826c3e;
    border-radius:2px;
    background:linear-gradient(180deg,#251e13,#100e0b);
    color:#e0c98a;
    font:inherit;
    font-size:.82rem;
    font-weight:700;
    cursor:pointer;
}
html:has(template[data-vk-css="css/pages/pages/marque_pages_lecture.css"]) .mp-paper-save:hover{
    border-color:#b69755;
    color:#fff0be;
}
html:has(template[data-vk-css="css/pages/pages/marque_pages_lecture.css"]) .mp-paper-note{
    position:relative;
    z-index:1;
    margin:9px 0 0;
    color:#6f6a61;
    font-size:.73rem;
    line-height:1.4;
}
html:has(template[data-vk-css="css/pages/pages/marque_pages_lecture.css"]) .mp-paper-install{
    padding:12px 14px;
    border:1px solid #6d542b;
    background:#1b160d;
    color:#d0b878;
    font-size:.82rem;
    line-height:1.45;
}
html:has(template[data-vk-css="css/pages/pages/marque_pages_lecture.css"]) .mp-card.paper{
    border-left-color:#806a3e;
    background:
        linear-gradient(115deg, rgba(197,161,91,.07), transparent 35%),
        linear-gradient(180deg,#15130f,#0c0c0b);
}
html:has(template[data-vk-css="css/pages/pages/marque_pages_lecture.css"]) .mp-card.paper .mp-type{ color:#9b8351; }
html:has(template[data-vk-css="css/pages/pages/marque_pages_lecture.css"]) .mp-page-ribbon.paper{
    border-color:rgba(197,161,91,.78);
    color:#f0d99b;
    background:rgba(10,8,5,.94);
}
html:has(template[data-vk-css="css/pages/pages/marque_pages_lecture.css"]) .mp-paper-edit{
    display:flex;
    align-items:center;
    gap:6px;
    margin-top:auto;
    padding-top:10px;
}
html:has(template[data-vk-css="css/pages/pages/marque_pages_lecture.css"]) .mp-paper-edit input[type=number]{
    width:82px;
    min-height:34px;
    padding:6px 7px;
    border:1px solid #493e2a;
    border-radius:2px;
    background:#090909;
    color:#e0d8c8;
    font:inherit;
    font-size:.8rem;
    text-align:center;
}
html:has(template[data-vk-css="css/pages/pages/marque_pages_lecture.css"]) .mp-paper-edit button{
    flex:1 1 auto;
    min-height:34px;
    padding:6px 9px;
    border:1px solid #6e5b35;
    border-radius:2px;
    background:#17130e;
    color:#cdb77e;
    font:inherit;
    font-size:.78rem;
    font-weight:700;
    cursor:pointer;
}
html:has(template[data-vk-css="css/pages/pages/marque_pages_lecture.css"]) .mp-paper-edit button:hover{ border-color:#a88a4f; color:#eed89e; }


/* css/pages/pages/personnages.css */
html:has(template[data-vk-css="css/pages/pages/personnages.css"]) .perso-info-box{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:18px;
    margin:18px auto 25px auto;
    padding:11px 16px;
    max-width:980px;
    background:linear-gradient(180deg, rgba(25,25,25,.95), rgba(12,12,12,.95));
    border:1px solid #333;
    border-radius:10px;
    box-shadow:0 0 14px rgba(0,0,0,.25);
}
html:has(template[data-vk-css="css/pages/pages/personnages.css"]) .perso-info-left{
    display:flex;
    flex-direction:column;
    gap:3px;
    min-width:0;
}
html:has(template[data-vk-css="css/pages/pages/personnages.css"]) .perso-info-left strong{
    color:#c9a45c;
    font-size:1rem;
}
html:has(template[data-vk-css="css/pages/pages/personnages.css"]) .perso-info-left span{
    color:#aaa;
    font-size:.88rem;
    line-height:1.25;
}
html:has(template[data-vk-css="css/pages/pages/personnages.css"]) .perso-info-right{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:10px;
    flex-shrink:0;
}
html:has(template[data-vk-css="css/pages/pages/personnages.css"]) .perso-progress{
    padding:5px 10px;
    color:#c9a45c;
    background:#0d0d0d;
    border:1px solid #333;
    border-radius:7px;
    font-weight:bold;
    font-size:.9rem;
    white-space:nowrap;
}
html:has(template[data-vk-css="css/pages/pages/personnages.css"]) .perso-toggle-form{
    margin:0;
}
html:has(template[data-vk-css="css/pages/pages/personnages.css"]) .btn-mini{
    padding:6px 11px;
    font-size:.82rem;
    white-space:nowrap;
}
html:has(template[data-vk-css="css/pages/pages/personnages.css"]) .perso-mode-active{
    color:#d6b36a;
    font-size:.82rem;
    font-style:italic;
    white-space:nowrap;
}
html:has(template[data-vk-css="css/pages/pages/personnages.css"]) body .personnages-grid > .perso-btn,
html:has(template[data-vk-css="css/pages/pages/personnages.css"]) body .personnages-grid > .perso-btn:hover,
html:has(template[data-vk-css="css/pages/pages/personnages.css"]) body .personnages-grid > .perso-btn:focus-visible{
    background: transparent;
    border-color: transparent;
    box-shadow: none;
}


/* css/pages/pages/tomes.css */
html:has(template[data-vk-css="css/pages/pages/tomes.css"]) .library-toolbar{
    display:flex;
    justify-content:center;
    margin:2px auto 26px;
    padding:0 14px;
}
html:has(template[data-vk-css="css/pages/pages/tomes.css"]) .library-bookmark-btn{
    --vk-gold:#c5a15b;
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    min-height:36px;
    padding:7px 15px;
    box-sizing:border-box;
    color:#ead8a6;
    text-decoration:none;
    font-size:.84rem;
    font-weight:700;
    letter-spacing:.025em;
    text-shadow:0 1px 2px #000;
    background:linear-gradient(180deg, #191713, #0c0c0c);
    border:1px solid rgba(197,161,91,.62);
    border-radius:7px;
    box-shadow:inset 0 0 12px rgba(95,16,20,.10), 0 3px 10px rgba(0,0,0,.32);
    transition:color .18s ease, border-color .18s ease, background .18s ease, transform .18s ease;
}
html:has(template[data-vk-css="css/pages/pages/tomes.css"]) .library-bookmark-btn .vk-mark{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color:var(--vk-gold);
    font-size:.9rem;
    line-height:1;
}
html:has(template[data-vk-css="css/pages/pages/tomes.css"]) .library-bookmark-btn .vk-bookmark-label{
    line-height:1;
}
html:has(template[data-vk-css="css/pages/pages/tomes.css"]) .library-bookmark-btn:hover,
html:has(template[data-vk-css="css/pages/pages/tomes.css"]) .library-bookmark-btn:focus-visible{
    color:#fff0bf;
    border-color:#dcc079;
    background:linear-gradient(180deg, #241f16, #111);
    box-shadow:inset 0 0 14px rgba(95,16,20,.16), 0 4px 12px rgba(0,0,0,.38);
    transform:translateY(-1px);
    outline:none;
}
html:has(template[data-vk-css="css/pages/pages/tomes.css"]) .library-bookmark-btn:active{
    transform:translateY(0);
}
html:has(template[data-vk-css="css/pages/pages/tomes.css"]) .bookmark-mini-stack{
    position:absolute;
    top:8px;
    right:8px;
    z-index:3;
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    gap:5px;
    pointer-events:none;
}
html:has(template[data-vk-css="css/pages/pages/tomes.css"]) .bookmark-mini{
    padding:5px 8px;
    border:1px solid rgba(201,164,92,.8);
    border-radius:7px;
    background:rgba(12,12,12,.92);
    color:#f1dfaa;
    box-shadow:0 2px 9px rgba(0,0,0,.6);
    font-size:.78rem;
    line-height:1.15;
    white-space:nowrap;
    backdrop-filter:blur(2px);
}
html:has(template[data-vk-css="css/pages/pages/tomes.css"]) .bookmark-mini strong{
    color:#fff;
    font-weight:700;
}
html:has(template[data-vk-css="css/pages/pages/tomes.css"]) .bookmark-mini.excerpt{
    border-color:rgba(160,160,160,.8);
    color:#ddd;
}
html:has(template[data-vk-css="css/pages/pages/tomes.css"]) .bookmark-mini.read{
    border-color:rgba(201,164,92,.9);
    background:rgba(18,12,8,.95);
    color:#d9c27b;
    letter-spacing:.06em;
    text-transform:uppercase;
}
html:has(template[data-vk-css="css/pages/pages/tomes.css"]) .work-actions{
    width:100%;
    max-width:260px;
    margin:8px auto 0;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:5px;
}
html:has(template[data-vk-css="css/pages/pages/tomes.css"]) .work-actions > .btn{
    flex:1 1 auto;
    margin:0 !important;
    min-height:34px;
    box-sizing:border-box;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:6px 9px !important;
    font-size:.8rem !important;
    line-height:1.15;
    white-space:nowrap;
}
html:has(template[data-vk-css="css/pages/pages/tomes.css"]) .work-options{
    flex:0 0 auto;
    margin:0;
    position:relative;
}
html:has(template[data-vk-css="css/pages/pages/tomes.css"]) .work-options > summary{
    list-style:none;
    cursor:pointer;
    user-select:none;
}
html:has(template[data-vk-css="css/pages/pages/tomes.css"]) .work-options > summary::-webkit-details-marker{
    display:none;
}
html:has(template[data-vk-css="css/pages/pages/tomes.css"]) .work-options > summary.btn{
    margin:0 !important;
    width:38px;
    min-width:38px;
    min-height:34px;
    padding:5px !important;
    box-sizing:border-box;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:1rem !important;
    line-height:1;
    background:#2d2418;
    border-color:#7b6538;
}
html:has(template[data-vk-css="css/pages/pages/tomes.css"]) .work-options[open] > summary.btn{
    background:#4a3211;
    border-color:#c9a45c;
}
html:has(template[data-vk-css="css/pages/pages/tomes.css"]) .work-options-menu{
    position:absolute;
    top:calc(100% + 5px);
    right:0;
    z-index:30;
    width:max-content;
    min-width:150px;
    max-width:min(205px, calc(100vw - 28px));
    padding:5px;
    display:grid;
    gap:4px;
    background:#111;
    border:1px solid #4a3a1f;
    border-radius:7px;
    box-shadow:0 8px 18px rgba(0,0,0,.55);
}
html:has(template[data-vk-css="css/pages/pages/tomes.css"]) .work-options-menu a,
html:has(template[data-vk-css="css/pages/pages/tomes.css"]) .work-options-menu button{
    width:100%;
    box-sizing:border-box;
    display:block;
    margin:0;
    padding:6px 8px;
    border:1px solid #333;
    border-radius:5px;
    background:#1b1b1b;
    color:#ddd;
    text-align:left;
    text-decoration:none;
    font:inherit;
    font-size:.78rem;
    line-height:1.2;
    cursor:pointer;
    white-space:normal;
}
html:has(template[data-vk-css="css/pages/pages/tomes.css"]) .work-options-menu a:hover,
html:has(template[data-vk-css="css/pages/pages/tomes.css"]) .work-options-menu button:hover{
    border-color:#c9a45c;
    color:#fff;
    background:#272015;
}
html:has(template[data-vk-css="css/pages/pages/tomes.css"]) .work-options-menu .paper-link{
    color:#e5c77e;
}
html:has(template[data-vk-css="css/pages/pages/tomes.css"]) .item-main-title{
    display:block;
    color:#fff;
    font-weight:bold;
    margin-top:4px;
}
html:has(template[data-vk-css="css/pages/pages/tomes.css"]) .section-recueils{
    max-width:1100px;
    margin:45px auto 10px;
    padding:0 12px;
    text-align:center;
}
html:has(template[data-vk-css="css/pages/pages/tomes.css"]) .section-recueils h2{
    margin:0 0 8px;
    color:#c9a45c;
    font-size:2rem;
}
html:has(template[data-vk-css="css/pages/pages/tomes.css"]) .section-recueils p{
    margin:0 auto 22px;
    max-width:760px;
    color:#aaa;
    line-height:1.5;
}
html:has(template[data-vk-css="css/pages/pages/tomes.css"]) .annexes-grid{
    max-width:1100px;
    margin:0 auto;
    padding:0 12px;
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(260px, 360px));
    justify-content:center;
    gap:14px;
}
html:has(template[data-vk-css="css/pages/pages/tomes.css"]) .annex-card{
    padding:20px;
    border:1px solid rgba(201,164,92,.26);
    border-radius:10px;
    background:linear-gradient(145deg, #15120e, #0b0b0b);
    box-shadow:0 8px 20px rgba(0,0,0,.28);
    text-align:center;
}
html:has(template[data-vk-css="css/pages/pages/tomes.css"]) .annex-card p{
    margin:0;
    color:#aaa;
    line-height:1.45;
}
html:has(template[data-vk-css="css/pages/pages/tomes.css"]) .annex-card .item-main-title{
    margin-bottom:8px;
    color:#e5c77e;
    font-size:1.08rem;
}
html:has(template[data-vk-css="css/pages/pages/tomes.css"]) .amazon-series-card{
    position:relative;
}
html:has(template[data-vk-css="css/pages/pages/tomes.css"]) .amazon-series-visual{
    display:block;
    width:100%;
    overflow:hidden;
    text-decoration:none;
    border:1px solid rgba(201,164,92,.28);
    border-radius:8px;
    background:#0b0b0b;
    box-shadow:0 8px 22px rgba(0,0,0,.34);
}
html:has(template[data-vk-css="css/pages/pages/tomes.css"]) .amazon-series-logo{
    display:block;
    width:100% !important;
    height:auto !important;
    margin:0 !important;
    object-fit:cover !important;
}
html:has(template[data-vk-css="css/pages/pages/tomes.css"]) .amazon-series-eyebrow{
    display:block;
    margin-top:4px;
    color:#b08d4e;
    font-size:.68rem;
    letter-spacing:.10em;
    text-transform:uppercase;
}
html:has(template[data-vk-css="css/pages/pages/tomes.css"]) .amazon-series-card .item-main-title{
    margin-top:5px;
    line-height:1.28;
}
html:has(template[data-vk-css="css/pages/pages/tomes.css"]) .amazon-series-card .work-actions{
    margin-top:8px;
}
html:has(template[data-vk-css="css/pages/pages/tomes.css"]) .amazon-series-card .amazon-series-link{
    background:#24180c;
    border-color:#b77a24;
    color:#f0cf91;
}
html:has(template[data-vk-css="css/pages/pages/tomes.css"]) .amazon-series-card .amazon-series-link:hover{
    background:#39230c;
    border-color:#ff9900;
    color:#fff;
}
html:has(template[data-vk-css="css/pages/pages/tomes.css"]) .annexes-commandements-grid{
    margin-top:0;
}
html:has(template[data-vk-css="css/pages/pages/tomes.css"]) .commandements-card{
    position:relative;
}
html:has(template[data-vk-css="css/pages/pages/tomes.css"]) .commandements-card > a:first-child{
    display:block;
    text-decoration:none;
}
html:has(template[data-vk-css="css/pages/pages/tomes.css"]) .commandements-card > a:first-child img{
    display:block;
}


/* css/pages/pdf_reader.css */
html:has(template[data-vk-css="css/pages/pdf_reader.css"]) *{box-sizing:border-box}
html:has(template[data-vk-css="css/pages/pdf_reader.css"]),
html:has(template[data-vk-css="css/pages/pdf_reader.css"]) body{margin:0;padding:0;width:100%;height:100%;background:#050505;color:#c9a45c;font-family:Arial,sans-serif;overflow:hidden}
html:has(template[data-vk-css="css/pages/pdf_reader.css"]) body{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}
html:has(template[data-vk-css="css/pages/pdf_reader.css"]) #reader-toolbar{flex:0 0 auto;width:100%;background:#080000;border-bottom:1px solid #3a0000;color:#c9a45c;padding:8px max(8px,env(safe-area-inset-right)) 8px max(8px,env(safe-area-inset-left));display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;box-shadow:0 2px 10px rgba(0,0,0,.45);z-index:20}
html:has(template[data-vk-css="css/pages/pdf_reader.css"]) .toolbar-group{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:nowrap}
html:has(template[data-vk-css="css/pages/pdf_reader.css"]) #reader-toolbar button{min-width:44px;min-height:40px;background:#300000;color:#c9a45c;border:1px solid #7a0000;padding:7px 12px;cursor:pointer;border-radius:7px;font-size:1rem;line-height:1;touch-action:manipulation}
html:has(template[data-vk-css="css/pages/pdf_reader.css"]) #reader-toolbar button:hover,
html:has(template[data-vk-css="css/pages/pdf_reader.css"]) #reader-toolbar button:focus{background:#550000;outline:none}
html:has(template[data-vk-css="css/pages/pdf_reader.css"]) #reader-toolbar button:disabled{opacity:.35;cursor:not-allowed}
html:has(template[data-vk-css="css/pages/pdf_reader.css"]) #page-info{min-width:126px;max-width:170px;text-align:center;font-size:.95rem;font-weight:bold;white-space:nowrap}
html:has(template[data-vk-css="css/pages/pdf_reader.css"]) #save-info,
html:has(template[data-vk-css="css/pages/pdf_reader.css"]) #annotation-info{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:4px 10px;border:1px solid #3b3018;border-radius:999px;background:#130f08;color:#9e8b62;font-size:.78rem;line-height:1.15;white-space:nowrap}
html:has(template[data-vk-css="css/pages/pdf_reader.css"]) #annotation-info{border-color:#5b431c;color:#d6bd78}
html:has(template[data-vk-css="css/pages/pdf_reader.css"]) .annotation-on{background:#534000!important;color:#fff!important;border-color:#d6bd78!important}
html:has(template[data-vk-css="css/pages/pdf_reader.css"]) #pdf-container{flex:1 1 auto;min-height:0;overflow:auto;text-align:center;background:#111;padding:16px 0 32px;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}
html:has(template[data-vk-css="css/pages/pdf_reader.css"]) #pages-wrap{width:100%;display:flex;flex-direction:column;align-items:center;gap:18px}
html:has(template[data-vk-css="css/pages/pdf_reader.css"]) .page-shell{position:relative;display:inline-block;line-height:0;background:#1a1a1a;min-height:260px;box-shadow:0 0 18px #000;border-radius:2px;overflow:visible}
html:has(template[data-vk-css="css/pages/pdf_reader.css"]) .page-shell.loading::before{content:'Chargement...';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#c9a45c;font-size:1rem;line-height:1.2;z-index:1}
html:has(template[data-vk-css="css/pages/pdf_reader.css"]) .page-shell canvas{display:block;background:#fff;max-width:none;height:auto;position:relative;z-index:2}
html:has(template[data-vk-css="css/pages/pdf_reader.css"]) .page-number-tag{position:absolute;left:50%;bottom:-13px;transform:translateX(-50%);background:#100707;border:1px solid #3a0000;color:#c9a45c;border-radius:999px;padding:3px 9px;font-size:.72rem;line-height:1;z-index:6;box-shadow:0 2px 8px rgba(0,0,0,.45)}
html:has(template[data-vk-css="css/pages/pdf_reader.css"]) .annotation-layer{position:absolute;left:0;top:0;width:100%;height:100%;display:block;z-index:4;cursor:default;touch-action:auto}
html:has(template[data-vk-css="css/pages/pdf_reader.css"]) .vip-annotation-enabled .annotation-layer{cursor:crosshair;touch-action:none}
html:has(template[data-vk-css="css/pages/pdf_reader.css"]) .ann-box{position:absolute;border:2px solid rgba(201,164,92,.92);background:rgba(255,216,80,.28);box-shadow:0 0 8px rgba(0,0,0,.22);cursor:pointer;line-height:1}
html:has(template[data-vk-css="css/pages/pdf_reader.css"]) .ann-red{border-color:rgba(220,60,60,.95);background:rgba(220,60,60,.26)}
html:has(template[data-vk-css="css/pages/pdf_reader.css"]) .ann-green{border-color:rgba(80,210,110,.95);background:rgba(80,210,110,.24)}
html:has(template[data-vk-css="css/pages/pdf_reader.css"]) .ann-blue{border-color:rgba(80,160,255,.95);background:rgba(80,160,255,.24)}
html:has(template[data-vk-css="css/pages/pdf_reader.css"]) .ann-purple{border-color:rgba(180,100,255,.95);background:rgba(180,100,255,.24)}
html:has(template[data-vk-css="css/pages/pdf_reader.css"]) .ann-reaction{width:34px!important;height:34px!important;border-radius:50%;background:#120b0b;border-color:#c9a45c;display:flex;align-items:center;justify-content:center;font-size:20px;line-height:1}
html:has(template[data-vk-css="css/pages/pdf_reader.css"]) .ann-draft{position:absolute;border:2px dashed #fff;background:rgba(255,255,255,.18);z-index:8;pointer-events:none}
html:has(template[data-vk-css="css/pages/pdf_reader.css"]) .ann-tip{position:fixed;z-index:99;max-width:320px;padding:10px 12px;background:#100707;border:1px solid #7a0000;border-radius:10px;color:#eee;box-shadow:0 8px 24px rgba(0,0,0,.55);font-size:.9rem;line-height:1.35}
html:has(template[data-vk-css="css/pages/pdf_reader.css"]) .ann-tip strong{color:#c9a45c}
html:has(template[data-vk-css="css/pages/pdf_reader.css"]) .ann-tip button{margin-top:8px;background:#5a0000;color:#f3d68b;border:1px solid #9a2a2a;border-radius:7px;padding:6px 9px;cursor:pointer}
html:has(template[data-vk-css="css/pages/pdf_reader.css"]) #annotation-panel{position:fixed;right:10px;top:62px;width:330px;max-width:calc(100vw - 20px);max-height:calc(100vh - 80px);overflow:auto;background:#090606;border:1px solid #4a0000;border-radius:12px;box-shadow:0 8px 28px rgba(0,0,0,.65);z-index:60;padding:12px;display:none;color:#ddd;text-align:left}
html:has(template[data-vk-css="css/pages/pdf_reader.css"]) #annotation-panel.open{display:block}
html:has(template[data-vk-css="css/pages/pdf_reader.css"]) .panel-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}
html:has(template[data-vk-css="css/pages/pdf_reader.css"]) .panel-head strong{color:#c9a45c}
html:has(template[data-vk-css="css/pages/pdf_reader.css"]) .panel-head button{background:#300;color:#c9a45c;border:1px solid #700;border-radius:7px;padding:5px 8px;cursor:pointer}
html:has(template[data-vk-css="css/pages/pdf_reader.css"]) .annotation-form label{display:block;color:#c9a45c;font-size:.84rem;margin:9px 0 4px}
html:has(template[data-vk-css="css/pages/pdf_reader.css"]) .annotation-form select,
html:has(template[data-vk-css="css/pages/pdf_reader.css"]) .annotation-form textarea{width:100%;background:#fff;color:#000;border:1px solid #c9a45c;border-radius:7px;padding:7px}
html:has(template[data-vk-css="css/pages/pdf_reader.css"]) .annotation-form textarea{min-height:82px;resize:vertical}
html:has(template[data-vk-css="css/pages/pdf_reader.css"]) .annotation-form .row{display:grid;grid-template-columns:1fr 1fr;gap:8px}
html:has(template[data-vk-css="css/pages/pdf_reader.css"]) .annotation-form .checks{display:flex;align-items:center;gap:8px;color:#d8c289;font-size:.85rem;margin-top:8px}
html:has(template[data-vk-css="css/pages/pdf_reader.css"]) .annotation-form .actions{display:flex;gap:8px;margin-top:10px}
html:has(template[data-vk-css="css/pages/pdf_reader.css"]) .annotation-form .actions button{flex:1;background:#600;color:#f6d98b;border:1px solid #a22;border-radius:8px;padding:8px;cursor:pointer}
html:has(template[data-vk-css="css/pages/pdf_reader.css"]) .annotation-form .actions button.secondary{background:#222;border-color:#555;color:#ccc}
html:has(template[data-vk-css="css/pages/pdf_reader.css"]) .ann-list{margin-top:14px;border-top:1px solid #2d1515;padding-top:10px}
html:has(template[data-vk-css="css/pages/pdf_reader.css"]) .ann-item{padding:8px;border:1px solid #2d1515;border-radius:8px;background:#120d0d;margin-bottom:8px;font-size:.86rem}
html:has(template[data-vk-css="css/pages/pdf_reader.css"]) .ann-item .meta{color:#c9a45c;font-weight:bold;margin-bottom:4px}
html:has(template[data-vk-css="css/pages/pdf_reader.css"]) .ann-item .txt{color:#ddd;white-space:pre-wrap}
html:has(template[data-vk-css="css/pages/pdf_reader.css"]) .ann-item .reply{margin-top:6px;color:#9fdf9f;border-left:3px solid #477a47;padding-left:8px}
html:has(template[data-vk-css="css/pages/pdf_reader.css"]) #loading{text-align:center;padding:40px 15px;color:#c9a45c}
@media print{html:has(template[data-vk-css="css/pages/pdf_reader.css"]) body{display:none!important}
}


/* css/pages/persos/outils/convertisseur_php_csv.css */
html:has(template[data-vk-css="css/pages/persos/outils/convertisseur_php_csv.css"]) body{ font-family: Arial; background:#111; color:#eee; padding:20px; }
html:has(template[data-vk-css="css/pages/persos/outils/convertisseur_php_csv.css"]) .panel{ background:#222; padding:20px; border-radius:8px; margin-bottom:20px; }
html:has(template[data-vk-css="css/pages/persos/outils/convertisseur_php_csv.css"]) textarea{ width:100%; height:300px; background:#000; color:#0f0; padding:10px; }
html:has(template[data-vk-css="css/pages/persos/outils/convertisseur_php_csv.css"]) select,
html:has(template[data-vk-css="css/pages/persos/outils/convertisseur_php_csv.css"]) input[type=text]{ padding:5px; background:#000; color:#fff; width:100%; }
html:has(template[data-vk-css="css/pages/persos/outils/convertisseur_php_csv.css"]) button{ padding:10px 20px; background:#444; color:#fff; border:0; cursor:pointer; margin-top:10px; }
html:has(template[data-vk-css="css/pages/persos/outils/convertisseur_php_csv.css"]) button:hover{ background:#666; }


/* css/pages/persos/outils/create_perso.css */
html:has(template[data-vk-css="css/pages/persos/outils/create_perso.css"]) body{
    font-family: Arial, sans-serif;
    background:#111;
    color:#eee;
    padding:20px;
}
html:has(template[data-vk-css="css/pages/persos/outils/create_perso.css"]) .panel{
    background:#222;
    padding:20px;
    border-radius:8px;
    margin-bottom:20px;
}
html:has(template[data-vk-css="css/pages/persos/outils/create_perso.css"]) .header-title{
    font-size:35px;
    display:block;
    margin-bottom:15px;
}
html:has(template[data-vk-css="css/pages/persos/outils/create_perso.css"]) .header-title small{
    font-size:14px;
    color:#aaa;
}
html:has(template[data-vk-css="css/pages/persos/outils/create_perso.css"]) fieldset{
    border:1px solid #444;
    border-radius:8px;
    margin:18px 0;
    padding:15px;
    background:#1a1a1a;
}
html:has(template[data-vk-css="css/pages/persos/outils/create_perso.css"]) legend{
    padding:0 10px;
    color:#d6b36a;
    font-weight:bold;
}
html:has(template[data-vk-css="css/pages/persos/outils/create_perso.css"]) label{
    display:block;
    margin:10px 0 4px;
    color:#ddd;
    font-size:14px;
}
html:has(template[data-vk-css="css/pages/persos/outils/create_perso.css"]) input[type=text],
html:has(template[data-vk-css="css/pages/persos/outils/create_perso.css"]) textarea,
html:has(template[data-vk-css="css/pages/persos/outils/create_perso.css"]) select{
    width:100%;
    box-sizing:border-box;
    padding:7px;
    background:#000;
    color:#fff;
    border:1px solid #555;
    border-radius:4px;
    margin-bottom:8px;
}
html:has(template[data-vk-css="css/pages/persos/outils/create_perso.css"]) textarea{
    min-height:65px;
    resize:vertical;
}
html:has(template[data-vk-css="css/pages/persos/outils/create_perso.css"]) .hint{
    font-size:12px;
    color:#999;
    margin-top:-4px;
    margin-bottom:8px;
}
html:has(template[data-vk-css="css/pages/persos/outils/create_perso.css"]) button{
    padding:12px 24px;
    background:#444;
    color:#fff;
    border:0;
    cursor:pointer;
    border-radius:4px;
    font-size:15px;
}
html:has(template[data-vk-css="css/pages/persos/outils/create_perso.css"]) button:hover{ background:#666; }
html:has(template[data-vk-css="css/pages/persos/outils/create_perso.css"]) .msg{
    padding:10px;
    background:#1a1a1a;
    margin-top:15px;
    font-size:14px;
}
html:has(template[data-vk-css="css/pages/persos/outils/create_perso.css"]) .msg span{ color:#8f8; }
html:has(template[data-vk-css="css/pages/persos/outils/create_perso.css"]) .msg-ok{ border-left:4px solid #4caf50; }
html:has(template[data-vk-css="css/pages/persos/outils/create_perso.css"]) .msg-error{ border-left:4px solid #f44336; }
html:has(template[data-vk-css="css/pages/persos/outils/create_perso.css"]) .two-cols{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
}


/* css/pages/persos/outils/csv2txt.css */
html:has(template[data-vk-css="css/pages/persos/outils/csv2txt.css"]) body{ background:#111; color:#eee; font-family:Arial; padding:20px; }
html:has(template[data-vk-css="css/pages/persos/outils/csv2txt.css"]) .panel{ background:#222; padding:20px; border-radius:8px; margin-bottom:20px; }
html:has(template[data-vk-css="css/pages/persos/outils/csv2txt.css"]) textarea{ width:100%; height:600px; background:#000; color:#0f0; padding:10px; border:1px solid #444; white-space:pre; }
html:has(template[data-vk-css="css/pages/persos/outils/csv2txt.css"]) button,
html:has(template[data-vk-css="css/pages/persos/outils/csv2txt.css"]) select{ padding:10px; background:#444; color:#fff; border:0; cursor:pointer; }
html:has(template[data-vk-css="css/pages/persos/outils/csv2txt.css"]) button:hover{ background:#666; }


/* css/pages/persos/outils/edit_csv.css */
html:has(template[data-vk-css="css/pages/persos/outils/edit_csv.css"]) body{
    font-family: Arial, sans-serif;
    background:#111;
    color:#eee;
    padding:20px;
}
html:has(template[data-vk-css="css/pages/persos/outils/edit_csv.css"]) .panel{
    background:#222;
    padding:20px;
    border-radius:8px;
    margin-bottom:20px;
}
html:has(template[data-vk-css="css/pages/persos/outils/edit_csv.css"]) table{
    width:100%;
    border-collapse:collapse;
    margin-bottom:20px;
}
html:has(template[data-vk-css="css/pages/persos/outils/edit_csv.css"]) th,
html:has(template[data-vk-css="css/pages/persos/outils/edit_csv.css"]) td{
    padding:8px;
    border-bottom:1px solid #333;
    vertical-align:top;
}
html:has(template[data-vk-css="css/pages/persos/outils/edit_csv.css"]) th{
    background:#333;
}
html:has(template[data-vk-css="css/pages/persos/outils/edit_csv.css"]) input[type=text],
html:has(template[data-vk-css="css/pages/persos/outils/edit_csv.css"]) textarea,
html:has(template[data-vk-css="css/pages/persos/outils/edit_csv.css"]) select{
    width:100%;
    box-sizing:border-box;
    padding:7px;
    background:#000;
    color:#fff;
    border:1px solid #444;
    border-radius:4px;
}
html:has(template[data-vk-css="css/pages/persos/outils/edit_csv.css"]) textarea{
    resize:vertical;
    min-height:65px;
}
html:has(template[data-vk-css="css/pages/persos/outils/edit_csv.css"]) button{
    padding:10px 20px;
    background:#444;
    color:#fff;
    border:0;
    cursor:pointer;
    border-radius:4px;
}
html:has(template[data-vk-css="css/pages/persos/outils/edit_csv.css"]) button:hover{
    background:#666;
}
html:has(template[data-vk-css="css/pages/persos/outils/edit_csv.css"]) .section-title{
    font-size:20px;
    margin:20px 0 10px 0;
    padding-bottom:5px;
    border-bottom:2px solid #444;
    color:#d6b36a;
}
html:has(template[data-vk-css="css/pages/persos/outils/edit_csv.css"]) .msg{
    padding:10px;
    background:#1a1a1a;
    margin-top:15px;
    margin-bottom:15px;
    font-size:14px;
}
html:has(template[data-vk-css="css/pages/persos/outils/edit_csv.css"]) .msg-ok{
    border-left:4px solid #4caf50;
}
html:has(template[data-vk-css="css/pages/persos/outils/edit_csv.css"]) .msg-error{
    border-left:4px solid #f44336;
}
html:has(template[data-vk-css="css/pages/persos/outils/edit_csv.css"]) .hint{
    color:#999;
    font-size:12px;
    margin-top:4px;
}
html:has(template[data-vk-css="css/pages/persos/outils/edit_csv.css"]) .meta-key{
    color:#c9a45c;
    font-weight:bold;
}
html:has(template[data-vk-css="css/pages/persos/outils/edit_csv.css"]) .add-row td{
    background:#181818;
}


/* css/pages/persos/outils/reorganiser_csv.css */
html:has(template[data-vk-css="css/pages/persos/outils/reorganiser_csv.css"]) body{ font-family: Arial, sans-serif; background:#111; color:#eee; padding:20px; }
html:has(template[data-vk-css="css/pages/persos/outils/reorganiser_csv.css"]) .panel{ background:#222; padding:20px; border-radius:8px; margin-bottom:20px; }
html:has(template[data-vk-css="css/pages/persos/outils/reorganiser_csv.css"]) .error-panel{ background:#330000; padding:20px; border-radius:8px; margin-bottom:20px; border-left:4px solid #ff4444; }
html:has(template[data-vk-css="css/pages/persos/outils/reorganiser_csv.css"]) table{ width:100%; border-collapse:collapse; margin-bottom:20px; }
html:has(template[data-vk-css="css/pages/persos/outils/reorganiser_csv.css"]) th,
html:has(template[data-vk-css="css/pages/persos/outils/reorganiser_csv.css"]) td{ padding:8px; border-bottom:1px solid #333; vertical-align:top; }
html:has(template[data-vk-css="css/pages/persos/outils/reorganiser_csv.css"]) th{ background:#333; }
html:has(template[data-vk-css="css/pages/persos/outils/reorganiser_csv.css"]) .modified{ background:#550000 !important; }
html:has(template[data-vk-css="css/pages/persos/outils/reorganiser_csv.css"]) .section-title{ font-size:20px; margin:20px 0 10px 0; padding-bottom:5px; border-bottom:2px solid #444; }
html:has(template[data-vk-css="css/pages/persos/outils/reorganiser_csv.css"]) input[type=text],
html:has(template[data-vk-css="css/pages/persos/outils/reorganiser_csv.css"]) textarea{ width:100%; padding:5px; background:#000; color:#fff; border:1px solid #444; box-sizing:border-box; }
html:has(template[data-vk-css="css/pages/persos/outils/reorganiser_csv.css"]) textarea{ resize:vertical; }
html:has(template[data-vk-css="css/pages/persos/outils/reorganiser_csv.css"]) button{ padding:10px 20px; background:#444; color:#fff; border:0; cursor:pointer; }
html:has(template[data-vk-css="css/pages/persos/outils/reorganiser_csv.css"]) button:hover{ background:#666; }
html:has(template[data-vk-css="css/pages/persos/outils/reorganiser_csv.css"]) #debug_zone h2,
html:has(template[data-vk-css="css/pages/persos/outils/reorganiser_csv.css"]) #debug_zone h3{ color:#4af; }
html:has(template[data-vk-css="css/pages/persos/outils/reorganiser_csv.css"]) #debug_zone.is-open{ display:block; }


/* css/pages/persos/outils/view_csv.css */
html:has(template[data-vk-css="css/pages/persos/outils/view_csv.css"]) body{ font-family: Arial; background:#111; color:#eee; padding:20px; }
html:has(template[data-vk-css="css/pages/persos/outils/view_csv.css"]) .panel{ background:#222; padding:20px; border-radius:8px; margin-bottom:20px; }
html:has(template[data-vk-css="css/pages/persos/outils/view_csv.css"]) table{ width:100%; border-collapse:collapse; }
html:has(template[data-vk-css="css/pages/persos/outils/view_csv.css"]) th,
html:has(template[data-vk-css="css/pages/persos/outils/view_csv.css"]) td{ padding:8px; border-bottom:1px solid #333; }
html:has(template[data-vk-css="css/pages/persos/outils/view_csv.css"]) th{ background:#333; }
html:has(template[data-vk-css="css/pages/persos/outils/view_csv.css"]) select,
html:has(template[data-vk-css="css/pages/persos/outils/view_csv.css"]) button{ padding:8px; background:#000; color:#fff; border:1px solid #444; }
html:has(template[data-vk-css="css/pages/persos/outils/view_csv.css"]) button:hover{ background:#444; }
html:has(template[data-vk-css="css/pages/persos/outils/view_csv.css"]) pre{ white-space:pre-wrap; background:#000; padding:15px; border-radius:5px; color:#8f8; }


/* css/pages/persos/template.css */
html:has(template[data-vk-css="css/pages/persos/template.css"]) .perso-page{
    --perso-main: #a72b35;
    --perso-main-soft: color-mix(in srgb, var(--perso-main) 22%, transparent);
    --perso-main-mid: color-mix(in srgb, var(--perso-main) 55%, #111317);
    --perso-main-dark: color-mix(in srgb, var(--perso-main) 35%, #000);
    --perso-main-light: color-mix(in srgb, var(--perso-main) 65%, #d9c9a3);
}
html:has(template[data-vk-css="css/pages/persos/template.css"]) .perso-galerie-wrap{
    text-align: center;
    margin: 12px 0 16px;
}
html:has(template[data-vk-css="css/pages/persos/template.css"]) .perso-galerie-link{
    display: inline-flex;
    align-items: center;
    gap: 7px;
    width: fit-content;
    margin-top: 8px;
    padding: 7px 12px;
    border: 1px solid var(--perso-main);
    border-radius: 6px;
    color: var(--perso-main-light);
    background: var(--perso-main-soft);
    text-decoration: none;
    font-size: 0.95rem;
    transition: 0.2s ease;
}
html:has(template[data-vk-css="css/pages/persos/template.css"]) .perso-galerie-link:hover{
    background: var(--perso-main-mid);
    color: #fff;
    box-shadow: 0 0 10px var(--perso-main-soft);
}


/* css/pages/site_ferme.css */
html:has(template[data-vk-css="css/pages/site_ferme.css"]) body{
    margin:0;
    background:#1a1a1a;
    font-family:system-ui,sans-serif;
    color:#e6e6e6;
    min-height:100vh;
    display:flex;
    justify-content:center;
    align-items:center;
    text-align:center;
}
html:has(template[data-vk-css="css/pages/site_ferme.css"]) #box{
    background:rgba(20,20,20,0.88);
    padding:2.5rem;
    border-radius:12px;
    box-shadow:0 0 25px #000;
    max-width:460px;
    border:1px solid rgba(179,0,0,0.25);
}
html:has(template[data-vk-css="css/pages/site_ferme.css"]) h1{
    font-family:"Cinzel",serif;
    color:#b30000;
    font-size:2.2rem;
    margin-bottom:1rem;
    letter-spacing:0.1em;
    text-shadow:0 0 10px #000;
}
html:has(template[data-vk-css="css/pages/site_ferme.css"]) p{
    color:#ccc;
    font-size:1.08rem;
    line-height:1.7rem;
}
html:has(template[data-vk-css="css/pages/site_ferme.css"]) .small{
    margin-top:1.5rem;
    font-size:0.92rem;
    color:#777;
}
html:has(template[data-vk-css="css/pages/site_ferme.css"]) .admin-btn{
    display: block;
    margin: 20px auto 0 auto;
    padding: 0.7rem 1rem;
    width: 180px;
    background: rgba(20,20,20,0.88);
    color: rgba(20,20,20,0.88);
    text-decoration: none;
    border-radius: 6px;
    font-weight: bold;
    transition: 0.2s;
  }
html:has(template[data-vk-css="css/pages/site_ferme.css"]) .admin-btn:hover{
    background: rgba(20,20,20,0.88);
  }


/* css/admin-themes.css */
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-admin{ max-width: 1130px; margin: 0 auto; color: var(--mood-text,#e8e0d8); }
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-admin-head{ margin-bottom: 25px; }
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-admin-head h1{ margin: 2px 0 10px; text-align: left; }
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-admin-head > p{ max-width: 760px; line-height: 1.6; }
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-kicker{ margin: 0; color: var(--mood-metal,#b9a081); font-size: .75rem; font-weight: 750; letter-spacing: .16em; text-transform: uppercase; }
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-current{ display: inline-flex; gap: 7px; flex-wrap: wrap; padding: 8px 12px; border: 1px solid var(--mood-line,#64514c); border-radius: var(--mood-radius,7px); color: var(--mood-muted,#bcb0a9); }
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-current strong{ color: var(--mood-text,#e8e0d8); }
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-modes{ display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin: 0 0 26px; padding: 0; border: 0; }
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-modes legend,
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-choices legend{ margin: 0 0 12px; padding: 0; color: var(--mood-metal,#b9a081); font: 1.08rem Georgia,serif; }
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-modes label{ display: inline-flex; align-items: center; gap: 9px; min-width: 125px; padding: 9px 15px; border: 1px solid var(--mood-line,#64514c); border-radius: var(--mood-radius,7px); background: var(--mood-surface,#28211f); color: var(--mood-text,#e8e0d8); cursor: pointer; }
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-modes label:has(input:checked){ border-color: var(--mood-blood,#782925); box-shadow: inset 0 -3px var(--mood-blood,#782925); }
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-modes input{ margin: 0; accent-color: var(--mood-blood,#782925); }
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-choices{ display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,210px),1fr)); gap: 16px; min-width: 0; margin: 0; padding: 0; border: 0; }
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-choice{
    --preview-dark: #1e1b19;
    --preview-light: #e9e3da;
    --preview-blood: #7c2b27;
    --preview-metal: #b9a99a;
    --preview-bg: var(--preview-dark);
    --preview-panel: color-mix(in srgb, var(--preview-dark) 84%, #40332d);
    --preview-text: #e3dfd9;
    --preview-border: var(--preview-metal);
    position: relative;
    display: block;
    min-width: 0;
    border: 1px solid var(--mood-line,#64514c);
    border-radius: var(--mood-radius,7px);
    background: var(--mood-surface,#28211f);
    cursor: pointer;
    transition: transform .18s ease,border-color .18s ease;
}
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-choice:hover,
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-choice:has(input:focus-visible){ transform: translateY(-2px); border-color: var(--mood-metal,#b9a081); }
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-choice:has(input:checked){ border-color: var(--mood-blood,#782925); box-shadow: 0 0 0 2px var(--mood-blood,#782925); }
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-choice > input{ position: absolute; top: 15px; right: 15px; z-index: 2; width: 19px; height: 19px; margin: 0; accent-color: var(--mood-blood,#782925); cursor: pointer; }
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-choice-body{ display: flex; flex-direction: column; min-height: 100%; padding: 12px; }
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-mock{ display: flex; flex-direction: column; gap: 7px; height: 117px; padding: 10px; overflow: hidden; border: 1px solid var(--preview-border); border-radius: 4px; background: var(--preview-bg); }
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-mock-top{ width: 68%; height: 9px; border-radius: 1px; background: var(--preview-blood); }
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-mock-hero{ position: relative; display: grid; align-content: center; gap: 6px; flex: 1; overflow: hidden; padding: 10px; background: var(--preview-panel); }
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-mock-hero i{ position: relative; z-index: 1; }
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-mock-hero i:first-child{ width: 45%; height: 9px; background: var(--preview-text); }
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-mock-hero i:nth-child(2){ width: 78%; height: 5px; background: var(--preview-text); opacity: .5; }
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-mock-hero i:last-child{ width: 31%; height: 10px; background: var(--preview-blood); }
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-mock-cards{ display: flex; gap: 6px; }
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-mock-cards i{ flex: 1; height: 17px; border: 1px solid var(--preview-border); background: var(--preview-panel); }
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-name{ margin-top: 13px; color: var(--mood-text,#e8e0d8); font: 1.18rem Georgia,serif; }
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-type{ width: fit-content; margin-top: 7px; padding: 3px 7px; border: 1px solid var(--mood-line,#64514c); color: var(--mood-metal,#b9a081); font-size: .65rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-description{ margin: 7px 0 0; color: var(--mood-muted,#bcb0a9); font-size: .83rem; line-height: 1.48; }
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-active{ margin-top: auto; padding-top: 13px; color: var(--mood-metal,#b9a081); font-size: .73rem; font-weight: 750; letter-spacing: .06em; text-transform: uppercase; }
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-choice-v2{ --preview-dark:#171113; --preview-light:#e8dfd2; --preview-blood:#8e2828; --preview-metal:#bb9c71; }
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-choice-braise{ --preview-dark:#1e1b19; --preview-light:#e9e3da; --preview-blood:#842d27; --preview-metal:#bbb1a6; }
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-choice-cendres{ --preview-dark:#191b1d; --preview-light:#e7e7e4; --preview-blood:#782b29; --preview-metal:#b9b9b3; }
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-choice-nocturne{ --preview-dark:#171b1e; --preview-light:#e2e5e4; --preview-blood:#762924; --preview-metal:#b3b7b6; }
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-choice-reliquaire{ --preview-dark:#211b17; --preview-light:#eee6d9; --preview-blood:#80302a; --preview-metal:#bdb0a0; }
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-choice-carnage{ --preview-dark:#181514; --preview-light:#ede5dd; --preview-blood:#86201f; --preview-metal:#bab0a7; }
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-choice-necrose{ --preview-dark:#1b1d18; --preview-light:#e6e7db; --preview-blood:#762d27; --preview-metal:#b6b9a8; }
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-choice-morsure{ --preview-dark:#1d1816; --preview-light:#e9e2d8; --preview-blood:#7e2423; --preview-metal:#beb1a6; }
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-choice-ivoire{ --preview-dark:#201c18; --preview-light:#f0eadd; --preview-blood:#792b24; --preview-metal:#c2b8a8; }
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-choice-ossuaire{ --preview-dark:#1b1d1c; --preview-light:#e9eae4; --preview-blood:#752725; --preview-metal:#b9bbb4; }
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-choice-aube-rouge{ --preview-dark:#211a17; --preview-light:#eee3d7; --preview-blood:#842621; --preview-metal:#c2b2a4; }
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-mock-hero i:last-child { height: 14px; min-width: 42px; border: 1px solid var(--preview-border); }
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-choice-braise .vk-theme-mock-hero i:last-child { border-radius: 1px 8px 1px 8px; box-shadow: 0 3px 0 #15110f; }
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-choice-cendres .vk-theme-mock-hero i:last-child { border-radius: 0; border-width: 0 0 3px; box-shadow: 3px 3px 0 var(--preview-border); }
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-choice-nocturne .vk-theme-mock-hero i:last-child { width: 45%; border-radius: 999px; }
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-choice-reliquaire .vk-theme-mock-hero i:last-child { width: 44%; border: 3px double var(--preview-border); border-radius: 2px 10px 2px 10px; }
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-choice-carnage .vk-theme-mock-hero i:last-child { width: 48%; border-radius: 0; box-shadow: 0 4px 0 #421b17; }
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-choice-necrose .vk-theme-mock-hero i:last-child { width: 44%; border: 2px dashed var(--preview-border); border-radius: 10px 1px 8px 1px; }
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-choice-morsure .vk-theme-mock-hero i:last-child { width: 44%; clip-path: polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px); }
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-choice-ivoire .vk-theme-mock-hero i:last-child { width: 44%; border: 3px double var(--preview-border); border-radius: 2px; }
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-choice-ossuaire .vk-theme-mock-hero i:last-child { width: 45%; clip-path: polygon(5px 0,calc(100% - 5px) 0,100% 5px,100% calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,0 calc(100% - 5px),0 5px); }
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-choice-aube-rouge .vk-theme-mock-hero i:last-child { width: 46%; border-radius: 1px 10px 1px 10px; transform: skew(-6deg); }
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-form:has(input[name="mode"][value="light"]:checked) .vk-theme-choice{
    --preview-bg: var(--preview-light);
    --preview-panel: color-mix(in srgb, var(--preview-light) 84%, #fff);
    --preview-text: #342b29;
    --preview-border: var(--preview-blood);
}
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-form:has(input[name="mode"][value="light"]:checked) .vk-theme-mock-hero::after{
    content: "";
    position: absolute;
    right: 8px; top: 8px;
    width: 33px; height: 30px;
    border-radius: 50%;
    background: radial-gradient(circle,var(--preview-blood),transparent 72%);
    opacity: .45;
}
html:has(template[data-vk-css="css/admin-themes.css"]) body .vk-theme-submit{ width: auto; max-width: 100%; margin: 26px 0 15px; padding: 12px 19px; cursor: pointer; }



/* Miniatures thèmes V3.1 — alignées sur les identités réelles */
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-choice-nocturne{--preview-dark:#07111d;--preview-light:#e7f3f7;--preview-blood:#19c7e8;--preview-metal:#7ed9ea;}
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-choice-morsure{--preview-dark:#16070d;--preview-light:#f5e8ec;--preview-blood:#d71955;--preview-metal:#ef7d9f;}
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-choice-carnage{--preview-dark:#0b0909;--preview-light:#f0e7e3;--preview-blood:#ef241b;--preview-metal:#ff786b;}
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-choice-aube-rouge{--preview-dark:#26120b;--preview-light:#f5e2d1;--preview-blood:#ef5b20;--preview-metal:#f1a064;}
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-choice-braise{--preview-dark:#1b1008;--preview-light:#f1e3cf;--preview-blood:#e87516;--preview-metal:#d9a15e;}
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-choice-cendres{--preview-dark:#11171d;--preview-light:#e8edf0;--preview-blood:#71889a;--preview-metal:#a9bac6;}
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-choice-ivoire{--preview-dark:#2a2118;--preview-light:#f5eddc;--preview-blood:#6f1725;--preview-metal:#c8ad78;}
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-choice-necrose{--preview-dark:#08150d;--preview-light:#e8f0d9;--preview-blood:#7ecb28;--preview-metal:#b1d46c;}
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-choice-ossuaire{--preview-dark:#0d0d0c;--preview-light:#eee9da;--preview-blood:#d8cfb5;--preview-metal:#f2ead5;}
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-choice-reliquaire{--preview-dark:#1a1008;--preview-light:#f3e8cf;--preview-blood:#c58a2a;--preview-metal:#e0b75f;}

html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-choice-nocturne .vk-theme-mock{border-radius:14px;}
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-choice-nocturne .vk-theme-mock-hero{border-radius:12px;}
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-choice-nocturne .vk-theme-mock-cards i{border-radius:999px;}

html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-choice-morsure .vk-theme-mock,
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-choice-morsure .vk-theme-mock-hero,
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-choice-morsure .vk-theme-mock-cards i{border-radius:0;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);}

html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-choice-carnage .vk-theme-mock{border-radius:0;transform:skewX(-1.5deg);}
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-choice-carnage .vk-theme-mock-hero{clip-path:polygon(4% 0,100% 0,96% 100%,0 100%);}
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-choice-carnage .vk-theme-mock-cards i{border-radius:0;transform:skewX(-8deg);}

html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-choice-aube-rouge .vk-theme-mock{border-radius:18px 3px 18px 3px;}
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-choice-aube-rouge .vk-theme-mock-hero{border-radius:16px 2px 16px 2px;}
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-choice-aube-rouge .vk-theme-mock-cards i{border-radius:1px 9px 1px 9px;}

html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-choice-braise .vk-theme-mock{border-radius:3px 13px 4px 11px;box-shadow:inset 0 0 14px #0008;}
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-choice-braise .vk-theme-mock-hero{border-radius:2px 10px 2px 10px;}
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-choice-braise .vk-theme-mock-cards i:nth-child(odd){border-radius:1px 7px 1px 5px;}

html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-choice-cendres .vk-theme-mock,
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-choice-cendres .vk-theme-mock-hero,
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-choice-cendres .vk-theme-mock-cards i{border-radius:0;}
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-choice-cendres .vk-theme-mock-cards i{border-width:0 0 3px;box-shadow:2px 2px 0 var(--preview-border);}

html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-choice-ivoire .vk-theme-mock{border:3px double var(--preview-border);border-radius:3px;}
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-choice-ivoire .vk-theme-mock-hero{border-radius:2px 12px 2px 12px;}
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-choice-ivoire .vk-theme-mock-cards i{border:3px double var(--preview-border);border-radius:2px;}

html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-choice-necrose .vk-theme-mock{border-radius:18px 5px 22px 7px;}
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-choice-necrose .vk-theme-mock-hero{border-radius:22px 4px 18px 7px;}
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-choice-necrose .vk-theme-mock-cards i:nth-child(1){border-radius:10px 2px 8px 3px;}
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-choice-necrose .vk-theme-mock-cards i:nth-child(2){border-radius:3px 10px 2px 9px;}
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-choice-necrose .vk-theme-mock-cards i:nth-child(3){border-radius:9px 4px 11px 2px;}

html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-choice-ossuaire .vk-theme-mock{border:3px double var(--preview-border);border-radius:0;}
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-choice-ossuaire .vk-theme-mock-hero{border:1px solid var(--preview-border);border-radius:0;}
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-choice-ossuaire .vk-theme-mock-cards i{border:3px double var(--preview-border);border-radius:0;}

html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-choice-reliquaire .vk-theme-mock{border:4px double var(--preview-border);border-radius:4px 14px 4px 14px;box-shadow:inset 0 0 0 3px var(--preview-bg);}
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-choice-reliquaire .vk-theme-mock-hero{border:3px double var(--preview-border);border-radius:2px 10px 2px 10px;}
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-choice-reliquaire .vk-theme-mock-cards i{border:3px double var(--preview-border);border-radius:2px 7px 2px 7px;}


/* css/outils_persos.css */
html:has(template[data-vk-css="css/outils_persos.css"]) .admin-section{
    background:#222;
    padding:20px;
    border-radius:8px;
    margin-bottom:20px;
}
html:has(template[data-vk-css="css/outils_persos.css"]) .admin-info{
    color:#ccc;
    margin-bottom:15px;
    font-size:14px;
}
html:has(template[data-vk-css="css/outils_persos.css"]) .admin-block{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:wrap !important;
    gap:10px !important;
    align-items:center;
}
html:has(template[data-vk-css="css/outils_persos.css"]) .admin-save{
    display:inline-block !important;
    background:#333;
    color:#fff;
    padding:6px 10px !important;
    text-decoration:none;
    border-radius:5px;
    border:1px solid #555;
    transition:0.2s;
    font-size:13px !important;
    white-space:nowrap !important;
}
html:has(template[data-vk-css="css/outils_persos.css"]) .admin-save:hover{
    background:#555;
}
html:has(template[data-vk-css="css/outils_persos.css"]) .admin-save.active{
    background:#050;
}


/* css/v3-inline.css */
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="dbda9b94a22e"]{ text-align:center;padding:30px;color:#c9a45c; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="21edda225d6d"]{ text-align:center;padding:30px;color:#ff9b9b; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="85d08c82c0e0"]{ border-color:#4a3a1f; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="161b2d296659"]{ color:#c9a45c;display:block;margin-bottom:10px; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="e2d805fd1646"]{ color:#c9a45c; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="90bf06bf3f8c"]{ border-color:#255f25;color:#9f9; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="d9c3b11c8b7d"]{ border-color:#7a1f1f;color:#ff9b9b; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="d19091f412c3"]{ color:#ffcb80; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="3adc31e8725a"]{ font-size:1.6rem;margin:8px 0; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="7d82fd8b3f91"]{ color:#777; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="06438a60a062"]{ display:flex;gap:8px;flex-wrap:wrap;margin-top:10px; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="38965f9b18ca"]{ margin:0; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="892eb43c1bab"]{ background:#5a1b1b; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="69da48fa9596"]{ color:#c9a45c;font-size:.85rem; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="ac89d51305fe"]{ display:flex; gap:30px; align-items:flex-start; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="8999557ee281"]{ flex:1; min-width:0; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="6253876a649a"]{ flex:1; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="5fa66d4e35fd"]{ margin-bottom:20px; text-align:center; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="de63b2318388"]{ color:#c9a45c; text-shadow:0 0 8px #000; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="ff64c83d9863"]{ color:#e8d88f; text-shadow:0 0 6px #000; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="4839b42b9e4d"]{ display:flex; flex-wrap:wrap; gap:30px; justify-content:center; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="4e50b26c4d9f"]{ text-decoration:none; color:#fff; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="25f06faf8364"]{ text-align:center; color:#c9a45c; margin-top:-10px; margin-bottom:20px; font-size:1.2rem; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="f3c5c2ce063d"]{ display:flex; flex-wrap:wrap; gap:20px; justify-content:center; margin-bottom:20px; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="b7abb607a129"]{ display:flex; flex-wrap:wrap; gap:15px; justify-content:center; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="1ad2f2a6acb6"]{ width:220px; height:auto; cursor:pointer; border:2px solid #222; box-shadow:0 0 10px #000; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="ed1851419249"]{ display:none; position:fixed; inset:0; background:rgba(0,0,0,0.9); justify-content:center; align-items:center; flex-direction:column; z-index:99999; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="a0e9326fcec0"]{ position:absolute; left:30px; font-size:50px; color:#fff; cursor:pointer; user-select:none; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="df89fded691a"]{ max-width:90%; max-height:80%; border:3px solid #c9a45c; box-shadow:0 0 20px #000; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="c3baa6073881"]{ position:absolute; right:30px; font-size:50px; color:#fff; cursor:pointer; user-select:none; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="e6e71b051302"]{ color:#0f0;font-weight:bold; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="b948fe66b2cf"]{ color:#888; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="2f62b2e4d34d"]{ display:flex;gap:30px;align-items:flex-start; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="a74f5ca06e12"]{ margin-bottom:20px;text-align:center; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="7d2ace5be564"]{ color:#c9a45c;text-shadow:0 0 8px #000; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="8998a3006908"]{ color:#e8d88f;text-shadow:0 0 6px #000; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="0038144ab9f7"]{ color:#7dffa4;font-weight:bold; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="c25e0dbd37c9"]{ color:#ddd; line-height:1.6; text-align:center; margin-bottom:20px; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="b863894de471"]{ text-align:center;margin-top:40px; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="9c5131029f07"]{ color:#666 }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="9af2f9206970"]{ color:#0f0; font-weight:bold; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="e478641f49f2"]{ width:100%; padding:8px; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="5c79a22ef147"]{ width:100%; padding:6px; margin-top:5px; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="011382b71b39"]{ text-align:center; margin-top:20px; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="b6f8cc8dcb83"]{ border:none; cursor:pointer; width:auto; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="7c22b6e938d4"]{ margin-bottom:15px; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="b77a376b6b8d"]{ width:100%; padding:8px; font-family:'Cinzel', serif; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="fffdd52c0865"]{ margin-bottom:10px; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="d6fa10f84e7d"]{ display:block; width:250px; margin:10px auto; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="1a16c4ec6afe"]{ margin-top:20px; text-align:center; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="cbaf9ef50f03"]{ width:250px; padding:6px; margin-bottom:10px; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="5768f8be0920"]{ display:flex; justify-content:center; margin-top:10px; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="161aaa39bc1f"]{ border:none; cursor:pointer; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="65e9e5176381"]{ text-align:center; margin:10px 0; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="543ac4305368"]{ margin-top:40px; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="cf7295d9acfa"]{ margin-top:15px; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="5a2dfef236e7"]{ text-align:center; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="5b05646a637b"]{ margin-top:10px; color:#ffe9a3; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="9003327542ef"]{ text-align:center; margin-bottom:10px; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="f8b82719040f"]{ display:inline-block; width:auto; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="6a85f75d5a3d"]{ text-align:center; margin-top:10px; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="89bbf22d1db5"]{ display:inline-block; width:auto; background:rgba(255,0,0,0.2); border-color:#a00000; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="c264382c7899"]{ text-align:center; margin-top:20px; display:flex; justify-content:center; gap:15px; flex-wrap:wrap; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="deecae328eba"]{ display:inline-block; width:auto; background:rgba(255,215,0,0.25); }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="70fbede652dd"]{ max-width:850px;
    margin:40px auto;
    padding:35px 40px;
    background:rgba(0,0,0,0.82);
    border:1px solid #c9a45c;
    box-shadow:0 0 25px #000;
    color:#e0cfa3;
    font-family:'Cinzel', serif;
    text-align:center;
    line-height:1.8; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="51656c926f41"]{ color:#c9a45c;
        margin-bottom:20px;
        font-size:2rem; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="b3d0144038c5"]{ font-size:1.1rem;
        color:#cfc2a2;
        margin-bottom:25px; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="ac60285554e4"]{ margin:25px auto;
        padding:25px;
        max-width:700px;
        background:rgba(20,20,20,0.75);
        border:1px solid #5a4825;
        box-shadow:0 0 15px #000 inset; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="1ea3ee5ccf8b"]{ color:#bfae8a; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="fb365ad53183"]{ margin-top:30px;
        color:#8f7b54;
        font-size:0.95rem; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="e993382a963f"]{ display:inline-block;
            margin-top:25px;
            padding:12px 24px;
            background:#7a0000;
            color:#e0cfa3;
            border:1px solid #c9a45c;
            text-decoration:none;
            font-size:1rem;
            box-shadow:0 0 10px #000; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="b579c3d54ee0"]{ max-width:850px;
    margin:40px auto;
    padding:35px 40px;
    background:rgba(0,0,0,0.75);
    border:1px solid #c9a45c;
    box-shadow:0 0 25px #000;
    color:#e0cfa3;
    font-family:'Cinzel', serif;
    text-align:center;
    line-height:1.7; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="b49a65ae3f14"]{ color:#c9a45c; margin-bottom:10px; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="bc8b45b92a1a"]{ font-size:1.05rem; color:#bfae8a; margin-bottom:25px; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="5eb0bcd8b12a"]{ margin:25px auto;
        padding:25px;
        max-width:700px;
        background:rgba(20,20,20,0.7);
        border:1px solid #5a4825;
        box-shadow:0 0 15px #000 inset; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="42ef013cd875"]{ color:#c9a45c; margin-bottom:15px; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="549545b52580"]{ margin:20px auto;
            padding:18px 0;
            max-width:420px;
            background:#050505;
            border:2px solid #c9a45c;
            color:#7fdc7f;
            font-size:1.7rem;
            letter-spacing:2px;
            font-family:monospace;
            user-select:all;
            text-align:center;
            white-space:nowrap; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="0fcdf60a1e89"]{ margin-top:12px;
                background:#222;
                border:1px solid #c9a45c; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="eef64cf43c4a"]{ margin-top:10px;
                color:#7fdc7f;
                display:none;
                font-size:0.95rem; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="2a199cd53ec5"]{ color:#e0cfa3; font-size:1rem; margin-top:15px; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="eb540dcc16ef"]{ margin-top:10px; font-size:1.1rem; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="f4536923e1f3"]{ margin:25px 0;
        padding:18px;
        background:#111;
        border:1px solid #c9a45c;
        text-align:left; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="1f3974dbf1f2"]{ color:#e0cfa3; font-family:'Cinzel', serif; cursor:pointer; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="57fe60b5f153"]{ margin-right:10px; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="791758c09e94"]{ display:none; margin-top:30px; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="cade6da363c7"]{ background:#600; font-size:1.2rem; padding:14px 28px; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="1f41ec8731ff"]{ margin-top:20px; color:#a8976a; font-size:0.95rem; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="0734b93479ce"]{ list-style:none; padding:0; margin:0; font-size:1.05rem; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="a157e40b0403"]{ margin:10px 0; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="94a5aa90eaff"]{ margin-top:25px; font-size:1.1rem; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="c3c048697dd4"]{ margin:20px 0;
            padding:15px;
            background:#111;
            border:1px solid #c9a45c;
            text-align:left; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="26537870440d"]{ color:#e0cfa3; font-family:'Cinzel', serif; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="37c66733a956"]{ display:inline-block;
                    margin-top:30px;
                    padding:14px 28px;
                    background:#7a0000;
                    color:#e0cfa3;
                    border:1px solid #c9a45c;
                    text-decoration:none;
                    font-size:1.2rem;
                    box-shadow:0 0 10px #000;
                    cursor:pointer;
                    font-family:'Cinzel', serif; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="466dc55289b9"]{ margin-top:20px; font-size:0.9rem; color:#a8976a; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="5fd93f2cde2c"]{ max-width:700px;
    margin:60px auto;
    padding:35px;
    background:rgba(0,0,0,0.75);
    border:1px solid #c9a45c;
    box-shadow:0 0 25px #000;
    color:#e0cfa3;
    text-align:center;
    font-family:'Cinzel', serif; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="ebe71fb5ab2b"]{ color:#7fdc7f; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="df807f675b95"]{ font-size:1.1rem; line-height:1.8; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="1f558a395193"]{ font-size:0.95rem; color:#bfae8a; line-height:1.7; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="876fdb482057"]{ margin-right:10px; background:#222; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="6906257a22b0"]{ padding:35px;text-align:center;color:#c9a45c;background:#090909; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="318e213abb15"]{ padding: 16px 0 0; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="205eb9aff320"]{ margin:0 0 20px 0; max-width:none; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="1538a892d806"]{ margin:0 0 20px 0; padding:15px; border:1px solid #1f7a1f; background:rgba(0,60,0,.35); color:#baffba; border-radius:6px; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="3e24cc17927e"]{ margin:0 0 20px 0; padding:12px 15px; border:1px solid #7a5a1f; background:rgba(80,55,10,.25); color:#f4d38a; border-radius:6px; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="3bb3aac0c8e8"]{ display:grid; grid-template-columns:repeat(auto-fit, minmax(240px, 1fr)); gap:16px; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="6e4bd512d951"]{ display:flex; align-items:center; gap:8px; margin-top:22px; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="faa58ab5378c"]{ display:block; margin-top:16px; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="0102c990c08e"]{ width:100%; box-sizing:border-box; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="9b4c39240e0e"]{ margin-top:24px; padding:18px; border:1px solid #7a5a1f; border-radius:8px; background:rgba(80,55,10,.14); }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="24c09c6b69e5"]{ padding:0 8px; color:#f4d38a; font-weight:700; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="1032ef5b90f4"]{ display:flex; align-items:flex-start; gap:10px; cursor:pointer; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="3517ec692dbe"]{ margin-top:18px; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="963182ce2eac"]{ display:flex; flex-wrap:wrap; gap:10px 18px; margin-top:9px; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="41978125b8ad"]{ display:flex; align-items:center; gap:7px; cursor:pointer; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="8839916f7fe2"]{ display:grid; grid-template-columns:repeat(auto-fit, minmax(210px, 1fr)); gap:9px 16px; margin-top:9px; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="870f22b3ac6e"]{ display:grid; grid-template-columns:repeat(auto-fit, minmax(230px, 1fr)); gap:10px 18px; margin-top:18px; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="ab3f4ca7c1ef"]{ display:flex; align-items:flex-start; gap:8px; cursor:pointer; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="4214ce1a2360"]{ display:flex; align-items:flex-start; gap:10px; margin-top:18px; cursor:pointer; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="6004969c1f96"]{ margin:16px 0 0; color:#d6b56e; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="30fe7e04df81"]{ margin-top:22px; display:flex; gap:12px; flex-wrap:wrap; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="f68cee85b091"]{ text-decoration:none; display:inline-block; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="3a126bcef044"]{ background:#b33; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="b170e8bb549b"]{ color:#7dff6b; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="5513e47ef59c"]{ color:#ff4d4d; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="b1eb77180faa"]{ width:250px; padding:5px; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="910f53fb7a81"]{ margin-top:20px; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="4571effbc55a"]{ opacity:.72; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="8f48cf0c152d"]{ color:#4fbaff; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="7be29503a3b5"]{ color:#ffe98a; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="0b886f5eb33a"]{ display:flex; flex-direction:column; gap:15px; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="392085e2c59d"]{ margin:18px 0; padding:14px; border-radius:12px; background:rgba(255,255,255,0.06); border:1px solid rgba(255,255,255,0.15); }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="bfacd4b999c8"]{ display:grid; grid-template-columns:repeat(auto-fit, minmax(210px, 1fr)); gap:14px; margin-top:22px; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="4e8d0539b359"]{ padding:16px; border-radius:14px; border:1px solid rgba(255,255,255,0.14); background:rgba(255,255,255,0.04); }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="cbf31e4adfee"]{ margin-top:22px; padding:18px; border-radius:14px; border:1px solid rgba(212,160,23,.65); background:rgba(212,160,23,.08); text-align:center; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="1294519fc513"]{ margin-top:0; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="30d44a4fd188"]{ margin:28px 0; opacity:.25; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="7b590caf2960"]{ overflow:auto; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="65ecfb28116f"]{ width:100%; border-collapse:collapse; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="afe6abaeba1e"]{ text-align:left; padding:8px; border-bottom:1px solid rgba(255,255,255,.15); }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="afbf76b6e4b1"]{ padding:8px; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="2e5f921e806b"]{ color:#ff6b6b;
            text-align:center;
            margin-bottom:15px;
            text-shadow:0 0 6px #000; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="639ff7420208"]{ margin-top:25px; text-align:center; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="dcfe9a317156"]{ color:#ff6b6b;
        text-align:center; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="8579b292d3df"]{ color:#7dff6b;
        text-align:center; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="6892bd9d76f7"]{ display:block;margin-top:8px;margin-bottom:6px; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="88785587a0f4"]{ display:flex;gap:10px;flex-wrap:wrap; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="83059fd0c4ad"]{ max-width:900px;
    margin:40px auto;
    padding:25px 30px;
    background:rgba(0,0,0,0.7);
    border:1px solid #c9a45c;
    box-shadow:0 0 15px #000;
    color:#e0cfa3;
    font-family:'Cinzel', serif; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="cd167215c912"]{ color:#c9a45c; text-align:center; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="a40cbcd6ddd1"]{ padding:15px; margin:15px 0; border:1px solid #5a4825; background:#111; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="8886b2511dc6"]{ color:#c9a45c; text-decoration:underline; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="8beecaa16f91"]{ color:#d4a017; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="82c2c8573e48"]{ background:#c9a45c; color:#000; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="83ce3a8868a3"]{ color:#ffbaba; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="21beff9353f9"]{ background:#7a0000; border-color:#ff2a2a; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="60640660e23c"]{ display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.7);
    justify-content:center;
    align-items:center;
    z-index:9999; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="0a5dae588709"]{ background:#111;
        border:2px solid #7a0000;
        padding:20px;
        border-radius:6px;
        width:300px;
        text-align:center;
        color:#fff;
        box-shadow:0 0 15px #7a0000;
        font-family:Cinzel, serif; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="7cabab3fdf86"]{ width:100%;
                padding:10px;
                margin:10px 0;
                background:#000;
                border:1px solid #7a0000;
                color:#fff;
                border-radius:4px; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="2f739d152931"]{ padding:10px 20px;
            background:#7a0000;
            border:1px solid #ff2a2a;
            color:#fff;
            border-radius:4px;
            cursor:pointer;
            margin-right:10px; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="6e78f2d8283c"]{ padding:10px 20px;
            background:#333;
            border:1px solid #555;
            color:#fff;
            border-radius:4px;
            cursor:pointer; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="3feb20924b0d"]{ text-align:center; color:#c9a45c; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="d7dd1cd1db25"]{ color:#ff6b6b; text-align:center; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="f5d6a13177a6"]{ color:#7dff6b; text-align:center; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="351719b3bd78"]{ margin:25px 0; border-color:#7a0000; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="62329abc8205"]{ margin:0 0 12px; padding:12px; border:1px solid rgba(212,160,23,.65); border-radius:8px; background:rgba(212,160,23,.08); color:#e8c45f; font-size:.95rem; line-height:1.4; text-align:center; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="2884c0ebd8c5"]{ margin-top:10px;font-size:0.9em;color:#999; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="726e8b317f32"]{ margin-top:10px; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="5c4466a9663e"]{ position:fixed;
    bottom:20px;
    left:50%;
    transform:translateX(-50%);
    background:rgba(0,0,0,0.85);
    border:1px solid #c9a45c;
    padding:20px;
    max-width:600px;
    color:#e0cfa3;
    font-family:'Cinzel', serif;
    display:none;
    z-index:9999; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="8b3f8a70c2c8"]{ color:#d4a017 }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="c8bee888e2ca"]{ color:#e1bd70; font-weight:bold; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="50c282230be2"]{ color:#ffcc33; font-weight:bold; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="1eaa857d1e72"]{ position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.95);
    backdrop-filter:blur(4px);
    color:#c9a45c;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    text-align:center;
    z-index:99999;
    padding:20px;
    box-sizing:border-box;
    overflow-y:auto;
    font-family:'Cinzel', serif;
    letter-spacing:1px;
    animation:fadeIn 0.8s ease-out; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="0f7f061db242"]{ border:2px solid #c9a45c;
        padding:25px 20px;
        max-width:680px;
        background:rgba(20,0,0,0.35);
        box-shadow:0 0 25px #000 inset, 0 0 12px #300;
        animation:glow 3s infinite alternate; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="2da44fdad08c"]{ font-size:2rem;
            margin-bottom:15px;
            text-shadow:0 0 10px #000, 0 0 5px #600; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="3c7585bc58c6"]{ max-width:900px;margin:40px auto;padding:25px 30px;background:rgba(0,0,0,0.7);border:1px solid #c9a45c;box-shadow:0 0 15px #000;color:#e0cfa3;font-family:'Cinzel', serif;line-height:1.7; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="b7b07a4bec55"]{ color:#c9a45c;text-align:center;margin-bottom:25px; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="f4942fe3cba1"]{ margin-left:20px; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="ea33cf61505d"]{ margin:40px 0;border:0;border-top:1px solid #c9a45c; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="32b2f9fbf58f"]{ background:rgba(0,0,0,0.6);padding:25px;border:1px solid #5a4825;box-shadow:0 0 15px #000 inset; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="7276af0ddca3"]{ color:#c9a45c;margin-bottom:15px;font-family:'Cinzel', serif; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="7f56cf8f17c3"]{ line-height:1.7;color:#e0cfa3;font-family:'Cinzel', serif; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="413baed6a738"]{ margin-top:25px;text-align:center;color:#c9a45c; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="7da3fd4bc5bd"]{ color:#c9a45c;text-align:center;margin-bottom:5px; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="aeb4275b7838"]{ text-align:center;font-size:0.9rem;color:#bfae8a;margin-top:0;margin-bottom:25px; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="6aa34d7432e7"]{ display:none }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="c53ea1da2385"]{ margin-top:14px }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="43a97fe4943c"]{ margin-top:8px }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="a33b8fc2ff77"]{ margin-top:8px; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="7de28d4bdd89"]{ font-size:1.6rem; text-align:center; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="4dcf0d07b9da"]{ height:50px; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="4a9327f45b09"]{ display:none;
            position:fixed;
            top:0;
            left:0;
            width:100%;
            height:100%;
            background:rgba(0,0,0,0.9);
            justify-content:center;
            align-items:center;
            flex-direction:column;
            z-index:9999; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="27e7e0edde03"]{ position:absolute; left:30px; font-size:40px; color:#fff; cursor:pointer; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="6a2e6fe38fa2"]{ position:absolute;
                top:20px;
                color:#fff;
                font-size:22px;
                font-weight:bold;
                text-shadow:0 0 10px #000;
                left:50%;
                transform:translateX(-50%); }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="6b3f6f0ae5b2"]{ max-width:90%; max-height:80%; border:3px solid #444; box-shadow:0 0 20px #000; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="e24327792d05"]{ position:absolute; right:30px; font-size:40px; color:#fff; cursor:pointer; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="ec73af40450c"]{ text-align:center; padding:30px; color:#c9a45c; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="abd137b89b7a"]{ margin-bottom:6px; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="0739bb01d9df"]{ text-align:center;
    margin:5px auto 8px auto;
    padding:8px 12px;
    background:#111;
    border:1px solid #3a0000;
    border-radius:6px;
    width:fit-content;
    max-width:95%; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="4d76b7f2d0ec"]{ display:inline-block;
            color:#e8d88f;
            margin-right:15px;
            font-size:0.95rem;
            text-shadow:0 0 6px #000; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="4ce2b5161d5a"]{ color:#c9a45c;
        margin-right:6px;
        font-size:0.95rem; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="7e2ba6193ee7"]{ display:inline-block !important;
            width:80px !important;
            padding:5px !important;
            background:#fff !important;
            color:#000 !important;
            border:1px solid #c9a45c !important;
            border-radius:4px;
            text-align:center; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="cb383e4db312"]{ margin-left:6px;
        padding:5px 12px; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="462cc9882208"]{ display:inline-block;
            margin-left:6px;
            padding:5px 12px;
            background:#4a3211;
            border-color:#c9a45c; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="c98e85ec07bf"]{ width:100%; margin:5px auto; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="4d3d48031682"]{ width:100%;
            height:90vh;
            border:none;
            background:#000;
            display:block; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="289e9c7f2cfd"]{ display:inline-block;
        color:#e8d88f;
        margin-right:15px;
        font-size:0.95rem;
        text-shadow:0 0 6px #000; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="f511b3bea917"]{ background:#700; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="7a50a35c3c40"]{ background:#444; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="a39ae29c9b65"]{ text-align:center; color:#aaa; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="3b002faa9053"]{ display:block; opacity:0.6; margin-top:4px; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="898c1886231c"]{ position:relative; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="d7c140caa5ea"]{ color:#a8976a; font-size:0.9rem; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="aa05037b4475"]{ color:#7fdc7f; font-size:1rem; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="83df22cd10ca"]{ color:#c9a45c;
                                font-size:0.9rem;
                                font-style:italic;
                                opacity:0.75; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="40d97cddb6dc"]{ color:#c9a45c; font-size:1rem; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="876dd800d8dd"]{ color:#777;
                        font-size:0.9rem;
                        font-style:italic; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="374c925a7a29"]{ background:#600; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="32a020dbb3ba"]{ background:#c9a45c;color:#000; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="2a7ac52ce02a"]{ text-align:center;color:#777; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="7319a35fc456"]{ color:white;font-style:italic;font-size:0.7rem; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="2a79595cca9a"]{ cursor:pointer;color:#c00;font-weight:bold; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="cc452664f124"]{ background:#111;color:#f55;padding:10px;border:1px solid #500;font-size:12px; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="ac11966de105"]{ color:#bda56a;font-size:.86rem;line-height:1.35; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="79280eac53a7"]{ padding:40px;color:#c9a45c;line-height:1.4 }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="380632d14d0f"]{ display:flex;justify-content:space-between;gap:12px;align-items:flex-start }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="08d44f076d53"]{ margin-top:0;padding:3px 7px }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="be1aceeace96"]{ margin-top:7px;color:#d8bd75;font-weight:bold }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="14700869d43c"]{ font-size:1.4rem;margin-top:5px }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="301647f5065e"]{ margin-top:6px }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="fbc726de6833"]{ margin-top:7px;color:#9fdf9f }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="5f6368b8c762"]{ color:#777 }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="ba83fc961e4b"]{ font-size:1.2rem }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="4e6392333be8"]{ margin-top:6px;background:#300;color:#c9a45c;border:1px solid #700;border-radius:6px;padding:5px 8px;cursor:pointer }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="5b44cdb9fc11"]{ padding:10px; background:#1a1a1a; border-left:4px solid #4caf50; margin-top:15px; font-size:14px; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="2b9e5fbf9174"]{ color:#8f8; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="59d0ad60620b"]{ padding:10px; background:#1a1a1a; border-left:4px solid #f44336; margin-top:15px; font-size:14px; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="debbc0e82fec"]{ color:#f88; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="d0466aa33fa8"]{ display:none; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="1ba62d5cd413"]{ background:#400; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="1dbcefe04b2f"]{ width:15%; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="9eae69365e20"]{ width:70%; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="9b75d3888176"]{ text-align:right; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="c100cbacaf6d"]{ padding:10px;background:#1a1a1a;border-left:4px solid #4caf50;margin-top:15px;font-size:14px; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="cc842e7921d2"]{ color:#aaa;margin-top:-10px; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="a9df8d85cf72"]{ margin-top:30px; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="17a0cac03059"]{ padding:10px 20px;background:#555;color:#fff;border:0;cursor:pointer; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="2c0477a2e3af"]{ display:none;margin-top:20px;background:#000;padding:15px;border:1px solid #333; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="e857813cc3de"]{ border-color:#333;margin:20px 0; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="058bdd4c38cf"]{ color:#f55; }
html:has(template[data-vk-css="css/v3-inline.css"]) [data-vk-s="8bafc993056f"]{ padding:10px;background:#1a1a1a;border-left:4px solid #f44336;margin-top:15px;font-size:14px; }


/* css/style_hors-serie.css */
html:has(template[data-vk-css="css/style_hors-serie.css"]) .hors-serie-page{
max-width: 1150px;
margin: 0 auto;
padding: 45px 18px 70px;
color: #f3ead7;
}
html:has(template[data-vk-css="css/style_hors-serie.css"]) .hs-hero{
text-align: center;
margin-bottom: 26px;
}
html:has(template[data-vk-css="css/style_hors-serie.css"]) .hs-badge{
display: inline-block;
margin-bottom: 14px;
padding: 6px 16px;
border: 1px solid rgba(214, 179, 106, 0.65);
border-radius: 999px;
color: #d6b36a;
font-size: 0.78rem;
letter-spacing: 1.5px;
text-transform: uppercase;
background: rgba(214, 179, 106, 0.08);
}
html:has(template[data-vk-css="css/style_hors-serie.css"]) .hs-hero h1{
margin: 0 0 14px;
font-size: clamp(2rem, 5vw, 3.4rem);
line-height: 1.05;
color: #f6d889;
text-shadow: 0 0 22px rgba(214, 179, 106, 0.18);
}
html:has(template[data-vk-css="css/style_hors-serie.css"]) .hs-hero p{
max-width: 720px;
margin: 0 auto;
color: rgba(243, 234, 215, 0.82);
font-size: 1.05rem;
line-height: 1.6;
}
html:has(template[data-vk-css="css/style_hors-serie.css"]) .hs-intro{
max-width: 850px;
margin: 0 auto 36px;
padding: 18px 22px;
border-left: 3px solid #d6b36a;
border-radius: 12px;
background:
linear-gradient(135deg, rgba(214, 179, 106, 0.08), rgba(0, 0, 0, 0.18));
box-shadow: 0 10px 28px rgba(0, 0, 0, 0.25);
}
html:has(template[data-vk-css="css/style_hors-serie.css"]) .hs-intro p{
margin: 0;
color: rgba(243, 234, 215, 0.86);
line-height: 1.65;
}
html:has(template[data-vk-css="css/style_hors-serie.css"]) .hs-grid{
display: grid;
grid-template-columns: repeat(auto-fit, minmax(255px, 1fr));
gap: 20px;
}
html:has(template[data-vk-css="css/style_hors-serie.css"]) .hs-card{
position: relative;
min-height: 250px;
padding: 22px;
border-radius: 18px;
overflow: hidden;
background:
radial-gradient(circle at top left, rgba(214, 179, 106, 0.16), transparent 34%),
linear-gradient(145deg, rgba(32, 28, 25, 0.98), rgba(10, 10, 12, 0.98));
border: 1px solid rgba(214, 179, 106, 0.18);
box-shadow:
0 18px 35px rgba(0, 0, 0, 0.38),
inset 0 0 30px rgba(255, 255, 255, 0.02);
transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}
html:has(template[data-vk-css="css/style_hors-serie.css"]) .hs-card:hover{
transform: translateY(-4px);
border-color: rgba(214, 179, 106, 0.45);
box-shadow:
0 24px 45px rgba(0, 0, 0, 0.48),
0 0 22px rgba(214, 179, 106, 0.08);
}
html:has(template[data-vk-css="css/style_hors-serie.css"]) .hs-card.soon{
opacity: 0.78;
}
html:has(template[data-vk-css="css/style_hors-serie.css"]) .hs-card-top{
display: flex;
justify-content: space-between;
gap: 10px;
margin-bottom: 26px;
}
html:has(template[data-vk-css="css/style_hors-serie.css"]) .hs-status,
html:has(template[data-vk-css="css/style_hors-serie.css"]) .hs-type{
display: inline-flex;
align-items: center;
padding: 5px 10px;
border-radius: 999px;
font-size: 0.72rem;
letter-spacing: 0.7px;
text-transform: uppercase;
}
html:has(template[data-vk-css="css/style_hors-serie.css"]) .hs-status{
background: rgba(89, 160, 92, 0.15);
color: #a8e0a9;
border: 1px solid rgba(168, 224, 169, 0.25);
}
html:has(template[data-vk-css="css/style_hors-serie.css"]) .soon-label{
background: rgba(214, 179, 106, 0.12);
color: #d6b36a;
border: 1px solid rgba(214, 179, 106, 0.25);
}
html:has(template[data-vk-css="css/style_hors-serie.css"]) .hs-type{
background: rgba(255, 255, 255, 0.06);
color: rgba(243, 234, 215, 0.65);
border: 1px solid rgba(255, 255, 255, 0.08);
}
html:has(template[data-vk-css="css/style_hors-serie.css"]) .hs-card h2{
margin: 0 0 12px;
color: #f1d58a;
font-size: 1.35rem;
}
html:has(template[data-vk-css="css/style_hors-serie.css"]) .hs-card p{
margin: 0;
color: rgba(243, 234, 215, 0.78);
line-height: 1.55;
}
html:has(template[data-vk-css="css/style_hors-serie.css"]) .hs-btn{
display: inline-block;
margin-top: 22px;
padding: 10px 18px;
border-radius: 999px;
background: #d6b36a;
color: #111;
text-decoration: none;
font-weight: 700;
transition: transform 0.15s ease, background 0.15s ease;
}
html:has(template[data-vk-css="css/style_hors-serie.css"]) .hs-btn:hover{
transform: translateY(-1px);
background: #efca7c;
}
html:has(template[data-vk-css="css/style_hors-serie.css"]) .hs-btn.disabled{
background: rgba(255, 255, 255, 0.08);
color: rgba(243, 234, 215, 0.42);
cursor: default;
}
html:has(template[data-vk-css="css/style_hors-serie.css"]) .hs-forbidden{
max-width: 650px;
margin: 70px auto;
padding: 35px 24px;
text-align: center;
border-radius: 18px;
background:
radial-gradient(circle at top, rgba(214, 179, 106, 0.12), transparent 42%),
rgba(15, 15, 18, 0.95);
border: 1px solid rgba(214, 179, 106, 0.25);
color: #f3ead7;
}
html:has(template[data-vk-css="css/style_hors-serie.css"]) .hs-forbidden h1{
margin: 0 0 12px;
color: #f1d58a;
}
html:has(template[data-vk-css="css/style_hors-serie.css"]) .hs-forbidden p{
margin-bottom: 24px;
color: rgba(243, 234, 215, 0.78);
}
html:has(template[data-vk-css="css/style_hors-serie.css"]) .hs-forbidden a{
display: inline-block;
padding: 10px 18px;
border-radius: 999px;
background: #d6b36a;
color: #111;
font-weight: bold;
text-decoration: none;
}
html:has(template[data-vk-css="css/style_hors-serie.css"]) .hs-view-page{
max-width: 900px;
margin: 0 auto;
padding: 40px 16px 70px;
color: #f3ead7;
}
html:has(template[data-vk-css="css/style_hors-serie.css"]) .hs-view-header{
text-align: center;
margin-bottom: 30px;
}
html:has(template[data-vk-css="css/style_hors-serie.css"]) .hs-view-header h1{
margin-top: 15px;
color: #f6d889;
font-size: clamp(2rem, 5vw, 3rem);
}
html:has(template[data-vk-css="css/style_hors-serie.css"]) .hs-back{
display: inline-block;
margin-bottom: 15px;
color: #d6b36a;
text-decoration: none;
font-weight: 600;
}
html:has(template[data-vk-css="css/style_hors-serie.css"]) .hs-back:hover{
text-decoration: underline;
}
html:has(template[data-vk-css="css/style_hors-serie.css"]) .hs-view-gallery{
max-width: 700px;
margin: 0 auto;
}
html:has(template[data-vk-css="css/style_hors-serie.css"]) .hs-page-img{
text-align: center;
margin-bottom: 25px;
}
html:has(template[data-vk-css="css/style_hors-serie.css"]) .hs-page-img img{
display: inline-block;
width: auto;
max-width: 100%;
max-height: 800px;
height: auto;
border-radius: 10px;
box-shadow:
0 10px 25px rgba(0,0,0,0.35);
}



/*######################################

# fin style_hors-serie.css

#######################################*/

/* css/pages/pages/autres_oeuvres.css */
html:has(template[data-vk-css="css/pages/pages/autres_oeuvres.css"]) .vk-otherworks,
html:has(template[data-vk-css="css/pages/pages/autres_oeuvres.css"]) .vk-otherworks *{
    box-sizing: border-box;
}
html:has(template[data-vk-css="css/pages/pages/autres_oeuvres.css"]) .vk-otherworks{
    /*
       Raccord direct au système V3.
       Les valeurs après la virgule servent uniquement de repli pour Braise
       ou si une variable de thème n'est pas encore définie.
    */
    --ow-text: var(--v3-parchment, #eeeeee);
    --ow-heading: var(--extreme-heading, var(--v3-parchment, #ffffff));
    --ow-muted: var(--extreme-muted, #b7b7bb);
    --ow-accent: var(--theme-link, var(--v3-gold, #d45a64));
    --ow-outline: var(--theme-outline, var(--v3-border, rgba(152, 37, 45, .48)));
    --ow-radius: var(--theme-radius, 18px);
    --ow-surface: var(
        --theme-surface,
        linear-gradient(145deg, rgba(26, 20, 22, .96), rgba(10, 10, 11, .98))
    );
    --ow-button: var(
        --theme-button,
        linear-gradient(135deg, #7d1721, #a72b35)
    );

    width: calc(100% - 28px);
    max-width: 1180px;
    margin: 0 auto;
    padding: 26px 0 54px;
    color: var(--ow-text);
    text-align: left;
    overflow-x: clip;
}
html:has(template[data-vk-css="css/pages/pages/autres_oeuvres.css"]) .vk-otherworks a{
    color: inherit;
}
html:has(template[data-vk-css="css/pages/pages/autres_oeuvres.css"]) .vk-otherworks-hero{
    position: relative;
    overflow: hidden;
    padding: clamp(28px, 5vw, 58px);
    border: 1px solid var(--ow-outline);
    border-radius: var(--ow-radius);
    background: var(--ow-surface);
}
html:has(template[data-vk-css="css/pages/pages/autres_oeuvres.css"]) .vk-otherworks-kicker{
    margin: 0 0 12px;
    color: var(--ow-accent);
    font-size: .82rem;
    font-weight: 800;
    letter-spacing: .16em;
    text-transform: uppercase;
}
html:has(template[data-vk-css="css/pages/pages/autres_oeuvres.css"]) .vk-otherworks h1{
    max-width: 900px;
    margin: 0;
    color: var(--ow-heading);
    font-size: clamp(2.35rem, 7vw, 5rem);
    line-height: .98;
    letter-spacing: -.035em;
    text-wrap: balance;
}
html:has(template[data-vk-css="css/pages/pages/autres_oeuvres.css"]) .vk-otherworks-intro{
    max-width: 760px;
    margin: 22px 0 0;
    color: var(--ow-muted);
    font-size: clamp(1rem, 2vw, 1.16rem);
    line-height: 1.7;
}
html:has(template[data-vk-css="css/pages/pages/autres_oeuvres.css"]) .vk-otherworks-section{
    margin-top: 34px;
}
html:has(template[data-vk-css="css/pages/pages/autres_oeuvres.css"]) .vk-otherworks-section-head{
    margin-bottom: 16px;
}
html:has(template[data-vk-css="css/pages/pages/autres_oeuvres.css"]) .vk-otherworks-section-head h2{
    margin: 0;
    color: var(--ow-heading);
    font-size: clamp(1.45rem, 3vw, 2rem);
    line-height: 1.15;
}
html:has(template[data-vk-css="css/pages/pages/autres_oeuvres.css"]) .vk-otherworks-section-head p{
    max-width: 760px;
    margin: 9px 0 0;
    color: var(--ow-muted);
    line-height: 1.6;
}
html:has(template[data-vk-css="css/pages/pages/autres_oeuvres.css"]) .vk-otherworks-grid{
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
}
html:has(template[data-vk-css="css/pages/pages/autres_oeuvres.css"]) .vk-otherworks-card{
    position: relative;
    display: grid;
    grid-template-columns: minmax(150px, .34fr) minmax(0, 1fr);
    min-height: 290px;
    overflow: hidden;
    border: 1px solid var(--ow-outline);
    border-radius: var(--ow-radius);
    background: var(--ow-surface);
}
html:has(template[data-vk-css="css/pages/pages/autres_oeuvres.css"]) .vk-otherworks-mark{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 290px;
    padding: 28px;
    border-right: 1px solid var(--ow-outline);
    color: var(--ow-accent);
    text-align: center;
}
html:has(template[data-vk-css="css/pages/pages/autres_oeuvres.css"]) .vk-otherworks-mark::before{
    content: "F";
    display: flex;
    width: clamp(92px, 12vw, 132px);
    aspect-ratio: 1;
    align-items: center;
    justify-content: center;
    border: 2px solid var(--ow-outline);
    border-radius: var(--ow-radius);
    font-size: clamp(3rem, 7vw, 5.4rem);
    font-weight: 800;
    line-height: 1;
}
html:has(template[data-vk-css="css/pages/pages/autres_oeuvres.css"]) .vk-otherworks-card-body{
    display: flex;
    min-width: 0;
    flex-direction: column;
    align-items: flex-start;
    padding: clamp(25px, 5vw, 44px);
}
html:has(template[data-vk-css="css/pages/pages/autres_oeuvres.css"]) .vk-otherworks-type{
    margin-bottom: 13px;
    color: var(--ow-accent);
    font-size: .76rem;
    font-weight: 800;
    letter-spacing: .13em;
    text-transform: uppercase;
}
html:has(template[data-vk-css="css/pages/pages/autres_oeuvres.css"]) .vk-otherworks-card h3{
    max-width: 780px;
    margin: 0;
    color: var(--ow-heading);
    font-size: clamp(1.55rem, 3.5vw, 2.55rem);
    line-height: 1.1;
}
html:has(template[data-vk-css="css/pages/pages/autres_oeuvres.css"]) .vk-otherworks-card p{
    max-width: 760px;
    margin: 17px 0 28px;
    color: var(--ow-muted);
    line-height: 1.68;
}
html:has(template[data-vk-css="css/pages/pages/autres_oeuvres.css"]) .vk-otherworks-btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 44px;
    margin-top: auto;
    padding: 11px 16px;
    border: 1px solid var(--ow-outline);
    border-radius: var(--ow-radius);
    background: var(--ow-button);
    color: #fff9ed !important;
    text-decoration: none;
    font-weight: 800;
    transition: transform .18s ease, filter .18s ease;
}
html:has(template[data-vk-css="css/pages/pages/autres_oeuvres.css"]) .vk-otherworks-btn:hover,
html:has(template[data-vk-css="css/pages/pages/autres_oeuvres.css"]) .vk-otherworks-btn:focus-visible{
    transform: translateY(-2px);
    filter: brightness(1.08);
}
html:has(template[data-vk-css="css/pages/pages/autres_oeuvres.css"]) body.vk-theme-extreme .vk-otherworks{
    color: var(--extreme-ink);
}
html:has(template[data-vk-css="css/pages/pages/autres_oeuvres.css"]) body.vk-theme-extreme .vk-otherworks h1,
html:has(template[data-vk-css="css/pages/pages/autres_oeuvres.css"]) body.vk-theme-extreme .vk-otherworks h2,
html:has(template[data-vk-css="css/pages/pages/autres_oeuvres.css"]) body.vk-theme-extreme .vk-otherworks h3{
    color: var(--extreme-heading);
}
html:has(template[data-vk-css="css/pages/pages/autres_oeuvres.css"]) body.vk-theme-extreme .vk-otherworks-intro,
html:has(template[data-vk-css="css/pages/pages/autres_oeuvres.css"]) body.vk-theme-extreme .vk-otherworks-section-head p,
html:has(template[data-vk-css="css/pages/pages/autres_oeuvres.css"]) body.vk-theme-extreme .vk-otherworks-card p{
    color: var(--extreme-muted);
}
html:has(template[data-vk-css="css/pages/pages/autres_oeuvres.css"]) body.vk-theme-extreme .vk-otherworks-btn{
    color: var(--extreme-button-ink, #fff) !important;
}
@media (prefers-reduced-motion: reduce){html:has(template[data-vk-css="css/pages/pages/autres_oeuvres.css"]) .vk-otherworks *,
html:has(template[data-vk-css="css/pages/pages/autres_oeuvres.css"]) .vk-otherworks *::before,
html:has(template[data-vk-css="css/pages/pages/autres_oeuvres.css"]) .vk-otherworks *::after{
        transition: none !important;
    }

}

/* css/pages/rangs.css */
html:has(template[data-vk-css="css/pages/rangs.css"]) .vk-ranks-page{
    width:min(1120px,calc(100% - 32px));
    margin:34px auto 70px;
    color:var(--extreme-ink,var(--v3-parchment,#e7ddd4));
}
html:has(template[data-vk-css="css/pages/rangs.css"]) .vk-ranks-hero{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(220px,280px);
    gap:24px;
    align-items:center;
    padding:28px;
    border:1px solid var(--theme-outline,var(--extreme-border,var(--v3-border)));
    border-radius:18px;
    background:var(--theme-surface,var(--extreme-panel,var(--v3-panel)));
    box-shadow:0 18px 48px rgba(0,0,0,.24);
}
html:has(template[data-vk-css="css/pages/rangs.css"]) .vk-ranks-hero-copy{
    min-width:0;
}
html:has(template[data-vk-css="css/pages/rangs.css"]) .vk-ranks-kicker{
    margin:0 0 6px;
    color:var(--v3-gold,#d6aa58);
    font-size:.78rem;
    font-weight:800;
    letter-spacing:.14em;
    text-transform:uppercase;
}
html:has(template[data-vk-css="css/pages/rangs.css"]) .vk-ranks-hero h1{
    margin:0 0 12px;
    font-size:clamp(2rem,4vw,3.35rem);
    line-height:1.05;
}
html:has(template[data-vk-css="css/pages/rangs.css"]) .vk-ranks-hero-copy > p:last-child{
    max-width:720px;
    margin:0;
    line-height:1.65;
    opacity:.88;
}
html:has(template[data-vk-css="css/pages/rangs.css"]) .vk-ranks-current{
    display:flex;
    flex-direction:column;
    min-width:0;
    padding:14px 16px;
    border:1px solid var(--theme-outline,var(--extreme-border,var(--v3-border)));
    border-radius:12px;
    background:var(--v3-coal);
    text-align:right;
}
html:has(template[data-vk-css="css/pages/rangs.css"]) .vk-ranks-current span,
html:has(template[data-vk-css="css/pages/rangs.css"]) .vk-ranks-current small{
    font-size:.72rem;
    opacity:.72;
}
html:has(template[data-vk-css="css/pages/rangs.css"]) .vk-ranks-current strong{
    margin:3px 0;
    color:var(--v3-gold,#d6aa58);
    font-size:1.08rem;
    overflow-wrap:anywhere;
}
html:has(template[data-vk-css="css/pages/rangs.css"]) .vk-ranks-flow{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:center;
    gap:8px;
    margin:22px 0;
    padding:12px 0;
}
html:has(template[data-vk-css="css/pages/rangs.css"]) .vk-ranks-flow-item{
    display:inline-flex;
    align-items:center;
    gap:6px;
    max-width:100%;
    padding:7px 10px;
    border:1px solid var(--theme-outline,var(--extreme-border,var(--v3-border)));
    border-radius:999px;
    background:var(--v3-coal);
    font-size:.78rem;
    white-space:normal;
}
html:has(template[data-vk-css="css/pages/rangs.css"]) .vk-ranks-flow-item strong{
    color:var(--v3-gold,#d6aa58);
    font-size:.68rem;
    text-transform:uppercase;
}
html:has(template[data-vk-css="css/pages/rangs.css"]) .vk-ranks-flow-item.is-current{
    border-color:var(--extreme-accent,var(--v3-gold));
    box-shadow:0 0 16px color-mix(in srgb,var(--extreme-accent,var(--v3-gold)) 18%,transparent);
}
html:has(template[data-vk-css="css/pages/rangs.css"]) .vk-ranks-flow-arrow{
    opacity:.45;
}
html:has(template[data-vk-css="css/pages/rangs.css"]) .vk-ranks-list{
    display:grid;
    grid-template-columns:1fr;
    gap:16px;
}
html:has(template[data-vk-css="css/pages/rangs.css"]) .vk-rank-card{
    min-width:0;
    padding:22px;
    border:1px solid var(--theme-outline,var(--extreme-border,var(--v3-border)));
    border-radius:16px;
    background:var(--theme-surface,var(--extreme-panel,var(--v3-panel)));
    box-shadow:0 12px 34px rgba(0,0,0,.14);
}
html:has(template[data-vk-css="css/pages/rangs.css"]) .vk-rank-card.is-current{
    border-color:var(--extreme-accent,var(--v3-gold));
    box-shadow:0 0 0 1px color-mix(in srgb,var(--extreme-accent,var(--v3-gold)) 18%,transparent),0 16px 40px rgba(0,0,0,.22);
}
html:has(template[data-vk-css="css/pages/rangs.css"]) .vk-rank-card-head{
    display:flex;
    flex-wrap:wrap;
    align-items:flex-start;
    gap:14px;
    min-width:0;
}
html:has(template[data-vk-css="css/pages/rangs.css"]) .vk-rank-title-block{
    flex:1 1 320px;
    min-width:0;
}
html:has(template[data-vk-css="css/pages/rangs.css"]) .vk-rank-symbol{
    display:flex;
    flex:0 0 50px;
    align-items:center;
    justify-content:center;
    width:50px;
    height:50px;
    border:1px solid var(--theme-outline,var(--extreme-border,var(--v3-border)));
    border-radius:13px;
    background:var(--v3-coal);
    color:var(--v3-gold,#d6aa58);
    font-size:1.55rem;
}
html:has(template[data-vk-css="css/pages/rangs.css"]) .vk-rank-grade{
    color:var(--v3-gold,#d6aa58);
    font-size:.7rem;
    font-weight:800;
    letter-spacing:.11em;
    text-transform:uppercase;
}
html:has(template[data-vk-css="css/pages/rangs.css"]) .vk-rank-card h2{
    margin:3px 0 2px;
    font-size:1.42rem;
    line-height:1.2;
    overflow-wrap:anywhere;
}
html:has(template[data-vk-css="css/pages/rangs.css"]) .vk-rank-collective{
    margin:0;
    font-size:.78rem;
    opacity:.72;
    overflow-wrap:anywhere;
}
html:has(template[data-vk-css="css/pages/rangs.css"]) .vk-rank-current-badge{
    flex:0 0 auto;
    margin-left:auto;
    padding:5px 9px;
    border:1px solid var(--theme-outline,var(--extreme-border,var(--v3-border)));
    border-radius:999px;
    background:var(--v3-coal);
    color:var(--v3-gold,#d6aa58);
    font-size:.68rem;
    font-weight:800;
    white-space:nowrap;
}
html:has(template[data-vk-css="css/pages/rangs.css"]) .vk-rank-meta{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    margin:18px 0 14px;
}
html:has(template[data-vk-css="css/pages/rangs.css"]) .vk-rank-meta-item{
    min-width:0;
    padding:10px 12px;
    border:1px solid var(--theme-outline,var(--extreme-border,var(--v3-border)));
    border-radius:10px;
    background:var(--v3-coal);
}
html:has(template[data-vk-css="css/pages/rangs.css"]) .vk-rank-meta-item span{
    display:block;
    margin-bottom:3px;
    font-size:.67rem;
    opacity:.62;
    text-transform:uppercase;
}
html:has(template[data-vk-css="css/pages/rangs.css"]) .vk-rank-meta-item strong{
    display:block;
    overflow-wrap:anywhere;
}
html:has(template[data-vk-css="css/pages/rangs.css"]) .vk-rank-description{
    margin:0;
    line-height:1.62;
}
html:has(template[data-vk-css="css/pages/rangs.css"]) .vk-rank-details{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    margin-top:16px;
}
html:has(template[data-vk-css="css/pages/rangs.css"]) .vk-rank-section{
    min-width:0;
    padding:14px;
    border:1px solid var(--theme-outline,var(--extreme-border,var(--v3-border)));
    border-radius:12px;
    background:var(--v3-coal);
}
html:has(template[data-vk-css="css/pages/rangs.css"]) .vk-rank-section h3{
    margin:0 0 6px;
    color:var(--v3-gold,#d6aa58);
    font-size:.82rem;
}
html:has(template[data-vk-css="css/pages/rangs.css"]) .vk-rank-section p{
    margin:0;
    font-size:.88rem;
    line-height:1.58;
    opacity:.88;
    overflow-wrap:anywhere;
}
html:has(template[data-vk-css="css/pages/rangs.css"]) .vk-rank-etymology{
    grid-column:1 / -1;
}
html:has(template[data-vk-css="css/pages/rangs.css"]) .vk-ranks-note{
    margin-top:20px;
    padding:15px 17px;
    border:1px solid var(--theme-outline,var(--extreme-border,var(--v3-border)));
    border-left:3px solid var(--extreme-accent,var(--v3-crimson,#812d2d));
    background:var(--theme-surface,var(--extreme-panel,var(--v3-panel)));
    line-height:1.55;
}

/* Extension du bandeau header : rang actuel */
html:has(template[data-vk-css="css/pages/includes/header.css"]) #topbar .topbar-role{
    display:inline-flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:1px;
    min-height:42px;
    padding:5px 10px;
    border:1px solid rgba(255,255,255,.15);
    border-radius:10px;
    background:rgba(255,255,255,.045);
    color:inherit;
    line-height:1.15;
    text-align:center;
    text-decoration:none;
    white-space:nowrap;
}
html:has(template[data-vk-css="css/pages/includes/header.css"]) #topbar .topbar-role span{
    font-size:.62rem;
    opacity:.72;
}
html:has(template[data-vk-css="css/pages/includes/header.css"]) #topbar .topbar-role strong{
    color:var(--v3-gold,#d6aa58);
    font-size:.76rem;
}
html:has(template[data-vk-css="css/pages/includes/header.css"]) #topbar .topbar-role:hover,
html:has(template[data-vk-css="css/pages/includes/header.css"]) #topbar .topbar-role:focus-visible{
    border-color:rgba(224,179,88,.55);
    background:rgba(224,179,88,.08);
}


/* === APERCUS V3.2 : variables fournies directement par theme-*.css === */
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-choice:not(.vk-theme-choice-v2) .vk-theme-mock{
    --preview-bg:var(--vk-theme-bg);
    --preview-panel:var(--vk-theme-panel);
    --preview-text:var(--vk-theme-text);
    --preview-blood:var(--vk-theme-accent);
    --preview-metal:var(--vk-theme-metal);
    --preview-border:var(--vk-theme-border);
    border-color:var(--vk-theme-border)!important;
    border-radius:var(--vk-theme-radius)!important;
    background:var(--vk-theme-bg)!important;
    box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--vk-theme-accent) 12%,transparent);
}
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-choice:not(.vk-theme-choice-v2) .vk-theme-mock-top{
    background:var(--vk-theme-accent)!important;
}
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-choice:not(.vk-theme-choice-v2) .vk-theme-mock-hero{
    background:var(--vk-theme-panel)!important;
    border:1px solid var(--vk-theme-border);
    border-radius:var(--vk-theme-radius)!important;
}
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-choice:not(.vk-theme-choice-v2) .vk-theme-mock-hero i:first-child,
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-choice:not(.vk-theme-choice-v2) .vk-theme-mock-hero i:nth-child(2){background:var(--vk-theme-text)!important;}
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-choice:not(.vk-theme-choice-v2) .vk-theme-mock-hero i:last-child{background:var(--vk-theme-accent)!important;border-color:var(--vk-theme-border)!important;}
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-choice:not(.vk-theme-choice-v2) .vk-theme-mock-cards i{background:var(--vk-theme-panel)!important;border-color:var(--vk-theme-border)!important;}
/* Formes : la famille est choisie dans le fichier du thème, les dimensions restent communes ici. */
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-choice-nocturne .vk-theme-mock-cards i{border-radius:999px!important;}
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-choice-morsure :is(.vk-theme-mock,.vk-theme-mock-hero,.vk-theme-mock-cards i){border-radius:0!important;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);}
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-choice-carnage :is(.vk-theme-mock,.vk-theme-mock-hero,.vk-theme-mock-cards i){border-radius:0!important;transform:skew(-2deg);}
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-choice-aube-rouge .vk-theme-mock-cards i:nth-child(odd){border-radius:16px 2px 16px 2px!important;}
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-choice-braise .vk-theme-mock-cards i{border-radius:8px 2px 12px 3px!important;box-shadow:inset 0 -2px var(--vk-theme-border);}
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-choice-cendres :is(.vk-theme-mock,.vk-theme-mock-hero,.vk-theme-mock-cards i){border-radius:0!important;}
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-choice-ivoire :is(.vk-theme-mock,.vk-theme-mock-hero,.vk-theme-mock-cards i){border-style:double!important;border-width:3px!important;}
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-choice-necrose .vk-theme-mock-cards i:nth-child(1){border-radius:14px 3px 18px 5px!important;}
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-choice-necrose .vk-theme-mock-cards i:nth-child(2){border-radius:4px 16px 5px 13px!important;}
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-choice-necrose .vk-theme-mock-cards i:nth-child(3){border-radius:17px 5px 12px 2px!important;}
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-choice-ossuaire :is(.vk-theme-mock,.vk-theme-mock-hero,.vk-theme-mock-cards i){border-radius:0!important;border-style:double!important;}
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-choice-reliquaire :is(.vk-theme-mock,.vk-theme-mock-hero,.vk-theme-mock-cards i){border-style:double!important;border-width:3px!important;}