:root{
      --p:#6366f1; --s:#ec4899; --p-color:#6366f1; --s-color:#ec4899;
      --bg:#050507; --card:rgba(255,255,255,.03); --surface:rgba(255,255,255,.04);
      --line:rgba(255,255,255,.08); --border:rgba(255,255,255,.08);
      --soft:rgba(255,255,255,.68); --text-main:#ffffff; --text-soft:#a7afc3;
      --ok:#00ff88; --bad:#ff4d67; --warn:#ffaa00;
    }
    html[data-theme="light"]{
      --bg:#eef2ff; --card:rgba(255,255,255,.86); --surface:rgba(255,255,255,.86);
      --line:rgba(99,102,241,.12); --border:rgba(99,102,241,.12);
      --soft:#5b6474; --text-main:#101828; --text-soft:#5b6474;
      --ok:#16a34a; --bad:#dc2626; --warn:#d97706;
    }
    *{box-sizing:border-box}
    html,body{min-height:100%; overflow-x:hidden; scroll-behavior:smooth}
    body{
      margin:0; color:var(--text-main); background:var(--bg); font-family:'Aldrich',system-ui,-apple-system,Segoe UI,Roboto,Arial;
      overflow-x:hidden; -webkit-font-smoothing:antialiased; text-rendering:geometricPrecision;
    }
    .bgfx{position:fixed; inset:0; pointer-events:none; overflow:hidden; z-index:0; background:
      radial-gradient(900px 420px at 15% 0%, rgba(99,102,241,.20), transparent 62%),
      radial-gradient(900px 420px at 85% 0%, rgba(236,72,153,.16), transparent 62%),
      radial-gradient(900px 600px at 50% 90%, rgba(99,102,241,.10), transparent 65%),
      linear-gradient(180deg, rgba(255,255,255,.04), transparent 35%), var(--bg);}
    .scanline{position:absolute; left:-30%; top:-40%; width:160%; height:220%; background:repeating-linear-gradient(to bottom, rgba(255,255,255,.03) 0, rgba(255,255,255,.03) 1px, transparent 1px, transparent 9px); animation:drift 10s linear infinite; opacity:.22}
    @keyframes drift{0%{transform:translateY(0) rotate(8deg)}100%{transform:translateY(90px) rotate(8deg)}}
    .container-main{padding:1.25rem 1rem 2rem}
    .page-shell{max-width:1180px; margin:0 auto; padding:0 12px; position:relative; z-index:1; min-width:0}
    .row.g-3{align-items:flex-start}
    .row.g-3>[class*="col-"]{align-self:flex-start}
    .glass{background:var(--card); backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); border:1px solid rgba(255,255,255,.08); border-radius:1.5rem}
    .gradient-text{background:linear-gradient(90deg,var(--p),var(--s)); -webkit-background-clip:text; background-clip:text; color:transparent}
    .topbar{display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:18px 0 12px}
    .brand-wrap{display:inline-flex; align-items:center; gap:12px; text-decoration:none}
    .brand-badge{width:40px; height:40px; border-radius:14px; display:flex; align-items:center; justify-content:center; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.10); box-shadow:0 18px 40px rgba(0,0,0,.35); color:#fff}
    .brand-copy{display:flex; flex-direction:column; line-height:1.05}
    .brand-title{font-weight:700; letter-spacing:1.4px; font-size:14px}
    .brand-sub{font-size:11px; letter-spacing:1.6px; color:rgba(255,255,255,.70)}
    .nav-links{display:flex; gap:.6rem; flex-wrap:wrap}
    .nav-chip{display:inline-flex; align-items:center; gap:.5rem; padding:.55rem .95rem; border-radius:999px; border:1px solid rgba(255,255,255,.12); background:rgba(255,255,255,.03); color:rgba(255,255,255,.78); text-decoration:none; transition:.2s ease}
    .nav-chip:hover{transform:translateY(-1px); border-color:rgba(99,102,241,.35); color:#fff}
    .nav-chip.active{border-color:rgba(99,102,241,.55); box-shadow:0 0 0 3px rgba(99,102,241,.12)}
    .lang-switch{display:flex; gap:.55rem; align-items:center; flex-wrap:wrap; justify-content:flex-end}
    .lang-btn{display:inline-flex; align-items:center; gap:.45rem; cursor:pointer; user-select:none; min-height:40px; padding:0 12px; border-radius:999px; border:1px solid rgba(255,255,255,.12); background:rgba(0,0,0,.20); color:#fff; transition:.2s ease; font:inherit; font-size:.78rem; text-decoration:none}
    .lang-btn:hover{transform:translateY(-1px); border-color:rgba(236,72,153,.40)}
    .lang-btn.active{border-color:rgba(236,72,153,.65); box-shadow:0 0 0 3px rgba(236,72,153,.12)}
    .theme-btn{display:inline-flex; align-items:center; gap:.45rem; min-height:40px; padding:0 12px; border-radius:999px; border:1px solid rgba(255,255,255,.12); background:rgba(0,0,0,.20); color:#fff; transition:.2s ease; font:inherit; font-size:.78rem; text-decoration:none}
    .theme-btn:hover{transform:translateY(-1px); border-color:rgba(99,102,241,.40)}
    .btn-vibe{display:inline-flex; align-items:center; gap:.5rem; border:none; color:#fff; text-decoration:none; border-radius:999px; padding:10px 15px; font-weight:700; font-size:.78rem; letter-spacing:.28px; transition:.25s; background:linear-gradient(90deg,var(--p),var(--s)); box-shadow:0 12px 30px rgba(99,102,241,.15)}
    .btn-vibe:hover{transform:translateY(-1px) scale(1.01); opacity:.95}
    .hero{text-align:center; margin:10px 0 22px}
    .hero-sub{color:rgba(255,255,255,.58); margin:0; letter-spacing:.24px; font-size:.84rem}
    .status-card{background:rgba(255,255,255,.02); border:1px solid rgba(255,255,255,.06); border-radius:1.6rem; padding:18px; position:relative; overflow:hidden; box-shadow:0 30px 70px rgba(0,0,0,.30); height:100%; font-size:.92rem; min-width:0; width:100%; display:flex; flex-direction:column; align-self:stretch; content-visibility:visible; contain-intrinsic-size:auto}
    .status-card::before{content:""; position:absolute; inset:-100px -60px auto -60px; height:220px; background:radial-gradient(circle at top, rgba(99,102,241,.16), transparent 60%); z-index:0}
    .status-card>*{position:relative; z-index:1}
    .muted{color:var(--soft)}
    .mini-metric{font-size:.72rem; color:rgba(255,255,255,.58); letter-spacing:.22px; font-variant-numeric:tabular-nums; font-feature-settings:'tnum' 1}
    .status-badge{font-size:.78rem; font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace; font-variant-numeric:tabular-nums; font-feature-settings:'tnum' 1}
    .code-link{font-size:.74rem; color:#c4b5fd; word-break:break-all}
    .row>*,.d-flex,.glass,.api-grid,.log-filter,.history-log,.ping-chart-container,.api-table,.api-table tr,.api-table td,.api-table th{min-width:0}
.row.g-3 > [class*="col-"]{display:flex}
.row.g-3 > [class*="col-"] > .status-card{flex:1 1 auto}
    canvas,table,input,textarea,select,button{max-width:100%}
    canvas{display:block; width:100% !important; height:100% !important}
    .api-table td,.api-table th,.code-link,.search-inp,.mini-metric,.status-card h2,.status-card .badge,.status-card .admin-message,.status-card .downtime-alert,.status-card .maintenance-alert{overflow-wrap:anywhere; word-break:break-word}
    .bar-container{display:flex; gap:1px; margin-top:12px; height:30px; align-items:flex-end; justify-content:flex-start; overflow:hidden; padding:6px 8px; border-radius:16px; background:rgba(255,255,255,.02); border:1px solid rgba(255,255,255,.06); scrollbar-width:none; -ms-overflow-style:none}
    .bar-container::-webkit-scrollbar{display:none}
    .bar{flex:0 0 auto; width:4px; min-width:3px; max-width:5px; border-radius:999px; opacity:.98; transform-origin:bottom; transition:.15s ease; min-height:10px; cursor:pointer; -webkit-tap-highlight-color:transparent; touch-action:manipulation; position:relative; outline:none}
.site-badge-col{display:flex; flex-direction:column; align-items:stretch; justify-content:flex-start; min-width:156px; width:156px; max-width:156px}
    .status-badge{display:inline-flex; align-items:center; justify-content:center; width:100%; min-width:156px; max-width:156px; min-height:42px; padding:10px 12px; text-align:center; line-height:1.2; white-space:normal; overflow-wrap:anywhere; word-break:break-word}
    .api-value-main{display:inline-flex; align-items:baseline; justify-content:flex-end; gap:3px; flex-wrap:nowrap; white-space:nowrap; max-width:100%; font-variant-numeric:tabular-nums; font-feature-settings:'tnum' 1}
    .api-row-time{max-width:100%; overflow-wrap:anywhere; word-break:break-word; font-variant-numeric:tabular-nums; font-feature-settings:'tnum' 1}
    .ping-chart-container canvas{display:block; max-width:100% !important}
    .bar:hover,.bar:focus-visible,.bar.is-active{opacity:1; transform:scaleY(1.05); box-shadow:0 0 0 2px rgba(255,255,255,.14)}
    .bar-details{display:none; margin-top:10px; padding:10px 12px; border-radius:14px; border:1px solid rgba(255,255,255,.08); background:rgba(255,255,255,.03); color:rgba(255,255,255,.82); font-size:.76rem; line-height:1.55; min-height:44px; align-items:center; gap:.55rem; overflow-wrap:anywhere; word-break:break-word}
    .bar-details.visible{display:flex}
    .bar-details .bi{opacity:.76}
    .bar.up{background:var(--ok); height:100%; box-shadow:0 0 12px rgba(0,255,136,.25)}
    .bar.warn{background:var(--warn); height:100%; box-shadow:0 0 12px rgba(255,170,0,.22)}
    .bar.down{background:var(--bad); height:100%; box-shadow:0 0 12px rgba(255,77,103,.18)}
    .admin-message,.maintenance-alert,.downtime-alert{margin-top:12px; border-radius:16px; padding:12px 14px; border:1px solid rgba(255,255,255,.08); min-height:52px}
    .admin-message{background:rgba(255,255,255,.03)}
    .maintenance-alert{background:rgba(255,170,0,.08); border-color:rgba(255,170,0,.22); color:#ffd27a}
    .downtime-alert{background:rgba(255,77,103,.08); border-color:rgba(255,77,103,.22)}
    .ping-chart-container{height:170px; margin-top:14px; border-radius:18px; background:rgba(255,255,255,.02); border:1px solid rgba(255,255,255,.06); padding:12px; overflow:hidden}
    .chart-time-strip{display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:10px; padding:0 4px; color:rgba(255,255,255,.54); font-size:.72rem; line-height:1.2; white-space:nowrap; overflow:hidden; min-height:16px; font-variant-numeric:tabular-nums; font-feature-settings:'tnum' 1}
    .chart-time-strip span{flex:1 1 0; min-width:0; overflow:hidden; text-overflow:ellipsis}
    .chart-time-strip span:first-child{text-align:left}
    .chart-time-strip span:not(:first-child):not(:last-child){text-align:center}
    .chart-time-strip span:last-child{text-align:right}
    .api-box{padding:18px}
    .api-grid{display:grid; grid-template-columns:1.25fr .95fr; gap:16px}
    .api-table{width:100%; margin:0; table-layout:fixed; border-collapse:collapse}
    .api-table td,.api-table th{padding:8px 0; border-bottom:1px solid rgba(255,255,255,.08); font-size:.81rem; vertical-align:middle; white-space:normal; line-height:1.25}
    .api-table th{color:rgba(255,255,255,.64); font-weight:400; width:58%}
    .api-table td{text-align:right; width:42%; color:#fff; font-weight:700}.api-table tr:last-child td,.api-table tr:last-child th{border-bottom:none}
    .api-value-stack{display:flex; flex-direction:column; align-items:flex-end; justify-content:center; gap:0; min-width:0; min-height:0}
    .api-value-main{display:inline-flex; align-items:baseline; justify-content:flex-end; gap:3px; flex-wrap:nowrap; white-space:nowrap; max-width:100%; font-variant-numeric:tabular-nums; font-feature-settings:'tnum' 1}
    .api-row-time{display:none !important}
.api-table b{font-size:1rem; line-height:1; font-weight:700}
.api-value-main span{font-size:.7rem; line-height:1; opacity:.78}
.status-card .d-flex.justify-content-between.align-items-start.gap-3.flex-wrap>div{min-width:0}
.api-box .glass,.api-grid>div{min-width:0}
@media (max-width: 768px){.api-value-stack{align-items:flex-start}.api-value-main{justify-content:flex-start}.api-table td{text-align:left}.api-table th,.api-table td{width:auto}.api-table{max-width:100%}}
    .score-pill{display:none}
    .history-log{padding:14px; border-radius:18px; border-left:4px solid; background:rgba(255,255,255,.02); border:1px solid rgba(255,255,255,.06); transition:.2s ease}
    .history-log:hover{background:rgba(255,255,255,.03); transform:translateX(4px)}
    .log-red{border-left-color:var(--bad)} .log-yellow{border-left-color:var(--warn)} .log-green{border-left-color:var(--ok)}
    .log-filter{display:grid; grid-template-columns:minmax(0,1fr) minmax(180px,280px); align-items:center; gap:12px; margin:14px 0}
    .chip-btn,.load-more-btn{border:none; cursor:pointer; padding:10px 14px; border-radius:999px; background:rgba(255,255,255,.05); color:#fff; border:1px solid rgba(255,255,255,.08); font:inherit; font-size:.82rem; transition:.2s ease}
    .chip-btn.active{background:linear-gradient(90deg,rgba(99,102,241,.24),rgba(236,72,153,.18)); border-color:rgba(99,102,241,.34)}
    .load-more-btn:hover,.chip-btn:hover{background:rgba(255,255,255,.09); border-color:rgba(99,102,241,.35)}
    .hidden-log{display:none !important}
    .search-inp{width:100%; min-width:0; max-width:none; background:rgba(0,0,0,.22); border:1px solid rgba(255,255,255,.10); color:#fff; border-radius:999px; padding:10px 14px; outline:none; appearance:none}
    .search-inp::placeholder{color:rgba(255,255,255,.45)}
    .footer{padding:26px 0 28px; margin-top:34px}
    .footer-links{display:flex; align-items:center; justify-content:space-between; gap:1rem; flex-wrap:wrap}
    .footer-links nav{display:flex; gap:.75rem; flex-wrap:wrap; align-items:center}
    .footer-links a{color:rgba(255,255,255,.66); text-decoration:none; transition:.2s ease; overflow-wrap:anywhere}
    .footer-links a:hover{color:#6366f1}
    .copyright{color:rgba(255,255,255,.40); font-size:.78rem; margin:0}
    #cookieModal{display:none; position:fixed; bottom:18px; left:18px; z-index:9999; max-width:420px; width:calc(100% - 36px)}
    .terms-note{font-size:12px; color:#a1a1aa; line-height:1.45}
    .terms-note a{color:#c4b5fd; text-decoration:none}
    .terms-note a:hover{text-decoration:underline}
    .admin-session-box{display:flex;flex-direction:column;gap:.28rem;padding:.6rem .78rem;border-radius:18px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.04);min-width:204px}.admin-session-kicker{font-size:.64rem;color:rgba(255,255,255,.54);letter-spacing:.08em;text-transform:uppercase}.admin-session-user{font-size:.8rem;color:#fff}.admin-session-meta{font-size:.72rem;color:rgba(255,255,255,.62)}.admin-session-actions{display:flex;gap:.55rem;flex-wrap:wrap}.admin-session-actions .btn-vibe{padding:8px 12px;font-size:.73rem}.online-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.14),0 0 14px rgba(34,197,94,.55);animation:pulseGreen 1.3s ease-in-out infinite}
    .online-dot.tone-yellow{background:#f59e0b; box-shadow:0 0 0 4px rgba(245,158,11,.16),0 0 14px rgba(245,158,11,.55); animation:pulseWarm 1.3s ease-in-out infinite}
    .online-dot.tone-red{background:#ef4444; box-shadow:0 0 0 4px rgba(239,68,68,.16),0 0 14px rgba(239,68,68,.55); animation:pulseHot 1.3s ease-in-out infinite}
    .status-line{display:inline-flex;align-items:center;gap:.55rem;padding:.55rem .9rem;border-radius:999px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.04);font-size:.82rem;flex-wrap:wrap;max-width:100%;min-width:0}
    @keyframes pulseGreen{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.08);opacity:.82}}
    @keyframes pulseWarm{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.08);opacity:.88}}
    @keyframes pulseHot{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.12);opacity:.9}}

    .status-shell-ready .pending-bars::after,.status-shell-ready .is-loading::after{opacity:0}
    .status-card,.api-box,.history-log,#cookieModal{content-visibility:visible; contain-intrinsic-size:auto}
    .status-card,.api-box,.bar-container,.bar-details,.ping-chart-container,.api-table,.api-value-stack,.status-badge{backface-visibility:hidden; -webkit-backface-visibility:hidden}
    .site-badge-col{min-height:56px}
    .pending-bars,.ping-chart-container.is-loading{position:relative; overflow:hidden}
    .pending-bars::after,.ping-chart-container.is-loading::after{content:''; position:absolute; inset:8px; border-radius:14px; background:linear-gradient(90deg, rgba(255,255,255,.04), rgba(255,255,255,.10), rgba(255,255,255,.04)); background-size:200% 100%; animation:statusShimmer 1.25s linear infinite; opacity:.82; pointer-events:none}
    @keyframes statusShimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}
    .ping-chart-container{min-height:170px}
    .bar-container{min-height:36px}
    .status-card,.api-box,.history-log,#cookieModal{content-visibility:visible; contain-intrinsic-size:auto}
    .btn-vibe,.chip-btn,.load-more-btn,.status-line,.admin-session-actions .btn-vibe{max-width:100%; min-width:0; white-space:normal; overflow-wrap:anywhere; word-break:break-word}
    [data-theme="light"] body{background:#eef2ff;color:#101828}
    [data-theme="light"] .bgfx{background:radial-gradient(900px 420px at 15% 0%, rgba(99,102,241,.16), transparent 62%),radial-gradient(900px 420px at 85% 0%, rgba(236,72,153,.12), transparent 62%),radial-gradient(900px 600px at 50% 90%, rgba(99,102,241,.08), transparent 65%),linear-gradient(180deg, rgba(255,255,255,.7), transparent 35%), var(--bg)}
    [data-theme="light"] .glass,[data-theme="light"] .status-card,[data-theme="light"] .api-box,[data-theme="light"] .history-log,[data-theme="light"] .admin-session-box,[data-theme="light"] #cookieModal,[data-theme="light"] .session-expiry-card{background:rgba(255,255,255,.88); border-color:rgba(99,102,241,.12); box-shadow:0 20px 45px rgba(15,23,42,.08)}
    [data-theme="light"] .muted,[data-theme="light"] .hero-sub,[data-theme="light"] .mini-metric,[data-theme="light"] .brand-sub,[data-theme="light"] .terms-note,[data-theme="light"] .copyright,[data-theme="light"] .footer-links a,[data-theme="light"] .admin-session-kicker,[data-theme="light"] .admin-session-meta{color:#5b6474 !important}
    [data-theme="light"] .code-link{color:#4338ca}
    [data-theme="light"] .nav-chip,[data-theme="light"] .footer-links a,[data-theme="light"] .search-inp,[data-theme="light"] .chip-btn,[data-theme="light"] .load-more-btn{background:rgba(255,255,255,.92); color:#111827; border-color:rgba(99,102,241,.12)}
    [data-theme="light"] .nav-chip.active{color:#ffffff; background:linear-gradient(90deg, rgba(99,102,241,.92), rgba(236,72,153,.82))}
    [data-theme="light"] .api-table th{color:#6b7280}
    [data-theme="light"] .api-table td,[data-theme="light"] .text-white,[data-theme="light"] .admin-session-user{color:#111827 !important}
    [data-theme="light"] .api-row-time{color:#6b7280}
    [data-theme="light"] .bar-container,[data-theme="light"] .ping-chart-container,[data-theme="light"] .admin-message,[data-theme="light"] .bar-details{background:rgba(248,250,252,.96); border-color:rgba(99,102,241,.10)}
    [data-theme="light"] .chart-time-strip{color:#6b7280}
    [data-theme="light"] .search-inp::placeholder{color:#94a3b8}
    [data-theme="light"] .session-expiry-actions .btn-stay{color:#111827; background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(241,245,249,.98))}

    
    @media (max-width: 991px){ .api-grid{grid-template-columns:1fr} }
    @media (max-width: 768px){
      .topbar{flex-direction:column; align-items:stretch}
      .nav-links{justify-content:center}
      .log-filter{grid-template-columns:1fr}
      .nav-links,.lang-switch{justify-content:center}
      .api-table th,.api-table td{font-size:.8rem}
      .status-line{width:100%; justify-content:center}
      .topbar>.d-flex,.topbar>.lang-switch{width:100%}
      .topbar>.d-flex{justify-content:center}
      .lang-switch>*{flex:0 1 auto}
      .hero{margin-top:2px}
      .status-card{padding:16px}
      .ping-chart-container{height:150px}
      .search-inp{max-width:none; min-width:0; width:100%}
      .api-box{padding:16px}
      .bar-container{height:36px; padding:7px 9px; gap:2px}
      .bar{width:6px; min-width:5px; max-width:6px}
      .bar-details{min-height:48px}
      #cookieModal{left:12px; right:12px; width:auto; max-width:none}
    }
    @media (max-width: 576px){
      .page-shell{padding:0 10px}
      .nav-links{gap:.45rem}
      .lang-switch{gap:.4rem; justify-content:center}
      .brand-wrap{justify-content:center; width:100%}
      .status-badge{display:inline-flex; justify-content:center; width:100%}
      .ping-chart-container{height:138px; padding:10px}
      .bar-container{height:30px; padding:6px}
      .bar{width:4px; min-width:3px; max-width:5px}
      .admin-session-box{min-width:0;width:100%}
      .api-box{padding:14px}
      .status-card{padding:14px}
      .status-card .d-flex.justify-content-between.align-items-start.gap-3.flex-wrap>div:last-child{min-width:0;width:100%;text-align:left!important}
      .api-table td,.api-table th{padding:8px 0}
      .hero{margin-bottom:18px}
      .log-filter{gap:10px}
      .footer-links{justify-content:center}
      .footer-links nav{justify-content:center}
      .copyright{text-align:center;width:100%}
    }


    /* --- privacy.js parity + responsive fixes --- */
    .topbar,.footer-links{max-width:980px; margin-left:auto; margin-right:auto}
    .hero{max-width:980px; margin:10px auto 22px}
    .topbar{padding:0}
    .brand-wrap{gap:.9rem; min-width:0}
    .brand-badge{width:2.7rem; height:2.7rem; border-radius:1rem; background:linear-gradient(135deg, rgba(99,102,241,.22), rgba(236,72,153,.18)); border:1px solid rgba(255,255,255,.08); box-shadow:0 12px 30px rgba(99,102,241,.10); flex:0 0 auto}
    .brand-copy{line-height:1; min-width:0}
    .brand-title{font-size:1rem; letter-spacing:3px; font-weight:800}
    .brand-sub{font-size:.65rem; letter-spacing:1.4px; color:rgba(255,255,255,.68); margin-top:.2rem; text-transform:uppercase}
    .nav-links{gap:.75rem; align-items:center}
    .nav-chip{padding:.55rem .85rem; border-radius:999px; border:1px solid rgba(255,255,255,.06); background:rgba(255,255,255,.02); font-size:.82rem; color:rgba(255,255,255,.78)}
    .nav-chip:hover,.footer-links a:hover{color:#6366f1}
    .nav-chip.active{color:#fff; border-color:rgba(255,255,255,.08); background:linear-gradient(90deg, rgba(99,102,241,.18), rgba(236,72,153,.16)); box-shadow:none}
    .lang-wrap{display:flex; gap:.75rem; align-items:center; justify-content:flex-end; min-height:44px}
    .flag-btn{cursor:pointer; font-size:.82rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; line-height:1; transition:.22s ease; opacity:.68; user-select:none; padding:.15rem 0; min-height:0; min-width:0; border:0; background:transparent; box-shadow:none; color:rgba(255,255,255,.68)}
    .flag-btn.active{opacity:1; color:#fff; border-color:transparent; box-shadow:none}
    .flag-btn:hover{opacity:1; color:#fff; transform:none; border-color:transparent}
    .theme-toggle{width:2.55rem; height:2.55rem; border-radius:999px; display:flex; align-items:center; justify-content:center; cursor:pointer; border:1px solid rgba(255,255,255,.08); background:rgba(255,255,255,.03); transition:.22s ease; font-size:1rem; line-height:1; user-select:none; box-shadow:0 10px 24px rgba(0,0,0,.12); color:#fff}
    .theme-toggle:hover{transform:translateY(-1px); border-color:rgba(99,102,241,.26); color:#6366f1}
    .footer{padding:1.8rem 0 2rem; border-top:1px solid rgba(255,255,255,.05); text-align:center}
    .footer-links{display:flex; align-items:center; justify-content:space-between; gap:1rem; flex-wrap:wrap}
    .footer-links nav{display:flex; gap:.75rem; flex-wrap:wrap; align-items:center}
    .footer-links a{padding:.55rem .85rem; border-radius:999px; border:1px solid rgba(255,255,255,.06); background:rgba(255,255,255,.02); font-size:.82rem; color:rgba(255,255,255,.78)}
    .copyright{color:rgba(255,255,255,.68); font-size:.82rem; margin:0}
    .footer-meta{display:flex; flex-direction:column; align-items:flex-start; gap:.55rem; min-width:17rem; text-align:left}
    .footer-note{color:rgba(255,255,255,.68); font-size:.78rem; line-height:1.7; margin:0; max-width:38rem; text-align:left}
    .admin-session-box{max-width:min(100%, 360px)}
    .api-grid{align-items:center; grid-template-columns:minmax(0,1.18fr) minmax(280px,380px)}
    .api-box .glass{display:flex; align-items:center; justify-content:center; min-height:100%; width:100%; min-width:0; overflow:hidden}
    .api-table{max-width:292px; margin:0 auto}
    .api-table th{width:61%}
    .api-table td{width:39%}
    .bar{position:relative}
    .tooltip{z-index:1085}
    @media (max-width: 1100px){.api-grid{grid-template-columns:1fr}.api-box .glass{width:100%; max-width:460px; margin:0 auto}}
    @media (max-width: 768px){.topbar,.footer-links{align-items:flex-start}.topbar>div:first-child,.nav-links,.lang-wrap,.footer-links nav{width:100%}.lang-wrap{justify-content:flex-start}.footer-meta{min-width:0;width:100%}.footer-links nav{justify-content:flex-start}.page-shell{padding:0 10px}.status-card{padding:14px; border-radius:1.4rem}.api-table{max-width:100%}.api-table td,.api-table th{font-size:.8rem}.ping-chart-container{height:160px}.bar-container{height:36px; gap:2px; padding:8px 10px}.bar{width:6px; min-width:5px; max-width:6px}.bar-details{margin-top:12px; min-height:56px; padding:12px 14px; font-size:.8rem; line-height:1.65}}
    @media (max-width: 575px){.status-card .text-end,.site-badge-col{width:100%; max-width:none; text-align:left !important; min-width:0 !important}.admin-session-actions{grid-template-columns:1fr}.hero-sub{font-size:.8rem; line-height:1.7}.brand-title{letter-spacing:2px}.nav-links{display:flex; gap:.5rem; width:100%}.nav-chip,.footer-links a{padding:.52rem .72rem; font-size:.78rem}.session-expiry-actions{flex-direction:column}.session-expiry-actions .btn-vibe,.session-expiry-actions .btn-stay{width:100%; min-width:0}.theme-toggle{width:2.4rem;height:2.4rem}}

    .session-expiry-modal{position:fixed; inset:0; z-index:99998; display:flex; align-items:center; justify-content:center; padding:16px; background:rgba(5,5,7,.58); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); opacity:0; visibility:hidden; transition:opacity .22s ease, visibility .22s ease;}
    .session-expiry-modal.show{opacity:1; visibility:visible;}
    .session-expiry-card{width:min(100%, 420px); padding:18px; border-radius:24px; border:1px solid rgba(255,255,255,.12); background:linear-gradient(180deg, rgba(17,17,22,.96), rgba(8,8,11,.94)); box-shadow:0 28px 80px rgba(0,0,0,.42); transform:translateY(16px) scale(.96); transition:transform .22s ease;}
    .session-expiry-modal.show .session-expiry-card{transform:translateY(0) scale(1);}
    .session-expiry-icon{width:52px; height:52px; border-radius:18px; display:flex; align-items:center; justify-content:center; background:linear-gradient(135deg, rgba(99,102,241,.26), rgba(236,72,153,.28)); border:1px solid rgba(255,255,255,.10); box-shadow:0 18px 36px rgba(99,102,241,.16); font-size:1.25rem;}
    .session-expiry-actions{display:flex; gap:10px; flex-wrap:wrap; margin-top:16px;}
    .session-expiry-actions .btn-vibe{display:inline-flex; align-items:center; justify-content:center; text-decoration:none; min-width:150px;}
    .session-expiry-actions .btn-stay{appearance:none; display:inline-flex; align-items:center; justify-content:center; gap:.45rem; min-width:140px; border:1px solid rgba(255,255,255,.16); border-radius:999px; padding:10px 15px; color:#fff; background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04)); font:inherit; font-weight:800; font-size:.81rem; line-height:1.2; box-shadow:0 10px 24px rgba(0,0,0,.22);}
    .session-expiry-actions .btn-stay:hover,.session-expiry-actions .btn-stay:focus-visible{transform:translateY(-1px); border-color:rgba(255,255,255,.28); outline:none;}