/* Nexora core theme — generated from index.html v3 */

/* ===== original style block 0 ===== */
/* style.css */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    background: #0a0015;
    font-family: 'Poppins', sans-serif;
    color: #e0d0ff;
    min-height: 100vh;
    overflow-x: hidden;
}

.bg-glow {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    pointer-events: none;
    background: 
        radial-gradient(ellipse at 20% 50%, rgba(120, 40, 255, 0.15) 0%, transparent 60%),
        radial-gradient(ellipse at 80% 20%, rgba(200, 80, 255, 0.10) 0%, transparent 50%),
        radial-gradient(ellipse at 50% 100%, rgba(90, 20, 200, 0.12) 0%, transparent 50%);
    animation: pulseGlow 6s ease-in-out infinite alternate;
}

@keyframes pulseGlow {
    0% { opacity: 0.6; }
    100% { opacity: 1; }
}

.video-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(10, 0, 21, 0.10) 0%, rgba(10, 0, 21, 0.50) 60%, rgba(10, 0, 21, 0.85) 100%);
    display: flex;
    align-items: flex-end;
    padding: 14px 24px 12px;
}

.video-overlay h1 {
    font-family: 'Orbitron', monospace;
    font-size: clamp(1rem, 3vw, 2.2rem);
    font-weight: 800;
    background: linear-gradient(135deg, #c084fc, #a855f7, #7c3aed);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    text-shadow: 0 0 60px rgba(168, 85, 247, 0.20);
    letter-spacing: 1px;
}

.video-overlay h1 span {
    font-weight: 300;
    color: rgba(255,255,255,0.30);
    -webkit-background-clip: unset;
    background-clip: unset;
    background: none;
    font-size: 0.4em;
    display: block;
    letter-spacing: 3px;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 16px 40px;
    position: relative;
    z-index: 2;
    animation: none;
}

.user-card {
    background: rgba(20, 5, 40, 0.6);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(168, 85, 247, 0.08);
    border-radius: 20px;
    padding: 14px 20px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

.user-avatar {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: linear-gradient(135deg, #7c3aed, #a855f7);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #fff;
    flex-shrink: 0;
    box-shadow: 0 4px 30px rgba(124, 58, 237, 0.25);
}

.user-info {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    gap: 6px 16px;
    align-items: center;
}

.user-info .item {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 11px;
    color: #b0a0d0;
}

.user-info .item i {
    color: #7c3aed;
    font-size: 12px;
    width: 16px;
}

.user-info .item .label {
    color: #6a5a8a;
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.user-info .item .value {
    color: #d4c4ff;
    font-weight: 500;
}

.user-info .item .value.online {
    color: #22c55e;
}

.battery-bar {
    display: flex;
    align-items: center;
    gap: 4px;
    background: rgba(168, 85, 247, 0.06);
    padding: 3px 10px 3px 6px;
    border-radius: 30px;
    border: 1px solid rgba(168, 85, 247, 0.06);
}

.battery-bar .level {
    width: 32px;
    height: 5px;
    background: rgba(168, 85, 247, 0.10);
    border-radius: 4px;
    overflow: hidden;
}

.battery-bar .level .fill {
    height: 100%;
    background: linear-gradient(90deg, #7c3aed, #22c55e);
    border-radius: 4px;
    transition: width 0.5s;
}

.battery-bar .perc {
    font-size: 10px;
    font-weight: 600;
    color: #c084fc;
    min-width: 28px;
}

.api-status-card {
    background: rgba(20, 5, 40, 0.48);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(168, 85, 247, 0.08);
    border-radius: 20px;
    padding: 14px;
    margin: -6px 0 12px;
    box-shadow: 0 12px 44px rgba(124, 58, 237, 0.08);
}

.api-status-top {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
}

.api-status-title {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #d4c4ff;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    font-family: 'Orbitron', monospace;
}

.api-status-title i {
    color: #22c55e;
    filter: drop-shadow(0 0 8px rgba(34,197,94,.35));
}

.api-status-summary {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 8px;
    color: #8b7ab8;
    font-size: 11px;
    font-weight: 700;
}

.api-refresh-btn {
    border: 1px solid rgba(168, 85, 247, 0.18);
    background: rgba(168, 85, 247, 0.08);
    color: #c084fc;
    border-radius: 999px;
    padding: 7px 11px;
    font-size: 11px;
    font-weight: 800;
    cursor: pointer;
    transition: all .22s ease;
    font-family: 'Poppins', sans-serif;
}

.api-refresh-btn:hover {
    background: rgba(168, 85, 247, 0.16);
    transform: translateY(-1px);
}

.api-refresh-btn.loading i {
    animation: spin 1s linear infinite;
}

.api-status-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 8px;
}

.api-status-item {
    min-width: 0;
    border-radius: 14px;
    padding: 10px;
    background: rgba(255,255,255,.035);
    border: 1px solid rgba(168,85,247,.10);
    display: flex;
    align-items: center;
    gap: 9px;
}

.api-dot {
    width: 10px;
    height: 10px;
    border-radius: 999px;
    background: #8b7ab8;
    flex-shrink: 0;
    box-shadow: 0 0 0 4px rgba(139,122,184,.08);
}

.api-status-item.ok .api-dot {
    background: #22c55e;
    box-shadow: 0 0 0 4px rgba(34,197,94,.12), 0 0 12px rgba(34,197,94,.36);
}

.api-status-item.err .api-dot {
    background: #ef4444;
    box-shadow: 0 0 0 4px rgba(239,68,68,.12), 0 0 12px rgba(239,68,68,.34);
}

.api-status-item.checking .api-dot {
    background: #fbbf24;
    box-shadow: 0 0 0 4px rgba(251,191,36,.12), 0 0 12px rgba(251,191,36,.34);
    animation: pulseGlow 1s ease-in-out infinite alternate;
}

.api-status-name {
    color: #e0d0ff;
    font-size: 11px;
    font-weight: 800;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.api-status-desc {
    color: #6a5a8a;
    font-size: 9px;
    font-weight: 700;
    margin-top: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.nav-tabs::-webkit-scrollbar {
    display: none;
}

.tab-content {
    display: none;
    animation: none;
}

.tab-content.active {
    display: block;
}

.badge {
    display: inline-block;
    font-size: 8px;
    padding: 2px 10px;
    border-radius: 40px;
    background: rgba(168, 85, 247, 0.10);
    color: #a78bfa;
    margin-top: 4px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.section-title {
    font-family: 'Orbitron', monospace;
    font-size: 13px;
    font-weight: 700;
    color: #8b7ab8;
    letter-spacing: 2px;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.section-title .line {
    flex: 1;
    height: 1px;
    background: linear-gradient(90deg, rgba(168, 85, 247, 0.20), transparent);
}

.footer {
    text-align: center;
    padding: 30px 0 max(24px,env(safe-area-inset-bottom));
    color: #4a3a6a;
    font-size: 11px;
    border-top: 1px solid rgba(168, 85, 247, 0.04);
    margin-top: 20px;
}

.footer i {
    color: #7c3aed;
}

.nx-footer-brand{display:flex;align-items:center;justify-content:center;gap:5px}
.nx-footer-socials{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:9px;margin-top:14px}
.nx-footer-socials[hidden]{display:none!important}
.nx-footer-social-link{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:44px;min-height:44px;padding:0 13px;border:1px solid color-mix(in srgb,var(--nx-social-accent,#a855f7) 38%,transparent);border-radius:999px;background:color-mix(in srgb,var(--nx-social-accent,#a855f7) 9%,#0d0d14);box-shadow:inset 0 1px 0 rgba(255,255,255,.05);color:#d8cfdf;text-decoration:none;font-size:9px;font-weight:750;transition:transform .18s ease,border-color .18s ease,background .18s ease;touch-action:manipulation}
.nx-footer-social-link i{color:var(--nx-social-accent,#a855f7);font-size:15px}
.nx-footer-social-link:hover,.nx-footer-social-link:focus-visible{transform:translateY(-2px);border-color:var(--nx-social-accent,#a855f7);outline:none}
@media all{.nx-footer-social-link{width:44px;padding:0}.nx-footer-social-link span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}

.tool-viewer {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(5, 0, 15, 0.92);
    backdrop-filter: blur(16px);
    z-index: 999;
    padding: 20px;
    overflow-y: auto;
    animation: viewerIn 0.3s ease;
}

.tool-viewer.active {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

@keyframes viewerIn {
    from { opacity: 0; transform: scale(0.95); }
    to { opacity: 1; transform: scale(1); }
}

.tool-viewer-content {
    background: rgba(15, 5, 30, 0.95);
    border: 1px solid rgba(168, 85, 247, 0.10);
    border-radius: 28px;
    padding: 28px;
    max-width: 580px;
    width: 100%;
    margin: 20px auto;
    position: relative;
    box-shadow: 0 20px 80px rgba(124, 58, 237, 0.10);
}

.tool-viewer-close {
    position: absolute;
    top: 16px;
    right: 20px;
    background: none;
    border: none;
    color: #6a5a8a;
    font-size: 24px;
    cursor: pointer;
    transition: 0.3s;
    z-index: 40;
}

.tool-viewer-close:hover {
    color: #c084fc;
    transform: rotate(90deg);
}

.tool-viewer h2 {
    font-size: 1.3rem;
    font-weight: 700;
    color: #d4c4ff;
    margin-bottom: 16px;
    font-family: 'Orbitron', monospace;
}

.tool-viewer h2 i {
    color: #a78bfa;
    margin-right: 10px;
}

.tool-viewer .v-input,
.tool-viewer .v-select,
.tool-viewer .v-textarea {
    width: 100%;
    padding: 12px 16px;
    margin-top: 8px;
    margin-bottom: 14px;
    border-radius: 14px;
    border: 1px solid rgba(168, 85, 247, 0.08);
    background: rgba(168, 85, 247, 0.04);
    color: #e0d0ff;
    font-size: 14px;
    outline: none;
    font-family: 'Poppins', sans-serif;
    transition: 0.3s;
}

.tool-viewer .v-input:focus,
.tool-viewer .v-select:focus,
.tool-viewer .v-textarea:focus {
    border-color: rgba(168, 85, 247, 0.25);
    box-shadow: 0 0 30px rgba(124, 58, 237, 0.05);
}

.tool-viewer .v-btn {
    width: 100%;
    padding: 12px 16px;
    border: none;
    border-radius: 14px;
    background: linear-gradient(135deg, #7c3aed, #a855f7);
    color: #fff;
    font-weight: 600;
    font-size: 13px;
    cursor: pointer;
    transition: all 0.3s;
    font-family: 'Poppins', sans-serif;
    box-shadow: 0 4px 30px rgba(124, 58, 237, 0.15);
}

.tool-viewer .v-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 40px rgba(124, 58, 237, 0.25);
}

.tool-viewer .v-btn:active {
    transform: scale(0.97);
}

.tool-viewer .result-box {
    margin-top: 16px;
    padding: 16px;
    background: rgba(168, 85, 247, 0.04);
    border: 1px solid rgba(168, 85, 247, 0.05);
    border-radius: 14px;
    text-align: center;
}

.tool-viewer .result-box img,
.tool-viewer .result-box video {
    max-width: 100%;
    border-radius: 10px;
}

.tool-viewer .spin {
    animation: spin 1s linear infinite;
    display: inline-block;
}

@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.tool-viewer .provider-buttons {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 6px;
    margin-bottom: 14px;
}

.tool-viewer .provider-btn {
    padding: 8px;
    background: rgba(168, 85, 247, 0.04);
    border: 1px solid rgba(168, 85, 247, 0.05);
    border-radius: 10px;
    color: #8b7ab8;
    font-size: 11px;
    font-weight: 500;
    cursor: pointer;
    text-align: center;
    transition: all 0.2s;
    font-family: 'Poppins', sans-serif;
}

.tool-viewer .provider-btn.active {
    background: rgba(168, 85, 247, 0.10);
    color: #c084fc;
    border-color: rgba(168, 85, 247, 0.20);
}

.tool-viewer .iqc-preview {
    background: rgba(0, 0, 0, 0.4);
    border-radius: 12px;
    min-height: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 12px;
    overflow: hidden;
    border: 1px dashed rgba(168, 85, 247, 0.08);
}

.tool-viewer .iqc-preview img {
    width: 100%;
    max-height: 300px;
    object-fit: contain;
}

.tool-viewer .btn-group {
    display: flex;
    gap: 10px;
    margin-top: 12px;
}

.tool-viewer .btn-group .v-btn {
    flex: 1;
}

/* ── Rich Downloader UI ── */
.dl-header { display:flex; align-items:center; gap:14px; margin-bottom:16px; }
.dl-thumb { width:90px; height:90px; border-radius:12px; object-fit:cover; flex-shrink:0; background:#1a1030; }
.dl-thumb-placeholder { width:90px; height:90px; border-radius:12px; background:linear-gradient(135deg,#1a1030,#2d1060); flex-shrink:0; display:flex; align-items:center; justify-content:center; color:#6b4fa8; font-size:28px; }
.dl-header-info { flex:1; min-width:0; }
.dl-author { display:flex; align-items:center; gap:8px; margin-bottom:6px; }
.dl-author-avatar { width:28px; height:28px; border-radius:50%; object-fit:cover; background:#2d1060; }
.dl-author-name { font-size:13px; font-weight:700; color:#c4a8ff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.dl-title { font-size:13px; font-weight:600; color:#e0d0ff; line-height:1.4; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.dl-badge { display:inline-flex; align-items:center; gap:4px; font-size:10px; font-weight:700; padding:3px 9px; border-radius:20px; margin-top:5px; }
.dl-badge.hd { background:rgba(74,222,128,.15); color:#4ade80; border:1px solid rgba(74,222,128,.3); }
.dl-badge.music { background:rgba(168,85,247,.15); color:#c084fc; border:1px solid rgba(168,85,247,.3); }

.dl-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; margin:14px 0; }
.dl-stat { background:rgba(255,255,255,.04); border:1px solid rgba(168,85,247,.15); border-radius:10px; padding:10px 6px; text-align:center; }
.dl-stat .st-val { font-size:15px; font-weight:800; color:#e0d0ff; display:block; }
.dl-stat .st-lbl { font-size:10px; color:#6b4fa8; font-weight:600; text-transform:uppercase; letter-spacing:.06em; margin-top:2px; display:block; }

.dl-meta-row { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:14px; }
.dl-meta-chip { display:inline-flex; align-items:center; gap:5px; font-size:11px; font-weight:600; padding:5px 11px; border-radius:20px; background:rgba(255,255,255,.05); border:1px solid rgba(168,85,247,.2); color:#9d78e0; }
.dl-meta-chip i { color:#7c5cbe; font-size:10px; }

.dl-caption { background:rgba(255,255,255,.04); border:1px solid rgba(168,85,247,.15); border-radius:10px; padding:12px; margin-bottom:14px; }
.dl-caption-label { font-size:10px; font-weight:700; color:#6b4fa8; text-transform:uppercase; letter-spacing:.08em; margin-bottom:6px; }
.dl-caption-text { font-size:12px; color:#c4a8ff; line-height:1.6; max-height:72px; overflow-y:auto; word-break:break-word; }
.dl-caption-text::-webkit-scrollbar { width:4px; } .dl-caption-text::-webkit-scrollbar-thumb { background:#3d2060; border-radius:4px; }
.dl-caption-actions { display:flex; justify-content:flex-end; margin-top:8px; }
.dl-copy-btn { font-size:11px; font-weight:700; padding:4px 12px; border-radius:20px; border:1px solid rgba(168,85,247,.35); background:rgba(168,85,247,.1); color:#c084fc; cursor:pointer; transition:all .2s; }
.dl-copy-btn:hover { background:rgba(168,85,247,.22); }
.dl-copy-btn.copied { background:rgba(74,222,128,.12); border-color:rgba(74,222,128,.35); color:#4ade80; }

.dl-options { display:flex; flex-direction:column; gap:8px; margin-top:4px; }
.dl-option { display:flex; align-items:center; justify-content:space-between; padding:12px 14px; border-radius:12px; background:rgba(255,255,255,.04); border:1px solid rgba(168,85,247,.18); transition:border-color .2s, background .2s; }
.dl-option:hover { background:rgba(168,85,247,.08); border-color:rgba(168,85,247,.4); }
.dl-option-info { display:flex; align-items:center; gap:10px; }
.dl-option-icon { width:34px; height:34px; border-radius:9px; display:flex; align-items:center; justify-content:center; font-size:14px; flex-shrink:0; }
.dl-option-icon.hd { background:rgba(74,222,128,.12); color:#4ade80; }
.dl-option-icon.std { background:rgba(168,85,247,.12); color:#c084fc; }
.dl-option-icon.wm { background:rgba(251,191,36,.1); color:#fbbf24; }
.dl-option-icon.mp3 { background:rgba(56,189,248,.1); color:#38bdf8; }
.dl-option-icon.mp4 { background:rgba(248,113,113,.1); color:#f87171; }
.dl-option-title { font-size:13px; font-weight:700; color:#e0d0ff; }
.dl-option-desc { font-size:11px; color:#7c5cbe; margin-top:1px; }
.dl-dl-btn { font-size:12px; font-weight:700; padding:7px 16px; border-radius:20px; border:none; cursor:pointer; transition:all .2s; white-space:nowrap; }
.dl-dl-btn.hd { background:linear-gradient(135deg,#4ade80,#22c55e); color:#052e16; }
.dl-dl-btn.hd:hover { box-shadow:0 0 16px rgba(74,222,128,.4); }
.dl-dl-btn.std { background:linear-gradient(135deg,#a855f7,#7c3aed); color:#fff; }
.dl-dl-btn.std:hover { box-shadow:0 0 16px rgba(168,85,247,.4); }
.dl-dl-btn.wm { background:linear-gradient(135deg,#fbbf24,#f59e0b); color:#1a0a00; }
.dl-dl-btn.wm:hover { box-shadow:0 0 16px rgba(251,191,36,.3); }
.dl-dl-btn.mp3 { background:linear-gradient(135deg,#38bdf8,#0ea5e9); color:#0c1a26; }
.dl-dl-btn.mp3:hover { box-shadow:0 0 16px rgba(56,189,248,.35); }
.dl-dl-btn.mp4 { background:linear-gradient(135deg,#f87171,#ef4444); color:#fff; }
.dl-dl-btn.mp4:hover { box-shadow:0 0 16px rgba(248,113,113,.35); }
.dl-dl-btn:disabled { opacity:.45; cursor:not-allowed; box-shadow:none; }

.dl-loading { text-align:center; padding:32px 20px; }
.dl-loading .dl-spin { width:36px; height:36px; border-radius:50%; border:3px solid rgba(168,85,247,.2); border-top-color:#a855f7; animation:spin 1s linear infinite; margin:0 auto 12px; }
.dl-loading p { color:#7c5cbe; font-size:13px; font-weight:600; }
.dl-error { background:rgba(239,68,68,.08); border:1px solid rgba(239,68,68,.25); border-radius:12px; padding:16px; text-align:center; color:#f87171; font-size:13px; font-weight:600; }

.tool-api-line {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: -4px 0 12px;
    padding: 10px 12px;
    border-radius: 14px;
    background: rgba(168,85,247,.06);
    border: 1px solid rgba(168,85,247,.14);
}
.tool-api-line .tool-api-dot {
    width: 10px;
    height: 10px;
    border-radius: 999px;
    background: #fbbf24;
    flex-shrink: 0;
    box-shadow: 0 0 0 4px rgba(251,191,36,.12), 0 0 12px rgba(251,191,36,.3);
}
.tool-api-line.ok .tool-api-dot {
    background: #22c55e;
    box-shadow: 0 0 0 4px rgba(34,197,94,.12), 0 0 12px rgba(34,197,94,.36);
}
.tool-api-line.err .tool-api-dot {
    background: #ef4444;
    box-shadow: 0 0 0 4px rgba(239,68,68,.12), 0 0 12px rgba(239,68,68,.34);
}
.tool-api-copy { min-width:0; flex:1; }
.tool-api-copy b { display:block; color:#e0d0ff; font-size:12px; font-weight:800; }
.tool-api-copy span { display:block; color:#7c5cbe; font-size:11px; font-weight:600; margin-top:2px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.tool-api-refresh {
    border: 1px solid rgba(168,85,247,.22);
    background: rgba(168,85,247,.08);
    color: #c084fc;
    border-radius: 999px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    flex-shrink: 0;
}
.tool-api-refresh:hover { background: rgba(168,85,247,.18); }

.download-history-card {
    margin: 0 0 18px;
    padding: 14px;
    border-radius: 20px;
    background:
        linear-gradient(180deg, rgba(31,10,62,.74), rgba(13,3,30,.58)),
        radial-gradient(220px 120px at 10% 0%, rgba(168,85,247,.18), transparent 70%);
    border: 1px solid rgba(168,85,247,.18);
    box-shadow: 0 14px 42px rgba(0,0,0,.24);
    overflow: hidden;
}
.download-history-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 10px;
}
.download-history-title {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #d4c4ff;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.history-count-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    height: 22px;
    padding: 0 8px;
    margin-left: 4px;
    border-radius: 999px;
    background: rgba(168,85,247,.16);
    border: 1px solid rgba(192,132,252,.22);
    color: #f5e8ff;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 0;
}
.history-clear-btn {
    border: 1px solid rgba(239,68,68,.18);
    background: rgba(239,68,68,.08);
    color: #f87171;
    border-radius: 999px;
    padding: 7px 11px;
    font-size: 11px;
    font-weight: 800;
    cursor: pointer;
}
.history-filter-row {
    display: flex;
    flex-wrap: nowrap;
    gap: 7px;
    margin: 0 0 10px;
    overflow-x: auto;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}
.history-filter-row::-webkit-scrollbar {
    display: none;
}
.history-filter-btn {
    flex: 0 0 auto;
    border: 1px solid rgba(168,85,247,.16);
    background: rgba(168,85,247,.055);
    color: #8b7ab8;
    border-radius: 999px;
    padding: 8px 12px;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .04em;
    cursor: pointer;
    transition: all .2s;
}
.history-filter-btn.active {
    background: linear-gradient(135deg,#a855f7,#7c3aed);
    border-color: rgba(192,132,252,.42);
    color: #fff;
    box-shadow: 0 0 16px rgba(168,85,247,.18);
}
.history-list { display: grid; gap: 8px; }
.history-empty {
    color: #7c5cbe;
    font-size: 12px;
    font-weight: 600;
    padding: 10px;
    border-radius: 12px;
    background: rgba(255,255,255,.03);
}
.history-item {
    display: grid;
    grid-template-columns: 38px minmax(0,1fr) auto;
    align-items: center;
    gap: 10px;
    padding: 11px;
    border-radius: 16px;
    background: rgba(255,255,255,.045);
    border: 1px solid rgba(168,85,247,.13);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}
.history-icon {
    width: 38px;
    height: 38px;
    border-radius: 12px;
    display: grid;
    place-items: center;
    background: rgba(168,85,247,.12);
    color: #c084fc;
    box-shadow: 0 0 20px rgba(168,85,247,.08);
}
.history-icon.mp3 { background: rgba(34,197,94,.12); color:#4ade80; }
.history-icon.mp4 { background: rgba(239,68,68,.12); color:#fb7185; }
.history-icon.jpg { background: rgba(59,130,246,.12); color:#60a5fa; }
.history-info { min-width:0; flex:1; }
.history-title { color:#e0d0ff; font-size:12px; font-weight:900; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.history-meta { display:flex; align-items:center; gap:6px; color:#7c6a9e; font-size:10px; font-weight:800; margin-top:4px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.history-badge {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    height: 18px;
    padding: 0 7px;
    border-radius: 999px;
    background: rgba(168,85,247,.13);
    color: #d8b4fe;
    border: 1px solid rgba(168,85,247,.18);
    font-size: 9px;
    font-weight: 950;
    letter-spacing: .06em;
}
.history-file {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}
.history-time {
    color:#5f5378;
    font-size:10px;
    font-weight:800;
    margin-top:3px;
}
.history-actions { display:flex; gap:6px; flex-shrink:0; }
.history-actions button {
    border: 1px solid rgba(168,85,247,.18);
    background: rgba(168,85,247,.08);
    color: #c084fc;
    border-radius: 999px;
    padding: 7px 10px;
    font-size: 10px;
    font-weight: 900;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    min-height: 30px;
}
.history-actions button:disabled { opacity:.45; cursor:default; }
.history-actions button.danger {
    border-color: rgba(239,68,68,.18);
    background: rgba(239,68,68,.08);
    color: #f87171;
}
.api-backup-note {
    margin-top: 8px;
    padding: 9px 11px;
    border-radius: 12px;
    background: rgba(34,197,94,.075);
    border: 1px solid rgba(34,197,94,.16);
    color: #4ade80;
    font-size: 11px;
    font-weight: 800;
}

.dl-section-label { font-size:11px; font-weight:700; color:#6b4fa8; text-transform:uppercase; letter-spacing:.1em; margin-bottom:8px; }
.dl-divider { border:none; border-top:1px solid rgba(168,85,247,.12); margin:14px 0; }

.dl-quality-tabs { display:flex; gap:4px; background:rgba(255,255,255,.04); border:1px solid rgba(168,85,247,.2); border-radius:20px; padding:3px; margin-bottom:12px; }
.dl-quality-tab { flex:1; text-align:center; font-size:12px; font-weight:700; padding:7px; border-radius:16px; cursor:pointer; color:#7c5cbe; border:none; background:transparent; transition:all .2s; }
.dl-quality-tab.active { background:linear-gradient(135deg,#a855f7,#7c3aed); color:#fff; }

.dl-yt-thumb { width:100%; border-radius:12px; object-fit:cover; max-height:180px; margin-bottom:12px; background:#1a1030; }
.dl-yt-info { margin-bottom:14px; }
.dl-yt-title { font-size:14px; font-weight:700; color:#e0d0ff; line-height:1.4; margin-bottom:6px; }
.dl-yt-channel { font-size:12px; color:#7c5cbe; display:flex; align-items:center; gap:6px; }

.dl-media-grid { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-bottom:12px; }
.dl-media-item { border-radius:10px; overflow:hidden; background:#1a1030; position:relative; }
.dl-media-item img { width:100%; height:120px; object-fit:cover; display:block; }
.dl-media-item video { width:100%; display:block; max-height:180px; }
.dl-media-item .dl-item-dl { position:absolute; bottom:6px; right:6px; width:28px; height:28px; border-radius:50%; background:rgba(168,85,247,.85); border:none; color:#fff; font-size:11px; cursor:pointer; display:flex; align-items:center; justify-content:center; }

.tool-viewer label {
    font-size: 12px;
    color: #8b7ab8;
    display: block;
    margin-top: 4px;
}

.tool-viewer .nx-note {
    color: #fbbf24;
    font-size: 12px;
    line-height: 1.6;
    padding: 10px 12px;
    margin: 0 0 14px;
    border-radius: 14px;
    background: rgba(251, 191, 36, 0.08);
    border: 1px solid rgba(251, 191, 36, 0.16);
}

.tool-viewer .nx-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin: 4px 0 14px;
}

.tool-viewer .nx-field {
    min-width: 0;
}

.tool-viewer .nx-field label {
    margin: 0 0 6px;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #7c6aa2;
}

.tool-viewer .nx-field .v-input,
.tool-viewer .nx-field .v-textarea {
    margin: 0;
}

.tool-viewer .nx-span-2 {
    grid-column: span 2;
}

@media all {
    .video-banner {
        width: 100%;
        max-height: 220px;
        border-radius: 0 0 18px 18px;
    }
    .video-overlay {
        padding: 8px 14px 8px;
    }
    .video-overlay h1 {
        font-size: clamp(0.7rem, 2.5vw, 1.4rem);
    }
    .tool-viewer .nx-form-grid {
        grid-template-columns: 1fr;
    }
    .tool-viewer .nx-span-2 {
        grid-column: auto;
    }
    .api-status-top {
        align-items: flex-start;
        flex-direction: column;
        gap: 8px;
    }
    .api-status-summary {
        margin-left: 0;
        width: 100%;
        justify-content: space-between;
    }
    .api-status-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .tool-viewer-content {
        padding: 18px;
        margin: 10px;
        border-radius: 18px;
    }
    .download-history-card {
        padding: 12px;
        border-radius: 18px;
        margin-bottom: 14px;
    }
    .download-history-top {
        align-items: flex-start;
        gap: 8px;
    }
    .download-history-title {
        font-size: 11px;
        line-height: 1.4;
    }
    .history-clear-btn {
        padding: 7px 9px;
        font-size: 10px;
    }
    .history-list {
        gap: 9px;
    }
    .history-item {
        grid-template-columns: 36px minmax(0, 1fr);
        gap: 9px;
        padding: 10px;
    }
    .history-icon {
        width: 36px;
        height: 36px;
    }
    .history-actions {
        grid-column: 1 / -1;
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        width: 100%;
    }
    .history-actions button {
        width: 100%;
        padding: 8px 7px;
        border-radius: 11px;
    }
    .user-card {
        padding: 12px 16px;
        gap: 10px;
    }
    .user-avatar {
        width: 40px;
        height: 40px;
        font-size: 16px;
    }
    .user-info .item {
        font-size: 10px;
    }
    .user-info .item .label {
        font-size: 8px;
    }
    .battery-bar .level {
        width: 24px;
    }
    .battery-bar .perc {
        font-size: 9px;
        min-width: 24px;
    }
}

@media all {
    .user-info {
        gap: 4px 10px;
    }
    .user-info .item {
        font-size: 9px;
    }
}


/* Nexora v6.3 — public performance optimization */
.container{animation:none}
.nx-public-wa-card,.user-card{contain:layout paint style}
html.nx-low-power .bg-glow{animation:none;opacity:.72}
html.nx-low-power *{scroll-behavior:auto!important}
@media all{
  .bg-glow{animation:none;opacity:.76}
  .container{padding-top:8px}
}
@media (prefers-reduced-motion:reduce){
  .bg-glow{animation:none!important}
}


/* ===== Nexora v6.3.5: lightweight All Tools grid + adaptive anime banner ===== */
.tools-card{
  /* The public grid is small enough to render normally. Keeping layout
     containment here makes mobile row heights change when cards enter view. */
  contain:none;
  content-visibility:visible;
  contain-intrinsic-size:none;
}
.nx-all-tools-more{
  width:min(100%,420px);
  min-height:48px;
  margin:18px auto 4px;
  padding:11px 16px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  border:1px solid rgba(168,85,247,.22);
  border-radius:16px;
  background:rgba(17,7,31,.78);
  color:#dfc9ff;
  font:700 12px/1.2 'Poppins',sans-serif;
  cursor:pointer;
}
.nx-all-tools-more small{
  margin-left:auto;
  color:#8f7aa8;
  font-size:10px;
}
.nx-all-tools-more:active{transform:scale(.985)}
/* v6.3.5 — stable public scrolling on touch devices */
@media all{
  .bg-glow{animation:none!important}
}


/* ===== Nexora v6.3.3: mobile hero video decode-jank fix ===== */
html.nx-hero-video-auto .video-banner video{display:block}
html.nx-hero-video-static .video-banner video{display:block}
html.nx-hero-video-disabled .video-banner video{display:none!important}
@media all,(pointer:coarse){
  .video-banner video{will-change:auto!important}
}

/* ===== Liquid Reactor foundation — public catalog only ===== */
:root{
  --nx-ink:#050509;--nx-graphite:#0c0c13;--nx-panel:#14131d;--nx-panel-raised:#1a1826;
  --nx-violet:#8b5cf6;--nx-plasma:#b88cff;--nx-cyan:#bdf7ff;--nx-text:#f6f3fb;--nx-muted:#beb7ca;--nx-faint:#8c8499;
  --nx-line:rgba(221,214,242,.14);--nx-line-strong:rgba(205,188,255,.31);--nx-radius-sm:13px;--nx-radius-md:21px;--nx-radius-lg:31px;
  --nx-shadow:0 22px 64px rgba(0,0,0,.36);--nx-shadow-lift:0 30px 72px rgba(0,0,0,.46);--nx-space-1:8px;--nx-space-2:12px;--nx-space-3:20px;--nx-space-4:30px;
  --nx-transition:220ms cubic-bezier(.2,.72,.2,1)
}
html{min-height:100%;background-color:#050509;color-scheme:dark;overscroll-behavior-y:auto}
body{position:relative;min-height:100vh;min-height:100dvh;background-color:#050509;background-image:linear-gradient(180deg,#050509 0,#090812 34rem,#07070c 72rem,#0b0912 100%);color:var(--nx-text);overscroll-behavior-y:auto;touch-action:pan-x pan-y}
.bg-glow{position:fixed;inset:0;z-index:0;overflow:hidden;background:radial-gradient(ellipse at 50% -10%,rgba(188,140,255,.14),transparent 42%),linear-gradient(180deg,rgba(255,255,255,.012),transparent 45%);animation:none;opacity:1}
.nx-membrane{position:absolute;display:block;pointer-events:none;opacity:.92;filter:saturate(115%);transform:translate3d(0,0,0);animation:nxMembraneDrift var(--nx-drift,28s) ease-in-out infinite alternate}
.nx-membrane::after{content:"";position:absolute;inset:7%;border:1px solid rgba(221,245,255,.14);clip-path:inherit;transform:translate3d(3%,2%,0)}
.nx-membrane-a{--nx-drift:26s;width:min(98vw,1380px);height:520px;right:-30vw;top:5rem;clip-path:polygon(3% 31%,25% 4%,58% 15%,91% 0,100% 46%,82% 79%,50% 67%,19% 100%,0 67%);background:radial-gradient(ellipse at 52% 43%,rgba(142,92,246,.24),rgba(64,31,118,.08) 49%,transparent 72%)}
.nx-membrane-b{--nx-drift:34s;width:min(82vw,1120px);height:580px;left:-35vw;top:52rem;clip-path:polygon(0 14%,37% 2%,68% 21%,100% 12%,87% 58%,100% 89%,57% 78%,22% 100%,5% 61%);background:radial-gradient(ellipse at 57% 48%,rgba(78,218,236,.11),rgba(114,70,187,.08) 52%,transparent 73%);animation-direction:alternate-reverse}
.nx-membrane-c{--nx-drift:40s;width:min(74vw,960px);height:460px;right:-24vw;top:112rem;clip-path:polygon(12% 0,45% 13%,74% 2%,100% 30%,89% 69%,60% 100%,26% 82%,0 91%,8% 40%);background:radial-gradient(ellipse at 45% 51%,rgba(185,140,255,.15),transparent 68%)}
.nx-atmosphere{position:absolute;inset:0;display:block;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E"),radial-gradient(ellipse at center,transparent 45%,rgba(0,0,0,.42));background-size:190px 190px,100% 100%;opacity:.1;mix-blend-mode:soft-light}
@keyframes nxMembraneDrift{from{transform:translate3d(-1.5vw,1vh,0) scale(1) skewX(-1deg)}to{transform:translate3d(2.5vw,-2vh,0) scale(1.045) skewX(1.5deg)}}html.nx-reactor-paused .nx-membrane{animation-play-state:paused}
.video-banner{position:relative;z-index:1;overflow:hidden;width:min(calc(100% - 36px),1230px);min-height:clamp(250px,36vw,470px);max-height:none;margin:10px auto 0;border:1px solid rgba(205,188,255,.38);border-top-color:rgba(239,252,255,.56);border-radius:16px 16px var(--nx-radius-lg) var(--nx-radius-lg);background:#09090e;box-shadow:0 35px 90px rgba(0,0,0,.48),0 14px 65px rgba(88,47,155,.16),0 -1px 26px rgba(189,247,255,.07);isolation:isolate}
.video-banner::after{content:"";position:absolute;z-index:2;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(105deg,rgba(229,252,255,.72),transparent 13% 66%,rgba(181,140,255,.34) 88%,transparent) top/100% 1px no-repeat,linear-gradient(180deg,rgba(181,140,255,.28),transparent 45%,rgba(189,247,255,.16)) right/1px 100% no-repeat;opacity:.78}
.video-banner video{display:block!important;width:100%;height:100%;object-fit:cover;filter:saturate(.92) contrast(1.04)}
.video-overlay{display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;padding:clamp(22px,4vw,42px);background:linear-gradient(180deg,rgba(5,5,9,.04) 24%,rgba(5,5,9,.16) 55%,rgba(5,5,9,.82) 100%),linear-gradient(90deg,rgba(5,5,9,.46),transparent 58%)}
.nx-hero-meta{position:absolute;top:clamp(16px,2.5vw,28px);left:clamp(18px,3vw,34px);right:clamp(18px,3vw,34px);display:flex;justify-content:space-between;gap:12px;color:rgba(241,249,255,.72);font:700 9px/1 Orbitron,monospace;letter-spacing:.17em}.nx-hero-meta span{display:inline-flex;align-items:center;gap:7px}.nx-hero-meta i{width:6px;height:6px;border-radius:50%;background:#6ee7b7;box-shadow:0 0 0 4px rgba(110,231,183,.09)}
.video-overlay h1{max-width:850px;color:var(--nx-text);background:none;-webkit-text-fill-color:currentColor;font-size:clamp(1.65rem,4.5vw,3.65rem);line-height:1.02;text-shadow:0 4px 34px rgba(0,0,0,.45);letter-spacing:-.025em}.video-overlay h1 span{margin-top:10px;color:var(--nx-cyan);font-size:.25em;font-weight:700;letter-spacing:.22em;opacity:.9}
.video-banner{height:clamp(240px,31vw,420px);min-height:0;aspect-ratio:auto}
.container{max-width:1260px;min-height:100vh;min-height:100dvh;padding:26px 18px 64px}.nx-about-dev-top-entry{margin-bottom:18px!important}#userCard{margin:0 0 22px!important}
.user-card{position:relative;display:grid;grid-template-columns:minmax(170px,.65fr) minmax(0,2.35fr);align-items:center;gap:18px;padding:16px;border:1px solid var(--nx-line);border-top-color:rgba(236,250,255,.34);border-radius:var(--nx-radius-md);background:linear-gradient(112deg,rgba(30,25,45,.78),rgba(12,13,22,.72));box-shadow:0 24px 64px rgba(0,0,0,.38),0 10px 28px rgba(93,52,160,.13),inset 0 1px 0 rgba(255,255,255,.09);-webkit-backdrop-filter:blur(18px) saturate(135%);backdrop-filter:blur(18px) saturate(135%);overflow:hidden}.user-card::after{content:"";position:absolute;right:3%;bottom:0;width:50%;height:1px;background:linear-gradient(90deg,transparent,rgba(189,247,255,.38),transparent)}
.nx-session-brand{display:flex;align-items:center;gap:12px;min-width:0}.nx-session-brand>div:last-child{min-width:0}.nx-session-brand span,.nx-session-brand b{display:block}.nx-session-brand span{color:var(--nx-cyan);font:700 8px Orbitron,monospace;letter-spacing:.14em}.nx-session-brand b{margin-top:5px;color:var(--nx-text);font-size:13px}.user-avatar{position:relative;flex:0 0 auto;width:52px;height:52px;border:1px solid rgba(189,247,255,.26);border-radius:17px;background:radial-gradient(circle at 35% 30%,rgba(189,247,255,.24),transparent 22%),linear-gradient(145deg,#30254a,#15141e);color:var(--nx-cyan);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 9px 24px rgba(68,42,111,.24)}
.user-info{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.user-info .item{min-width:0;min-height:54px;display:grid;grid-template-columns:auto minmax(0,1fr);align-content:center;column-gap:8px;padding:9px 10px;border:1px solid rgba(221,214,242,.09);border-radius:13px;background:rgba(255,255,255,.025);color:var(--nx-muted);font-size:12px}.user-info .item>i{grid-row:1/3;color:var(--nx-plasma);align-self:center}.user-info .item .label{color:var(--nx-faint);font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.07em}.user-info .item .value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--nx-text);font-size:10px;font-weight:650}.battery-bar{width:100%;display:grid;grid-template-columns:auto minmax(24px,1fr) auto;align-items:center;gap:6px}.battery-bar .fill{transition:width 520ms cubic-bezier(.2,.8,.2,1)}
#navTabs{position:relative;z-index:8;isolation:isolate;margin:0 0 24px!important;padding:6px!important;border:1px solid rgba(221,214,242,.19);border-top-color:rgba(238,250,255,.28);border-radius:17px;background:linear-gradient(180deg,rgba(30,27,43,.76),rgba(11,12,20,.7));box-shadow:0 20px 48px rgba(0,0,0,.34),0 8px 24px rgba(91,50,156,.1),inset 0 1px 0 rgba(255,255,255,.08);-webkit-backdrop-filter:none;backdrop-filter:none;scroll-padding-inline:6px}.nav-tabs{display:flex;gap:2px;padding:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap}.nav-tabs::before,.nav-tabs::after{content:"";position:sticky;z-index:4;top:0;bottom:0;flex:0 0 16px;pointer-events:none}.nav-tabs::before{left:0;margin-left:-16px;background:linear-gradient(90deg,rgba(17,16,25,.92),transparent)}.nav-tabs::after{right:0;margin-right:-16px;background:linear-gradient(-90deg,rgba(17,16,25,.92),transparent)}
.nav-tab{position:relative;z-index:1;min-height:48px;padding:11px 18px;border:0;border-radius:12px;background:transparent;color:var(--nx-muted);font-family:Poppins,sans-serif;font-size:12px;font-weight:700;white-space:nowrap;cursor:pointer;transition:transform var(--nx-transition),color var(--nx-transition)}.nav-tab:hover{transform:none;background:transparent;color:var(--nx-text)}.nav-tab.active{border-color:transparent;background:transparent;color:#fff;box-shadow:none}.nav-tab i{margin-right:8px;color:var(--nx-faint);transition:color var(--nx-transition)}.nav-tab.active i{color:var(--nx-cyan)}
.section-title{position:relative;display:flex;align-items:center;gap:10px;margin:0 0 17px;padding:0 2px;color:var(--nx-text);font-size:15px;letter-spacing:.09em}.section-title>i{display:grid;place-items:center;width:34px;height:34px;flex:0 0 auto;border:1px solid rgba(185,140,255,.22);border-radius:11px;background:#191524}.section-title .line{height:1px;min-width:18px;flex:1;background:linear-gradient(90deg,rgba(185,140,255,.46),rgba(189,247,255,.16),transparent 80%)}.nx-catalog-meta{display:flex;align-items:center;gap:8px;flex:0 0 auto;color:var(--nx-faint);font:700 9px Poppins,sans-serif;letter-spacing:.04em;text-transform:none}.nx-catalog-count{display:grid;place-items:center;min-width:31px;height:25px;padding:0 7px;border:1px solid rgba(189,247,255,.18);border-radius:999px;background:#121820;color:var(--nx-cyan);font:700 9px Orbitron,monospace}
.tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.tools-card{--nx-card-rgb:181,140,255;position:relative;display:flex;flex-direction:column;isolation:isolate;overflow:hidden;align-items:stretch;min-width:0;min-height:232px;padding:17px;border:1px solid rgba(var(--nx-card-rgb),.26);border-top-color:rgba(238,250,255,.28);border-radius:var(--nx-radius-md);background:linear-gradient(145deg,rgba(var(--nx-card-rgb),.16),transparent 42%),linear-gradient(155deg,rgba(31,28,44,.78),rgba(11,12,20,.72) 72%);box-shadow:0 25px 58px rgba(0,0,0,.38),0 10px 32px rgba(var(--nx-card-rgb),.08),inset 0 1px 0 rgba(255,255,255,.11),inset 0 -1px 0 rgba(0,0,0,.18);-webkit-backdrop-filter:blur(17px) saturate(138%);backdrop-filter:blur(17px) saturate(138%);color:var(--nx-text);text-align:left;text-decoration:none;cursor:pointer;gap:0;transform-style:preserve-3d}.tools-card::before{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(90deg,rgba(var(--nx-card-rgb),.82),transparent 62%) top/70% 1px no-repeat,linear-gradient(180deg,rgba(var(--nx-card-rgb),.62),transparent 64%) left/2px 100% no-repeat,radial-gradient(circle at 82% 4%,rgba(255,255,255,.09),transparent 32%);opacity:.78}.tools-card::after{content:"";position:absolute;z-index:0;right:-34%;bottom:-45%;width:78%;aspect-ratio:1;border:1px solid rgba(var(--nx-card-rgb),.14);border-radius:44% 56% 61% 39%/58% 39% 61% 42%;transform:rotate(-18deg);pointer-events:none}.tools-card[data-nx-category="downloader"]{--nx-card-rgb:83,215,238}.tools-card[data-nx-category="maker"]{--nx-card-rgb:244,164,96}.tools-card[data-nx-category="vault"]{--nx-card-rgb:151,124,255}.tools-card[data-nx-category="external"]{--nx-card-rgb:110,231,183}.tools-card>*{position:relative;z-index:1}.nx-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.tools-card .icon{display:grid;place-items:center;width:54px;height:54px;flex:0 0 auto;border:1px solid rgba(var(--nx-card-rgb),.3);border-radius:18px 14px 20px 15px;background:radial-gradient(circle at 30% 22%,rgba(255,255,255,.2),transparent 24%),linear-gradient(145deg,rgba(var(--nx-card-rgb),.28),rgba(var(--nx-card-rgb),.06));box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 12px 24px rgba(0,0,0,.24);color:rgb(var(--nx-card-rgb));font-size:23px;transition:transform 120ms linear}.tools-card .badge{max-width:118px;margin:0;padding:5px 8px;border:1px solid rgba(var(--nx-card-rgb),.18);border-radius:9px;background:rgba(var(--nx-card-rgb),.07);color:rgba(239,234,247,.72);font-size:7px;font-weight:750;line-height:1.25;text-align:right;white-space:normal}.nx-card-copy{margin-top:17px}.tools-card h4{color:var(--nx-text);font-size:15px;font-weight:750;line-height:1.28}.tools-card p{display:-webkit-box;min-height:47px;margin-top:8px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;color:var(--nx-muted);font-size:11px;line-height:1.55}.nx-card-footer{display:flex;align-items:center;gap:7px;margin-top:auto;padding-top:16px}.nx-card-readiness,.nx-card-format{display:inline-flex;align-items:center;min-height:26px;padding:4px 8px;border:1px solid rgba(226,232,240,.15);border-radius:9px;background:#17161e;color:#d9d4e3;font-size:7px;font-weight:800;letter-spacing:.06em}.nx-card-format{color:rgba(var(--nx-card-rgb),.88);border-color:rgba(var(--nx-card-rgb),.17);background:rgba(var(--nx-card-rgb),.055)}.tools-card .arrow{display:grid;place-items:center;width:34px;height:34px;margin-left:auto;border:1px solid rgba(var(--nx-card-rgb),.18);border-radius:11px;background:rgba(var(--nx-card-rgb),.07);color:rgb(var(--nx-card-rgb));font-size:11px;transition:transform var(--nx-transition),background var(--nx-transition)}.tools-card:hover{border-color:rgba(var(--nx-card-rgb),.44);background:linear-gradient(145deg,rgba(var(--nx-card-rgb),.2),transparent 44%),linear-gradient(155deg,rgba(39,34,54,.86),rgba(14,15,24,.79) 72%);box-shadow:var(--nx-shadow-lift),0 12px 40px rgba(var(--nx-card-rgb),.12)}.tools-card:hover .arrow{transform:translateX(2px);background:rgba(var(--nx-card-rgb),.13)}.tools-card[data-nx-tool-status="ready"] .nx-card-readiness{border-color:rgba(74,222,128,.4);background:#10251d;color:#a7f3d0}.tools-card[data-nx-tool-status="degraded"] .nx-card-readiness,.tools-card[data-nx-tool-status="restricted"] .nx-card-readiness{border-color:rgba(251,191,36,.45);background:#2b210d;color:#fde68a}
.nx-all-tools-more{position:relative;overflow:hidden;min-height:52px;border-color:rgba(189,247,255,.2);background:linear-gradient(110deg,#171420,#10161d);box-shadow:0 12px 32px rgba(0,0,0,.22)}.nx-all-tools-more::before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent,rgba(189,247,255,.08),transparent);transform:translateX(-105%);transition:transform .55s ease}.nx-all-tools-more:hover::before{transform:translateX(105%)}
/* Original Android shell is canonical at every viewport width. */
@media all{
  .user-card{-webkit-backdrop-filter:blur(10px) saturate(122%);backdrop-filter:blur(10px) saturate(122%)}
  .bg-glow{position:absolute;min-height:100%;background:radial-gradient(ellipse at 70% 5%,rgba(142,92,246,.12),transparent 40%),linear-gradient(180deg,#050509,#090812 52%,#050509);contain:paint}
  .nx-membrane{animation:none!important;filter:none!important;transform:none!important;will-change:auto!important;opacity:.48}
  .nx-membrane-c{display:none}
  .nx-atmosphere{background-image:radial-gradient(ellipse at center,transparent 48%,rgba(0,0,0,.24));background-size:100% 100%;opacity:.36;mix-blend-mode:normal}
  .video-banner{width:calc(100% - 20px);height:auto;min-height:0;max-height:none;aspect-ratio:16/9;margin-top:6px;border-radius:13px 13px 24px 24px;contain:layout paint}
  .video-banner video{transform:none!important;clip-path:none!important;animation:none!important;filter:saturate(.92) contrast(1.02);will-change:auto!important}
  .video-overlay{padding:20px;clip-path:none!important;animation:none!important;will-change:auto!important}
  .nx-hero-meta{top:15px;left:17px;right:17px;font-size:7px}
  .container{padding:14px 12px 52px}
  #userCard{margin-bottom:12px!important}
  .user-card{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));align-items:stretch;width:100%;height:74px;min-height:74px;max-height:74px;padding:7px;gap:5px;contain:layout paint;overflow:hidden}
  .nx-session-brand{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;min-width:0;width:100%;height:100%;padding:4px 5px;gap:4px;border:1px solid rgba(186,143,255,.13);border-radius:10px;background:rgba(17,11,27,.72);overflow:hidden}
  .nx-session-brand>div:last-child{min-width:0}
  .nx-session-brand b{display:block;margin-top:0;min-width:0;font-size:7px;line-height:1;white-space:normal;overflow-wrap:anywhere}
  .nx-session-brand span{display:block;min-width:0;font-size:6.5px;line-height:1;letter-spacing:.045em;white-space:normal;overflow-wrap:anywhere}
  .user-avatar{width:18px;height:18px;border-radius:7px;font-size:8px}
  .user-info{display:contents;width:auto;min-width:0;padding:0;overflow:visible;mask-image:none;-webkit-mask-image:none}
  .user-info .item{display:grid;grid-template-columns:17px minmax(0,1fr);grid-template-rows:auto auto;align-content:center;column-gap:4px;min-width:0;width:100%;height:100%;min-height:0;padding:4px 5px;border-radius:10px;overflow:hidden}
  .user-info .item>i{grid-row:1/3;align-self:center;min-width:0;font-size:15px}
  .user-info .item .label{min-width:0;font-size:6.5px;line-height:1.05;letter-spacing:.045em;white-space:normal;overflow-wrap:anywhere}
  .user-info .item .value{display:-webkit-box;min-width:0;max-width:100%;font-size:8px;line-height:1.05;white-space:normal;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:clip}
  .user-info .item:last-child{display:flex;align-items:center}
  .user-info .item:last-child .battery-bar{display:grid;grid-template-columns:15px minmax(0,1fr) auto;align-items:center;gap:3px;min-width:0;width:100%;height:100%;line-height:1}
  .user-info .item:last-child .battery-bar>i{line-height:1}
  .user-info .item:last-child .battery-bar .level{min-width:0;width:100%}
  .user-info .item:last-child .battery-bar .perc{min-width:0;font-size:7px}
  .section-title{font-size:13px}
  .nx-reactor-layer{display:none!important}
}
@media (max-width:370px){
  .container{padding-inline:10px}
  .video-overlay h1{font-size:1.42rem}
  .nx-hero-meta span:last-child{display:none}
  .user-card{padding:7px 6px;gap:4px}
  .nx-session-brand{padding-inline:4px;gap:3px}
  .nx-session-brand span{font-size:6px;letter-spacing:.025em}
  .nx-session-brand b{font-size:6.5px}
  .user-info .item{padding-inline:4px;column-gap:3px}
}
@media all{
  .tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:clamp(6px,2vw,10px)!important;width:100%;align-items:stretch}
}
@media (prefers-reduced-motion:reduce){.nx-membrane{animation:none}.video-banner video{display:block!important}}

/* Canonical Android navigation indicator — identical on every device. */
.video-banner{isolation:isolate}.video-banner video{clip-path:none!important;animation:none!important;will-change:auto!important}
#navTabs{position:relative;isolation:isolate}
.nx-mercury-indicator{position:absolute;z-index:0;left:0;top:6px;width:0;height:48px;border:1px solid rgba(189,247,255,.46);border-radius:12px;background:linear-gradient(112deg,rgba(128,78,221,.58),rgba(189,247,255,.19) 52%,rgba(168,108,245,.42));box-shadow:inset 0 1px 0 rgba(255,255,255,.26),inset 0 -8px 18px rgba(55,27,104,.16),0 7px 24px rgba(77,54,130,.24);pointer-events:none;transition:transform 180ms ease,width 180ms ease,height 180ms ease}
.nx-mercury-indicator::after{content:"";position:absolute;inset:2px 38% 58% 9%;border-radius:inherit;background:linear-gradient(90deg,rgba(255,255,255,.48),rgba(189,247,255,.13));opacity:.72}
.nav-tab{position:relative;z-index:1}.nav-tab.active{background:transparent;border-color:transparent;box-shadow:none}.nav-tab:focus-visible,.tools-card:focus-visible{outline:2px solid var(--nx-cyan);outline-offset:3px}.nav-tab:active{transform:translateY(1px) scale(.985)}
.nx-all-tools-more:active,.nx-room-back:active{transform:translateY(1px) scale(.98)!important}
#userStatus.online::before{content:"";display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:#6ee7b7}
@media (prefers-reduced-motion:reduce){.video-banner video{animation:none!important;clip-path:none!important;will-change:auto}.nx-mercury-indicator{transition:none!important}}

/* Nexora v6.3.8 — always-on TikTok media containment.  The TikTok feature
   stylesheet is lazy-loaded; these low-cost guards keep a stale/missing
   feature stylesheet from letting remote media widen the mobile viewport. */
#ttRoomOverlay,
#ttRoomOverlay .tt-room-shell,
#ttRoomOverlay .tt-room-scroll,
#ttRoomOverlay .tt-room-content,
#ttRoomOverlay .tt-full-root,
#ttRoomOverlay .tt-full-wrap,
#ttRoomOverlay #ttResult,
#ttRoomOverlay .tt-result-grid,
#ttRoomOverlay .tt-result-grid>*,
#ttRoomOverlay .tt-panel,
#ttRoomOverlay .tt-preview-box,
#ttRoomOverlay .dl-media-grid,
#ttRoomOverlay .dl-media-item{
  box-sizing:border-box;
  min-width:0;
  max-width:100%;
}
#ttRoomOverlay .tt-room-scroll,
#ttRoomOverlay .tt-full-wrap,
#ttRoomOverlay .tt-panel,
#ttRoomOverlay .tt-preview-box,
#ttRoomOverlay .dl-media-grid{overflow-x:hidden;}
#ttRoomOverlay .tt-result-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;overflow:hidden;}
#ttRoomOverlay .tt-preview-box{position:relative;width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;}
#ttRoomOverlay img,
#ttRoomOverlay video{display:block;max-width:100%!important;min-width:0;}
#ttRoomOverlay .tt-preview-video,
#ttRoomOverlay .tt-preview-img,
#ttRoomOverlay .dl-media-item img,
#ttRoomOverlay .dl-media-item video{width:100%!important;max-width:100%!important;min-width:0!important;height:auto;object-fit:contain;}
#ttRoomOverlay .dl-media-grid{width:100%;grid-template-columns:repeat(2,minmax(0,1fr));}
#ttRoomOverlay .dl-media-item img,
#ttRoomOverlay .dl-media-item video{max-height:52svh;}

/* v6.3.20 HF7 — layout viewport tetap stabil selama pinch-zoom Android. */
html,body{width:100%;max-width:100%;overflow-x:clip;background-color:#050509}
body{min-height:100vh;min-height:100dvh;background-repeat:no-repeat;background-size:100% auto}
.bg-glow{inset:0;width:auto;height:auto;min-width:100%;min-height:100%;transform:none}
img,video,canvas,svg,iframe{max-inline-size:100%}
#nxUniversalRoom,#ttRoomOverlay,#nxGetCodeOverlay,#deployOverlay,.nx-about-dev-room,.tool-viewer,.nx-health-dialog,.nse-modal{
  inset:0!important;width:auto!important;height:auto!important;max-width:none!important;max-height:none!important
}
html.nx-pinch-zoom .bg-glow{position:absolute;inset:0;contain:paint}
@supports not (overflow:clip){html,body{overflow-x:hidden}}
@media (max-width:380px){#ttRoomOverlay .dl-media-grid{grid-template-columns:minmax(0,1fr);}}

/* Nexora HF3 — smooth interaction without permanent compositor layers. */
html.nx-low-power .tools-card,html.nx-low-power .nav-tab,html.nx-low-power .nx-public-wa-card{transition-duration:.08s!important}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}

/* Desktop-only cursor, trail and touch-reactor code removed in HF22. */

/* HF15 — meaningful prerender shell: content is visible before app.js. */
.nx-noscript-shell{position:relative;z-index:3;width:min(calc(100% - 24px),760px);margin:12px auto;padding:14px 16px;border:1px solid rgba(189,247,255,.2);border-radius:16px;background:#15111e;color:#e9e2f2;box-shadow:0 12px 28px rgba(0,0,0,.35)}
.nx-noscript-shell strong{display:block;font:700 12px/1.3 Orbitron,sans-serif;color:#bdf7ff}.nx-noscript-shell p{margin:6px 0 0;color:#b9afc4;font-size:10px;line-height:1.55}
#allGrid[aria-busy="true"] .nx-prerender-card{pointer-events:none}
.nx-prerender-status{display:inline-flex;align-items:center;gap:4px}.nx-prerender-status::before{content:"";width:5px;height:5px;border-radius:50%;background:#bdf7ff;box-shadow:0 0 0 3px rgba(189,247,255,.08);animation:nxPrerenderPulse 1.1s ease-in-out infinite}
@keyframes nxPrerenderPulse{50%{opacity:.35;transform:scale(.78)}}
@media (prefers-reduced-motion:reduce){.nx-prerender-status::before{animation:none}}

/* =========================================================
   HF16 — MOBILE PAINT-STABILITY + STATIC 3D GLASS
   Depth is painted with gradients, borders and inset/outset shadows. Mobile
   deliberately avoids per-card backdrop blur, 3D transforms and containment:
   those combinations exhausted Android's compositor during fast scrolling.
   ========================================================= */
@media all{
  body{
    background-image:
      radial-gradient(ellipse at 82% 18rem,rgba(107,62,190,.13),transparent 27rem),
      linear-gradient(180deg,#050509 0,#0a0812 34rem,#06060b 78rem,#0b0912 100%);
  }
  .bg-glow{
    position:absolute!important;
    contain:none!important;
    background:
      radial-gradient(ellipse at 74% 8%,rgba(162,103,255,.16),transparent 34%),
      radial-gradient(ellipse at 9% 38%,rgba(79,211,233,.075),transparent 28%),
      linear-gradient(180deg,#050509,#090812 52%,#050509);
  }
  .video-banner,
  .user-card,
  .nx-public-wa-card{
    contain:none!important;
  }
  .video-banner video{
    filter:none!important;
    transform:none!important;
    will-change:auto!important;
  }
  .video-banner{
    border-color:rgba(201,180,255,.34);
    border-top-color:rgba(240,253,255,.58);
    box-shadow:0 18px 42px rgba(0,0,0,.5),0 9px 25px rgba(83,47,145,.18),inset 0 1px 0 rgba(255,255,255,.13);
  }
  .user-card{
    border-color:rgba(211,194,248,.2);
    border-top-color:rgba(241,253,255,.4);
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    background:
      radial-gradient(90% 130% at 18% -30%,rgba(255,255,255,.12),transparent 43%),
      linear-gradient(125deg,#241c35,#100f19 72%);
    box-shadow:0 13px 30px rgba(0,0,0,.4),0 5px 14px rgba(87,49,151,.14),inset 0 1px 0 rgba(255,255,255,.13),inset 0 -5px 12px rgba(0,0,0,.16);
  }
  #navTabs{
    isolation:isolate;
    margin:0 0 24px!important;
    padding:6px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    overscroll-behavior-x:contain;
    border:1px solid rgba(221,214,242,.19);
    border-top-color:rgba(238,250,255,.28);
    border-radius:17px;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    background:linear-gradient(180deg,rgba(30,27,43,.76),rgba(11,12,20,.7));
    box-shadow:0 20px 48px rgba(0,0,0,.34),0 8px 24px rgba(91,50,156,.1),inset 0 1px 0 rgba(255,255,255,.08);
  }
  #navTabs::before{background:linear-gradient(90deg,rgba(17,16,25,.92),transparent)}
  #navTabs::after{background:linear-gradient(-90deg,rgba(17,16,25,.92),transparent)}
  .tools-card{
    isolation:auto!important;
    contain:none!important;
    content-visibility:visible!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    transform:none!important;
    transform-style:flat!important;
    will-change:auto!important;
    min-width:0!important;
    min-height:146px!important;
    height:100%;
    padding:8px!important;
    border-radius:13px!important;
    gap:0!important;
    background:
      radial-gradient(90% 70% at 18% -12%,rgba(255,255,255,.145),transparent 46%),
      linear-gradient(145deg,rgba(var(--nx-card-rgb),.24),transparent 48%),
      linear-gradient(158deg,#252032,#0c0c14 72%)!important;
    box-shadow:
      0 8px 0 -5px rgba(var(--nx-card-rgb),.3),
      0 13px 22px rgba(0,0,0,.48),
      0 4px 11px rgba(var(--nx-card-rgb),.12),
      inset 0 1px 0 rgba(255,255,255,.21),
      inset 0 -7px 14px rgba(0,0,0,.28)!important;
    transition:border-color 100ms linear,box-shadow 100ms linear!important;
  }
  .tools-card>*,
  .tools-card .icon{
    transform:none!important;
    will-change:auto!important;
  }
  .tools-card::before{
    background:linear-gradient(90deg,rgba(240,253,255,.8),rgba(var(--nx-card-rgb),.45),transparent 72%) top/82% 1px no-repeat,linear-gradient(180deg,rgba(var(--nx-card-rgb),.82),transparent 73%) left/2px 100% no-repeat,radial-gradient(circle at 82% 4%,rgba(255,255,255,.17),transparent 34%);
    opacity:.92;
  }
  .tools-card::after{
    right:-36%;
    bottom:-42%;
    border-color:rgba(var(--nx-card-rgb),.24);
    background:radial-gradient(circle at 34% 28%,rgba(255,255,255,.07),transparent 31%),linear-gradient(145deg,rgba(var(--nx-card-rgb),.09),transparent 68%);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
    transition:transform 120ms ease-out,opacity 120ms ease-out;
  }
  .tools-card .icon{
    width:34px;
    height:34px;
    margin:0!important;
    border-radius:11px;
    border-color:rgba(var(--nx-card-rgb),.42);
    border-top-color:rgba(239,253,255,.46);
    background:radial-gradient(circle at 31% 21%,rgba(255,255,255,.33),transparent 25%),linear-gradient(145deg,rgba(var(--nx-card-rgb),.42),rgba(var(--nx-card-rgb),.1));
    box-shadow:0 7px 0 -5px rgba(var(--nx-card-rgb),.42),0 9px 16px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.24),inset 0 -5px 9px rgba(0,0,0,.16);
    font-size:16px!important;
  }
  .nx-card-top,.nx-card-copy,.nx-card-footer,.tools-card h4{min-width:0}
  .nx-card-top{gap:4px}
  .tools-card .badge{
    min-width:0;
    max-width:42px;
    padding:3px 4px;
    border-radius:7px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:5.5px;
    line-height:1.2;
  }
  .tools-card .badge,.nx-card-readiness{
    border-top-color:rgba(255,255,255,.2);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 4px 8px rgba(0,0,0,.18);
  }
  .nx-card-copy{margin-top:8px}
  .tools-card h4{display:-webkit-box;min-height:28px;margin:0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow-wrap:anywhere;font-size:11px!important;line-height:1.25!important}
  .tools-card p{display:none!important}
  .nx-card-footer{min-height:20px;margin-top:auto;padding-top:6px;gap:4px}
  .nx-card-readiness{top:auto!important;right:auto!important;bottom:7px;left:7px;max-width:calc(100% - 14px);min-height:18px;padding:3px 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:5.5px}
  .nx-card-format,.tools-card .arrow{display:none!important}
  .tools-card:hover{
    transform:none!important;
  }
  .tools-card:active{
    transform:translate3d(0,1px,0) scale(.986)!important;
    border-color:rgba(var(--nx-card-rgb),.5)!important;
    box-shadow:
      0 6px 0 -5px rgba(var(--nx-card-rgb),.32),
      0 8px 15px rgba(0,0,0,.46),
      inset 0 1px 0 rgba(255,255,255,.17),
      inset 0 -6px 12px rgba(0,0,0,.3)!important;
  }
  .tools-card:active::after{
    opacity:1;
    transform:rotate(-18deg) translate3d(-2px,-2px,0) scale(1.08);
  }
  .section-title>i{
    border-top-color:rgba(238,252,255,.35);
    background:linear-gradient(145deg,#2a203c,#111019);
    box-shadow:0 7px 15px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.12);
  }
}

/* =========================================================
   HF21 — ANDROID FLING PAINT BUDGET
   The former mobile scene still painted page-sized clipped membranes, an
   atmosphere layer and multi-pass card decoration. During a fast fling those
   surfaces could outrun Chrome Android's raster queue and expose blank tiles.
   Keep the visual depth, but make every scrolling surface locally paintable.
   ========================================================= */
@media all{
  html,body{
    overflow-x:hidden!important;
    background-color:#06060b!important;
  }
  body{
    background-image:linear-gradient(180deg,#050509 0,#0a0812 44rem,#06060b 100%)!important;
    background-repeat:no-repeat!important;
    background-size:100% 100%!important;
  }
  .bg-glow{
    display:none!important;
  }
  .tab-content.active,
  .tools-grid,
  .tools-grid>.tools-card{
    contain:none!important;
    content-visibility:visible!important;
    visibility:visible!important;
    opacity:1!important;
    transform:none!important;
  }
  .tools-grid{
    isolation:auto!important;
  }
  .tools-card{
    isolation:auto!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    box-shadow:0 11px 20px rgba(0,0,0,.43),inset 0 1px 0 rgba(255,255,255,.17)!important;
  }
  .tools-card::before{
    background:linear-gradient(90deg,rgba(240,253,255,.72),rgba(var(--nx-card-rgb),.34),transparent 72%) top/82% 1px no-repeat,linear-gradient(180deg,rgba(var(--nx-card-rgb),.62),transparent 76%) left/2px 100% no-repeat!important;
  }
  .tools-card::after{
    display:none!important;
  }
}

/* Safe Pass: keyboard skip navigation; hidden until focused. */
.nx-skip-link{position:fixed;left:12px;top:12px;z-index:2147483647;padding:10px 14px;border:1px solid rgba(196,181,253,.45);border-radius:12px;background:#10081d;color:#fff;font:700 12px/1.2 Poppins,sans-serif;text-decoration:none;box-shadow:0 10px 28px rgba(0,0,0,.35);transform:translateY(-180%);transition:transform .16s ease;}
.nx-skip-link:focus,.nx-skip-link:focus-visible{transform:translateY(0);outline:2px solid #67e8f9;outline-offset:2px;}
#main-content:focus{outline:none;}

/* NEXORA DASHBOARD HYDRATION V1 */
html.nx-hydrating .tools-grid{pointer-events:none}
html.nx-hydrating .nx-card-readiness{
  min-width:48px;min-height:18px;color:transparent!important;
  border-color:rgba(255,255,255,.08)!important;background:rgba(255,255,255,.035)!important
}
html.nx-hydrating .nx-card-readiness::before{
  content:"";display:block;width:30px;height:6px;margin:auto;border-radius:999px;background:rgba(205,195,224,.18)
}
html.nx-hydrating #userCard .value,
html.nx-hydrating #userCard .perc{visibility:hidden}
html.nx-hydrating #userCard .battery-bar .fill{opacity:.18}
html.nx-hydrating .nx-prerender-status{visibility:hidden}
html.nx-hydrating .video-banner{background:#0a0015}