/* ============================================================================
 * indexPage.css — TripCooking · Console MEMBRE « Explorateur »
 * ----------------------------------------------------------------------------
 * Refonte façon « YouTube des recettes » : rail de pays/communautés à gauche,
 * barre de filtres (thèmes / sous-thèmes), grilles de vignettes, et colonne
 * « Activité » COULISSANTE à droite (masquée par défaut, ouverte via la cloche
 * de notifications -> classe .app.activity-open).
 *
 * Périmètre : cette feuille ne style QUE la console membre (classes .app, .rail,
 * .center, .subrail, .tcm-*, .console-activity, .ca-*, .tabbar).
 * Elle NE touche PAS : la modale (#indexCapture), le moteur de recherche
 * (#moteurPays…), les formulaires, ni la vue visiteur (.home-visitor…),
 * qui vivent dans d'autres fichiers.
 * ========================================================================== */

:root{
  /* chrome (sombre) */
  --chrome:#0b0b0f; --chrome-2:#15151b; --chrome-3:#1d1d26;
  --line:rgba(255,255,255,.07); --line-2:rgba(255,255,255,.12);
  --on:#f3f3f6; --soft:#b4b4c0; --muted:#76767f;

  /* accents */
  --accent:#f8517a; --accent-deep:#d83b62; --accent-2:#ff7d9e;
  --accent-soft:rgba(248,81,122,.14);
  --live:#34d399; --gold:#e8a93c; --steel:#7fb0d9;

  --ui:"Plus Jakarta Sans",system-ui,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,monospace;

  --rail:248px; --act:372px; --r:14px; --rs:10px;
  --tc-head:58px;                       /* hauteur réelle de l'entête (posée en JS) */
  --tc-pad:0px;                         /* décalage du corps : =hauteur entête si HORS flux (fixed/absolute), sinon 0 */
  --tc-stick:0px;                       /* accroche des éléments collants : =hauteur entête si épinglée (fixed/sticky/absolute) */
  --sh:0 1px 0 rgba(255,255,255,.03),0 18px 38px -24px rgba(0,0,0,.8);
}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:var(--chrome);color:var(--on);font-family:var(--ui);line-height:1.45;-webkit-font-smoothing:antialiased;overflow-x:hidden}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{margin:0}
img{display:block;max-width:100%}
::selection{background:var(--accent-soft);color:#fff}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
*::-webkit-scrollbar{width:10px;height:10px}
*::-webkit-scrollbar-thumb{background:var(--chrome-3);border-radius:8px;border:3px solid var(--chrome)}
*::-webkit-scrollbar-track{background:transparent}
.mono{font-family:var(--mono);font-feature-settings:"tnum"}

/* éléments de l'ancienne console carte : neutralisés ici (déplacés ailleurs) */
.map-area,.dock{display:none!important}

/* menu horizontal (bloc au-dessus de « Tes fils ») */
.tcbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 0 2px}
.tcbar__menu{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.tcbar__menu a{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border-radius:999px;font-size:13.5px;font-weight:600;color:var(--soft)}
.tcbar__menu a .gi{font-size:15px;filter:grayscale(.2)}
.tcbar__menu a:hover{background:var(--chrome-2);color:var(--on)}
.tcbar__menu a.on{background:var(--accent-soft);color:#fff}
.tcbar__menu a.on .gi{filter:none}
.tcbar__opts{margin-left:auto}
.tcbar__cta{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:#fff;background:var(--accent-deep);border:1px solid var(--accent);border-radius:999px;padding:9px 16px;box-shadow:0 6px 18px -9px rgba(248,81,122,.7)}
.tcbar__cta:hover{background:var(--accent);box-shadow:0 8px 22px -8px rgba(248,81,122,.85)}

/* vignettes-plats (motif de marque, fallback de couverture) ---------------- */
.tile{position:relative;overflow:hidden;background:#cdbbaa}
.t-1{background:linear-gradient(135deg,#ff9a62,#e8541f)}
.t-2{background:linear-gradient(135deg,#7fc7a6,#1f8a5e)}
.t-3{background:linear-gradient(135deg,#f0b65a,#c8761a)}
.t-4{background:linear-gradient(135deg,#7eb6e0,#2f6aa8)}
.t-5{background:linear-gradient(135deg,#e887ab,#b23a68)}
.t-6{background:linear-gradient(135deg,#c9d36a,#7e9a2a)}

/* ===== APP SHELL : rail | center (scroll de page ; rail collant) ========== */
.app{
  display:grid;
  grid-template-columns:var(--rail) 1fr;
  align-items:start;
  padding-top:var(--tc-pad);
}

/* ===== RAIL GAUCHE (abonnements / communautés / cuisiniers) =============== */
.rail{position:sticky;top:var(--tc-stick);height:calc(100dvh - var(--tc-stick));background:var(--chrome);border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0;overflow:hidden;z-index:30}
.rail .scroll{flex:1;overflow-y:auto;padding:6px 12px 8px;display:flex;flex-direction:column;gap:3px}
.nav-lbl{font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);padding:16px 10px 6px}
.nav-lbl:first-child{padding-top:8px}
.nav a{display:flex;align-items:center;gap:13px;padding:10px 12px;border-radius:var(--rs);font-weight:600;font-size:13.5px;color:var(--soft)}
.nav a .gi{width:20px;text-align:center;font-size:16px;filter:grayscale(.25)}
.nav a:hover{background:var(--chrome-2);color:var(--on)}
.nav a.on{background:var(--accent-soft);color:#fff}
.nav a.on .gi{filter:none}
.nav a .lab{white-space:nowrap;overflow:hidden}
.nav a .cnt{margin-left:auto;font-family:var(--mono);font-size:10.5px;color:var(--muted)}

.subtabs{display:flex;gap:3px;background:var(--chrome-2);border:1px solid var(--line);border-radius:11px;padding:3px;margin:8px 2px}
.subtabs button{flex:1;font-size:11.5px;font-weight:700;color:var(--soft);padding:7px 4px;border-radius:8px;white-space:nowrap}
.subtabs button.on{background:var(--chrome-3);color:#fff}
.pane{display:none;flex-direction:column;gap:1px}
.pane.on{display:flex}

.row{display:flex;align-items:center;gap:11px;padding:8px;border-radius:var(--rs)}
.row:hover{background:var(--chrome-2)}
.row .fl{font-size:16px;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:#000;border:1px solid var(--line-2);overflow:hidden}
.row .av{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;font-weight:800;font-size:11px;color:#fff;flex-shrink:0}
.row .ci{flex:1;min-width:0}
.row .n{font-weight:700;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.row .h{font-family:var(--mono);font-size:10px;color:var(--muted)}
.row .go{font-size:11px;font-weight:700;color:#fff;background:var(--accent-deep);padding:6px 11px;border-radius:8px}
.row .go.out{background:none;color:var(--soft);border:1px solid var(--line-2)}
.row .go:hover{background:var(--accent)}

/* carte de session (bas du rail) */
.session{border-top:1px solid var(--line);padding:12px;background:var(--chrome)}
.session .u{display:flex;align-items:center;gap:10px;margin-bottom:11px}
.session .u .av{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#B6306B,#E8A93C);display:grid;place-items:center;color:#fff;font-weight:800;font-size:13px}
.session .u .n{font-weight:700;font-size:13px}
.session .u .s{font-family:var(--mono);font-size:10px;color:var(--muted)}
.session .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.session .st{background:var(--chrome-2);border:1px solid var(--line);border-radius:10px;padding:9px 6px;text-align:center}
.session .st b{display:block;font-family:var(--mono);font-size:16px;font-weight:600;line-height:1;color:var(--on)}
.session .st.fire b{color:var(--accent-2)}
.session .st span{font-size:9px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}

/* ===== CENTER : contenu de l'explorateur (défile avec la page) ============ */
.center{min-width:0;min-height:calc(100dvh - var(--tc-stick));padding:0 26px 60px}

/* ----- barre de filtres « Mes fils » (thèmes / sous-thèmes) = chips YouTube */
.subrail{position:sticky;top:var(--tc-stick);z-index:20;display:flex;align-items:center;gap:9px;overflow-x:auto;
  padding:16px 0 14px;background:linear-gradient(var(--chrome) 78%,transparent);scrollbar-width:none}
.subrail::-webkit-scrollbar{display:none}
.subrail .lbl{flex:0 0 auto;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding-right:4px}
.subrail .sep{flex:0 0 auto;width:1px;height:20px;background:var(--line-2)}
.fchip{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;white-space:nowrap;
  padding:8px 14px;border-radius:999px;background:var(--chrome-2);border:1px solid var(--line);
  color:var(--soft);font-size:13px;font-weight:600}
.fchip:hover{background:var(--chrome-3);color:var(--on)}
.fchip.on{background:#fff;color:#0b0b0f;border-color:#fff}
.fchip .fl{font-size:14px}
.fchip .n{font-family:var(--mono);font-size:10.5px;color:var(--muted)}
.fchip.on .n{color:rgba(11,11,15,.55)}
.fchip.sub{color:var(--gold)}
.fchip.ghost{background:none;border-style:dashed;color:var(--muted);font-weight:600}

/* ===== « TES FILS EN TEMPS RÉEL » (rendu serveur) -> étagères YouTube ===== */
.tcm-feeds{padding-top:4px}
.tcm-wrap{max-width:1280px}
.tcm-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:8px 2px 6px}
.tcm-eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-2)}
.tcm-h2{font-size:22px;font-weight:800;letter-spacing:-.02em;margin-top:6px}
.tcm-sub{font-size:13.5px;color:var(--soft);margin-top:4px}
.tcm-livepill{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);font-size:10.5px;font-weight:700;letter-spacing:.06em;color:var(--live);border:1px solid rgba(52,211,153,.35);border-radius:999px;padding:6px 12px}
.tcm-dot{width:7px;height:7px;border-radius:50%;background:var(--live);box-shadow:0 0 0 0 rgba(52,211,153,.6);animation:ping 1.8s infinite}
@keyframes ping{0%{box-shadow:0 0 0 0 rgba(52,211,153,.5)}70%{box-shadow:0 0 0 8px rgba(52,211,153,0)}100%{box-shadow:0 0 0 0 rgba(52,211,153,0)}}

/* en-tête d'étagère */
.tcm-rowhead{display:flex;align-items:center;gap:13px;margin:30px 2px 14px}
.tcm-ic{width:38px;height:38px;flex:0 0 auto;border-radius:11px;display:grid;place-items:center;font-size:18px;background:var(--chrome-2);border:1px solid var(--line)}
.tcm-ic--theme{background:var(--accent-soft);border-color:transparent}
.tcm-ic--sub{color:var(--gold);background:rgba(232,169,60,.14);border-color:transparent;font-size:14px}
.tcm-rowhead h3{font-size:17px;font-weight:700;letter-spacing:-.01em}
.tcm-tag{font-family:var(--mono);font-size:10px;color:var(--gold);font-weight:600}
.tcm-k{font-family:var(--mono);font-size:11px;color:var(--muted);margin-top:1px}
.tcm-rlive{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--live)}
.tcm-rlive i{width:6px;height:6px;border-radius:50%;background:var(--live)}
.tcm-more{margin-left:auto;font-size:13px;font-weight:600;color:var(--accent-2)}
.tcm-more:hover{color:var(--accent)}
.tcm-ic--flag{background:#000;border:1px solid var(--line-2);font-size:20px;overflow:hidden}

/* note de repli (membre sans abonnement) */
.tcm-note{display:flex;align-items:center;gap:14px;margin:14px 2px 4px;padding:14px 16px;background:var(--accent-soft);border:1px solid rgba(248,81,122,.22);border-radius:var(--r)}
.tcm-note__ic{font-size:22px;flex:0 0 auto}
.tcm-note__tx{display:flex;flex-direction:column;gap:2px;min-width:0}
.tcm-note__tx b{font-size:14px}
.tcm-note__tx span{font-size:12.5px;color:var(--soft)}
.tcm-note__cta{margin-left:auto;flex:0 0 auto;font-size:13px;font-weight:700;color:#fff;background:var(--accent-deep);padding:9px 15px;border-radius:999px}
.tcm-note__cta:hover{background:var(--accent)}

/* étagère vide */
.tcm-empty{display:block;font-size:13px;color:var(--muted);background:var(--chrome-2);border:1px dashed var(--line-2);border-radius:var(--r);padding:18px;margin-bottom:6px}
a.tcm-empty:hover{color:var(--soft)}

/* rangée « pays que tu suis » */
.tcm-countries{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}
.tcm-cfeed{background:var(--chrome-2);border:1px solid var(--line);border-radius:var(--r);padding:14px;display:flex;flex-direction:column;gap:10px}
.tcm-cfeed__top{display:flex;align-items:center;gap:11px}
.tcm-flag{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:18px;background:#000;border:1px solid var(--line-2)}
.tcm-cfeed__id{flex:1;min-width:0}
.tcm-cfeed__name{font-weight:700;font-size:14px}
.tcm-cfeed__sub{font-family:var(--mono);font-size:10.5px;color:var(--muted)}
.tcm-cfeed__live{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--live)}
.tcm-cfeed__live i{width:6px;height:6px;border-radius:50%;background:var(--live)}
.tcm-cfeed__item{display:flex;align-items:center;gap:11px;padding:7px;border-radius:var(--rs)}
.tcm-cfeed__item:hover{background:var(--chrome-3)}
.tcm-thumb{width:54px;height:40px;flex:0 0 auto;border-radius:8px;object-fit:cover;background:linear-gradient(135deg,#3a2c22,#221913)}
.tcm-cfeed__meta{min-width:0}
.tcm-cfeed__t{font-weight:600;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tcm-cfeed__d{font-family:var(--mono);font-size:10px;color:var(--muted)}
.tcm-cfeed__empty{font-size:12.5px;color:var(--muted);padding:6px 2px}
.tcm-cfeed--add{align-items:center;justify-content:center;text-align:center;border-style:dashed;color:var(--soft);min-height:120px}
.tcm-cfeed--add .tcm-plus{font-size:24px;color:var(--accent-2)}
.tcm-cfeed--add b{font-size:14px}
.tcm-cfeed--add .tcm-addsub{font-size:11.5px;color:var(--muted)}

/* rangées thèmes / sous-thèmes -> grille de vignettes YouTube */
.tcm-feedrow{display:grid;grid-template-columns:repeat(auto-fill,minmax(248px,1fr));gap:22px 18px}

.tcm-card{display:flex;flex-direction:column}
.tcm-card__cover{position:relative;aspect-ratio:16/9;border-radius:var(--r);overflow:hidden;background:linear-gradient(135deg,#2a2018,#15100b)}
.tcm-card__cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .2s ease}
.tcm-card:hover .tcm-card__cover img{transform:scale(1.04)}
.tcm-chip{position:absolute;z-index:2;display:inline-flex;align-items:center;gap:5px;font-family:var(--mono);font-size:11px;font-weight:600;padding:4px 9px;border-radius:8px;background:rgba(0,0,0,.62);color:#fff;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.tcm-chip--flag{top:9px;left:9px;font-size:18px;line-height:1;padding:4px 8px}
.tcm-chip--time{bottom:9px;right:9px}
.tcm-card__body{padding:11px 2px 0}
.tcm-card__title{font-size:15px;font-weight:700;line-height:1.3;color:var(--on);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tcm-card:hover .tcm-card__title{color:var(--accent-2)}
.tcm-card__author{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:13px;color:var(--soft)}
.tcm-av{width:30px;height:30px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:11px;color:#fff}
.tcm-card__foot{margin-top:6px;font-size:12.5px;color:var(--muted)}

/* bandeau de stats bas de page */
.tcm-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin:34px 0 6px}
.tcm-stat{background:var(--chrome-2);border:1px solid var(--line);border-radius:var(--r);padding:18px 16px;text-align:center}
.tcm-stat .v{font-family:var(--mono);font-size:26px;font-weight:600;color:var(--accent-2);line-height:1}
.tcm-stat .l{font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-top:8px}

/* ===== COLONNE « ACTIVITÉ » : panneau coulissant à droite ================= */
.ca-scrim{position:fixed;inset:var(--tc-stick) 0 0 0;background:rgba(0,0,0,.5);
  opacity:0;pointer-events:none;transition:opacity .22s ease;z-index:60}
.app.activity-open .ca-scrim{opacity:1;pointer-events:auto}

.console-activity{position:fixed;top:var(--tc-stick);right:0;bottom:0;width:var(--act);max-width:92vw;
  background:var(--chrome);border-left:1px solid var(--line);display:flex;flex-direction:column;
  min-height:0;z-index:70;transform:translateX(105%);transition:transform .26s cubic-bezier(.4,0,.2,1);
  box-shadow:-24px 0 50px -30px rgba(0,0,0,.9)}
.app.activity-open .console-activity{transform:none}

.ca-head{padding:16px 16px 12px;border-bottom:1px solid var(--line);flex-shrink:0}
.ca-title{display:flex;align-items:center;gap:10px}
.ca-title h2{font-size:17px;font-weight:800;letter-spacing:-.01em}
.ca-live{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:9.5px;font-weight:700;letter-spacing:.07em;color:var(--live)}
.ca-live .pulse{width:7px;height:7px;border-radius:50%;background:var(--live);box-shadow:0 0 0 0 rgba(52,211,153,.6);animation:ping 1.8s infinite}
.ca-gear{width:32px;height:32px;margin-left:auto;border-radius:9px;display:grid;place-items:center;color:var(--soft);border:1px solid transparent}
.ca-gear svg{width:16px;height:16px}
.ca-gear:hover{background:var(--chrome-2);border-color:var(--line)}
.ca-close{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;font-size:15px;color:var(--soft);border:1px solid transparent}
.ca-close:hover{background:var(--chrome-2);border-color:var(--line);color:var(--on)}

.ca-tabs{display:flex;gap:3px;background:var(--chrome-2);border:1px solid var(--line);border-radius:11px;padding:3px;margin-top:12px}
.ca-tabs button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:11.5px;font-weight:700;color:var(--soft);padding:7px 4px;border-radius:8px;white-space:nowrap}
.ca-tabs button.on{background:var(--chrome-3);color:#fff}
.ca-tabs .n{font-family:var(--mono);font-size:10px;color:var(--accent-2)}

.ca-feature{display:block;margin:14px;padding:13px;border:1px solid var(--line);border-radius:var(--r);background:var(--chrome-2)}
.ca-feature .lab{display:flex;align-items:center;gap:7px;font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-2);margin-bottom:10px}
.ca-feature .lab svg{width:14px;height:14px}
.ca-feature .item{display:flex;align-items:center;gap:11px}
.ca-feature .th{width:64px;height:52px;flex:0 0 auto;border-radius:9px;object-fit:cover;background:var(--chrome-3)}
.ca-feature .nm{font-weight:700;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ca-feature .mt{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);margin-top:3px}
.ca-feature .mt .fl{font-size:13px}

.ca-feed{flex:1;min-height:0;overflow-y:auto;padding:6px 8px 18px}
.ca-empty{text-align:center;font-size:12.5px;color:var(--muted);padding:40px 18px;line-height:1.6}
.ca-day{font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;color:var(--muted);padding:14px 10px 6px}
.ca-item{display:flex;gap:11px;padding:10px;border-radius:var(--rs)}
.ca-item:hover{background:var(--chrome-2)}
.ca-item.is-hidden{display:none}
.ca-ic{position:relative;flex:0 0 auto}
.ca-ic .uav{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:12px;color:#fff}
.ca-ic .typ{position:absolute;right:-3px;bottom:-3px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:9px;background:var(--chrome-3);border:2px solid var(--chrome)}
.ca-tx{flex:1;min-width:0}
.ca-tx .l1{font-size:13px;line-height:1.45;color:var(--soft)}
.ca-tx .l1 b{color:var(--on);font-weight:700}
.ca-tx .l1 .rec{color:var(--accent-2);font-weight:600}
.ca-tx .quote{font-size:12.5px;color:var(--soft);background:var(--chrome-2);border-left:2px solid var(--line-2);border-radius:0 8px 8px 0;padding:7px 10px;margin-top:7px}
.ca-tx .thumb{width:100%;height:120px;object-fit:cover;border-radius:10px;margin-top:8px}
.ca-tx .l2{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:7px;font-family:var(--mono);font-size:10.5px;color:var(--muted)}
.ca-tx .ctx{display:inline-flex;align-items:center;gap:6px}
.ca-tx .ctx .fl{font-size:12px}

/* ===== tabbar mobile ====================================================== */
.tabbar{display:none}

/* ===== RESPONSIVE ========================================================= */
@media(max-width:1180px){ :root{--act:340px} }

@media(max-width:1080px){
  :root{--rail:66px}
  .nav a .lab,.nav a .cnt,.nav-lbl,.subtabs,.pane,.session .grid,.session .u .ci{display:none}
  .nav a{justify-content:center;padding:12px 0}
  .session{padding:10px;display:flex;justify-content:center}
  .session .u{margin:0}
}

@media(max-width:820px){
  body{overflow:auto}
  .app{display:flex;flex-direction:column;height:auto;min-height:100dvh}
  .rail{position:fixed;inset:0 auto 0 0;width:280px;transform:translateX(-100%);transition:transform .25s;z-index:80}
  .rail.open{transform:none;box-shadow:0 0 0 100vmax rgba(0,0,0,.5)}
  .rail .scroll{padding:14px}
  .nav a .lab,.nav a .cnt,.nav-lbl,.subtabs,.pane,.session .grid,.session .u .ci{display:revert}
  .nav a{justify-content:flex-start;padding:10px 12px}
  .session{display:block}
  .center{padding:0 16px 80px}
  .console-activity{width:100%;max-width:none;top:var(--tc-stick)}
  .tabbar{display:flex;position:sticky;bottom:0;z-index:35;background:var(--chrome);border-top:1px solid var(--line);padding:6px 4px;justify-content:space-around}
  .tabbar a{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:9.5px;font-weight:700;color:var(--muted);padding:5px 10px;border-radius:9px}
  .tabbar a .gi{font-size:18px}
  .tabbar a.on{color:#fff;background:var(--accent-soft)}
}

@media(max-width:520px){
  .tcm-h2{font-size:19px}
  .tcm-feedrow,.tcm-countries{grid-template-columns:1fr 1fr;gap:14px}
  .tcm-card__title{font-size:13.5px}
}

@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}