:root {
    --accent-primary: #FFC050;
    --accent-light: #FFE0A0;
    --accent-rgb: 255, 192, 80;
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html, body {
    width: 100%;
    min-height: 100vh;
    background-color: #06070a;
    font-family: 'Geist', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    color: #f5f5f7;
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
    user-select: none;
    -webkit-user-select: none;
    transition: background-color 0.4s ease, color 0.4s ease;
}

/* Custom Scrollbar */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #06070a; }
::-webkit-scrollbar-thumb { background: rgba(var(--accent-rgb), 0.45); border-radius: 4px; box-shadow: 0 0 10px rgba(var(--accent-rgb), 0.8); }
::-webkit-scrollbar-thumb:hover { background: rgba(var(--accent-rgb), 0.8); box-shadow: 0 0 16px rgba(var(--accent-rgb), 1); }

/* ===================================================
   BACKGROUND SKY & AMBIENT GLOW (SUPER BRIGHT & LUMINOUS)
   =================================================== */
.bg-landscape {
    position: fixed;
    inset: 0;
    width: 100vw;
    height: 100vh;
    background: radial-gradient(circle at 50% 25%, rgba(var(--accent-rgb), 0.18) 0%, #06070a 80%),
                linear-gradient(to bottom, rgba(6, 7, 10, 0.3) 0%, rgba(6, 7, 10, 0.98) 100%),
                url('https://images.unsplash.com/photo-1506703719100-a0f3a48c0f86?q=80&w=1920&auto=format&fit=crop') center center/cover no-repeat;
    filter: brightness(0.48) contrast(1.25);
    z-index: 0;
    pointer-events: none;
    transition: filter 0.4s ease, background 0.4s ease;
}

.moon-glow {
    position: fixed;
    top: 28%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 700px;
    height: 700px;
    background: radial-gradient(circle, rgba(var(--accent-rgb), 0.32) 0%, rgba(var(--accent-rgb), 0.12) 45%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
    filter: blur(100px);
    z-index: 1;
    transition: background 0.4s ease;
}

#snowCanvas {
    position: fixed;
    inset: 0;
    width: 100vw;
    height: 100vh;
    z-index: 1;
    pointer-events: none;
}

/* ===================================================
   TOP-LEFT WIDGET STACK (VIEWS + LANG + THEME + COLOR)
   =================================================== */
.top-left-stack {
    position: fixed;
    top: 24px;
    left: 24px;
    z-index: 100;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

/* 1. Views Pill */
.live-views-badge {
    background: rgba(12, 14, 22, 0.82);
    border: 1px solid rgba(255, 255, 255, 0.12);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-radius: 9999px;
    padding: 6px 14px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.1);
    transition: all 0.25s ease;
    cursor: default;
}

.live-views-badge:hover {
    border-color: rgba(var(--accent-rgb), 0.7);
    background: rgba(18, 20, 32, 0.95);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.7), 0 0 25px rgba(var(--accent-rgb), 0.55);
    transform: translateY(-1px);
}

.views-eye-icon {
    color: #e2e8f0;
    flex-shrink: 0;
    transition: color 0.2s ease;
}

.live-views-badge:hover .views-eye-icon {
    color: var(--accent-light);
    filter: drop-shadow(0 0 6px var(--accent-primary));
}

.views-count-num {
    font-family: 'Geist Mono', monospace;
    font-size: 0.84rem;
    font-weight: 700;
    color: #ffffff;
    letter-spacing: 0.02em;
}

/* 2. Language Dropdown Container & Buttons */
.lang-dropdown-wrap,
.color-picker-dropdown-wrap {
    position: relative;
}

.customization-dropdown-wrap {
    position: relative;
    display: inline-flex;
}

.customization-bar-btn {
    background: rgba(12, 14, 22, 0.82);
    border: 1px solid rgba(255, 255, 255, 0.14);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-radius: 9999px;
    padding: 6px 14px;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.1);
    cursor: pointer;
    outline: none;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
    color: #f1f5f9;
}

.customization-bar-btn:hover,
.customization-dropdown-wrap.open .customization-bar-btn {
    border-color: var(--accent-primary);
    background: rgba(18, 20, 32, 0.98);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.75), 0 0 24px rgba(var(--accent-rgb), 0.55);
    transform: translateY(-1px);
}

.custom-icon-wrap {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--accent-light);
    filter: drop-shadow(0 0 5px var(--accent-primary));
    transition: transform 0.3s ease;
}

.customization-bar-btn:hover .custom-icon-wrap {
    transform: rotate(30deg) scale(1.15);
}

.custom-btn-title {
    font-family: 'Geist Mono', monospace;
    font-size: 0.78rem;
    font-weight: 700;
    color: #f1f5f9;
    letter-spacing: 0.02em;
}

.custom-bar-badges {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 2px 7px;
    background: rgba(255, 255, 255, 0.07);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 9999px;
}

.custom-bar-theme-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #94a3b8;
    line-height: 1;
}

.custom-bar-flag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.active-flag-icon {
    font-size: 0.95rem;
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}

.custom-bar-color-dot,
.color-dot-indicator {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--accent-primary);
    box-shadow: 0 0 8px var(--accent-primary), 0 0 3px #ffffff;
    flex-shrink: 0;
    transition: background 0.3s ease, box-shadow 0.3s ease;
}

.custom-chevron {
    color: #94a3b8;
    transition: transform 0.25s ease, color 0.25s ease;
    flex-shrink: 0;
}

.customization-dropdown-wrap.open .custom-chevron {
    transform: rotate(180deg);
    color: var(--accent-light);
}

/* Master All-in-One Customization Panel */
.customization-panel {
    position: absolute;
    top: calc(100% + 10px);
    left: 0;
    width: 270px;
    max-height: min(580px, calc(100vh - 100px));
    background: rgba(12, 14, 22, 0.98);
    border: 1.5px solid var(--accent-primary);
    backdrop-filter: blur(28px);
    -webkit-backdrop-filter: blur(28px);
    border-radius: 18px;
    padding: 12px 10px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.95), 0 0 38px rgba(var(--accent-rgb), 0.45);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-8px) scale(0.96);
    transition: opacity 0.22s cubic-bezier(0.16, 1, 0.3, 1), transform 0.22s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.22s;
    z-index: 120;
    display: flex;
    flex-direction: column;
    gap: 8px;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

.customization-panel::-webkit-scrollbar {
    width: 4px;
}
.customization-panel::-webkit-scrollbar-track {
    background: transparent;
}
.customization-panel::-webkit-scrollbar-thumb {
    background: rgba(var(--accent-rgb), 0.5);
    border-radius: 8px;
}

.customization-dropdown-wrap.open .customization-panel {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scale(1);
}

.custom-panel-section {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.custom-section-label {
    display: flex;
    align-items: center;
    gap: 6px;
    font-family: 'Geist Mono', monospace;
    font-size: 0.72rem;
    font-weight: 700;
    color: #94a3b8;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    padding: 0 2px;
}

.custom-section-label svg {
    color: var(--accent-light);
}

.custom-active-lang-badge {
    margin-left: auto;
    font-size: 0.68rem;
    font-weight: 600;
    color: var(--accent-light);
    background: rgba(var(--accent-rgb), 0.18);
    padding: 2px 7px;
    border-radius: 6px;
    border: 1px solid rgba(var(--accent-rgb), 0.35);
    text-transform: none;
    max-width: 120px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* 1. Theme Segmented Control */
.theme-segmented-control {
    display: flex;
    gap: 4px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 11px;
    padding: 3px;
}

.theme-segment-btn {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 7px 10px;
    border-radius: 8px;
    font-family: 'Geist Mono', monospace;
    font-size: 0.74rem;
    font-weight: 600;
    color: #94a3b8;
    background: transparent;
    border: 1px solid transparent;
    cursor: pointer;
    transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
    outline: none;
}

.theme-segment-btn:hover {
    color: #f1f5f9;
    background: rgba(255, 255, 255, 0.08);
}

.theme-segment-btn.active {
    background: rgba(var(--accent-rgb), 0.35);
    border-color: var(--accent-primary);
    color: #ffffff;
    box-shadow: 0 0 14px rgba(var(--accent-rgb), 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.2);
    font-weight: 700;
}

.theme-segment-btn.active .segment-icon {
    color: var(--accent-light);
    filter: drop-shadow(0 0 4px var(--accent-primary));
}

.custom-panel-divider {
    height: 1px;
    background: rgba(255, 255, 255, 0.08);
    margin: 2px 0;
}

/* Search Box Inside Dropdown */
.lang-search-box {
    display: flex;
    align-items: center;
    gap: 6px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 10px;
    padding: 6px 10px;
    margin: 2px 2px 4px 2px;
    overflow: hidden;
}

.lang-search-box:focus-within {
    border-color: var(--accent-primary);
    background: rgba(var(--accent-rgb), 0.12);
    box-shadow: 0 0 14px rgba(var(--accent-rgb), 0.3);
}

.search-icon {
    color: #94a3b8;
    flex-shrink: 0;
}

.lang-search-input {
    width: 100%;
    background: none;
    border: none;
    outline: none;
    font-family: 'Geist Mono', monospace;
    font-size: 0.72rem;
    color: #f1f5f9;
}

.lang-search-input::placeholder {
    color: #64748b;
}

/* Options List */
.lang-options-list {
    max-height: 240px;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding-right: 2px;
}

.lang-options-list::-webkit-scrollbar {
    width: 4px;
    height: 0px !important;
}
.lang-options-list::-webkit-scrollbar-track {
    background: transparent;
}
.lang-options-list::-webkit-scrollbar-thumb {
    background: rgba(var(--accent-rgb), 0.5);
    border-radius: 8px;
}
.lang-options-list::-webkit-scrollbar-thumb:hover {
    background: rgba(var(--accent-rgb), 0.9);
}

.lang-opt {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 7px 10px;
    border-radius: 10px;
    cursor: pointer;
    font-family: 'Geist Mono', monospace;
    font-size: 0.76rem;
    color: #cbd5e1;
    transition: all 0.18s ease;
    width: 100%;
    box-sizing: border-box;
}

.lang-opt:hover {
    background: rgba(var(--accent-rgb), 0.28);
    color: #ffffff;
    transform: translateX(2px);
}

.lang-opt.active {
    background: rgba(var(--accent-rgb), 0.4);
    color: var(--accent-light);
    font-weight: 700;
    box-shadow: 0 0 12px rgba(var(--accent-rgb), 0.35);
}

.opt-flag-graphic {
    font-size: 1rem;
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    flex-shrink: 0;
}

.opt-text {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* 3. Theme Toggle Pill */
.theme-icon-wrap {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--accent-light);
    filter: drop-shadow(0 0 4px var(--accent-primary));
    transition: transform 0.3s ease, color 0.3s ease, filter 0.3s ease;
}

.theme-toggle-btn:hover .theme-icon-wrap {
    transform: rotate(15deg) scale(1.15);
    filter: drop-shadow(0 0 8px var(--accent-primary));
}

/* 4. Color Customizer Pill & Palette */
.color-dot-indicator {
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: var(--accent-primary);
    box-shadow: 0 0 12px var(--accent-primary), 0 0 4px #ffffff;
    flex-shrink: 0;
    transition: background 0.3s ease, box-shadow 0.3s ease;
}

.color-palette-svg {
    color: var(--accent-light);
    filter: drop-shadow(0 0 4px var(--accent-primary));
    transition: transform 0.3s ease, color 0.3s ease, filter 0.3s ease;
}

.color-picker-btn:hover .color-palette-svg {
    transform: rotate(25deg) scale(1.2);
    filter: drop-shadow(0 0 8px var(--accent-primary));
}

/* Color Presets Grid */
.color-presets-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 6px;
    padding: 4px 4px 2px 4px;
}

.color-swatch-opt {
    width: 100%;
    aspect-ratio: 1 / 1;
    border-radius: 8px;
    border: 2px solid rgba(255, 255, 255, 0.2);
    cursor: pointer;
    outline: none;
    box-shadow: 0 0 6px currentColor;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.color-swatch-opt:hover {
    transform: scale(1.22);
    border-color: #ffffff;
    box-shadow: 0 0 16px currentColor, 0 0 24px currentColor;
}

/* Interactive Color Wheel Canvas Container */
.wheel-canvas-container {
    position: relative;
    width: 190px;
    height: 190px;
    margin: 6px auto;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: crosshair;
    touch-action: none;
    user-select: none;
    -webkit-user-select: none;
}

#colorWheelCanvas {
    width: 190px;
    height: 190px;
    border-radius: 50%;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.7), 0 0 20px rgba(var(--accent-rgb), 0.35);
    display: block;
}

/* Draggable Glowing Cursor Pin */
.wheel-cursor-pin {
    position: absolute;
    top: 0;
    left: 0;
    width: 14px;
    height: 14px;
    margin-top: -7px;
    margin-left: -7px;
    border-radius: 50%;
    background: transparent;
    border: 2.5px solid #ffffff;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.9), 0 0 14px var(--accent-primary);
    pointer-events: none;
    transform: translate(95px, 95px);
    transition: box-shadow 0.15s ease;
}

/* Brightness Slider Group */
.slider-control-group {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 2px 4px;
    margin-top: 2px;
}

.slider-icon {
    font-size: 0.82rem;
    line-height: 1;
    flex-shrink: 0;
}

.brightness-range-slider {
    flex: 1;
    -webkit-appearance: none;
    appearance: none;
    height: 6px;
    border-radius: 9999px;
    background: linear-gradient(to right, #000000, var(--accent-primary), #ffffff);
    outline: none;
    cursor: pointer;
    border: 1px solid rgba(255, 255, 255, 0.15);
}

.brightness-range-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #ffffff;
    border: 2px solid var(--accent-primary);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.8), 0 0 10px var(--accent-primary);
    cursor: pointer;
    transition: transform 0.15s ease;
}

.brightness-range-slider::-webkit-slider-thumb:hover {
    transform: scale(1.25);
}

/* Bottom Hex Bar & Live Preview */
.color-hex-bar {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 4px 4px 2px 4px;
}

.current-color-preview-box {
    width: 24px;
    height: 24px;
    border-radius: 8px;
    border: 1.5px solid rgba(255, 255, 255, 0.3);
    background: var(--accent-primary);
    box-shadow: 0 0 12px var(--accent-primary);
    flex-shrink: 0;
    transition: background 0.15s ease, box-shadow 0.15s ease;
}

.hex-code-input {
    flex: 1;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 8px;
    padding: 4px 8px;
    font-family: 'Geist Mono', monospace;
    font-size: 0.76rem;
    font-weight: 700;
    color: #ffffff;
    text-align: center;
    text-transform: uppercase;
    outline: none;
    letter-spacing: 0.05em;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.hex-code-input:focus {
    border-color: var(--accent-primary);
    background: rgba(var(--accent-rgb), 0.14);
    box-shadow: 0 0 12px rgba(var(--accent-rgb), 0.5);
}

/* 4. Background Atmosphere Grid */
.bg-effects-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 6px;
}

.bg-effect-btn {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 8px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.09);
    color: #94a3b8;
    font-size: 0.7rem;
    font-weight: 600;
    font-family: inherit;
    cursor: pointer;
    outline: none;
    transition: all 0.2s ease;
    text-align: left;
}

.bg-btn-icon {
    font-size: 0.85rem;
    line-height: 1;
    flex-shrink: 0;
}

.bg-btn-text {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.bg-effect-btn:hover {
    background: rgba(var(--accent-rgb), 0.12);
    border-color: rgba(var(--accent-rgb), 0.4);
    color: #ffffff;
}

.bg-effect-btn.active {
    background: rgba(var(--accent-rgb), 0.2);
    border-color: var(--accent-primary);
    color: #ffffff;
    font-weight: 700;
    box-shadow: 0 0 10px rgba(var(--accent-rgb), 0.3);
}

/* 5. Reset to Defaults Button */
.custom-reset-wrap {
    padding-top: 2px;
    display: flex;
    justify-content: center;
}

.custom-reset-btn {
    width: 100%;
    padding: 8px 12px;
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.12);
    color: #94a3b8;
    font-size: 0.74rem;
    font-weight: 600;
    font-family: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    cursor: pointer;
    outline: none;
    transition: all 0.22s ease;
}

.custom-reset-btn:hover {
    background: rgba(var(--accent-rgb), 0.18);
    border-color: var(--accent-primary);
    color: #ffffff;
    box-shadow: 0 0 16px rgba(var(--accent-rgb), 0.35);
}

.custom-reset-btn:hover .reset-icon-svg {
    transform: rotate(-180deg);
    color: var(--accent-primary);
}

.reset-icon-svg {
    color: #94a3b8;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s ease;
}

.custom-reset-btn.reset-flash {
    background: rgba(16, 185, 129, 0.22) !important;
    border-color: #10b981 !important;
    color: #10b981 !important;
    box-shadow: 0 0 16px rgba(16, 185, 129, 0.4) !important;
}

.custom-reset-btn.reset-flash .reset-icon-svg {
    color: #10b981 !important;
    transform: rotate(-360deg);
}

/* ===================================================
   TOP HEADER & MAIN LOGO
   =================================================== */
.top-header {
    position: relative;
    width: 100%;
    padding: 38px 24px 20px 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
}

.brand-logo {
    height: 175px;
    max-height: 195px;
    max-width: 92vw;
    width: auto;
    object-fit: contain;
    mix-blend-mode: screen;
    opacity: 0.98;
    animation: logoFloatDark 4.5s ease-in-out infinite;
    cursor: pointer;
    transition: opacity 0.3s ease, transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), filter 0.4s ease;
}

.brand-logo:hover {
    opacity: 1;
    transform: translateY(-10px) scale(1.06);
    filter: invert(1) drop-shadow(0 0 36px var(--accent-primary)) drop-shadow(0 0 60px rgba(var(--accent-rgb), 0.5));
}

/* Main Container */
.main-wrapper {
    position: relative;
    z-index: 2;
    width: 100%;
    min-height: calc(100vh - 160px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding: 16px 24px 80px 24px;
}

.sections-container {
    width: 100%;
    max-width: 500px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: center;
}

/* Frosted Glass Box Cards with 3D Holographic Tilt */
.box {
    position: relative;
    width: 100%;
    background: rgba(12, 14, 22, 0.82);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 24px;
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    box-shadow: 0 24px 64px rgba(0, 0, 0, 0.75), 0 0 1px 1px rgba(255, 255, 255, 0.06);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 36px 32px;
    transform-style: preserve-3d;
    will-change: transform;
    transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.15s cubic-bezier(0.2, 0, 0.2, 1);
    overflow: hidden;
}

.card-glare-sheen {
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    z-index: 5;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.box:hover {
    border-color: var(--accent-primary);
    box-shadow: 0 28px 72px rgba(0, 0, 0, 0.85), 0 0 45px rgba(var(--accent-rgb), 0.48);
}

/* Profile Main Box Header */
.profile-main-box {
    padding: 34px 28px;
    margin-bottom: 64px;
}

.profile-header-wrap {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}

/* PFP Container & Frame */
.pfp-container {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.pfp-frame {
    position: relative;
    z-index: 2;
    width: 96px;
    height: 96px;
    border-radius: 50%;
    border: 2.5px solid var(--accent-primary);
    box-shadow: 0 0 28px rgba(0, 0, 0, 0.8), 0 0 28px rgba(var(--accent-rgb), 0.55);
    overflow: hidden;
    background: #111116;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

.pfp-frame:hover {
    border-color: #ffffff;
    box-shadow: 0 0 45px rgba(var(--accent-rgb), 0.85), 0 0 15px #ffffff;
    transform: scale(1.04);
}

.pfp-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Verified Badge on PFP Corner */
.pfp-verified-badge {
    position: absolute;
    bottom: 0px;
    right: 0px;
    z-index: 16;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: #06070a;
    border: 2px solid #06070a;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.8), 0 0 16px rgba(29, 155, 240, 0.7);
    transition: opacity 0.25s cubic-bezier(0.16, 1, 0.3, 1), transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.25s, background 0.4s ease, border-color 0.4s ease;
    cursor: default;
    z-index: 10;
    opacity: 1;
    visibility: visible;
}

.pfp-verified-badge:hover {
    transform: scale(1.15) rotate(8deg);
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.9), 0 0 20px rgba(29, 155, 240, 0.95);
}

/* Auto-hide PFP verified badge when any badge tooltip appears */
.pfp-verified-badge.hide-for-tooltip,
.profile-main-box:has(.smooth-badge-item:hover) .pfp-verified-badge,
.profile-main-box:has(.smooth-badge-item.active) .pfp-verified-badge {
    opacity: 0 !important;
    visibility: hidden !important;
    transform: scale(0.4) translateY(6px) !important;
    pointer-events: none !important;
}

.pfp-verified-svg {
    width: 100%;
    height: 100%;
    display: block;
}

/* ===================================================
   PROFILE HANDLE TYPEWRITER EFFECT (@ᛋILI - TIGHT & MINI)
   =================================================== */
.profile-typewriter-wrap {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0px;
    padding: 0;
    margin: -2px 0 0 0;
    background: none;
    border: none;
    box-shadow: none;
    user-select: none;
}

.typewriter-at-symbol {
    font-family: 'Geist Mono', 'SF Mono', monospace, sans-serif;
    font-size: 1.32rem;
    font-weight: 800;
    line-height: 1;
    color: #ffffff;
    text-shadow: 0 0 10px #ffffff, 0 0 20px var(--accent-light), 0 0 32px var(--accent-primary);
    filter: drop-shadow(0 0 6px rgba(var(--accent-rgb), 0.9));
    transition: opacity 0.1s ease, transform 0.1s ease;
    opacity: 0;
    transform: scale(0.85);
    display: inline-block;
    margin-right: -4px;
    position: relative;
    top: -1px;
}

.typewriter-at-symbol.visible {
    opacity: 1;
    transform: scale(1);
}

.sili-svg-viewport {
    height: 16px;
    width: 0px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    transition: width 0.08s ease-out;
}

.sili-exact-svg {
    height: 16px;
    width: 38px;
    min-width: 38px;
    color: #ffffff;
    filter: drop-shadow(0 0 5px rgba(255, 255, 255, 0.4)) drop-shadow(0 0 12px rgba(var(--accent-rgb), 0.45));
    transition: color 0.3s ease;
}

.sili-char {
    transition: opacity 0.08s ease;
}

.typewriter-cursor-bar {
    display: inline-block;
    font-family: monospace, sans-serif;
    font-size: 1rem;
    line-height: 1;
    color: var(--accent-primary);
    font-weight: 900;
    margin-left: 1px;
    text-shadow: 0 0 8px var(--accent-primary), 0 0 16px rgba(var(--accent-rgb), 0.85);
    animation: typewriterCursorBlink 0.8s steps(2, start) infinite;
    transform: translateY(-0.5px);
}

@keyframes typewriterCursorBlink {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
}

/* Smooth Badges Bar Underneath PFP */
.smooth-badges-bar {
    min-width: 250px;
    min-height: 44px;
    background: rgba(18, 20, 32, 0.88);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 9999px;
    padding: 6px 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 4px 16px rgba(0, 0, 0, 0.4);
    transition: all 0.25s ease;
    position: relative;
    z-index: 20;
}

.smooth-badges-bar:hover {
    border-color: var(--accent-primary);
    background: rgba(22, 25, 40, 0.96);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 6px 25px rgba(var(--accent-rgb), 0.35);
}

/* Smooth Badge Item */
.smooth-badge-item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 6px 6px;
    border-radius: 8px;
    outline: none;
    transition: all 0.2s ease;
}

/* Clean Handshake Icon Image */
.badge-icon-img {
    width: 22px;
    height: 22px;
    object-fit: contain;
    display: block;
    filter: drop-shadow(0 0 3px rgba(255, 255, 255, 0.4));
    transition: transform 0.2s ease, filter 0.3s ease;
}

/* Mallet Vector SVG */
.badge-icon-svg.hammer-mallet-svg {
    fill: #ffffff;
    color: #ffffff;
    filter: drop-shadow(0 0 3px rgba(255, 255, 255, 0.4));
    transition: transform 0.2s ease, filter 0.2s ease, fill 0.3s ease, color 0.3s ease;
}

/* Web Globe Icon SVG */
.badge-icon-svg.web-globe-icon {
    stroke: #ffffff;
    filter: drop-shadow(0 0 3px rgba(255, 255, 255, 0.4));
    transition: transform 0.2s ease, filter 0.2s ease, stroke 0.3s ease;
}

/* Developer Browser Icon SVG */
.badge-icon-svg.dev-browser-svg {
    stroke: #ffffff;
    color: #ffffff;
    filter: drop-shadow(0 0 3px rgba(255, 255, 255, 0.4));
    transition: transform 0.2s ease, filter 0.2s ease, stroke 0.3s ease, color 0.3s ease;
}

/* Ledger USB Swivel Icon in Badges Bar */
.badge-icon-svg.ledger-usb-svg {
    filter: drop-shadow(0 0 6px var(--accent-primary));
    transition: transform 0.2s ease, filter 0.2s ease;
}

/* Verified Rosette SVG Badge in Bar */
.badge-icon-svg.verified-badge-svg {
    filter: drop-shadow(0 0 8px rgba(29, 155, 240, 0.8));
    transition: transform 0.2s ease, filter 0.2s ease;
}

.smooth-badge-item:hover .badge-icon-img,
.smooth-badge-item.active .badge-icon-img {
    transform: scale(1.2);
    filter: drop-shadow(0 0 14px var(--accent-primary));
}

.smooth-badge-item:hover .hammer-mallet-svg,
.smooth-badge-item.active .hammer-mallet-svg {
    transform: scale(1.2);
    filter: drop-shadow(0 0 14px var(--accent-primary));
}

.smooth-badge-item:hover .dev-browser-svg,
.smooth-badge-item.active .dev-browser-svg {
    transform: scale(1.2);
    stroke: #ffffff;
    filter: drop-shadow(0 0 14px var(--accent-primary));
}

.smooth-badge-item:hover .web-globe-icon,
.smooth-badge-item.active .web-globe-icon {
    transform: scale(1.2);
    stroke: #ffffff;
    filter: drop-shadow(0 0 14px var(--accent-primary));
}

.smooth-badge-item:hover .ledger-usb-svg,
.smooth-badge-item.active .ledger-usb-svg {
    transform: scale(1.22);
    filter: drop-shadow(0 0 16px var(--accent-primary));
}

.smooth-badge-item:hover .verified-badge-svg,
.smooth-badge-item.active .verified-badge-svg {
    transform: scale(1.2);
    filter: drop-shadow(0 0 14px rgba(29, 155, 240, 1));
}

/* Badge Tooltip */
.badge-tooltip {
    position: absolute;
    bottom: calc(100% + 12px);
    left: 50%;
    transform: translateX(-50%) translateY(6px);
    background: #0d0f1a;
    border: 1.5px solid var(--accent-primary);
    color: #ffffff;
    font-family: 'Geist Mono', monospace;
    font-size: 0.76rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    padding: 6px 12px;
    border-radius: 8px;
    white-space: nowrap;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.95), 0 0 25px rgba(var(--accent-rgb), 0.6);
    transition: opacity 0.2s cubic-bezier(0.16, 1, 0.3, 1), transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.2s;
    z-index: 150;
}

.badge-tooltip::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-width: 5px;
    border-style: solid;
    border-color: #0d0f1a transparent transparent transparent;
}

.smooth-badge-item:hover .badge-tooltip,
.smooth-badge-item.active .badge-tooltip {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(-2px);
}

/* Sections Styling */
.socials-section,
.about-section,
.wallet-section {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 16px;
}

/* Square Badges with Bright Luminous Gradients */
.at-icon-badge {
    width: 68px;
    height: 68px;
    border-radius: 18px;
    background: radial-gradient(circle at 35% 35%, rgba(var(--accent-rgb), 0.35), rgba(13, 14, 23, 0.95));
    border: 2px solid var(--accent-primary);
    box-shadow: 0 0 24px rgba(0, 0, 0, 0.8), 0 0 28px rgba(var(--accent-rgb), 0.45);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--accent-light);
    transition: all 0.3s ease;
}

.at-icon-badge:hover {
    border-color: #ffffff;
    box-shadow: 0 0 40px rgba(var(--accent-rgb), 0.8), 0 0 15px #ffffff;
    transform: scale(1.06);
    color: #ffffff;
}

.at-icon-badge.code-badge {
    background: radial-gradient(circle at 35% 35%, rgba(var(--accent-rgb), 0.35), rgba(13, 14, 23, 0.95));
    border-color: var(--accent-primary);
    color: var(--accent-light);
}

.at-icon-badge.code-badge:hover {
    border-color: #ffffff;
    color: #ffffff;
}

/* Ledger Hardware Wallet Badge Container */
.at-icon-badge.wallet-badge {
    background: radial-gradient(circle at 35% 35%, rgba(var(--accent-rgb), 0.35), rgba(13, 14, 23, 0.95));
    border-color: var(--accent-primary);
    color: var(--accent-light);
    cursor: pointer;
}

.at-icon-badge.wallet-badge:hover {
    border-color: #ffffff;
    box-shadow: 0 0 40px rgba(var(--accent-rgb), 0.85);
    transform: scale(1.07);
}

.ledger-large-svg {
    filter: drop-shadow(0 0 8px var(--accent-primary));
}

/* Section Header */
.about-header-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}

.role-pill {
    font-family: 'Geist Mono', monospace;
    font-size: 0.74rem;
    color: var(--accent-light);
    background: rgba(var(--accent-rgb), 0.18);
    border: 1.5px solid var(--accent-primary);
    box-shadow: 0 0 14px rgba(var(--accent-rgb), 0.3);
    padding: 3px 12px;
    border-radius: 9999px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 700;
}

.role-pill.wallet-pill {
    color: var(--accent-light);
    background: rgba(var(--accent-rgb), 0.18);
    border-color: var(--accent-primary);
}

.section-title {
    font-size: 1.3rem;
    font-weight: 700;
    color: #ffffff;
    letter-spacing: -0.01em;
}

/* Bio Text */
.about-bio {
    font-size: 0.88rem;
    line-height: 1.6;
    color: #cbd5e1;
}

.about-bio strong {
    color: #ffffff;
}

/* Focus Tags Grid */
.about-tags-grid {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 4px;
}

.about-tag-pill {
    width: 100%;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    padding: 10px 14px;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 0.82rem;
    color: #e2e8f0;
    text-align: left;
    transition: all 0.2s ease;
}

.about-tag-pill:hover {
    background: rgba(255, 255, 255, 0.08);
    border-color: var(--accent-primary);
    box-shadow: 0 0 16px rgba(var(--accent-rgb), 0.3);
    transform: translateX(2px);
}

.tag-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--accent-primary);
    box-shadow: 0 0 12px var(--accent-primary), 0 0 4px #ffffff;
    flex-shrink: 0;
}

/* Connect Action Button with High Brightness Gradient */
.connect-btn {
    width: 100%;
    max-width: 320px;
    background: linear-gradient(135deg, rgba(var(--accent-rgb), 0.35), rgba(var(--accent-rgb), 0.2));
    border: 1.5px solid var(--accent-primary);
    border-radius: 14px;
    padding: 14px 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #ffffff;
    font-size: 0.95rem;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5), 0 0 25px rgba(var(--accent-rgb), 0.38);
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
    margin-top: 4px;
}

.connect-btn:hover {
    background: linear-gradient(135deg, rgba(var(--accent-rgb), 0.55), rgba(var(--accent-rgb), 0.35));
    border-color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6), 0 0 35px rgba(var(--accent-rgb), 0.7);
}

.btn-arrow {
    color: var(--accent-light);
    transition: transform 0.2s ease, color 0.2s ease;
}

.connect-btn:hover .btn-arrow {
    transform: translate(2px, -2px);
    color: #ffffff;
}

/* ===================================================
   SECTION 3: BUSINESS E-MAIL & OPENING ENVELOPE
   =================================================== */
.email-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 16px;
}

.at-icon-badge.email-badge {
    background: radial-gradient(circle at 35% 35%, rgba(var(--accent-rgb), 0.35), rgba(13, 14, 23, 0.95));
    border-color: var(--accent-primary);
    color: var(--accent-light);
    cursor: pointer;
    box-shadow: 0 0 24px rgba(var(--accent-rgb), 0.5);
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.at-icon-badge.email-badge:hover {
    border-color: #ffffff;
    box-shadow: 0 0 42px rgba(var(--accent-rgb), 0.9);
    transform: scale(1.08) translateY(-2px);
}

.envelope-animated-svg {
    filter: drop-shadow(0 0 8px var(--accent-primary));
}

.role-pill.email-pill {
    color: var(--accent-light);
    background: rgba(var(--accent-rgb), 0.18);
    border-color: var(--accent-primary);
}

/* Interactive Click-To-Copy E-Mail Card */
.email-address-card {
    width: 100%;
    background: rgba(14, 16, 26, 0.75);
    border: 1px solid rgba(255, 255, 255, 0.12);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-radius: 14px;
    padding: 12px 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 4px 16px rgba(0, 0, 0, 0.35);
    cursor: pointer;
    user-select: none;
    outline: none;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
    position: relative;
    overflow: hidden;
}

.email-address-card:hover {
    border-color: var(--accent-primary);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 8px 28px rgba(var(--accent-rgb), 0.45);
    background: rgba(22, 25, 42, 0.95);
    transform: translateY(-2px);
}

.email-address-card:active {
    transform: scale(0.985);
}

.email-card-content {
    display: flex;
    align-items: center;
    gap: 12px;
    overflow: hidden;
}

.email-icon-box {
    width: 30px;
    height: 30px;
    border-radius: 8px;
    background: rgba(var(--accent-rgb), 0.2);
    border: 1px solid rgba(var(--accent-rgb), 0.45);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--accent-light);
    flex-shrink: 0;
    transition: all 0.2s ease;
}

.email-address-card:hover .email-icon-box {
    background: var(--accent-primary);
    color: #ffffff;
    box-shadow: 0 0 12px var(--accent-primary);
}

.email-address-label {
    font-family: 'Geist Mono', 'SF Mono', monospace, sans-serif;
    font-size: 0.96rem;
    font-weight: 700;
    color: #ffffff;
    letter-spacing: 0.02em;
    transition: color 0.2s ease;
}

.email-copy-indicator {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--accent-light);
    flex-shrink: 0;
    transition: all 0.2s ease;
}

.email-copy-indicator .copy-idle-svg {
    display: block;
    opacity: 0.75;
    transition: all 0.2s ease;
}

.email-copy-indicator .copy-success-svg {
    display: none;
}

.email-address-card:hover .email-copy-indicator .copy-idle-svg {
    opacity: 1;
    transform: scale(1.15);
    color: #ffffff;
}

/* Copied State */
.email-address-card.copied {
    border-color: #10b981 !important;
    background: rgba(16, 185, 129, 0.15) !important;
    box-shadow: 0 0 30px rgba(16, 185, 129, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
}

.email-address-card.copied .email-icon-box {
    background: #10b981 !important;
    border-color: #34d399 !important;
    color: #ffffff !important;
    box-shadow: 0 0 12px #10b981 !important;
}

.email-address-card.copied .copy-idle-svg {
    display: none;
}

.email-address-card.copied .copy-success-svg {
    display: block;
    animation: bounceInCheck 0.3s ease;
}

@keyframes bounceInCheck {
    0% { transform: scale(0.4); opacity: 0; }
    70% { transform: scale(1.25); }
    100% { transform: scale(1); opacity: 1; }
}

.connect-btn.email-action-btn {
    background: linear-gradient(135deg, rgba(var(--accent-rgb), 0.38) 0%, rgba(124, 58, 237, 0.28) 100%);
    border-color: var(--accent-primary);
}

.connect-btn.email-action-btn:hover {
    background: linear-gradient(135deg, rgba(var(--accent-rgb), 0.6) 0%, rgba(124, 58, 237, 0.5) 100%);
    box-shadow: 0 0 30px rgba(var(--accent-rgb), 0.6);
}

/* Light Theme Overrides for Email Card */
body.light-theme .email-address-card {
    background: rgba(255, 255, 255, 0.88);
    border-color: rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);
}

body.light-theme .email-address-label {
    color: #0f172a;
}

/* ===================================================
   SECTION 4: PGP PUBLIC KEY & CRYPTOGRAPHY
   =================================================== */
.pgp-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 16px;
    width: 100%;
    position: relative;
}

/* ===================================================
   ULTRA-SMOOTH CYBER PIN VAULT (HIGH-END MINIMALIST UI)
   =================================================== */
.pgp-lock-card {
    width: 100%;
    background: linear-gradient(145deg, rgba(20, 24, 42, 0.88) 0%, rgba(10, 12, 22, 0.96) 100%);
    border: 1px solid rgba(var(--accent-rgb), 0.38);
    border-radius: 20px;
    padding: 20px 22px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 14px;
    box-shadow: 0 16px 44px rgba(0, 0, 0, 0.6), 0 0 30px rgba(var(--accent-rgb), 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
    position: relative;
    z-index: 10;
    overflow: hidden;
}

/* Subtle Shimmering Ambient Light */
.pgp-lock-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 20%;
    right: 20%;
    height: 1.5px;
    background: linear-gradient(90deg, transparent, var(--accent-light), transparent);
    filter: drop-shadow(0 0 8px var(--accent-primary));
}

.pgp-lock-card.unlocked-hidden {
    opacity: 0;
    max-height: 0;
    padding: 0;
    margin: 0;
    border: none;
    overflow: hidden;
    pointer-events: none;
    transform: scale(0.94) translateY(-14px);
    filter: blur(8px);
}

/* Top Sleek Vault Pill */
.pgp-vault-top-pill {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(var(--accent-rgb), 0.12);
    border: 1px solid rgba(var(--accent-rgb), 0.3);
    padding: 4px 12px;
    border-radius: 9999px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 2px 8px rgba(0, 0, 0, 0.3);
}

.pgp-pill-led {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #ef4444;
    box-shadow: 0 0 8px #ef4444;
    animation: ledPulse 1.8s ease-in-out infinite;
}

@keyframes ledPulse {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.45; transform: scale(0.8); }
}

.pgp-pill-title {
    font-size: 0.76rem;
    font-weight: 700;
    color: #ffffff;
    letter-spacing: 0.02em;
}

.pgp-pill-divider {
    color: rgba(255, 255, 255, 0.3);
    font-size: 0.7rem;
}

.pgp-pill-hint {
    font-family: 'Geist Mono', monospace;
    font-size: 0.7rem;
    font-weight: 700;
    color: var(--accent-light);
    letter-spacing: 0.04em;
}

.pgp-vault-sub {
    font-size: 0.76rem;
    color: #94a3b8;
    line-height: 1.4;
    margin: 0;
}

.pgp-password-form {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    width: 100%;
}

/* 4-Digit Segmented PIN Slots */
.pgp-pin-boxes-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    width: 100%;
}

.pgp-pin-digit {
    width: 52px;
    height: 56px;
    background: rgba(10, 12, 22, 0.85);
    border: 1.5px solid rgba(255, 255, 255, 0.12);
    border-radius: 14px;
    color: #ffffff;
    font-family: 'Geist Mono', monospace;
    font-size: 1.45rem;
    font-weight: 800;
    text-align: center;
    outline: none;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
    box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.6), 0 4px 12px rgba(0, 0, 0, 0.25);
    -webkit-appearance: none;
}

.pgp-pin-digit:focus {
    border-color: var(--accent-primary);
    background: rgba(var(--accent-rgb), 0.14);
    box-shadow: 0 0 22px rgba(var(--accent-rgb), 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.2);
    transform: translateY(-2px) scale(1.05);
}

.pgp-pin-digit.filled {
    border-color: rgba(var(--accent-rgb), 0.6);
    background: rgba(var(--accent-rgb), 0.1);
    color: var(--accent-light);
    box-shadow: 0 0 14px rgba(var(--accent-rgb), 0.3);
}

.pgp-pin-digit.success {
    border-color: #10b981 !important;
    color: #34d399 !important;
    background: rgba(16, 185, 129, 0.2) !important;
    box-shadow: 0 0 24px rgba(16, 185, 129, 0.8) !important;
    transform: scale(1.06);
}

.pgp-pin-boxes-wrap.error .pgp-pin-digit {
    border-color: #ef4444 !important;
    color: #fca5a5 !important;
    background: rgba(239, 68, 68, 0.16) !important;
    box-shadow: 0 0 18px rgba(239, 68, 68, 0.6) !important;
}

.pgp-pin-boxes-wrap.error {
    animation: smoothShake 0.45s cubic-bezier(0.36, 0.07, 0.19, 0.97);
}

@keyframes smoothShake {
    0%, 100% { transform: translateX(0); }
    20%, 60% { transform: translateX(-6px); }
    40%, 80% { transform: translateX(6px); }
}

/* Bottom Action Row */
.pgp-pin-action-row {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.pgp-error-msg {
    font-size: 0.75rem;
    font-family: 'Geist Mono', monospace;
    font-weight: 700;
    color: #f87171;
    text-align: left;
    margin-left: 4px;
    display: none;
    animation: fadeInDown 0.25s ease;
}

.pgp-unlock-btn {
    background: linear-gradient(135deg, rgba(var(--accent-rgb), 0.4) 0%, rgba(124, 58, 237, 0.35) 100%);
    border: 1.5px solid var(--accent-primary);
    color: #ffffff;
    font-family: 'Geist', sans-serif;
    font-size: 0.8rem;
    font-weight: 700;
    padding: 7px 16px;
    border-radius: 9999px;
    cursor: pointer;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4), 0 0 16px rgba(var(--accent-rgb), 0.35);
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
    white-space: nowrap;
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.pgp-unlock-btn:hover {
    background: linear-gradient(135deg, rgba(var(--accent-rgb), 0.7) 0%, rgba(124, 58, 237, 0.6) 100%);
    border-color: #ffffff;
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.5), 0 0 26px rgba(var(--accent-rgb), 0.7);
    transform: translateY(-1.5px) scale(1.03);
}

.pgp-unlock-btn:active {
    transform: scale(0.97);
}

@keyframes shakeError {
    0%, 100% { transform: translateX(0); }
    20%, 60% { transform: translateX(-6px); }
    40%, 80% { transform: translateX(6px); }
}

/* Vault Content & Blurred State */
.pgp-vault-content {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    transition: filter 0.6s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.6s ease, transform 0.6s ease;
}

.pgp-vault-content.pgp-locked-blurred {
    filter: blur(8px) brightness(0.7);
    opacity: 0.35;
    pointer-events: none;
    user-select: none;
    transform: scale(0.985);
}

/* Unlocked Bar & Relock button */
.pgp-unlocked-bar {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: rgba(16, 185, 129, 0.12);
    border: 1px solid rgba(16, 185, 129, 0.4);
    border-radius: 10px;
    padding: 6px 12px;
    animation: fadeInDown 0.4s ease;
}

.pgp-unlocked-tag {
    font-family: 'Geist Mono', monospace;
    font-size: 0.74rem;
    font-weight: 700;
    color: #34d399;
    display: flex;
    align-items: center;
    gap: 4px;
}

.pgp-relock-btn {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.15);
    color: #94a3b8;
    font-family: 'Geist Mono', monospace;
    font-size: 0.68rem;
    font-weight: 600;
    padding: 3px 8px;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.pgp-relock-btn:hover {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.08);
    border-color: #ffffff;
}

.at-icon-badge.pgp-badge {
    background: radial-gradient(circle at 35% 35%, rgba(var(--accent-rgb), 0.35), rgba(13, 14, 23, 0.95));
    border-color: var(--accent-primary);
    color: var(--accent-light);
    cursor: pointer;
    box-shadow: 0 0 24px rgba(var(--accent-rgb), 0.5);
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.at-icon-badge.pgp-badge:hover {
    border-color: #ffffff;
    box-shadow: 0 0 42px rgba(var(--accent-rgb), 0.9);
    transform: scale(1.08) translateY(-2px);
}

.padlock-animated-svg {
    filter: drop-shadow(0 0 8px var(--accent-primary));
}

.role-pill.pgp-pill {
    color: var(--accent-light);
    background: rgba(var(--accent-rgb), 0.18);
    border-color: var(--accent-primary);
}

.pgp-meta-wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1px;
    overflow: hidden;
}

.pgp-sub-label {
    font-family: 'Geist Mono', monospace;
    font-size: 0.68rem;
    font-weight: 700;
    color: var(--accent-light);
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.pgp-fingerprint-label {
    font-size: 0.88rem !important;
}

/* Collapsible Full PGP Key Drawer */
.pgp-drawer-wrap {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

.pgp-toggle-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: transparent;
    border: none;
    color: #94a3b8;
    font-family: 'Geist Mono', monospace;
    font-size: 0.78rem;
    font-weight: 600;
    cursor: pointer;
    padding: 4px 10px;
    border-radius: 6px;
    transition: all 0.2s ease;
}

.pgp-toggle-btn:hover {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.06);
}

.pgp-chevron-icon {
    transition: transform 0.25s ease;
}

.pgp-toggle-btn.open .pgp-chevron-icon {
    transform: rotate(180deg);
}

.pgp-code-drawer {
    width: 100%;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    background: rgba(9, 11, 18, 0.85);
    border: 1px solid transparent;
    border-radius: 12px;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
    display: flex;
    flex-direction: column;
    text-align: left;
}

.pgp-code-drawer.open {
    max-height: 280px;
    opacity: 1;
    border-color: rgba(var(--accent-rgb), 0.35);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 8px 24px rgba(0, 0, 0, 0.4);
    margin-top: 4px;
}

.pgp-code-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 12px;
    background: rgba(255, 255, 255, 0.03);
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.pgp-code-filename {
    font-family: 'Geist Mono', monospace;
    font-size: 0.72rem;
    color: #94a3b8;
    font-weight: 600;
}

.pgp-drawer-copy-btn {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: rgba(var(--accent-rgb), 0.2);
    border: 1px solid var(--accent-primary);
    color: #ffffff;
    font-family: 'Geist Mono', monospace;
    font-size: 0.72rem;
    font-weight: 700;
    padding: 3px 8px;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.pgp-drawer-copy-btn:hover {
    background: var(--accent-primary);
}

.pgp-drawer-copy-btn.copied {
    background: #10b981 !important;
    border-color: #34d399 !important;
}

.pgp-raw-block {
    padding: 10px 12px;
    margin: 0;
    font-family: 'Geist Mono', 'SF Mono', monospace;
    font-size: 0.68rem;
    line-height: 1.45;
    color: #cbd5e1;
    overflow-x: auto;
    overflow-y: auto;
    max-height: 180px;
    white-space: pre;
    user-select: all;
}

/* Light Theme Overrides for PGP Drawer */
body.light-theme .pgp-code-drawer {
    background: rgba(245, 247, 250, 0.95);
    border-color: rgba(0, 0, 0, 0.1);
}

body.light-theme .pgp-raw-block {
    color: #1e293b;
}

body.light-theme .pgp-sub-label {
    color: var(--accent-primary);
}

/* PGP Apps & Tools Container */
.pgp-apps-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    margin-top: 4px;
}

.pgp-apps-title {
    font-family: 'Geist Mono', monospace;
    font-size: 0.72rem;
    font-weight: 600;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.pgp-apps-pills {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.pgp-app-tag {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #cbd5e1;
    font-family: 'Geist Mono', monospace;
    font-size: 0.72rem;
    font-weight: 600;
    padding: 4px 9px;
    border-radius: 9999px;
    transition: all 0.2s ease;
    cursor: default;
}

.pgp-app-tag svg {
    color: var(--accent-light);
}

.pgp-app-tag:hover {
    border-color: var(--accent-primary);
    background: rgba(var(--accent-rgb), 0.15);
    color: #ffffff;
    transform: translateY(-1px);
}

/* PGP Interactive Step-by-Step Guide Bar & Expandable Drawer */
.pgp-guide-wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    margin-top: 4px;
}

.pgp-guide-bar {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.05) 0%, rgba(var(--accent-rgb), 0.08) 100%);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 12px;
    padding: 10px 14px;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);
    user-select: none;
}

.pgp-guide-bar:hover {
    background: linear-gradient(135deg, rgba(var(--accent-rgb), 0.16) 0%, rgba(124, 58, 237, 0.16) 100%);
    border-color: var(--accent-primary);
    box-shadow: 0 0 24px rgba(var(--accent-rgb), 0.35);
    transform: translateY(-1.5px);
}

.pgp-guide-bar-left {
    display: flex;
    align-items: center;
    gap: 10px;
    text-align: left;
}

.pgp-guide-icon-pill {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: rgba(var(--accent-rgb), 0.2);
    border: 1px solid var(--accent-primary);
    color: var(--accent-light);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: all 0.25s ease;
}

.pgp-guide-bar:hover .pgp-guide-icon-pill {
    background: var(--accent-primary);
    color: #ffffff;
    box-shadow: 0 0 10px var(--accent-primary);
}

.pgp-guide-bar-text {
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.pgp-guide-main-label {
    font-size: 0.82rem;
    font-weight: 700;
    color: #ffffff;
    letter-spacing: 0.01em;
}

.pgp-guide-sub-hint {
    font-size: 0.7rem;
    font-weight: 500;
    color: #94a3b8;
    font-family: 'Geist Mono', monospace;
}

.pgp-guide-arrow-box {
    width: 26px;
    height: 26px;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.04);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--accent-light);
    flex-shrink: 0;
    transition: all 0.25s ease;
}

.pgp-guide-chevron-svg {
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.pgp-guide-bar.open .pgp-guide-chevron-svg {
    transform: rotate(180deg);
}

.pgp-guide-bar.open {
    border-color: var(--accent-primary);
    background: linear-gradient(135deg, rgba(var(--accent-rgb), 0.2) 0%, rgba(124, 58, 237, 0.18) 100%);
}

.pgp-guide-drawer {
    width: 100%;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

.pgp-guide-drawer.open {
    max-height: 420px;
    opacity: 1;
    margin-top: 4px;
}

.pgp-steps-grid {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
}

.pgp-step-card {
    background: rgba(12, 14, 24, 0.88);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    padding: 12px 14px;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    text-align: left;
    backdrop-filter: blur(12px);
    transition: all 0.2s ease;
}

.pgp-step-card:hover {
    border-color: rgba(var(--accent-rgb), 0.5);
    background: rgba(18, 21, 35, 0.96);
    transform: translateX(3px);
}

.pgp-step-num {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: var(--accent-primary);
    color: #ffffff;
    font-family: 'Geist Mono', monospace;
    font-size: 0.75rem;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-top: 1px;
    box-shadow: 0 0 10px rgba(var(--accent-rgb), 0.6);
}

.pgp-step-body {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.pgp-step-title {
    font-size: 0.82rem;
    font-weight: 700;
    color: #ffffff;
    margin: 0;
}

.pgp-step-desc {
    font-size: 0.74rem;
    color: #94a3b8;
    line-height: 1.45;
    margin: 0;
}

/* Light theme overrides */
body.light-theme .pgp-guide-bar {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.92) 0%, rgba(240, 243, 248, 0.95) 100%);
    border-color: rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);
}

body.light-theme .pgp-guide-main-label {
    color: #0f172a;
}

body.light-theme .pgp-guide-sub-hint {
    color: #64748b;
}

body.light-theme .pgp-step-card {
    background: rgba(255, 255, 255, 0.92);
    border-color: rgba(0, 0, 0, 0.08);
}

body.light-theme .pgp-step-title {
    color: #0f172a;
}

body.light-theme .pgp-step-desc {
    color: #64748b;
}

body.light-theme .pgp-app-tag {
    background: rgba(0, 0, 0, 0.04);
    border-color: rgba(0, 0, 0, 0.08);
    color: #334155;
}

/* ===================================================
   SECTION 5: UNIVERSAL WALLET & SUPPORT
   =================================================== */
.wallet-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 16px;
    width: 100%;
}

.at-icon-badge.wallet-badge {
    background: radial-gradient(circle at 35% 35%, rgba(var(--accent-rgb), 0.35), rgba(13, 14, 23, 0.95));
    border-color: var(--accent-primary);
    color: var(--accent-light);
    cursor: pointer;
    box-shadow: 0 0 24px rgba(var(--accent-rgb), 0.5);
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.at-icon-badge.wallet-badge:hover {
    border-color: #ffffff;
    box-shadow: 0 0 42px rgba(var(--accent-rgb), 0.9);
    transform: scale(1.08) translateY(-2px);
}

.ledger-large-svg {
    filter: drop-shadow(0 0 8px var(--accent-primary));
}

.role-pill.wallet-pill {
    color: var(--accent-light);
    background: rgba(var(--accent-rgb), 0.18);
    border-color: var(--accent-primary);
}

.connect-btn.wallet-action-btn {
    background: linear-gradient(135deg, rgba(var(--accent-rgb), 0.38) 0%, rgba(124, 58, 237, 0.28) 100%);
    border-color: var(--accent-primary);
}

.connect-btn.wallet-action-btn:hover {
    background: linear-gradient(135deg, rgba(var(--accent-rgb), 0.6) 0%, rgba(124, 58, 237, 0.5) 100%);
    box-shadow: 0 0 30px rgba(var(--accent-rgb), 0.6);
}

/* ===================================================
   SECTION 6: AMA DROP-BOX (ASK ME ANYTHING)
   =================================================== */
.ama-section {
    position: relative;
}

.at-icon-badge.ama-badge {
    background: radial-gradient(circle, rgba(var(--accent-rgb), 0.25) 0%, rgba(var(--accent-rgb), 0.08) 70%);
    border-color: rgba(var(--accent-rgb), 0.7);
    color: var(--accent-light);
    box-shadow: 0 0 24px rgba(var(--accent-rgb), 0.45);
}

.role-pill.ama-pill {
    background: rgba(var(--accent-rgb), 0.15);
    border-color: var(--accent-primary);
    color: var(--accent-light);
    box-shadow: 0 0 14px rgba(var(--accent-rgb), 0.35);
}

.ama-card-wrapper {
    width: 100%;
    background: linear-gradient(145deg, rgba(20, 24, 42, 0.85) 0%, rgba(10, 12, 22, 0.95) 100%);
    border: 1px solid rgba(var(--accent-rgb), 0.35);
    border-radius: 18px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    box-shadow: 0 14px 40px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}

/* Category Chips Bar */
.ama-categories-bar {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.ama-category-chip {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.12);
    color: #94a3b8;
    font-size: 0.72rem;
    font-weight: 700;
    padding: 4px 10px;
    border-radius: 9999px;
    cursor: pointer;
    transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
    white-space: nowrap;
}

.ama-category-chip:hover {
    background: rgba(var(--accent-rgb), 0.15);
    border-color: var(--accent-primary);
    color: #ffffff;
}

.ama-category-chip.active {
    background: rgba(var(--accent-rgb), 0.25);
    border-color: var(--accent-primary);
    color: var(--accent-light);
    box-shadow: 0 0 12px rgba(var(--accent-rgb), 0.4);
}

/* Form inputs */
.ama-form {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
}

.ama-input-group {
    width: 100%;
}

.ama-textarea {
    width: 100%;
    background: rgba(8, 10, 18, 0.9);
    border: 1.5px solid rgba(255, 255, 255, 0.12);
    border-radius: 12px;
    padding: 10px 12px;
    color: #ffffff;
    font-family: 'Geist', sans-serif;
    font-size: 0.85rem;
    line-height: 1.4;
    resize: none;
    outline: none;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
    box-sizing: border-box;
    display: block;
}

.ama-textarea:focus {
    border-color: var(--accent-primary);
    background: rgba(18, 22, 38, 0.95);
    box-shadow: 0 0 18px rgba(var(--accent-rgb), 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.ama-fields-row {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
}

.ama-email-input {
    flex: 1.3;
    background: rgba(8, 10, 18, 0.9);
    border: 1.5px solid rgba(255, 255, 255, 0.12);
    border-radius: 10px;
    padding: 7px 12px;
    color: #ffffff;
    font-family: 'Geist', sans-serif;
    font-size: 0.78rem;
    outline: none;
    transition: all 0.25s ease;
    box-sizing: border-box;
}

.ama-email-input:focus {
    border-color: var(--accent-primary);
    box-shadow: 0 0 14px rgba(var(--accent-rgb), 0.4);
}

.ama-sender-input {
    flex: 1;
    background: rgba(8, 10, 18, 0.9);
    border: 1.5px solid rgba(255, 255, 255, 0.12);
    border-radius: 10px;
    padding: 7px 12px;
    color: #ffffff;
    font-family: 'Geist', sans-serif;
    font-size: 0.78rem;
    outline: none;
    transition: all 0.25s ease;
    box-sizing: border-box;
}

.ama-sender-input:focus {
    border-color: var(--accent-primary);
    box-shadow: 0 0 14px rgba(var(--accent-rgb), 0.4);
}

.ama-bottom-bar {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
}

.ama-submit-btn {
    width: 100%;
    justify-content: center;
    background: linear-gradient(135deg, var(--accent-primary) 0%, #7c3aed 100%);
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: #ffffff;
    font-family: 'Geist', sans-serif;
    font-size: 0.82rem;
    font-weight: 700;
    padding: 8px 16px;
    border-radius: 10px;
    cursor: pointer;
    box-shadow: 0 0 18px rgba(var(--accent-rgb), 0.5);
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
    display: inline-flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}

.ama-submit-btn:hover {
    box-shadow: 0 0 28px rgba(var(--accent-rgb), 0.8);
    transform: translateY(-1.5px) scale(1.03);
}

.ama-submit-btn:active {
    transform: scale(0.97);
}

/* Success Box */
.ama-success-box {
    display: flex;
    align-items: center;
    gap: 8px;
    background: rgba(16, 185, 129, 0.15);
    border: 1px solid #10b981;
    padding: 8px 12px;
    border-radius: 10px;
    color: #34d399;
    font-size: 0.78rem;
    font-weight: 700;
    animation: fadeInDown 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.ama-check-icon {
    font-size: 1rem;
    font-weight: 900;
}

/* Frequently Answered Questions */
.ama-faq-container {
    width: 100%;
    margin-top: 6px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.ama-faq-heading {
    font-size: 0.75rem;
    font-weight: 700;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    text-align: left;
    margin-left: 2px;
}

.ama-faq-list {
    display: flex;
    flex-direction: column;
    gap: 6px;
    width: 100%;
}

.ama-faq-item {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    overflow: hidden;
    transition: all 0.25s ease;
}

.ama-faq-item:hover {
    border-color: rgba(var(--accent-rgb), 0.4);
    background: rgba(255, 255, 255, 0.05);
}

.ama-faq-header {
    width: 100%;
    background: none;
    border: none;
    padding: 10px 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    cursor: pointer;
    text-align: left;
    color: #ffffff;
    font-family: 'Geist', sans-serif;
    font-size: 0.8rem;
    font-weight: 700;
}

.ama-faq-chevron {
    transition: transform 0.25s ease;
    flex-shrink: 0;
    color: var(--accent-light);
}

.ama-faq-item.open .ama-faq-chevron {
    transform: rotate(180deg);
}

.ama-faq-body {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s cubic-bezier(0.16, 1, 0.3, 1), padding 0.25s ease;
    padding: 0 14px;
}

.ama-faq-item.open .ama-faq-body {
    max-height: 120px;
    padding: 0 14px 12px 14px;
}

.ama-faq-a {
    font-size: 0.76rem;
    color: #cbd5e1;
    line-height: 1.45;
    margin: 0;
    text-align: left;
}

/* Mailbox Letter Drop Animation */
.ama-letter-drop {
    transition: transform 0.4s ease;
}

.ama-mailbox-svg.dropping .ama-letter-drop {
    animation: amaLetterDropAnim 0.8s ease forwards;
}

@keyframes amaLetterDropAnim {
    0% { transform: translateY(0); opacity: 1; }
    50% { transform: translateY(8px) scale(0.85); opacity: 0.8; }
    100% { transform: translateY(14px) scale(0.4); opacity: 0; }
}

/* ===================================================
   DIGITAL GUESTBOOK & SIGNATURE CANVAS SECTION
   =================================================== */
.guestbook-section {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.guestbook-badge {
    color: var(--accent-primary);
    transition: transform 0.3s ease;
}

.guestbook-section:hover .guestbook-badge {
    transform: rotate(-10deg) scale(1.05);
}

.guestbook-pill {
    background: rgba(var(--accent-rgb), 0.12);
    border-color: rgba(var(--accent-rgb), 0.35);
    color: var(--accent-primary);
}

/* Tabs Navigation */
.guestbook-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: 12px 0 16px 0;
    justify-content: flex-start;
}

.guestbook-tab-btn {
    padding: 6px 14px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.09);
    color: #94a3b8;
    font-size: 0.74rem;
    font-weight: 600;
    font-family: inherit;
    cursor: pointer;
    outline: none;
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.guestbook-tab-btn:hover {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.18);
}

.guestbook-tab-btn.active {
    background: rgba(var(--accent-rgb), 0.2);
    border-color: var(--accent-primary);
    color: #ffffff;
    box-shadow: 0 0 12px rgba(var(--accent-rgb), 0.3);
}

.guestbook-badge-count {
    background: var(--accent-primary);
    color: #000000;
    font-size: 0.65rem;
    font-weight: 700;
    padding: 1px 6px;
    border-radius: 10px;
}

/* Tab Panes */
.guestbook-pane {
    display: none;
    opacity: 0;
    animation: fadeInGuestbook 0.3s ease forwards;
}

.guestbook-pane.active {
    display: block;
}

@keyframes fadeInGuestbook {
    from { opacity: 0; transform: translateY(4px); }
    to { opacity: 1; transform: translateY(0); }
}

/* 1. Signature Canvas Wrap */
.signature-canvas-wrap {
    position: relative;
    width: 100%;
    height: 180px;
    background: rgba(0, 0, 0, 0.45);
    border: 1.5px dashed rgba(255, 255, 255, 0.15);
    border-radius: 12px;
    overflow: hidden;
    touch-action: none;
    box-shadow: inset 0 2px 10px rgba(0, 0, 0, 0.4);
    transition: border-color 0.25s ease, box-shadow 0.25s ease;
}

.signature-canvas-wrap:hover,
.signature-canvas-wrap.drawing {
    border-color: var(--accent-primary);
    box-shadow: 0 0 16px rgba(var(--accent-rgb), 0.2), inset 0 2px 10px rgba(0, 0, 0, 0.4);
}

.signature-pad-canvas {
    width: 100%;
    height: 100%;
    cursor: crosshair;
    display: block;
}

.canvas-watermark {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    color: #64748b;
    font-size: 0.74rem;
    font-weight: 500;
    pointer-events: none;
    user-select: none;
    transition: opacity 0.3s ease;
}

.canvas-watermark.hidden {
    opacity: 0;
}

/* Controls Bar */
.canvas-controls-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-top: 10px;
    padding: 6px 10px;
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 10px;
}

.ink-color-picker {
    display: flex;
    align-items: center;
    gap: 7px;
}

.ink-dot {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 2px solid transparent;
    cursor: pointer;
    outline: none;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.ink-dot:hover {
    transform: scale(1.18);
}

.ink-dot.active {
    border-color: #ffffff;
    box-shadow: 0 0 8px rgba(255, 255, 255, 0.6);
    transform: scale(1.15);
}

.stroke-thickness-wrap {
    display: flex;
    align-items: center;
    gap: 4px;
    background: rgba(0, 0, 0, 0.3);
    padding: 2px 4px;
    border-radius: 6px;
}

.stroke-size-btn {
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    outline: none;
}

.stroke-sample {
    display: block;
    width: 12px;
    background: #cbd5e1;
    border-radius: 2px;
}

.stroke-size-btn.active {
    background: rgba(255, 255, 255, 0.12);
    border-color: rgba(255, 255, 255, 0.25);
}

.stroke-size-btn.active .stroke-sample {
    background: var(--accent-primary);
}

.guestbook-clear-btn {
    padding: 4px 10px;
    border-radius: 6px;
    background: rgba(239, 68, 68, 0.12);
    border: 1px solid rgba(239, 68, 68, 0.25);
    color: #f87171;
    font-size: 0.68rem;
    font-weight: 600;
    font-family: inherit;
    cursor: pointer;
    transition: all 0.2s ease;
}

.guestbook-clear-btn:hover {
    background: rgba(239, 68, 68, 0.22);
    border-color: #ef4444;
    color: #ffffff;
}

/* Sign Row */
.guestbook-sign-row {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 10px;
}

.guestbook-input {
    flex: 1;
    min-width: 0;
    padding: 8px 12px;
    background: rgba(0, 0, 0, 0.35);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    color: #ffffff;
    font-family: inherit;
    font-size: 0.78rem;
    outline: none;
    transition: border-color 0.2s ease;
}

.guestbook-input:focus {
    border-color: var(--accent-primary);
}

.guestbook-submit-btn {
    padding: 8px 16px;
    border-radius: 8px;
    background: var(--accent-primary);
    border: none;
    color: #000000;
    font-size: 0.76rem;
    font-weight: 700;
    font-family: inherit;
    cursor: pointer;
    outline: none;
    transition: all 0.2s ease;
    white-space: nowrap;
    flex-shrink: 0;
}

.guestbook-submit-btn:hover {
    box-shadow: 0 0 16px rgba(var(--accent-rgb), 0.5);
    transform: translateY(-1px);
}

.guestbook-submit-btn.full-width {
    width: 100%;
    margin-top: 12px;
}

/* Quick Message Form */
.quick-msg-form {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.guestbook-textarea {
    width: 100%;
    padding: 10px 12px;
    background: rgba(0, 0, 0, 0.35);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    color: #ffffff;
    font-family: inherit;
    font-size: 0.78rem;
    outline: none;
    resize: vertical;
    box-sizing: border-box;
    transition: border-color 0.2s ease;
}

.guestbook-textarea:focus {
    border-color: var(--accent-primary);
}

/* Seal Selector */
.seal-selector-wrap {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 4px;
}

.seal-label {
    font-size: 0.72rem;
    color: #94a3b8;
    font-weight: 600;
}

.seal-options {
    display: flex;
    gap: 6px;
}

.seal-opt {
    width: 28px;
    height: 28px;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    font-size: 0.95rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    outline: none;
    transition: all 0.2s ease;
}

.seal-opt:hover {
    transform: scale(1.15);
    border-color: var(--accent-primary);
}

.seal-opt.active {
    background: rgba(var(--accent-rgb), 0.22);
    border-color: var(--accent-primary);
    box-shadow: 0 0 10px rgba(var(--accent-rgb), 0.4);
    transform: scale(1.12);
}

/* Feed & Archive */
.guestbook-feed {
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-height: 380px;
    overflow-y: auto;
    padding-right: 4px;
}

.guestbook-entry-card {
    background: rgba(255, 255, 255, 0.025);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 10px;
    padding: 10px 14px;
    transition: all 0.2s ease;
}

.guestbook-entry-card:hover {
    background: rgba(255, 255, 255, 0.045);
    border-color: rgba(var(--accent-rgb), 0.4);
}

.guestbook-entry-card.founder-card {
    border: 1.5px solid var(--accent-primary);
    background: linear-gradient(135deg, rgba(var(--accent-rgb), 0.14) 0%, rgba(15, 23, 42, 0.95) 50%, rgba(var(--accent-rgb), 0.06) 100%);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4), 0 0 16px rgba(var(--accent-rgb), 0.22);
    position: relative;
    overflow: hidden;
}

.guestbook-entry-card.founder-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 200%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(var(--accent-rgb), 0.1), transparent);
    animation: founderCardShimmer 4.5s infinite linear;
    pointer-events: none;
}

@keyframes founderCardShimmer {
    0% { transform: translateX(-50%); }
    100% { transform: translateX(50%); }
}

.entry-founder-bc-badge {
    padding: 2px 8px;
    font-size: 0.68rem;
    gap: 5px;
    background: rgba(var(--accent-rgb), 0.25);
    border: 1px solid var(--accent-primary);
}

.entry-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 6px;
}

.entry-signer-wrap {
    display: flex;
    align-items: center;
    gap: 7px;
}

.entry-seal {
    font-size: 1rem;
}

.entry-signer-name {
    font-size: 0.8rem;
    font-weight: 700;
    color: #ffffff;
}

.entry-founder-badge {
    font-size: 0.64rem;
    font-weight: 700;
    padding: 1px 6px;
    border-radius: 4px;
    background: rgba(var(--accent-rgb), 0.2);
    color: var(--accent-primary);
    border: 1px solid rgba(var(--accent-rgb), 0.35);
}

.entry-date {
    font-size: 0.65rem;
    color: #64748b;
}

.entry-body {
    font-size: 0.74rem;
    color: #cbd5e1;
    line-height: 1.4;
}

.entry-signature-img {
    max-height: 55px;
    max-width: 100%;
    display: block;
    filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.4));
}

/* Toast */
.guestbook-toast {
    min-height: 16px;
    font-size: 0.72rem;
    font-weight: 600;
    color: #10b981;
    margin-top: 8px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.guestbook-toast.show {
    opacity: 1;
}

/* Founder Admin Moderation Bar */
.guestbook-admin-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    background: rgba(var(--accent-rgb), 0.12);
    border: 1px solid rgba(var(--accent-rgb), 0.35);
    border-radius: 8px;
    padding: 6px 12px;
    margin-bottom: 10px;
    animation: fadeInGuestbook 0.3s ease;
}

.admin-badge-indicator {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.72rem;
    font-weight: 700;
    color: var(--accent-primary);
}

.admin-pulse-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--accent-primary);
    box-shadow: 0 0 6px var(--accent-primary);
    animation: adminDotPulse 1.5s infinite;
}

@keyframes adminDotPulse {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.3; transform: scale(0.7); }
}

.admin-lock-btn {
    padding: 3px 8px;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.15);
    color: #ffffff;
    font-size: 0.66rem;
    font-weight: 600;
    font-family: inherit;
    cursor: pointer;
    transition: all 0.2s ease;
}

.admin-lock-btn:hover {
    background: rgba(239, 68, 68, 0.25);
    border-color: #ef4444;
    color: #fca5a5;
}

/* Card Delete Button (Founder only) */
.entry-right-actions {
    display: flex;
    align-items: center;
    gap: 8px;
}

.entry-delete-btn {
    padding: 2px 7px;
    border-radius: 4px;
    background: rgba(239, 68, 68, 0.15);
    border: 1px solid rgba(239, 68, 68, 0.35);
    color: #f87171;
    font-size: 0.65rem;
    font-weight: 600;
    font-family: inherit;
    cursor: pointer;
    transition: all 0.2s ease;
}

.entry-delete-btn:hover {
    background: #ef4444;
    color: #ffffff;
    box-shadow: 0 0 8px rgba(239, 68, 68, 0.6);
}

/* Founder PIN Modal */
.founder-pin-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.75);
    backdrop-filter: blur(8px);
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: fadeInGuestbook 0.2s ease;
}

.founder-pin-modal-box {
    background: #0f172a;
    border: 1.5px solid var(--accent-primary);
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.8), 0 0 25px rgba(var(--accent-rgb), 0.3);
    border-radius: 14px;
    padding: 20px 24px;
    width: 90%;
    max-width: 320px;
}

.founder-pin-header {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
}

.founder-pin-header h4 {
    margin: 0;
    flex: 1;
    font-size: 0.84rem;
    font-weight: 700;
    color: #ffffff;
}

.founder-pin-close-btn {
    background: transparent;
    border: none;
    color: #94a3b8;
    font-size: 0.9rem;
    cursor: pointer;
    padding: 2px 6px;
    border-radius: 4px;
}

.founder-pin-close-btn:hover {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.1);
}

/* 3-Factor Multi-Field Authentication Modal */
.founder-pin-modal-box.auth-modal-3factor {
    max-width: 360px;
    width: 90%;
    padding: 22px 20px 18px;
    background: rgba(15, 23, 42, 0.96);
    border: 1.5px solid var(--accent-primary);
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.8), 0 0 25px rgba(var(--accent-rgb), 0.35);
    border-radius: 16px;
}

.auth-header-texts {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.auth-header-texts h4 {
    margin: 0;
    font-size: 0.82rem;
    font-weight: 800;
    color: #ffffff;
    letter-spacing: 0.02em;
}

.auth-subtitle {
    margin: 0;
    font-size: 0.65rem;
    color: #94a3b8;
    line-height: 1.2;
}

.auth-3factor-form {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 4px;
}

.auth-form-group {
    display: flex;
    flex-direction: column;
    gap: 4px;
    text-align: left;
}

.auth-field-label {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 0.67rem;
    font-weight: 700;
    color: #cbd5e1;
    letter-spacing: 0.03em;
}

.auth-label-icon {
    font-size: 0.75rem;
}

.auth-cyber-input {
    width: 100%;
    padding: 8px 12px;
    background: rgba(0, 0, 0, 0.45);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 8px;
    color: #ffffff;
    font-family: inherit;
    font-size: 0.78rem;
    box-sizing: border-box;
    outline: none;
    transition: all 0.2s ease;
}

.auth-cyber-input:focus {
    border-color: var(--accent-primary);
    box-shadow: 0 0 12px rgba(var(--accent-rgb), 0.4);
    background: rgba(0, 0, 0, 0.6);
}

.auth-submit-btn {
    width: 100%;
    padding: 10px;
    border-radius: 8px;
    background: var(--accent-primary);
    border: none;
    color: #000000;
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    cursor: pointer;
    transition: all 0.2s ease;
    margin-top: 4px;
}

.auth-submit-btn:hover {
    box-shadow: 0 0 16px rgba(var(--accent-rgb), 0.6);
    transform: translateY(-1px);
}

.auth-shake {
    animation: authShakeAnim 0.4s ease-in-out;
}

@keyframes authShakeAnim {
    0%, 100% { transform: translateX(0); }
    20%, 60% { transform: translateX(-8px); }
    40%, 80% { transform: translateX(8px); }
}

.founder-pin-err {
    min-height: 16px;
    font-size: 0.7rem;
    color: #ef4444;
    text-align: center;
    margin-top: 6px;
    font-weight: 600;
}

/* ===================================================
   FOUNDER ADMIN STATUS PILL (TOP-LEFT STACK)
   =================================================== */
.founder-admin-pill-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: rgba(var(--accent-rgb), 0.18);
    border: 1.5px solid var(--accent-primary);
    border-radius: 20px;
    padding: 4px 10px;
    color: #ffffff;
    font-size: 0.72rem;
    font-weight: 700;
    cursor: pointer;
    box-shadow: 0 0 14px rgba(var(--accent-rgb), 0.35);
    transition: all 0.2s ease;
    animation: fadeInGuestbook 0.3s ease;
}

.founder-admin-pill-btn:hover {
    background: var(--accent-primary);
    color: #000000;
    box-shadow: 0 0 20px rgba(var(--accent-rgb), 0.6);
    transform: translateY(-1px);
}

.founder-crown-glow {
    font-size: 0.85rem;
    animation: crownFloat 2s ease-in-out infinite;
}

@keyframes crownFloat {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-2px); }
}

.founder-admin-label {
    letter-spacing: 0.05em;
}

/* ===================================================
   EASTER EGG FULL-SCREEN OVERLAYS (MATRIX & FIREWORKS)
   =================================================== */
#matrixRainCanvas {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 99990;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.5s ease;
    display: none;
}

#matrixRainCanvas.active {
    display: block;
    opacity: 0.92;
}

#fireworksCanvas {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 99992;
    pointer-events: none;
}

.matrix-exit-pill {
    position: fixed;
    top: 24px;
    left: 50%;
    transform: translateX(-50%) translateY(-60px);
    z-index: 99999;
    background: rgba(0, 0, 0, 0.85);
    border: 1.5px solid #00ff66;
    color: #00ff66;
    padding: 8px 18px;
    border-radius: 30px;
    font-size: 0.76rem;
    font-weight: 700;
    font-family: 'SF Mono', 'Fira Code', monospace;
    cursor: pointer;
    box-shadow: 0 0 20px rgba(0, 255, 102, 0.4);
    opacity: 0;
    pointer-events: none;
    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.3s ease;
}

.matrix-exit-pill.visible {
    transform: translateX(-50%) translateY(0);
    opacity: 1;
    pointer-events: auto;
}

.matrix-exit-pill:hover {
    background: #00ff66;
    color: #000000;
    box-shadow: 0 0 25px rgba(0, 255, 102, 0.7);
}

/* ===================================================
   FOUNDER ADMIN DASHBOARD MODAL & TELEMETRY HUD
   =================================================== */
/* ===================================================
   APPLE STORE / visionOS PRO FOUNDER TERMINAL
   =================================================== */
.founder-dashboard-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.55);
    backdrop-filter: blur(28px);
    -webkit-backdrop-filter: blur(28px);
    z-index: 99998;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    box-sizing: border-box;
    animation: appleModalFadeIn 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes appleModalFadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

.founder-dashboard-box {
    background: rgba(18, 22, 34, 0.78);
    backdrop-filter: blur(48px) saturate(200%);
    -webkit-backdrop-filter: blur(48px) saturate(200%);
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-top: 1px solid rgba(255, 255, 255, 0.28);
    box-shadow: 0 35px 90px rgba(0, 0, 0, 0.65), 0 0 1px 1px rgba(255, 255, 255, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.25);
    border-radius: 28px;
    width: 100%;
    max-width: 820px;
    max-height: 88vh;
    overflow: hidden;
    padding: 24px 28px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 16px;
    font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Geist', sans-serif;
    animation: appleBoxScaleIn 0.35s cubic-bezier(0.16, 1, 0.3, 1);
    position: relative;
    transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.2s ease, opacity 0.2s ease;
}

.founder-dashboard-box.dragging {
    cursor: grabbing !important;
    transition: none !important;
    box-shadow: 0 45px 120px rgba(0, 0, 0, 0.85), 0 0 35px rgba(var(--accent-rgb), 0.5);
    opacity: 0.96;
}

@keyframes appleBoxScaleIn {
    0% { opacity: 0; transform: scale(0.94) translateY(16px); }
    100% { opacity: 1; transform: scale(1) translateY(0); }
}

body.light-theme .founder-dashboard-box {
    background: rgba(255, 255, 255, 0.85);
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-top: 1px solid rgba(255, 255, 255, 0.9);
    box-shadow: 0 35px 90px rgba(0, 0, 0, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

.founder-dash-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    padding-bottom: 14px;
    cursor: grab;
    user-select: none;
    -webkit-user-select: none;
    touch-action: none;
}

.founder-dash-header:active {
    cursor: grabbing;
}

body.light-theme .founder-dash-header {
    border-bottom-color: rgba(0, 0, 0, 0.08);
}

.founder-dash-title-wrap {
    display: flex;
    align-items: center;
    gap: 10px;
    pointer-events: none;
}

.founder-drag-hint {
    color: #64748b;
    font-size: 1.1rem;
    letter-spacing: -2px;
    opacity: 0.6;
    margin-left: 2px;
}

.founder-crown-icon {
    font-size: 1.35rem;
    filter: drop-shadow(0 2px 8px rgba(255, 192, 80, 0.5));
}

.founder-dash-title-wrap h3 {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 700;
    color: #ffffff;
    letter-spacing: -0.02em;
}

body.light-theme .founder-dash-title-wrap h3 {
    color: #0f172a;
}

.founder-dash-min-btn,
.founder-dash-recenter-btn,
.founder-dash-close-btn {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);
    color: #94a3b8;
    font-size: 0.85rem;
    font-weight: bold;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}

body.light-theme .founder-dash-min-btn,
body.light-theme .founder-dash-recenter-btn,
body.light-theme .founder-dash-close-btn {
    background: rgba(0, 0, 0, 0.06);
    border-color: rgba(0, 0, 0, 0.1);
    color: #64748b;
}

.founder-dash-min-btn:hover {
    color: #ffc050;
    background: rgba(255, 192, 80, 0.2);
    border-color: #ffc050;
    transform: scale(1.1);
}

.founder-dash-recenter-btn:hover {
    color: #38bdf8;
    background: rgba(56, 189, 248, 0.2);
    border-color: #38bdf8;
    transform: scale(1.1);
}

.founder-dash-close-btn:hover {
    color: #ffffff;
    background: rgba(239, 68, 68, 0.85);
    border-color: #ef4444;
    transform: scale(1.1);
}

/* ===================================================
   FLOATING MINIMIZED FOUNDER MINI-DOCK (PILL)
   =================================================== */
.founder-mini-dock {
    position: fixed;
    bottom: 24px;
    right: 24px;
    z-index: 99999;
    background: rgba(15, 23, 42, 0.9);
    backdrop-filter: blur(28px) saturate(190%);
    -webkit-backdrop-filter: blur(28px) saturate(190%);
    border: 1.5px solid var(--accent-primary);
    border-radius: 40px;
    padding: 7px 16px;
    box-shadow: 0 16px 45px rgba(0, 0, 0, 0.75), 0 0 25px rgba(var(--accent-rgb), 0.4);
    cursor: grab;
    user-select: none;
    -webkit-user-select: none;
    touch-action: none;
    transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s ease, opacity 0.25s ease;
    animation: miniDockPopIn 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes miniDockPopIn {
    0% { transform: scale(0.6) translateY(30px); opacity: 0; }
    100% { transform: scale(1) translateY(0); opacity: 1; }
}

.founder-mini-dock:hover {
    transform: translateY(-2px) scale(1.03);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.85), 0 0 35px rgba(var(--accent-rgb), 0.6);
}

.founder-mini-dock.dragging {
    cursor: grabbing !important;
    transition: none !important;
    transform: scale(1.05);
    box-shadow: 0 25px 65px rgba(0, 0, 0, 0.95), 0 0 45px rgba(var(--accent-rgb), 0.75);
}

.mini-dock-inner {
    display: flex;
    align-items: center;
    gap: 10px;
}

.mini-dock-crown {
    font-size: 1.15rem;
    filter: drop-shadow(0 0 8px rgba(255, 192, 80, 0.6));
    pointer-events: none;
}

.mini-dock-label {
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    color: #ffffff;
    pointer-events: none;
}

body.light-theme .mini-dock-label {
    color: #0f172a;
}

.mini-dock-live-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #10b981;
    box-shadow: 0 0 8px #10b981;
    animation: livePulseDot 1.5s infinite ease-in-out;
    pointer-events: none;
}

.mini-dock-stat {
    font-family: 'Geist Mono', monospace;
    font-size: 0.7rem;
    font-weight: 700;
    color: var(--accent-primary);
    background: rgba(var(--accent-rgb), 0.15);
    padding: 2px 7px;
    border-radius: 10px;
    border: 1px solid rgba(var(--accent-rgb), 0.3);
    pointer-events: none;
}

.mini-dock-expand-btn {
    background: var(--accent-primary);
    border: none;
    color: #000000;
    font-size: 0.8rem;
    font-weight: 900;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

.mini-dock-expand-btn:hover {
    transform: scale(1.15);
    box-shadow: 0 0 14px var(--accent-primary);
}

.mini-dock-close-btn {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.15);
    color: #94a3b8;
    font-size: 0.75rem;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

.mini-dock-close-btn:hover {
    background: rgba(239, 68, 68, 0.8);
    color: #ffffff;
    border-color: #ef4444;
}

body.light-theme .founder-mini-dock {
    background: rgba(255, 255, 255, 0.92);
    border-color: var(--accent-primary);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15), 0 0 25px rgba(var(--accent-rgb), 0.25);
}

/* ===================================================
   APPLE SEGMENTED CAPSULE BAR (TABS)
   =================================================== */
.founder-dash-nav-ribbon {
    display: flex;
    align-items: center;
    gap: 4px;
    background: rgba(0, 0, 0, 0.42);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 16px;
    padding: 4px;
    overflow-x: auto;
    scrollbar-width: none;
}

body.light-theme .founder-dash-nav-ribbon {
    background: rgba(0, 0, 0, 0.06);
    border-color: rgba(0, 0, 0, 0.08);
}

.founder-dash-nav-ribbon::-webkit-scrollbar {
    display: none;
}

.founder-tab-btn {
    flex: 1 1 0;
    min-width: 0;
    padding: 8px 10px;
    border-radius: 12px;
    background: transparent;
    border: none;
    color: rgba(255, 255, 255, 0.65);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: -0.01em;
    cursor: pointer;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
}

body.light-theme .founder-tab-btn {
    color: rgba(15, 23, 42, 0.65);
}

.founder-tab-btn:hover {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.08);
}

body.light-theme .founder-tab-btn:hover {
    color: #000000;
    background: rgba(0, 0, 0, 0.06);
}

.founder-tab-btn.active {
    background: #ffffff;
    color: #000000;
    font-weight: 700;
    box-shadow: 0 4px 16px rgba(255, 255, 255, 0.25), 0 2px 4px rgba(0, 0, 0, 0.15);
}

body.light-theme .founder-tab-btn.active {
    background: #0f172a;
    color: #ffffff;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
}

/* Tab Panels Container */
.founder-tab-panels-container {
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    max-height: calc(88vh - 165px);
    padding-right: 4px;
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, 0.2) transparent;
}

.founder-tab-panels-container::-webkit-scrollbar {
    width: 5px;
}

.founder-tab-panels-container::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 4px;
}

.founder-tab-panel {
    display: none;
    flex-direction: column;
    gap: 16px;
    animation: appleTabFadeIn 0.28s cubic-bezier(0.16, 1, 0.3, 1);
}

.founder-tab-panel.active {
    display: flex;
}

@keyframes appleTabFadeIn {
    0% { opacity: 0; transform: translateY(8px); }
    100% { opacity: 1; transform: translateY(0); }
}

/* ===================================================
   APPLE BENTO STAT CARDS
   =================================================== */
.founder-stats-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}

.founder-stat-card {
    background: rgba(255, 255, 255, 0.045);
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 18px;
    padding: 16px 18px;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
}

body.light-theme .founder-stat-card {
    background: rgba(0, 0, 0, 0.03);
    border-color: rgba(0, 0, 0, 0.08);
}

.founder-stat-card:hover {
    border-color: rgba(255, 255, 255, 0.25);
    background: rgba(255, 255, 255, 0.075);
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
}

body.light-theme .founder-stat-card:hover {
    background: rgba(0, 0, 0, 0.05);
    border-color: rgba(0, 0, 0, 0.15);
}

.stat-card-top {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 6px;
}

.stat-icon {
    font-size: 1rem;
}

.stat-label {
    font-size: 0.72rem;
    font-weight: 600;
    color: #94a3b8;
    letter-spacing: -0.01em;
}

body.light-theme .stat-label {
    color: #64748b;
}

.stat-value {
    font-size: 1.55rem;
    font-weight: 800;
    color: #ffffff;
    font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', sans-serif;
    letter-spacing: -0.03em;
}

body.light-theme .stat-value {
    color: #0f172a;
}

.stat-sub {
    font-size: 0.65rem;
    color: #64748b;
    margin-top: 2px;
    font-weight: 500;
}

/* Apple Subtitles */
.founder-section-subtitle {
    margin: 0;
    font-size: 0.8rem;
    font-weight: 700;
    color: #ffffff;
    letter-spacing: -0.01em;
}

body.light-theme .founder-section-subtitle {
    color: #0f172a;
}

/* Apple Action Buttons Grid */
.founder-actions-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
}

.founder-action-btn {
    padding: 10px 16px;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    color: #f1f5f9;
    font-size: 0.76rem;
    font-weight: 600;
    font-family: inherit;
    cursor: pointer;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: relative;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

body.light-theme .founder-action-btn {
    background: rgba(0, 0, 0, 0.04);
    border-color: rgba(0, 0, 0, 0.08);
    border-top-color: rgba(255, 255, 255, 0.9);
    color: #0f172a;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
}

.founder-action-btn:hover {
    background: rgba(255, 255, 255, 0.12);
    border-color: rgba(255, 255, 255, 0.25);
    border-top-color: rgba(255, 255, 255, 0.45);
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.35);
}

body.light-theme .founder-action-btn:hover {
    background: rgba(0, 0, 0, 0.08);
    border-color: rgba(0, 0, 0, 0.18);
    color: #000000;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);
}

.founder-action-btn:active {
    transform: scale(0.97) translateY(0);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}

.founder-action-btn.active {
    background: #ffffff;
    border-color: #ffffff;
    color: #000000;
    font-weight: 700;
    box-shadow: 0 4px 20px rgba(255, 255, 255, 0.45);
}

body.light-theme .founder-action-btn.active {
    background: #0f172a;
    border-color: #0f172a;
    color: #ffffff;
    box-shadow: 0 4px 18px rgba(15, 23, 42, 0.35);
}

.founder-action-btn.danger {
    grid-column: span 2;
    background: rgba(239, 68, 68, 0.12);
    border-color: rgba(239, 68, 68, 0.3);
    border-top-color: rgba(239, 68, 68, 0.5);
    color: #fca5a5;
}

.founder-action-btn.danger:hover {
    background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
    color: #ffffff;
    border-color: #ef4444;
    box-shadow: 0 8px 25px rgba(239, 68, 68, 0.55);
}

.founder-action-btn.lockdown-toggle-btn {
    background: rgba(239, 68, 68, 0.12);
    border-color: rgba(239, 68, 68, 0.3);
    border-top-color: rgba(239, 68, 68, 0.5);
    color: #fca5a5;
}

.founder-action-btn.lockdown-toggle-btn:hover {
    background: rgba(239, 68, 68, 0.25);
    border-color: #ef4444;
    color: #ffffff;
}

.founder-action-btn.lockdown-toggle-btn.locked {
    background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
    border-color: #ef4444;
    color: #ffffff;
    box-shadow: 0 8px 25px rgba(239, 68, 68, 0.55);
}

.founder-maintenance-box {
    display: flex;
    flex-direction: column;
    gap: 12px;
    background: rgba(255, 255, 255, 0.035);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 18px;
    padding: 16px;
}

/* ===================================================
   GLOBAL SITE LOCKDOWN & MAINTENANCE OVERLAY
   =================================================== */
.site-lockdown-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: #02040a;
    z-index: 999999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    box-sizing: border-box;
    animation: fadeInGuestbook 0.35s ease;
    overflow: hidden;
}

.lockdown-dramatic-bg-fx {
    position: absolute;
    inset: 0;
    pointer-events: none;
    overflow: hidden;
}

.lockdown-radar-grid {
    position: absolute;
    inset: -50%;
    background: 
        repeating-radial-gradient(circle at center, transparent 0, transparent 40px, rgba(239, 68, 68, 0.05) 40px, rgba(239, 68, 68, 0.05) 41px),
        linear-gradient(rgba(239, 68, 68, 0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(239, 68, 68, 0.03) 1px, transparent 1px);
    background-size: 100% 100%, 30px 30px, 30px 30px;
    animation: dramaticRadarSpin 24s linear infinite;
    opacity: 0.85;
}

@keyframes dramaticRadarSpin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.lockdown-alarm-ambient {
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 50% 30%, rgba(239, 68, 68, 0.22) 0%, rgba(185, 28, 28, 0.08) 50%, transparent 80%);
    animation: dramaticAlarmPulse 2s infinite ease-in-out;
}

@keyframes dramaticAlarmPulse {
    0%, 100% { opacity: 0.5; transform: scale(1); }
    50% { opacity: 1; transform: scale(1.1); }
}

.lockdown-content-box.dramatic-box {
    position: relative;
    max-width: 560px;
    width: 100%;
    background: rgba(10, 15, 30, 0.92);
    border: 2px solid #ef4444;
    box-shadow: 0 0 60px rgba(239, 68, 68, 0.45), 0 25px 60px rgba(0, 0, 0, 0.95), inset 0 0 35px rgba(239, 68, 68, 0.15);
    border-radius: 22px;
    padding: 36px 28px;
    text-align: center;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    z-index: 10;
}

.lockdown-badge-beacon.dramatic-beacon {
    position: relative;
    width: 90px;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 2px;
}

.lockdown-pulse-ring.dramatic-ring-1 {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 2px solid #ef4444;
    animation: dramaticPulseRing 1.8s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
}

.lockdown-pulse-ring.dramatic-ring-2 {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1.5px dashed rgba(239, 68, 68, 0.6);
    animation: dramaticPulseRing 1.8s infinite 0.9s cubic-bezier(0.215, 0.61, 0.355, 1);
}

@keyframes dramaticPulseRing {
    0% { transform: scale(0.6); opacity: 0.9; }
    100% { transform: scale(1.6); opacity: 0; }
}

.lockdown-shield-core.dramatic-core {
    position: relative;
    width: 68px;
    height: 68px;
    border-radius: 50%;
    background: radial-gradient(circle at center, rgba(239, 68, 68, 0.3) 0%, rgba(15, 23, 42, 0.9) 100%);
    border: 2px solid #ef4444;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ef4444;
    box-shadow: 0 0 30px rgba(239, 68, 68, 0.7);
}

.dramatic-swiss-cross {
    position: absolute;
    top: -8px;
    right: -6px;
    font-size: 1.2rem;
    filter: drop-shadow(0 0 8px rgba(239, 68, 68, 0.8));
}

.lockdown-protocol-tag {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(239, 68, 68, 0.12);
    border: 1px solid rgba(239, 68, 68, 0.4);
    border-radius: 20px;
    padding: 4px 12px;
    font-family: 'Geist Mono', monospace;
    font-size: 0.68rem;
    font-weight: 800;
    color: #fca5a5;
    letter-spacing: 0.06em;
}

.protocol-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #ef4444;
    box-shadow: 0 0 8px #ef4444;
    animation: beaconPulseDanger 0.7s infinite alternate;
}

.lockdown-title.dramatic-title {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 900;
    color: #ffffff;
    text-shadow: 0 0 20px rgba(239, 68, 68, 0.6), 0 0 40px rgba(239, 68, 68, 0.3);
    letter-spacing: 0.04em;
}

.lockdown-message.dramatic-message {
    margin: 0;
    font-size: 0.84rem;
    color: #cbd5e1;
    line-height: 1.5;
    max-width: 460px;
}

/* 4 HUD Cards */
.lockdown-hud-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
    width: 100%;
    margin-top: 4px;
}

@media (min-width: 500px) {
    .lockdown-hud-grid {
        grid-template-columns: repeat(4, 1fr);
    }
}

.lockdown-hud-item {
    background: rgba(0, 0, 0, 0.55);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 8px;
    padding: 8px 6px;
    display: flex;
    flex-direction: column;
    gap: 3px;
    text-align: center;
}

.hud-item-label {
    font-size: 0.58rem;
    font-family: 'Geist Mono', monospace;
    color: #94a3b8;
    letter-spacing: 0.05em;
    font-weight: 700;
}

.hud-item-val {
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.02em;
}

.hud-item-val.text-red { color: #f87171; text-shadow: 0 0 8px rgba(239, 68, 68, 0.5); }
.hud-item-val.text-gold { color: #fbbf24; text-shadow: 0 0 8px rgba(251, 191, 36, 0.5); }
.hud-item-val.text-green { color: #34d399; text-shadow: 0 0 8px rgba(52, 211, 153, 0.5); }
.hud-item-val.text-blue { color: #38bdf8; text-shadow: 0 0 8px rgba(56, 189, 248, 0.5); }

/* Animated Frequency Bars */
.lockdown-freq-bars-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    height: 20px;
    width: 100%;
    margin: 4px 0;
}

.freq-bar {
    width: 4px;
    background: linear-gradient(180deg, #ef4444 0%, #b91c1c 100%);
    border-radius: 2px;
    box-shadow: 0 0 8px rgba(239, 68, 68, 0.6);
    animation: freqBarBounce 1.2s infinite ease-in-out alternate;
}

.freq-bar.f1 { height: 30%; animation-delay: 0.1s; }
.freq-bar.f2 { height: 75%; animation-delay: 0.3s; }
.freq-bar.f3 { height: 45%; animation-delay: 0.15s; }
.freq-bar.f4 { height: 90%; animation-delay: 0.4s; }
.freq-bar.f5 { height: 100%; animation-delay: 0.25s; }
.freq-bar.f6 { height: 85%; animation-delay: 0.35s; }
.freq-bar.f7 { height: 50%; animation-delay: 0.2s; }
.freq-bar.f8 { height: 95%; animation-delay: 0.45s; }
.freq-bar.f9 { height: 60%; animation-delay: 0.1s; }
.freq-bar.f10 { height: 35%; animation-delay: 0.3s; }

@keyframes freqBarBounce {
    0% { transform: scaleY(0.3); }
    100% { transform: scaleY(1); }
}

.lockdown-founder-bypass-wrap {
    margin-top: 8px;
    width: 100%;
}

.lockdown-bypass-btn.dramatic-btn {
    position: relative;
    width: 100%;
    padding: 12px 20px;
    border-radius: 12px;
    background: linear-gradient(135deg, rgba(239, 68, 68, 0.2) 0%, rgba(15, 23, 42, 0.8) 100%);
    border: 1.5px solid rgba(239, 68, 68, 0.6);
    color: #fca5a5;
    font-size: 0.8rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    cursor: pointer;
    transition: all 0.25s ease;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.6), inset 0 0 15px rgba(239, 68, 68, 0.2);
}

.lockdown-bypass-btn.dramatic-btn:hover {
    background: linear-gradient(135deg, #ef4444 0%, #b91c1c 100%);
    border-color: #f87171;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 8px 30px rgba(239, 68, 68, 0.6);
}

/* ===================================================
   GLOBAL FOUNDER LIVE BROADCAST ANNOUNCEMENT TOP BANNER
   =================================================== */
.founder-live-broadcast-bar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99995;
    background: rgba(15, 23, 42, 0.95);
    border-bottom: 1.5px solid var(--accent-primary);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5), 0 0 15px rgba(var(--accent-rgb), 0.3);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    animation: slideDownBroadcast 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes slideDownBroadcast {
    from { transform: translateY(-100%); }
    to { transform: translateY(0); }
}

.broadcast-inner-wrap {
    max-width: 1200px;
    margin: 0 auto;
    padding: 7px 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.broadcast-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: rgba(var(--accent-rgb), 0.2);
    border: 1px solid var(--accent-primary);
    border-radius: 20px;
    padding: 3px 10px;
    font-size: 0.72rem;
    font-weight: 800;
    color: var(--accent-primary);
    letter-spacing: 0.03em;
    white-space: nowrap;
    flex-shrink: 0;
}

.broadcast-author-handle {
    color: #ffffff;
    font-weight: 800;
    font-size: 0.74rem;
    letter-spacing: 0.02em;
}

.broadcast-verified-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #0284c7;
    box-shadow: 0 0 8px rgba(56, 189, 248, 0.7);
    flex-shrink: 0;
}

.broadcast-verified-icon svg {
    width: 9px;
    height: 9px;
    fill: #ffffff;
}

.broadcast-crown-icon {
    font-size: 0.76rem;
    line-height: 1;
    filter: drop-shadow(0 0 4px rgba(245, 158, 11, 0.6));
}

.broadcast-live-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #10b981;
    box-shadow: 0 0 8px #10b981;
    animation: livePulseDot 1.5s infinite ease-in-out;
}

@keyframes livePulseDot {
    0%, 100% { transform: scale(0.9); opacity: 0.8; }
    50% { transform: scale(1.4); opacity: 1; }
}

.broadcast-content-ticker {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.78rem;
    font-weight: 600;
    color: #f1f5f9;
}

.broadcast-close-btn {
    background: transparent;
    border: none;
    color: #94a3b8;
    font-size: 0.85rem;
    cursor: pointer;
    padding: 2px 6px;
    border-radius: 4px;
    transition: all 0.2s ease;
    flex-shrink: 0;
}

.broadcast-close-btn:hover {
    color: #ffffff;
    background: rgba(239, 68, 68, 0.2);
}

/* Broadcast Color Variations */
.founder-live-broadcast-bar.broadcast-gold {
    border-bottom-color: #f59e0b;
    box-shadow: 0 4px 20px rgba(245, 158, 11, 0.25);
}
.founder-live-broadcast-bar.broadcast-gold .broadcast-badge {
    background: rgba(245, 158, 11, 0.2);
    border-color: #f59e0b;
    color: #f59e0b;
}

.founder-live-broadcast-bar.broadcast-swiss {
    border-bottom-color: #dc2626;
    box-shadow: 0 4px 20px rgba(220, 38, 38, 0.25);
}
.founder-live-broadcast-bar.broadcast-swiss .broadcast-badge {
    background: rgba(220, 38, 38, 0.25);
    border-color: #dc2626;
    color: #ffffff;
}

.founder-live-broadcast-bar.broadcast-matrix {
    border-bottom-color: #00ff66;
    box-shadow: 0 4px 20px rgba(0, 255, 102, 0.25);
}
.founder-live-broadcast-bar.broadcast-matrix .broadcast-badge {
    background: rgba(0, 255, 102, 0.2);
    border-color: #00ff66;
    color: #00ff66;
}

/* ===================================================
   FOUNDER BROADCAST MANAGER IN TERMINAL
   =================================================== */
.founder-broadcast-section {
    display: flex;
    flex-direction: column;
    gap: 10px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    padding-top: 14px;
}

.founder-broadcast-form {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.founder-broadcast-input {
    width: 100%;
    padding: 8px 12px;
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.35);
    border: 1px solid rgba(255, 255, 255, 0.15);
    color: #ffffff;
    font-size: 0.76rem;
    font-family: inherit;
    box-sizing: border-box;
    outline: none;
    transition: all 0.2s ease;
}

.founder-broadcast-input:focus {
    border-color: var(--accent-primary);
    box-shadow: 0 0 10px rgba(var(--accent-rgb), 0.35);
}

.founder-broadcast-controls {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
}

.broadcast-style-selector {
    display: flex;
    gap: 5px;
}

.broadcast-style-opt {
    width: 28px;
    height: 28px;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.15);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.85rem;
    transition: all 0.2s ease;
}

.broadcast-style-opt.active {
    border-color: var(--accent-primary);
    background: rgba(var(--accent-rgb), 0.25);
    box-shadow: 0 0 10px rgba(var(--accent-rgb), 0.4);
    transform: scale(1.08);
}

.broadcast-action-buttons {
    display: flex;
    gap: 6px;
}

.founder-action-btn.primary-broadcast-btn {
    background: rgba(var(--accent-rgb), 0.2);
    border-color: var(--accent-primary);
    color: var(--accent-primary);
    font-weight: 700;
}

.founder-action-btn.primary-broadcast-btn:hover {
    background: var(--accent-primary);
    color: #000000;
}

.founder-action-btn.danger-sm {
    background: rgba(239, 68, 68, 0.15);
    border-color: rgba(239, 68, 68, 0.3);
    color: #fca5a5;
    font-size: 0.72rem;
    padding: 6px 10px;
}

/* ===================================================
   SWISS CYBER SECURITY & NODE TELEMETRY HUD
   =================================================== */
.founder-security-section {
    display: flex;
    flex-direction: column;
    gap: 10px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    padding-top: 14px;
}

.security-header-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
}

.security-scan-trigger-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 12px;
    border-radius: 8px;
    background: rgba(16, 185, 129, 0.15);
    border: 1px solid rgba(16, 185, 129, 0.4);
    color: #10b981;
    font-size: 0.72rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s ease;
}

.security-scan-trigger-btn:hover {
    background: #10b981;
    color: #020617;
    box-shadow: 0 0 14px rgba(16, 185, 129, 0.45);
    transform: translateY(-1px);
}

.security-scan-trigger-btn.scanning {
    pointer-events: none;
    opacity: 0.8;
    background: rgba(var(--accent-rgb), 0.25);
    border-color: var(--accent-primary);
    color: var(--accent-primary);
}

.security-health-banner {
    display: flex;
    flex-direction: column;
    gap: 6px;
    background: rgba(0, 0, 0, 0.35);
    border: 1px solid rgba(16, 185, 129, 0.25);
    border-radius: 10px;
    padding: 8px 12px;
}

.health-status-row {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.72rem;
    font-weight: 700;
    color: #10b981;
}

.health-dot-live {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #10b981;
    box-shadow: 0 0 8px #10b981;
    animation: livePulseDot 1.4s infinite ease-in-out;
}

.security-scan-bar-track {
    width: 100%;
    height: 4px;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.08);
    overflow: hidden;
}

.security-scan-bar-fill {
    height: 100%;
    border-radius: 4px;
    background: linear-gradient(90deg, #10b981, #34d399);
    transition: width 0.3s ease;
}

.security-hud-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
}

.security-hud-card {
    background: rgba(0, 0, 0, 0.25);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 10px;
    padding: 8px 10px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    transition: all 0.2s ease;
}

.security-hud-card:hover {
    border-color: rgba(var(--accent-rgb), 0.4);
    transform: translateY(-1px);
}

.sec-card-header {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.68rem;
    font-weight: 600;
    color: #94a3b8;
}

.sec-card-icon {
    font-size: 0.8rem;
}

.sec-card-status {
    font-size: 0.7rem;
    font-weight: 700;
    font-family: 'SF Mono', monospace;
}

.sec-card-status.safe {
    color: #10b981;
}

/* ===================================================
   1-CLICK ULTRA-THEME OVERDRIVES
   =================================================== */
.founder-themes-section {
    display: flex;
    flex-direction: column;
    gap: 10px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    padding-top: 14px;
}

.theme-overdrive-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(105px, 1fr));
    gap: 8px;
}

.theme-overdrive-btn {
    padding: 8px 10px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.12);
    color: #ffffff;
    font-size: 0.72rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.theme-overdrive-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4);
}

.theme-stealth-btn:hover {
    background: rgba(239, 68, 68, 0.2);
    border-color: #ef4444;
    color: #fca5a5;
    box-shadow: 0 0 12px rgba(239, 68, 68, 0.4);
}

.theme-glacier-btn:hover {
    background: rgba(56, 189, 248, 0.2);
    border-color: #38bdf8;
    color: #7dd3fc;
    box-shadow: 0 0 12px rgba(56, 189, 248, 0.4);
}

.theme-gold-btn:hover {
    background: rgba(245, 158, 11, 0.2);
    border-color: #f59e0b;
    color: #fde68a;
    box-shadow: 0 0 12px rgba(245, 158, 11, 0.4);
}

.theme-retro-btn:hover {
    background: rgba(34, 197, 94, 0.2);
    border-color: #22c55e;
    color: #86efac;
    box-shadow: 0 0 12px rgba(34, 197, 94, 0.4);
}

.theme-reset-btn {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.2);
}

.theme-reset-btn:hover {
    background: var(--accent-primary);
    color: #000000;
    border-color: var(--accent-primary);
}

/* Curated Wallpaper Preset Gallery */
.founder-wallpaper-section {
    display: flex;
    flex-direction: column;
    gap: 10px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    padding-top: 14px;
}

.wallpaper-preset-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 8px;
}

.wallpaper-preset-btn {
    padding: 8px 10px;
    border-radius: 8px;
    background: rgba(15, 23, 42, 0.75);
    border: 1px solid rgba(255, 255, 255, 0.12);
    color: #e2e8f0;
    font-size: 0.72rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.wallpaper-preset-btn:hover {
    background: rgba(var(--accent-rgb), 0.2);
    border-color: var(--accent-primary);
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4);
}

/* Active Theme Overdrives */
body.theme-stealth {
    --accent-primary: #ef4444 !important;
    --accent-light: #f87171 !important;
    --accent-rgb: 239, 68, 68 !important;
    background: #000000 !important;
}
body.theme-stealth .bg-landscape {
    opacity: 0.15 !important;
    filter: grayscale(1) contrast(1.5) !important;
}

body.theme-glacier {
    --accent-primary: #38bdf8 !important;
    --accent-light: #7dd3fc !important;
    --accent-rgb: 56, 189, 248 !important;
}
body.theme-glacier .hero-card-core {
    backdrop-filter: blur(18px) !important;
    border-color: rgba(56, 189, 248, 0.4) !important;
    box-shadow: 0 0 35px rgba(56, 189, 248, 0.2) !important;
}

body.theme-royal-gold {
    --accent-primary: #f59e0b !important;
    --accent-light: #fbbf24 !important;
    --accent-rgb: 245, 158, 11 !important;
}
body.theme-royal-gold .hero-card-core {
    border-color: rgba(245, 158, 11, 0.4) !important;
    box-shadow: 0 0 35px rgba(245, 158, 11, 0.25) !important;
}

body.theme-retro-crt {
    --accent-primary: #22c55e !important;
    --accent-light: #4ade80 !important;
    --accent-rgb: 34, 197, 94 !important;
}
body.theme-retro-crt::after {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    pointer-events: none;
    z-index: 99998;
    background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%),
                linear-gradient(90deg, rgba(255, 0, 0, 0.03), rgba(0, 255, 0, 0.01), rgba(0, 0, 255, 0.03));
    background-size: 100% 3px, 6px 100%;
    opacity: 0.6;
}

/* Footer */
.founder-dash-footer {
    display: flex;
    justify-content: flex-end;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    padding-top: 12px;
}

.founder-lock-exit-btn {
    padding: 7px 16px;
    border-radius: 8px;
    background: rgba(239, 68, 68, 0.15);
    border: 1px solid rgba(239, 68, 68, 0.35);
    color: #fca5a5;
    font-size: 0.74rem;
    font-weight: 700;
    font-family: inherit;
    cursor: pointer;
    transition: all 0.2s ease;
}

.founder-lock-exit-btn:hover {
    background: rgba(239, 68, 68, 0.3);
    border-color: #ef4444;
    color: #ffffff;
}

/* ===================================================
   BOTTOM-RIGHT CORNER COPYRIGHT (PURE TEXT, NO BOX)
   =================================================== */
.bottom-right-copyright {
    position: fixed;
    bottom: 20px;
    right: 24px;
    z-index: 90;
    pointer-events: auto;
}

.copyright-pill {
    background: transparent;
    border: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    box-shadow: none;
    padding: 0;
    margin: 0;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    cursor: default;
}

.copyright-shield-icon {
    color: var(--accent-light);
    filter: drop-shadow(0 0 4px var(--accent-primary));
    flex-shrink: 0;
    transition: color 0.2s ease, transform 0.2s ease;
}

.copyright-text {
    font-family: 'Geist Mono', monospace;
    font-size: 0.73rem;
    font-weight: 500;
    color: #64748b;
    letter-spacing: 0.02em;
    transition: color 0.2s ease;
}

.copyright-pill:hover .copyright-text {
    color: #cbd5e1;
}

.copyright-pill:hover .copyright-shield-icon {
    color: var(--accent-light);
    transform: scale(1.15);
    filter: drop-shadow(0 0 8px var(--accent-primary));
}

/* ===================================================
   BRIGHT / LIGHT MODE THEME STYLING
   =================================================== */
body.light-theme {
    background-color: #f8fafc;
    color: #0f172a;
}

body.light-theme ::-webkit-scrollbar-track { background: #f1f5f9; }
body.light-theme ::-webkit-scrollbar-thumb { background: rgba(var(--accent-rgb), 0.5); }

body.light-theme .bg-landscape {
    background: radial-gradient(circle at 50% 25%, rgba(243, 238, 255, 0.9) 0%, #f8fafc 80%),
                linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0%, rgba(248, 250, 252, 0.98) 100%),
                url('https://images.unsplash.com/photo-1506703719100-a0f3a48c0f86?q=80&w=1920&auto=format&fit=crop') center center/cover no-repeat;
    filter: brightness(1.22) contrast(0.92);
}

body.light-theme .moon-glow {
    background: radial-gradient(circle, rgba(var(--accent-rgb), 0.2) 0%, rgba(var(--accent-rgb), 0.05) 50%, transparent 70%);
}

/* Main Top Logo in Light Mode (Crisp Black/Dark with Radiant Glow) */
body.light-theme .brand-logo {
    mix-blend-mode: normal;
    opacity: 0.96;
    animation: logoFloatLight 4.5s ease-in-out infinite;
}

body.light-theme .brand-logo:hover {
    opacity: 1;
    transform: translateY(-10px) scale(1.06);
    filter: drop-shadow(0 12px 28px rgba(0, 0, 0, 0.22)) drop-shadow(0 0 35px var(--accent-primary));
}

/* Top Stack in Light Mode */
body.light-theme .live-views-badge,
body.light-theme .lang-selector-btn,
body.light-theme .theme-toggle-btn,
body.light-theme .color-picker-btn {
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 8px 24px rgba(100, 116, 139, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.8);
    color: #0f172a;
}

body.light-theme .live-views-badge:hover,
body.light-theme .lang-selector-btn:hover,
body.light-theme .theme-toggle-btn:hover,
body.light-theme .color-picker-btn:hover,
body.light-theme .lang-dropdown-wrap.open .lang-selector-btn,
body.light-theme .color-picker-dropdown-wrap.open .color-picker-btn {
    border-color: var(--accent-primary);
    background: #ffffff;
    box-shadow: 0 10px 28px rgba(100, 116, 139, 0.2), 0 0 25px rgba(var(--accent-rgb), 0.4);
}

body.light-theme .views-count-num,
body.light-theme .lang-label,
body.light-theme .theme-label,
body.light-theme .color-btn-label {
    color: #0f172a;
}

body.light-theme .views-eye-icon,
body.light-theme .lang-chevron,
body.light-theme .custom-chevron {
    color: #64748b;
}

body.light-theme .theme-icon-wrap,
body.light-theme .color-palette-svg,
body.light-theme .custom-icon-wrap {
    color: var(--accent-primary);
}

body.light-theme .customization-bar-btn {
    background: rgba(255, 255, 255, 0.9);
    border-color: rgba(203, 213, 225, 0.9);
    color: #0f172a;
    box-shadow: 0 4px 16px rgba(100, 116, 139, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

body.light-theme .customization-bar-btn:hover,
body.light-theme .customization-dropdown-wrap.open .customization-bar-btn {
    background: #ffffff;
    border-color: var(--accent-primary);
    box-shadow: 0 8px 24px rgba(100, 116, 139, 0.22), 0 0 20px rgba(var(--accent-rgb), 0.35);
}

body.light-theme .custom-btn-title {
    color: #0f172a;
}

body.light-theme .custom-bar-badges {
    background: rgba(0, 0, 0, 0.04);
    border-color: rgba(0, 0, 0, 0.08);
}

body.light-theme .customization-panel,
body.light-theme .lang-dropdown-menu,
body.light-theme .color-palette-menu {
    background: rgba(255, 255, 255, 0.98);
    border-color: var(--accent-primary);
    box-shadow: 0 18px 48px rgba(100, 116, 139, 0.25), 0 0 32px rgba(var(--accent-rgb), 0.3);
}

body.light-theme .custom-section-label {
    color: #64748b;
}

body.light-theme .theme-segmented-control {
    background: rgba(0, 0, 0, 0.04);
    border-color: rgba(0, 0, 0, 0.1);
}

body.light-theme .theme-segment-btn {
    color: #64748b;
}

body.light-theme .theme-segment-btn:hover {
    color: #0f172a;
    background: rgba(0, 0, 0, 0.05);
}

body.light-theme .theme-segment-btn.active {
    background: rgba(var(--accent-rgb), 0.2);
    border-color: var(--accent-primary);
    color: var(--accent-primary);
    box-shadow: 0 2px 10px rgba(var(--accent-rgb), 0.25);
}

body.light-theme .custom-panel-divider {
    background: rgba(0, 0, 0, 0.08);
}

body.light-theme .custom-color-wheel-btn {
    background: rgba(0, 0, 0, 0.04);
    border-color: rgba(0, 0, 0, 0.1);
    color: #0f172a;
}

body.light-theme .custom-color-wheel-btn:hover {
    background: rgba(var(--accent-rgb), 0.18);
    border-color: var(--accent-primary);
    color: #0f172a;
}

body.light-theme .lang-search-box {
    background: rgba(0, 0, 0, 0.04);
    border-color: rgba(0, 0, 0, 0.1);
}

body.light-theme .lang-search-input {
    color: #0f172a;
}

body.light-theme .lang-search-input::placeholder {
    color: #94a3b8;
}

body.light-theme .lang-opt {
    color: #334155;
}

body.light-theme .lang-opt:hover {
    background: rgba(var(--accent-rgb), 0.16);
    color: #0f172a;
}

body.light-theme .lang-opt.active {
    background: rgba(var(--accent-rgb), 0.25);
    color: var(--accent-primary);
}

/* Light Theme Cards */
body.light-theme .box {
    background: rgba(255, 255, 255, 0.9);
    border: 1.5px solid rgba(var(--accent-rgb), 0.35);
    box-shadow: 0 20px 50px rgba(100, 116, 139, 0.15), 0 0 1px rgba(0, 0, 0, 0.05);
}

body.light-theme .box:hover {
    border-color: var(--accent-primary);
    box-shadow: 0 24px 60px rgba(100, 116, 139, 0.22), 0 0 35px rgba(var(--accent-rgb), 0.35);
}

body.light-theme .pfp-frame {
    border-color: var(--accent-primary);
    background: #ffffff;
    box-shadow: 0 8px 24px rgba(100, 116, 139, 0.2), 0 0 25px rgba(var(--accent-rgb), 0.35);
}

body.light-theme .pfp-verified-badge {
    background: #ffffff;
    border-color: #ffffff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15), 0 0 12px rgba(29, 155, 240, 0.5);
}

body.light-theme .smooth-badges-bar {
    background: rgba(245, 247, 250, 0.94);
    border: 1.5px solid rgba(var(--accent-rgb), 0.35);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 4px 16px rgba(0, 0, 0, 0.06);
}

body.light-theme .smooth-badges-bar:hover {
    background: #ffffff;
    border-color: var(--accent-primary);
    box-shadow: inset 0 1px 0 #ffffff, 0 6px 24px rgba(var(--accent-rgb), 0.3);
}

/* Typewriter Handle (@ᛋILI) in Light Theme */
body.light-theme .profile-typewriter-wrap {
    background: rgba(255, 255, 255, 0.88);
    border-color: rgba(0, 0, 0, 0.12);
    box-shadow: 0 4px 14px rgba(100, 116, 139, 0.12);
}

body.light-theme .typewriter-at-symbol {
    color: #0f172a;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.08), 0 0 18px rgba(var(--accent-rgb), 0.35);
    filter: none;
}

body.light-theme .sili-exact-svg {
    color: #0f172a;
    filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.25)) drop-shadow(0 0 10px rgba(var(--accent-rgb), 0.35));
}

body.light-theme .sili-char {
    stroke: #0f172a;
}

body.light-theme .typewriter-cursor-bar {
    color: var(--accent-primary);
    text-shadow: 0 0 8px var(--accent-primary);
}

/* Background & Performance in Light Theme */
body.light-theme .bg-effect-btn {
    background: rgba(0, 0, 0, 0.04);
    border-color: rgba(0, 0, 0, 0.09);
    color: #475569;
}

body.light-theme .bg-effect-btn:hover {
    background: rgba(var(--accent-rgb), 0.14);
    border-color: var(--accent-primary);
    color: #0f172a;
}

body.light-theme .bg-effect-btn.active {
    background: rgba(var(--accent-rgb), 0.22);
    border-color: var(--accent-primary);
    color: #0f172a;
    box-shadow: 0 2px 10px rgba(var(--accent-rgb), 0.35);
}

/* Reset to Defaults Button in Light Theme */
body.light-theme .custom-reset-btn {
    background: rgba(0, 0, 0, 0.04);
    border-color: rgba(0, 0, 0, 0.1);
    color: #64748b;
}

body.light-theme .custom-reset-btn:hover {
    background: rgba(var(--accent-rgb), 0.15);
    border-color: var(--accent-primary);
    color: #0f172a;
    box-shadow: 0 4px 14px rgba(var(--accent-rgb), 0.25);
}

body.light-theme .badge-icon-img {
    filter: invert(1) brightness(0.18) drop-shadow(0 0 2px rgba(0, 0, 0, 0.15));
}

body.light-theme .smooth-badge-item:hover .badge-icon-img,
body.light-theme .smooth-badge-item.active .badge-icon-img {
    transform: scale(1.2);
    filter: invert(1) brightness(0.15) drop-shadow(0 0 10px var(--accent-primary));
}

body.light-theme .hammer-mallet-svg {
    fill: #1e293b;
    color: #1e293b;
    filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.15));
}

body.light-theme .web-globe-icon {
    stroke: #1e293b;
    filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.15));
}

body.light-theme .dev-browser-svg {
    stroke: #1e293b;
    color: #1e293b;
    filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.15));
}

body.light-theme .flag-pole-mast,
body.light-theme .flag-pole-base {
    stroke: #1e293b;
}

body.light-theme .flag-pole-finial {
    fill: #1e293b;
}

body.light-theme .swiss-flag-cloth {
    fill: #ffffff;
    stroke: rgba(0, 0, 0, 0.15);
    stroke-width: 0.6;
}

body.light-theme .badge-tooltip {
    background: #ffffff;
    border-color: var(--accent-primary);
    color: #0f172a;
    box-shadow: 0 10px 28px rgba(100, 116, 139, 0.25), 0 0 24px rgba(var(--accent-rgb), 0.3);
}

body.light-theme .badge-tooltip::after {
    border-color: #ffffff transparent transparent transparent;
}

body.light-theme .section-title {
    color: #0f172a;
}

body.light-theme .about-bio {
    color: #334155;
}

body.light-theme .about-bio strong {
    color: #0f172a;
}

body.light-theme .about-tag-pill {
    background: rgba(241, 245, 249, 0.9);
    border-color: rgba(203, 213, 225, 0.9);
    color: #1e293b;
}

body.light-theme .about-tag-pill:hover {
    background: #ffffff;
    border-color: var(--accent-primary);
    box-shadow: 0 0 16px rgba(var(--accent-rgb), 0.25);
}

body.light-theme .tag-dot {
    background: var(--accent-primary);
    box-shadow: 0 0 10px var(--accent-primary);
}

body.light-theme .at-icon-badge {
    background: radial-gradient(circle at 35% 35%, rgba(var(--accent-rgb), 0.2), rgba(255, 255, 255, 0.98));
    border-color: var(--accent-primary);
    color: var(--accent-primary);
    box-shadow: 0 8px 24px rgba(100, 116, 139, 0.15), 0 0 18px rgba(var(--accent-rgb), 0.2);
}

body.light-theme .connect-btn {
    background: linear-gradient(135deg, rgba(var(--accent-rgb), 0.25), rgba(var(--accent-rgb), 0.15));
    border-color: var(--accent-primary);
    color: #0f172a;
    box-shadow: 0 8px 24px rgba(100, 116, 139, 0.15), 0 0 24px rgba(var(--accent-rgb), 0.25);
}

body.light-theme .connect-btn:hover {
    background: linear-gradient(135deg, rgba(var(--accent-rgb), 0.4), rgba(var(--accent-rgb), 0.25));
    border-color: var(--accent-primary);
    color: #0f172a;
    box-shadow: 0 10px 28px rgba(100, 116, 139, 0.2), 0 0 30px rgba(var(--accent-rgb), 0.35);
}

body.light-theme .btn-arrow {
    color: var(--accent-primary);
}

body.light-theme .copyright-text {
    color: #64748b;
}

body.light-theme .copyright-pill:hover .copyright-text {
    color: #0f172a;
}

body.light-theme .copyright-shield-icon {
    color: var(--accent-primary);
}

/* Digital Guestbook Light Theme Overrides */
body.light-theme .guestbook-tab-btn {
    background: rgba(0, 0, 0, 0.04);
    border-color: rgba(0, 0, 0, 0.1);
    color: #64748b;
}

body.light-theme .guestbook-tab-btn:hover {
    background: rgba(0, 0, 0, 0.08);
    color: #0f172a;
}

body.light-theme .guestbook-tab-btn.active {
    background: rgba(var(--accent-rgb), 0.22);
    border-color: var(--accent-primary);
    color: #0f172a;
}

body.light-theme .signature-canvas-wrap {
    background: #ffffff;
    border-color: rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 2px 10px rgba(0, 0, 0, 0.05);
}

body.light-theme .signature-canvas-wrap:hover,
body.light-theme .signature-canvas-wrap.drawing {
    border-color: var(--accent-primary);
    box-shadow: 0 0 16px rgba(var(--accent-rgb), 0.25);
}

body.light-theme .canvas-watermark {
    color: #94a3b8;
}

body.light-theme .canvas-controls-bar {
    background: rgba(0, 0, 0, 0.03);
    border-color: rgba(0, 0, 0, 0.08);
}

body.light-theme .stroke-thickness-wrap {
    background: rgba(0, 0, 0, 0.05);
}

body.light-theme .stroke-sample {
    background: #64748b;
}

body.light-theme .stroke-size-btn.active {
    background: rgba(0, 0, 0, 0.1);
}

body.light-theme .guestbook-input,
body.light-theme .guestbook-textarea {
    background: #ffffff;
    border-color: rgba(0, 0, 0, 0.12);
    color: #0f172a;
}

body.light-theme .seal-opt {
    background: rgba(0, 0, 0, 0.04);
    border-color: rgba(0, 0, 0, 0.1);
}

body.light-theme .seal-opt.active {
    background: rgba(var(--accent-rgb), 0.22);
    border-color: var(--accent-primary);
}

body.light-theme .guestbook-entry-card {
    background: rgba(255, 255, 255, 0.85);
    border-color: rgba(0, 0, 0, 0.08);
}

body.light-theme .guestbook-entry-card:hover {
    background: #ffffff;
    border-color: var(--accent-primary);
    box-shadow: 0 6px 20px rgba(100, 116, 139, 0.12);
}

body.light-theme .entry-signer-name {
    color: #0f172a;
}

body.light-theme .entry-body {
    color: #334155;
}

body.light-theme .guestbook-admin-bar {
    background: rgba(var(--accent-rgb), 0.18);
    border-color: var(--accent-primary);
}

body.light-theme .admin-lock-btn {
    background: rgba(0, 0, 0, 0.06);
    border-color: rgba(0, 0, 0, 0.15);
    color: #0f172a;
}

body.light-theme .founder-pin-modal-box {
    background: #ffffff;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3), 0 0 25px rgba(var(--accent-rgb), 0.3);
}

body.light-theme .founder-pin-header h4 {
    color: #0f172a;
}

body.light-theme .founder-pin-input {
    background: #f8fafc;
    border-color: rgba(0, 0, 0, 0.15);
    color: #0f172a;
}

body.light-theme .founder-admin-pill-btn {
    background: rgba(var(--accent-rgb), 0.2);
    border-color: var(--accent-primary);
    color: #0f172a;
}

body.light-theme .founder-dashboard-box {
    background: #ffffff;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25), 0 0 35px rgba(var(--accent-rgb), 0.3);
}

body.light-theme .founder-dash-title-wrap h3 {
    color: #0f172a;
}

/* ===================================================
   VISITOR ENTRY GATE MODAL (BEFORE LOADING SCREEN)
   =================================================== */
.visitor-entry-gate-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: radial-gradient(circle at center, rgba(15, 23, 42, 0.95) 0%, rgba(2, 6, 23, 0.98) 100%);
    backdrop-filter: blur(25px);
    z-index: 999999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    animation: fadeInGuestbook 0.4s ease;
}

.visitor-entry-box {
    max-width: 420px;
    width: 100%;
    background: rgba(15, 23, 42, 0.9);
    border: 1.5px solid var(--accent-primary);
    border-radius: 20px;
    padding: 28px 24px;
    box-shadow: 0 15px 50px rgba(0, 0, 0, 0.8), 0 0 30px rgba(var(--accent-rgb), 0.35);
    display: flex;
    flex-direction: column;
    gap: 18px;
    text-align: center;
}

.visitor-entry-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

.entry-flag-icon {
    font-size: 2.2rem;
    filter: drop-shadow(0 0 12px rgba(255, 0, 0, 0.5));
}

.entry-title-wrap h2 {
    margin: 0;
    font-size: 1.15rem;
    font-weight: 800;
    color: #ffffff;
    letter-spacing: -0.01em;
}

.entry-title-wrap p {
    margin: 4px 0 0;
    font-size: 0.78rem;
    color: #94a3b8;
}

.visitor-entry-form {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.entry-input-wrap {
    position: relative;
    display: flex;
    align-items: center;
}

.entry-input-icon {
    position: absolute;
    left: 14px;
    font-size: 1rem;
    pointer-events: none;
}

.visitor-entry-cyber-input {
    width: 100%;
    padding: 12px 14px 12px 42px;
    background: rgba(0, 0, 0, 0.55);
    border: 1.5px solid rgba(255, 255, 255, 0.15);
    border-radius: 12px;
    color: #ffffff;
    font-size: 0.9rem;
    font-family: inherit;
    font-weight: 600;
    outline: none;
    transition: all 0.2s ease;
}

.visitor-entry-cyber-input:focus {
    border-color: var(--accent-primary);
    box-shadow: 0 0 16px rgba(var(--accent-rgb), 0.45);
    background: rgba(0, 0, 0, 0.75);
}

.entry-btn-row {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.visitor-entry-submit-btn {
    width: 100%;
    padding: 12px;
    border-radius: 12px;
    background: var(--accent-primary);
    border: none;
    color: #000000;
    font-size: 0.85rem;
    font-weight: 800;
    letter-spacing: 0.03em;
    cursor: pointer;
    transition: all 0.2s ease;
}

.visitor-entry-submit-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 0 20px rgba(var(--accent-rgb), 0.6);
}

.visitor-entry-guest-btn {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.12);
    color: #94a3b8;
    padding: 9px;
    border-radius: 10px;
    font-size: 0.75rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
}

.visitor-entry-guest-btn:hover {
    background: rgba(255, 255, 255, 0.08);
    color: #ffffff;
}

/* ===================================================
   GLOBAL BANNED VISITOR LOCKOUT SCREEN
   =================================================== */
.site-banned-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: #020617;
    z-index: 9999999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
}

.banned-content-box {
    max-width: 440px;
    width: 100%;
    background: rgba(15, 23, 42, 0.95);
    border: 1.5px solid #ef4444;
    border-radius: 20px;
    padding: 32px 24px;
    text-align: center;
    box-shadow: 0 15px 50px rgba(0, 0, 0, 0.9), 0 0 35px rgba(239, 68, 68, 0.35);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
}

.banned-badge-beacon {
    position: relative;
    width: 72px;
    height: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.banned-pulse-ring {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 2px solid rgba(239, 68, 68, 0.5);
    animation: livePulseDot 1.6s infinite ease-in-out;
}

.banned-shield-core {
    width: 58px;
    height: 58px;
    border-radius: 50%;
    background: rgba(239, 68, 68, 0.15);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 20px rgba(239, 68, 68, 0.4);
}

.banned-title {
    margin: 0;
    font-size: 1.3rem;
    font-weight: 900;
    color: #ef4444;
    letter-spacing: 0.05em;
}

.banned-message {
    margin: 0;
    font-size: 0.82rem;
    color: #cbd5e1;
    line-height: 1.4;
}

.banned-timer-card {
    background: rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(239, 68, 68, 0.3);
    border-radius: 12px;
    padding: 10px 16px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 100%;
    box-sizing: border-box;
}

.banned-timer-label {
    font-size: 0.7rem;
    color: #94a3b8;
    font-weight: 600;
}

.banned-timer-digits {
    font-size: 1.25rem;
    font-weight: 800;
    font-family: 'SF Mono', monospace;
    color: #f87171;
    letter-spacing: 0.08em;
}

.banned-bypass-btn {
    background: transparent;
    border: none;
    color: #64748b;
    font-size: 0.72rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    margin-top: 6px;
}

.banned-bypass-btn:hover {
    color: #ffffff;
}

/* ===================================================
   VISITOR MODERATION & BAN MANAGEMENT CENTER (ADMIN)
   =================================================== */
.founder-ban-section {
    display: flex;
    flex-direction: column;
    gap: 10px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    padding-top: 14px;
}

.ban-controls-box {
    display: flex;
    flex-direction: column;
    gap: 8px;
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    padding: 12px;
}

.ban-target-input {
    width: 100%;
    padding: 8px 12px;
    background: rgba(0, 0, 0, 0.45);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 8px;
    color: #ffffff;
    font-size: 0.78rem;
    font-family: inherit;
    box-sizing: border-box;
    outline: none;
}

.ban-target-input:focus {
    border-color: #ef4444;
    box-shadow: 0 0 10px rgba(239, 68, 68, 0.35);
}

.ban-durations-row {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.ban-duration-pills {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 6px;
}

.ban-dur-btn {
    padding: 6px 4px;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #cbd5e1;
    font-size: 0.68rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s ease;
    text-align: center;
}

.ban-dur-btn:hover {
    background: rgba(255, 255, 255, 0.1);
    color: #ffffff;
}

.ban-dur-btn.active {
    background: #ef4444;
    color: #ffffff;
    border-color: #ef4444;
    box-shadow: 0 0 10px rgba(239, 68, 68, 0.4);
}

.ban-action-btns {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 8px;
}

.admin-execute-ban-btn {
    padding: 8px;
    border-radius: 8px;
    background: rgba(239, 68, 68, 0.2);
    border: 1px solid rgba(239, 68, 68, 0.4);
    color: #fca5a5;
    font-size: 0.74rem;
    font-weight: 800;
    cursor: pointer;
    transition: all 0.2s ease;
}

.admin-execute-ban-btn:hover {
    background: #ef4444;
    color: #ffffff;
    box-shadow: 0 0 14px rgba(239, 68, 68, 0.5);
}

.admin-unban-btn {
    padding: 8px;
    border-radius: 8px;
    background: rgba(16, 185, 129, 0.15);
    border: 1px solid rgba(16, 185, 129, 0.35);
    color: #10b981;
    font-size: 0.74rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s ease;
}

.admin-unban-btn:hover {
    background: #10b981;
    color: #020617;
    box-shadow: 0 0 12px rgba(16, 185, 129, 0.4);
}

.visitor-feed-wrap {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.visitor-feed-label {
    font-size: 0.68rem;
    font-weight: 700;
    color: #94a3b8;
}

.visitor-feed-list {
    max-height: 120px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 4px;
    background: rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 8px;
    padding: 6px;
}

.visitor-feed-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 4px 8px;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.03);
    font-size: 0.68rem;
    cursor: pointer;
    transition: background 0.15s ease;
}

.visitor-feed-item:hover {
    background: rgba(255, 255, 255, 0.08);
}

.visitor-item-name {
    font-weight: 700;
    color: #e2e8f0;
}

.visitor-item-status.banned {
    color: #ef4444;
    font-weight: 700;
}

.visitor-item-status.active {
    color: #10b981;
    font-weight: 600;
}

body.light-theme .founder-stat-card {
    background: rgba(0, 0, 0, 0.03);
    border-color: rgba(0, 0, 0, 0.08);
}

body.light-theme .founder-section-subtitle {
    color: #475569;
}

body.light-theme .founder-action-btn {
    background: rgba(0, 0, 0, 0.04);
    border-color: rgba(0, 0, 0, 0.1);
    color: #0f172a;
}

body.light-theme .founder-action-btn:hover {
    background: rgba(var(--accent-rgb), 0.2);
    border-color: var(--accent-primary);
}

/* ===================================================
   GLOBAL VIEW-COUNTER CONTROLLER & BOOSTER (ADMIN)
   =================================================== */
.founder-views-controller-section {
    display: flex;
    flex-direction: column;
    gap: 10px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    padding-top: 14px;
}

.views-ctrl-box {
    display: flex;
    flex-direction: column;
    gap: 8px;
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    padding: 12px;
}

.views-boost-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 6px;
}

.views-boost-btn {
    padding: 8px 4px;
    border-radius: 8px;
    background: rgba(var(--accent-rgb), 0.12);
    border: 1px solid rgba(var(--accent-rgb), 0.35);
    color: #ffffff;
    font-size: 0.7rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s ease;
    text-align: center;
}

.views-boost-btn:hover {
    background: var(--accent-primary);
    color: #000000;
    transform: translateY(-1px);
    box-shadow: 0 0 14px rgba(var(--accent-rgb), 0.5);
}

.views-boost-btn.milestone {
    background: rgba(245, 158, 11, 0.18);
    border-color: rgba(245, 158, 11, 0.45);
    color: #fde68a;
}

.views-boost-btn.milestone:hover {
    background: #f59e0b;
    color: #000000;
    box-shadow: 0 0 16px rgba(245, 158, 11, 0.6);
}

.views-custom-row {
    display: grid;
    grid-template-columns: 1fr auto auto;
    gap: 6px;
    align-items: center;
}

.views-custom-input {
    padding: 8px 10px;
    background: rgba(0, 0, 0, 0.45);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 8px;
    color: #ffffff;
    font-size: 0.78rem;
    font-family: inherit;
    box-sizing: border-box;
    outline: none;
}

.views-custom-input:focus {
    border-color: var(--accent-primary);
    box-shadow: 0 0 10px rgba(var(--accent-rgb), 0.35);
}

.views-set-btn {
    padding: 8px 12px;
    border-radius: 8px;
    background: rgba(16, 185, 129, 0.2);
    border: 1px solid rgba(16, 185, 129, 0.4);
    color: #10b981;
    font-size: 0.72rem;
    font-weight: 800;
    cursor: pointer;
    transition: all 0.2s ease;
    white-space: nowrap;
}

.views-set-btn:hover {
    background: #10b981;
    color: #020617;
    box-shadow: 0 0 12px rgba(16, 185, 129, 0.4);
}

.views-reset-btn {
    padding: 8px 10px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.12);
    color: #94a3b8;
    font-size: 0.72rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s ease;
    white-space: nowrap;
}

.views-reset-btn:hover {
    background: rgba(255, 255, 255, 0.15);
    color: #ffffff;
}

/* ===================================================
   FOUNDER PROFILE BADGES CUSTOMIZER & LIVE MANAGER
   =================================================== */
.founder-badges-manager-section {
    display: flex;
    flex-direction: column;
    gap: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    padding-top: 14px;
}

body.light-theme .founder-badges-manager-section {
    border-top-color: rgba(0, 0, 0, 0.08);
}

.badges-manager-header-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
}

.badges-manager-actions-row {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.badge-preset-btn {
    padding: 6px 12px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.12);
    color: #cbd5e1;
    font-size: 0.72rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.badge-preset-btn:hover {
    background: rgba(255, 255, 255, 0.12);
    color: #ffffff;
    transform: translateY(-1px);
}

.badge-preset-btn.standard-preset {
    background: rgba(var(--accent-rgb), 0.18);
    border-color: var(--accent-primary);
    color: var(--accent-primary);
    font-weight: 800;
}

.badge-preset-btn.standard-preset:hover {
    background: var(--accent-primary);
    color: #000000;
    box-shadow: 0 0 14px rgba(var(--accent-rgb), 0.5);
}

.badge-preset-btn.danger {
    background: rgba(239, 68, 68, 0.12);
    border-color: rgba(239, 68, 68, 0.3);
    color: #fca5a5;
}

.badge-preset-btn.danger:hover {
    background: #ef4444;
    color: #ffffff;
    box-shadow: 0 0 12px rgba(239, 68, 68, 0.4);
}

.badges-toggle-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
}

@media (max-width: 680px) {
    .badges-toggle-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 440px) {
    .badges-toggle-grid {
        grid-template-columns: 1fr;
    }
}

.badge-toggle-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 9px 12px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.035);
    border: 1px solid rgba(255, 255, 255, 0.08);
    cursor: pointer;
    transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1);
}

body.light-theme .badge-toggle-card {
    background: rgba(0, 0, 0, 0.03);
    border-color: rgba(0, 0, 0, 0.08);
}

.badge-toggle-card:hover {
    background: rgba(255, 255, 255, 0.07);
    border-color: rgba(255, 255, 255, 0.18);
    transform: translateY(-1px);
}

.badge-toggle-card.active {
    background: rgba(var(--accent-rgb), 0.14);
    border-color: var(--accent-primary);
    box-shadow: 0 0 14px rgba(var(--accent-rgb), 0.25);
}

.badge-card-left {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.badge-card-icon-wrap {
    width: 28px;
    height: 28px;
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.4);
    border: 1px solid rgba(255, 255, 255, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    flex-shrink: 0;
}

body.light-theme .badge-card-icon-wrap {
    background: #ffffff;
    border-color: rgba(0, 0, 0, 0.1);
}

.badge-card-info {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.badge-card-name {
    font-size: 0.74rem;
    font-weight: 700;
    color: #f1f5f9;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

body.light-theme .badge-card-name {
    color: #0f172a;
}

.badge-card-tag {
    font-size: 0.6rem;
    font-weight: 700;
    color: #94a3b8;
    letter-spacing: 0.03em;
}

.badge-card-tag.std {
    color: var(--accent-primary);
}

.badge-checkbox-indicator {
    width: 18px;
    height: 18px;
    border-radius: 6px;
    border: 1.5px solid rgba(255, 255, 255, 0.25);
    background: rgba(0, 0, 0, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.68rem;
    font-weight: 900;
    color: transparent;
    transition: all 0.2s ease;
    flex-shrink: 0;
}

.badge-toggle-card.active .badge-checkbox-indicator {
    background: var(--accent-primary);
    border-color: var(--accent-primary);
    color: #000000;
    box-shadow: 0 0 10px var(--accent-primary);
}

/* ===================================================
   HERO PFP MULTI-MEDIA & DYNAMIC RING FX
   =================================================== */
.pfp-container {
    position: relative;
    width: 88px;
    height: 88px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.pfp-frame {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    overflow: hidden;
    z-index: 2;
    background: #000000;
}

.pfp-img,
.pfp-video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    display: block;
}

/* Base Halo Ring Outer Shell */
.pfp-halo-ring-fx {
    position: absolute;
    top: -6px;
    left: -6px;
    right: -6px;
    bottom: -6px;
    border-radius: 50%;
    pointer-events: none;
    z-index: 1;
    transition: all 0.3s ease;
}

/* 1. Swiss Gold Halo */
.ring-halo-gold {
    border: 2.5px solid #ffc050;
    box-shadow: 0 0 calc(18px * var(--ring-glow-scale, 1)) rgba(255, 192, 80, 0.75), inset 0 0 8px rgba(255, 192, 80, 0.4);
    animation: ringSpinFx var(--ring-speed, 3s) linear infinite;
}

/* 2. Cyber Neon RGB Pulse */
.ring-rgb-pulse {
    border: 2.5px solid transparent;
    background: conic-gradient(from 0deg, #ff0055, #00ffff, #ffff00, #ff00ff, #00ff66, #ff0055) border-box;
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    box-shadow: 0 0 calc(20px * var(--ring-glow-scale, 1)) rgba(0, 255, 255, 0.6);
    animation: ringSpinFx var(--ring-speed, 3s) linear infinite;
}

/* 3. Quantum Orbit */
.ring-quantum-particles {
    border: 2.5px dashed #38bdf8;
    box-shadow: 0 0 calc(18px * var(--ring-glow-scale, 1)) #38bdf8, inset 0 0 10px rgba(56, 189, 248, 0.5);
    animation: ringSpinFx var(--ring-speed, 3s) linear infinite, ringPulseFx calc(var(--ring-speed, 3s) * 0.8) ease-in-out infinite alternate;
}

/* 4. Electric Lightning Arc */
.ring-lightning-arc {
    border: 2.5px solid #00ffcc;
    box-shadow: 0 0 calc(22px * var(--ring-glow-scale, 1)) #00ffcc, 0 0 calc(40px * var(--ring-glow-scale, 1)) rgba(0, 255, 204, 0.4);
    animation: ringFlickerFx var(--ring-speed, 1.8s) steps(4) infinite, ringSpinFx calc(var(--ring-speed, 3s) * 1.5) linear infinite;
}

/* 5. Solar Plasma Fire */
.ring-plasma-fire {
    border: 3px solid #ff4500;
    box-shadow: 0 0 calc(24px * var(--ring-glow-scale, 1)) #ff8c00, inset 0 0 12px #ff4500;
    animation: ringPlasmaFx var(--ring-speed, 2.5s) ease-in-out infinite alternate;
}

/* 6. Hyperspace Warp */
.ring-warp-speed {
    border: 3px double #a855f7;
    box-shadow: 0 0 calc(20px * var(--ring-glow-scale, 1)) #c084fc, inset 0 0 8px #a855f7;
    animation: ringSpinFx calc(var(--ring-speed, 3s) * 0.4) linear infinite;
}

/* 7. Matrix Scanlines */
.ring-matrix-scan {
    border: 2.5px solid #00ff66;
    box-shadow: 0 0 calc(18px * var(--ring-glow-scale, 1)) #00ff66, inset 0 0 6px #00ff66;
    animation: ringMatrixFx var(--ring-speed, 2s) ease-in-out infinite;
}

/* 8. Dual Orbitals */
.ring-dual-spin {
    border: 2px dotted #ff007f;
    box-shadow: 0 0 calc(18px * var(--ring-glow-scale, 1)) #ff007f;
    animation: ringSpinFx var(--ring-speed, 3s) linear infinite;
}

/* 9. Diamond Pulse */
.ring-diamond-pulse {
    border: 2.5px solid #ffffff;
    box-shadow: 0 0 calc(20px * var(--ring-glow-scale, 1)) #ffffff, 0 0 calc(35px * var(--ring-glow-scale, 1)) #38bdf8;
    animation: ringPulseFx var(--ring-speed, 2s) ease-in-out infinite alternate;
}

/* 10. Stealth Clean */
.ring-stealth-clean {
    border: 1.5px solid rgba(255, 255, 255, 0.2);
    box-shadow: none;
    animation: none;
}

@keyframes ringSpinFx {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@keyframes ringPulseFx {
    0% { transform: scale(1); opacity: 0.8; }
    100% { transform: scale(1.06); opacity: 1; }
}

@keyframes ringFlickerFx {
    0%, 100% { opacity: 1; filter: drop-shadow(0 0 8px #00ffcc); }
    50% { opacity: 0.6; filter: drop-shadow(0 0 20px #00ffcc); }
}

@keyframes ringPlasmaFx {
    0% { transform: rotate(0deg) scale(1); filter: hue-rotate(0deg); }
    100% { transform: rotate(180deg) scale(1.05); filter: hue-rotate(30deg); }
}

@keyframes ringMatrixFx {
    0%, 100% { transform: scale(1); opacity: 0.85; }
    50% { transform: scale(1.04); opacity: 1; filter: drop-shadow(0 0 15px #00ff66); }
}

/* ===================================================
   TAB 6: PROFILE IDENTITY, PFP & BADGES SUITE
   =================================================== */
.identity-header-intro {
    display: flex;
    flex-direction: column;
    gap: 3px;
    margin-bottom: 4px;
}

.identity-pfp-box,
.identity-rings-box {
    display: flex;
    flex-direction: column;
    gap: 12px;
    background: rgba(0, 0, 0, 0.32);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 16px;
    padding: 14px;
}

body.light-theme .identity-pfp-box,
body.light-theme .identity-rings-box {
    background: rgba(0, 0, 0, 0.03);
    border-color: rgba(0, 0, 0, 0.08);
}

.pfp-manager-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    padding-bottom: 8px;
}

.pfp-section-title {
    font-size: 0.85rem;
    font-weight: 800;
    color: var(--accent-primary);
    display: flex;
    align-items: center;
    gap: 6px;
}

.pfp-media-type-pills {
    display: flex;
    align-items: center;
    gap: 6px;
}

.pfp-type-pill {
    padding: 5px 12px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.12);
    color: #cbd5e1;
    font-size: 0.72rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s;
}

.pfp-type-pill.active {
    background: var(--accent-primary);
    color: #000000;
    border-color: var(--accent-primary);
    box-shadow: 0 0 12px rgba(var(--accent-rgb), 0.4);
}

.pfp-input-preview-row {
    display: grid;
    grid-template-columns: 100px 1fr;
    gap: 14px;
    align-items: center;
}

@media (max-width: 580px) {
    .pfp-input-preview-row {
        grid-template-columns: 1fr;
        justify-items: center;
    }
}

.pfp-live-preview-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
}

.pfp-thumb-frame {
    position: relative;
    width: 78px;
    height: 78px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #000000;
}

.pfp-thumb-img,
.pfp-thumb-video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    display: block;
    z-index: 2;
}

.pfp-thumb-ring {
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
    border-radius: 50%;
    z-index: 1;
}

.pfp-thumb-caption {
    font-size: 0.65rem;
    color: #94a3b8;
    font-weight: 700;
}

.pfp-input-controls-wrap {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
}

.pfp-url-row {
    display: grid;
    grid-template-columns: 1fr auto auto;
    gap: 6px;
    align-items: center;
}

.pfp-url-input {
    width: 100%;
}

.pfp-apply-btn {
    white-space: nowrap;
}

.pfp-upload-row {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.pfp-file-upload-label {
    padding: 6px 14px;
    border-radius: 8px;
    background: rgba(56, 189, 248, 0.15);
    border: 1px dashed rgba(56, 189, 248, 0.4);
    color: #38bdf8;
    font-size: 0.72rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.pfp-file-upload-label:hover {
    background: #38bdf8;
    color: #000000;
    border-style: solid;
    box-shadow: 0 0 12px rgba(56, 189, 248, 0.4);
}

.pfp-upload-hint {
    font-size: 0.68rem;
    color: #94a3b8;
}

.pfp-presets-wrapper {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-top: 2px;
}

.pfp-presets-label {
    font-size: 0.68rem;
    font-weight: 700;
    color: #cbd5e1;
}

.pfp-presets-grid {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.pfp-preset-pill {
    padding: 4px 10px;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #cbd5e1;
    font-size: 0.68rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s;
}

.pfp-preset-pill:hover {
    background: rgba(255, 255, 255, 0.12);
    color: #ffffff;
    transform: translateY(-1px);
}

.pfp-preset-pill.active {
    background: rgba(var(--accent-rgb), 0.2);
    border-color: var(--accent-primary);
    color: var(--accent-primary);
}

/* Ring FX Grid Cards */
.ring-fx-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 8px;
}

@media (max-width: 680px) {
    .ring-fx-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (max-width: 440px) {
    .ring-fx-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

.ring-fx-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    padding: 10px 6px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.035);
    border: 1px solid rgba(255, 255, 255, 0.08);
    cursor: pointer;
    transition: all 0.2s;
    text-align: center;
}

.ring-fx-card:hover {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.2);
    transform: translateY(-2px);
}

.ring-fx-card.active {
    background: rgba(var(--accent-rgb), 0.16);
    border-color: var(--accent-primary);
    box-shadow: 0 0 16px rgba(var(--accent-rgb), 0.3);
}

.ring-card-preview {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    display: inline-block;
}

.gold-preview { border: 2px solid #ffc050; box-shadow: 0 0 8px #ffc050; }
.rgb-preview { border: 2px solid #00ffff; box-shadow: 0 0 8px #ff00ff; background: conic-gradient(#f00, #0f0, #00f, #f00); }
.quantum-preview { border: 2px dashed #38bdf8; box-shadow: 0 0 8px #38bdf8; }
.lightning-preview { border: 2px solid #00ffcc; box-shadow: 0 0 8px #00ffcc; }
.plasma-preview { border: 2px solid #ff4500; box-shadow: 0 0 8px #ff8c00; }
.warp-preview { border: 2px double #a855f7; box-shadow: 0 0 8px #a855f7; }
.matrix-preview { border: 2px solid #00ff66; box-shadow: 0 0 8px #00ff66; }
.dual-preview { border: 2px dotted #ff007f; box-shadow: 0 0 8px #ff007f; }
.diamond-preview { border: 2px solid #ffffff; box-shadow: 0 0 8px #38bdf8; }
.stealth-preview { border: 1.5px solid rgba(255, 255, 255, 0.3); }

.ring-card-name {
    font-size: 0.65rem;
    font-weight: 700;
    color: #e2e8f0;
}

.ring-sliders-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

@media (max-width: 540px) {
    .ring-sliders-row {
        grid-template-columns: 1fr;
    }
}

.ring-slider-group {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.slider-label-val {
    display: flex;
    justify-content: space-between;
    font-size: 0.72rem;
    font-weight: 700;
    color: #cbd5e1;
}

.slider-label-val span:last-child {
    color: var(--accent-primary);
    font-family: 'Geist Mono', monospace;
}

.ring-slider-input {
    width: 100%;
    accent-color: var(--accent-primary);
    cursor: pointer;
}

/* ===================================================
   THE BIG RED GLOBIFY MASTER BROADCAST CARD & BUTTON
   =================================================== */
.globify-master-card {
    background: linear-gradient(135deg, rgba(220, 38, 38, 0.15), rgba(15, 23, 42, 0.95));
    border: 2px solid #ef4444;
    border-radius: 20px;
    padding: 18px 22px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    box-shadow: 0 15px 40px rgba(239, 68, 68, 0.25), 0 0 30px rgba(239, 68, 68, 0.2);
    position: relative;
    overflow: hidden;
}

.globify-info-wrap {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.globify-title-row {
    display: flex;
    align-items: center;
    gap: 8px;
}

.globify-pulse-led {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #ef4444;
    box-shadow: 0 0 12px #ef4444;
    animation: globifyLedPulse 1.2s infinite alternate;
}

@keyframes globifyLedPulse {
    0% { transform: scale(0.9); opacity: 0.7; }
    100% { transform: scale(1.3); opacity: 1; box-shadow: 0 0 20px #ef4444; }
}

.globify-headline {
    font-size: 0.92rem;
    font-weight: 900;
    color: #fca5a5;
    letter-spacing: 0.04em;
}

.globify-desc {
    font-size: 0.74rem;
    color: #cbd5e1;
    line-height: 1.4;
}

.big-red-globify-btn {
    width: 100%;
    padding: 16px 20px;
    border-radius: 14px;
    background: linear-gradient(135deg, #dc2626 0%, #991b1b 50%, #b91c1c 100%);
    border: 2px solid #f87171;
    color: #ffffff;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    box-shadow: 0 10px 30px rgba(220, 38, 38, 0.55), 0 0 25px rgba(239, 68, 68, 0.4);
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
    position: relative;
    overflow: hidden;
}

.big-red-globify-btn:hover {
    transform: translateY(-2px) scale(1.01);
    background: linear-gradient(135deg, #ef4444 0%, #dc2626 50%, #b91c1c 100%);
    border-color: #ffffff;
    box-shadow: 0 15px 45px rgba(220, 38, 38, 0.8), 0 0 45px rgba(239, 68, 68, 0.7);
}

.big-red-globify-btn:active {
    transform: translateY(1px) scale(0.98);
}

.globify-text {
    font-size: 1.05rem;
    font-weight: 900;
    letter-spacing: 0.05em;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.6);
}

.globify-subtext {
    font-size: 0.68rem;
    font-weight: 700;
    color: #fecaca;
    opacity: 0.9;
}

/* ===================================================
   HERO CUSTOM BANNER & LIVE STATUS PILL
   =================================================== */
.profile-main-box {
    position: relative;
    overflow: hidden;
}

.hero-custom-banner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 140px;
    border-radius: 28px 28px 0 0;
    overflow: hidden;
    z-index: 0;
    pointer-events: none;
    transition: height 0.3s ease;
}

.hero-banner-media {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.hero-banner-gradient-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 90%;
    background: linear-gradient(to bottom, transparent 0%, rgba(18, 22, 34, 0.95) 100%);
    pointer-events: none;
}

body.light-theme .hero-banner-gradient-overlay {
    background: linear-gradient(to bottom, transparent 0%, rgba(255, 255, 255, 0.95) 100%);
}

.profile-main-box.has-banner .profile-header-wrap {
    padding-top: 45px;
}

/* Live Status Pill */
.founder-live-status-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 5px 14px;
    border-radius: 9999px;
    background: rgba(16, 185, 129, 0.12);
    border: 1px solid rgba(16, 185, 129, 0.35);
    color: #10b981;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    margin: 2px 0 4px 0;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3), 0 0 14px rgba(16, 185, 129, 0.2);
    cursor: default;
    user-select: none;
    z-index: 5;
}

.founder-live-status-pill:hover {
    transform: translateY(-1px) scale(1.03);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4), 0 0 20px rgba(16, 185, 129, 0.35);
}

.status-live-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: currentColor;
    box-shadow: 0 0 8px currentColor;
    animation: livePulseDot 1.4s infinite ease-in-out;
    flex-shrink: 0;
}

.status-pill-text {
    line-height: 1.2;
    white-space: nowrap;
}

/* ===================================================
   CURSOR FX STYLES
   =================================================== */
body.cursor-gold-crosshair {
    cursor: crosshair;
}
body.cursor-gold-crosshair a,
body.cursor-gold-crosshair button {
    cursor: cell;
}

body.cursor-neon-trail * {
    cursor: default;
}

body.cursor-matrix-phosphor {
    cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpolygon points='0,0 0,18 5,14 9,22 12,20 8,12 14,12' fill='%2300ff66' stroke='%23003300' stroke-width='1.5'/%3E%3C/svg%3E"), auto !important;
}

.cursor-fx-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 8px;
}

@media (max-width: 680px) {
    .cursor-fx-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

.cursor-fx-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    padding: 10px 6px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.035);
    border: 1px solid rgba(255, 255, 255, 0.08);
    cursor: pointer;
    transition: all 0.2s;
    text-align: center;
}

.cursor-fx-card:hover {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.2);
    transform: translateY(-2px);
}

.cursor-fx-card.active {
    background: rgba(var(--accent-rgb), 0.16);
    border-color: var(--accent-primary);
    box-shadow: 0 0 16px rgba(var(--accent-rgb), 0.3);
}

.cursor-card-icon {
    font-size: 1.1rem;
}

.cursor-card-name {
    font-size: 0.65rem;
    font-weight: 700;
    color: #e2e8f0;
}

.identity-banner-box,
.identity-status-box,
.identity-cursor-box {
    display: flex;
    flex-direction: column;
    gap: 12px;
    background: rgba(0, 0, 0, 0.32);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 16px;
    padding: 14px;
}

body.light-theme .identity-banner-box,
body.light-theme .identity-status-box,
body.light-theme .identity-cursor-box {
    background: rgba(0, 0, 0, 0.03);
    border-color: rgba(0, 0, 0, 0.08);
}

.status-input-row {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 8px;
    align-items: center;
}

/* ===================================================
   TAB 7: EMERGENCY & WAR ROOM EMG SETTINGS
   =================================================== */
.emg-tab-btn {
    border-color: rgba(239, 68, 68, 0.4) !important;
    color: #fca5a5 !important;
}

.emg-tab-btn.active {
    background: linear-gradient(135deg, #dc2626, #991b1b) !important;
    color: #ffffff !important;
    box-shadow: 0 0 18px rgba(239, 68, 68, 0.5) !important;
}

.emg-header-intro {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-bottom: 6px;
}

.emg-title-badge {
    display: flex;
    align-items: center;
    gap: 10px;
}

.emg-hazard-stripe {
    flex: 1;
    height: 4px;
    border-radius: 2px;
    background: repeating-linear-gradient(45deg, #ef4444, #ef4444 10px, #000 10px, #000 20px);
}

.emg-main-title {
    font-size: 0.95rem;
    font-weight: 900;
    color: #f87171;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

/* Dead Man's Switch Card */
.emg-card-box {
    background: linear-gradient(135deg, rgba(30, 10, 10, 0.9), rgba(15, 23, 42, 0.95));
    border: 2px solid #ef4444;
    border-radius: 18px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    box-shadow: 0 10px 30px rgba(239, 68, 68, 0.2);
}

.emg-card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
    border-bottom: 1px solid rgba(239, 68, 68, 0.2);
    padding-bottom: 10px;
}

.emg-card-title-group {
    display: flex;
    align-items: center;
    gap: 10px;
}

.emg-icon {
    font-size: 1.4rem;
}

.emg-card-title {
    font-size: 0.88rem;
    font-weight: 900;
    color: #fca5a5;
    letter-spacing: 0.03em;
    display: block;
}

.emg-card-sub {
    font-size: 0.68rem;
    color: #94a3b8;
}

.deadman-arm-btn {
    padding: 6px 14px;
    border-radius: 10px;
    background: rgba(239, 68, 68, 0.2);
    border: 1.5px solid #ef4444;
    color: #fca5a5;
    font-size: 0.72rem;
    font-weight: 900;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: all 0.2s;
}

.deadman-arm-btn.armed {
    background: #ef4444;
    color: #ffffff;
    box-shadow: 0 0 16px rgba(239, 68, 68, 0.6);
}

.deadman-led {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #ef4444;
    box-shadow: 0 0 10px #ef4444;
    animation: globifyLedPulse 1s infinite alternate;
}

.deadman-arm-btn.disarmed .deadman-led {
    background: #64748b;
    box-shadow: none;
    animation: none;
}

.deadman-timer-display-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    background: rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(239, 68, 68, 0.3);
    border-radius: 14px;
    padding: 12px 16px;
}

.deadman-countdown-block {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.countdown-label {
    font-size: 0.65rem;
    font-weight: 800;
    color: #94a3b8;
    letter-spacing: 0.05em;
}

.countdown-digits {
    font-family: 'Geist Mono', monospace;
    font-size: 1.5rem;
    font-weight: 900;
    color: #ef4444;
    letter-spacing: 0.08em;
    text-shadow: 0 0 12px rgba(239, 68, 68, 0.6);
}

.deadman-pulse-checkin-btn {
    padding: 10px 18px;
    border-radius: 12px;
    background: linear-gradient(135deg, #10b981, #059669);
    border: 1.5px solid #34d399;
    color: #ffffff;
    font-size: 0.78rem;
    font-weight: 900;
    cursor: pointer;
    transition: all 0.2s;
    box-shadow: 0 0 18px rgba(16, 185, 129, 0.4);
}

.deadman-pulse-checkin-btn:hover {
    transform: scale(1.03);
    box-shadow: 0 0 26px rgba(16, 185, 129, 0.7);
}

.deadman-settings-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

@media (max-width: 580px) {
    .deadman-settings-grid {
        grid-template-columns: 1fr;
    }
}

.emg-setting-group {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.emg-label {
    font-size: 0.72rem;
    font-weight: 800;
    color: #cbd5e1;
}

.emg-select {
    padding: 8px 12px;
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.15);
    color: #ffffff;
    font-size: 0.75rem;
    font-weight: 700;
    outline: none;
    cursor: pointer;
}

/* EMG Quick Actions Grid */
.emg-quick-actions-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}

@media (max-width: 580px) {
    .emg-quick-actions-grid {
        grid-template-columns: 1fr;
    }
}

.emg-action-tile {
    background: rgba(18, 22, 34, 0.85);
    border: 1.5px solid rgba(255, 255, 255, 0.1);
    border-radius: 16px;
    padding: 14px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    transition: all 0.22s ease;
}

.emg-action-tile:hover {
    transform: translateY(-2px);
    border-color: rgba(255, 255, 255, 0.25);
}

.emg-tile-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.emg-tile-icon {
    font-size: 1.2rem;
}

.emg-tile-badge {
    font-size: 0.62rem;
    font-weight: 900;
    padding: 2px 7px;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.15);
    color: #cbd5e1;
    font-family: 'Geist Mono', monospace;
}

.emg-tile-title {
    font-size: 0.85rem;
    font-weight: 800;
    color: #ffffff;
}

.emg-tile-desc {
    font-size: 0.7rem;
    color: #94a3b8;
    line-height: 1.35;
    flex: 1;
}

.emg-trigger-btn {
    width: 100%;
    padding: 10px 14px;
    border-radius: 10px;
    font-size: 0.74rem;
    font-weight: 900;
    cursor: pointer;
    transition: all 0.2s;
    border: 1.5px solid transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    text-transform: uppercase;
}

.emg-trigger-btn.red-btn {
    background: linear-gradient(135deg, #dc2626, #991b1b);
    border-color: #f87171;
    color: #fff;
    box-shadow: 0 0 14px rgba(220, 38, 38, 0.4);
}
.emg-trigger-btn.red-btn:hover {
    box-shadow: 0 0 24px rgba(220, 38, 38, 0.8);
    transform: scale(1.02);
}

.emg-trigger-btn.amber-btn {
    background: linear-gradient(135deg, #d97706, #b45309);
    border-color: #fcd34d;
    color: #fff;
    box-shadow: 0 0 14px rgba(217, 119, 6, 0.4);
}
.emg-trigger-btn.amber-btn:hover {
    box-shadow: 0 0 24px rgba(217, 119, 6, 0.8);
    transform: scale(1.02);
}

.emg-trigger-btn.blue-btn {
    background: linear-gradient(135deg, #2563eb, #1d4ed8);
    border-color: #60a5fa;
    color: #fff;
    box-shadow: 0 0 14px rgba(37, 99, 235, 0.4);
}
.emg-trigger-btn.blue-btn:hover {
    box-shadow: 0 0 24px rgba(37, 99, 235, 0.8);
    transform: scale(1.02);
}

.emg-trigger-btn.crimson-btn {
    background: linear-gradient(135deg, #e11d48, #be123c);
    border-color: #fda4af;
    color: #fff;
    box-shadow: 0 0 14px rgba(225, 29, 72, 0.4);
}
.emg-trigger-btn.crimson-btn:hover {
    box-shadow: 0 0 24px rgba(225, 29, 72, 0.8);
    transform: scale(1.02);
}

.emg-trigger-btn.danger-btn {
    background: rgba(239, 68, 68, 0.15);
    border-color: #ef4444;
    color: #fca5a5;
}
.emg-trigger-btn.danger-btn:hover {
    background: #ef4444;
    color: #ffffff;
    box-shadow: 0 0 18px rgba(239, 68, 68, 0.5);
}

.emg-trigger-btn.zeroize-btn {
    background: rgba(148, 163, 184, 0.15);
    border-color: #64748b;
    color: #cbd5e1;
}
.emg-trigger-btn.zeroize-btn:hover {
    background: #475569;
    color: #ffffff;
    border-color: #cbd5e1;
}

/* ===================================================
   VISITOR-FACING "SILVAN AI" DIGITAL TWIN FLOATING WIDGET
   =================================================== */
.silvan-ai-container {
    position: fixed;
    bottom: 24px;
    right: 24px;
    z-index: 9990;
    font-family: -apple-system, BlinkMacSystemFont, 'Geist', sans-serif;
}

.silvan-ai-fab-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    border-radius: 30px;
    background: rgba(18, 22, 34, 0.85);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 192, 80, 0.4);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5), 0 0 20px rgba(255, 192, 80, 0.25);
    color: #ffffff;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.silvan-ai-fab-btn:hover {
    transform: translateY(-3px) scale(1.03);
    border-color: #ffc050;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.6), 0 0 30px rgba(255, 192, 80, 0.45);
}

.ai-fab-avatar {
    font-size: 1.1rem;
}

.ai-fab-text {
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.02em;
    color: #ffc050;
}

.ai-fab-online-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #10b981;
    box-shadow: 0 0 8px #10b981;
    animation: livePulseDot 1.4s infinite ease-in-out;
}

/* Floating AI Chat Modal */
.silvan-ai-modal {
    position: fixed;
    bottom: 84px;
    right: 24px;
    width: 360px;
    max-width: calc(100vw - 32px);
    height: 480px;
    max-height: calc(82vh - 80px);
    background: rgba(14, 18, 28, 0.92);
    backdrop-filter: blur(36px) saturate(180%);
    -webkit-backdrop-filter: blur(36px) saturate(180%);
    border: 1px solid rgba(255, 192, 80, 0.3);
    border-top: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 22px;
    box-shadow: 0 25px 70px rgba(0, 0, 0, 0.75), 0 0 35px rgba(255, 192, 80, 0.15);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    z-index: 9992;
    animation: appleBoxScaleIn 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.ai-modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 14px;
    background: rgba(0, 0, 0, 0.35);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.ai-modal-profile {
    display: flex;
    align-items: center;
    gap: 10px;
}

.ai-modal-avatar-frame {
    position: relative;
    width: 36px;
    height: 36px;
}

.ai-modal-avatar-img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    border: 1.5px solid #ffc050;
}

.ai-modal-online-badge {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #10b981;
    border: 1.5px solid #0f172a;
}

.ai-modal-info {
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.ai-modal-name-row {
    display: flex;
    align-items: center;
    gap: 6px;
}

.ai-modal-name {
    font-size: 0.85rem;
    font-weight: 800;
    color: #ffffff;
}

.ai-modal-badge {
    font-size: 0.6rem;
    font-weight: 800;
    padding: 1px 6px;
    border-radius: 6px;
    background: rgba(255, 192, 80, 0.15);
    color: #ffc050;
    border: 1px solid rgba(255, 192, 80, 0.3);
}

.ai-modal-status {
    font-size: 0.64rem;
    color: #94a3b8;
}

.ai-modal-close-btn {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.08);
    border: none;
    color: #cbd5e1;
    font-size: 0.72rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;
}

.ai-modal-close-btn:hover {
    background: rgba(239, 68, 68, 0.3);
    color: #fff;
}

/* Prompt Chips */
.ai-prompt-chips-bar {
    display: flex;
    gap: 6px;
    padding: 8px 12px;
    background: rgba(0, 0, 0, 0.2);
    overflow-x: auto;
    scrollbar-width: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.ai-prompt-chips-bar::-webkit-scrollbar {
    display: none;
}

.ai-chip {
    padding: 4px 10px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #e2e8f0;
    font-size: 0.68rem;
    font-weight: 600;
    white-space: nowrap;
    cursor: pointer;
    transition: all 0.2s;
}

.ai-chip:hover {
    background: rgba(255, 192, 80, 0.2);
    border-color: #ffc050;
    color: #ffc050;
    transform: translateY(-1px);
}

/* Chat Thread */
.ai-chat-thread {
    flex: 1;
    overflow-y: auto;
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    scroll-behavior: smooth;
}

.ai-msg-bubble {
    display: flex;
    gap: 8px;
    max-width: 88%;
}

.ai-msg-bubble.incoming {
    align-self: flex-start;
}

.ai-msg-bubble.outgoing {
    align-self: flex-end;
    flex-direction: row-reverse;
}

.ai-msg-avatar {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: rgba(255, 192, 80, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8rem;
    flex-shrink: 0;
}

.ai-msg-bubble.outgoing .ai-msg-avatar {
    background: rgba(56, 189, 248, 0.2);
}

.ai-msg-content {
    background: rgba(255, 255, 255, 0.07);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 14px 14px 14px 4px;
    padding: 8px 12px;
    color: #f1f5f9;
    font-size: 0.76rem;
    line-height: 1.4;
}

.ai-msg-bubble.outgoing .ai-msg-content {
    background: linear-gradient(135deg, rgba(255, 192, 80, 0.25), rgba(245, 158, 11, 0.25));
    border-color: rgba(255, 192, 80, 0.4);
    border-radius: 14px 14px 4px 14px;
    color: #fff;
}

.ai-msg-time {
    display: block;
    font-size: 0.58rem;
    color: #94a3b8;
    margin-top: 4px;
    text-align: right;
}

/* Chat Input */
.ai-input-bar {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 10px 12px;
    background: rgba(0, 0, 0, 0.4);
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.ai-text-input {
    flex: 1;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 12px;
    padding: 8px 12px;
    color: #ffffff;
    font-size: 0.76rem;
    outline: none;
    transition: all 0.2s;
}

.ai-text-input:focus {
    border-color: #ffc050;
    box-shadow: 0 0 10px rgba(255, 192, 80, 0.25);
}

.ai-send-btn {
    width: 32px;
    height: 32px;
    border-radius: 10px;
    background: #ffc050;
    border: none;
    color: #0f172a;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s;
}

.ai-send-btn:hover {
    transform: scale(1.06);
    background: #fbbf24;
    box-shadow: 0 0 12px rgba(255, 192, 80, 0.5);
}

/* ===================================================
   TAB 8: SILVAN AI & OPS (FOUNDER TERMINAL)
   =================================================== */
.ai-tab-btn {
    border-color: rgba(56, 189, 248, 0.4) !important;
    color: #7dd3fc !important;
}

.ai-tab-btn.active {
    background: linear-gradient(135deg, #0284c7, #0369a1) !important;
    color: #ffffff !important;
    box-shadow: 0 0 18px rgba(56, 189, 248, 0.4) !important;
}

.ai-header-intro {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-bottom: 4px;
}

.ai-title-badge {
    display: flex;
    align-items: center;
    gap: 8px;
}

.ai-glow-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #38bdf8;
    box-shadow: 0 0 12px #38bdf8;
    animation: livePulseDot 1.4s infinite ease-in-out;
}

.ai-config-box,
.ai-transcripts-box,
.ai-voice-box,
.ai-honeypot-box {
    background: rgba(0, 0, 0, 0.32);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 16px;
    padding: 14px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

body.light-theme .ai-config-box,
body.light-theme .ai-transcripts-box,
body.light-theme .ai-voice-box,
body.light-theme .ai-honeypot-box {
    background: rgba(0, 0, 0, 0.03);
    border-color: rgba(0, 0, 0, 0.08);
}

.ai-box-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
}

.ai-box-title-wrap {
    display: flex;
    align-items: center;
    gap: 10px;
}

.ai-box-icon {
    font-size: 1.3rem;
}

.ai-box-title {
    font-size: 0.88rem;
    font-weight: 800;
    color: #ffffff;
    display: block;
}

.ai-box-sub {
    font-size: 0.68rem;
    color: #94a3b8;
}

.ai-master-toggle-btn {
    padding: 6px 12px;
    border-radius: 8px;
    background: rgba(16, 185, 129, 0.2);
    border: 1px solid #10b981;
    color: #10b981;
    font-size: 0.7rem;
    font-weight: 800;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: all 0.2s;
}

.ai-master-toggle-btn.active {
    background: #10b981;
    color: #ffffff;
    box-shadow: 0 0 14px rgba(16, 185, 129, 0.4);
}

.ai-toggle-indicator {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
}

/* Personas Grid */
.ai-personas-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
}

@media (max-width: 580px) {
    .ai-personas-grid {
        grid-template-columns: 1fr;
    }
}

.ai-persona-card {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 10px 12px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.08);
    cursor: pointer;
    text-align: left;
    transition: all 0.2s;
}

.ai-persona-card:hover {
    background: rgba(255, 255, 255, 0.07);
    border-color: rgba(255, 255, 255, 0.2);
}

.ai-persona-card.active {
    background: rgba(56, 189, 248, 0.15);
    border-color: #38bdf8;
    box-shadow: 0 0 16px rgba(56, 189, 248, 0.25);
}

.persona-icon {
    font-size: 1.2rem;
    line-height: 1;
}

.persona-info {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.persona-name {
    font-size: 0.78rem;
    font-weight: 800;
    color: #ffffff;
}

.persona-desc {
    font-size: 0.65rem;
    color: #94a3b8;
    line-height: 1.3;
}

/* Knowledge Injector */
.ai-knowledge-injector-wrap {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.knowledge-header-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.knowledge-label {
    font-size: 0.72rem;
    font-weight: 800;
    color: #cbd5e1;
}

.knowledge-reset-btn {
    font-size: 0.65rem;
    color: #94a3b8;
    background: transparent;
    border: none;
    cursor: pointer;
}

.knowledge-reset-btn:hover {
    color: #ffc050;
}

.ai-knowledge-textarea {
    width: 100%;
    box-sizing: border-box;
    padding: 10px 12px;
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.12);
    color: #ffffff;
    font-size: 0.74rem;
    font-family: inherit;
    resize: vertical;
    outline: none;
}

/* Transcripts Feed */
.transcripts-header-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
}

.transcripts-actions-row {
    display: flex;
    gap: 6px;
}

.transcripts-btn {
    padding: 4px 10px;
    border-radius: 8px;
    font-size: 0.68rem;
    font-weight: 700;
    cursor: pointer;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.05);
    color: #cbd5e1;
}

.transcripts-btn:hover {
    background: rgba(255, 255, 255, 0.12);
    color: #ffffff;
}

.ai-transcripts-scroll-feed {
    max-height: 180px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 8px;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.06);
}

.transcript-entry-card {
    background: rgba(255, 255, 255, 0.03);
    border-left: 2px solid #38bdf8;
    padding: 6px 10px;
    border-radius: 0 8px 8px 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.transcript-user-query {
    font-size: 0.72rem;
    font-weight: 700;
    color: #ffc050;
}

.transcript-ai-reply {
    font-size: 0.68rem;
    color: #cbd5e1;
    line-height: 1.35;
}

.transcript-time {
    font-size: 0.58rem;
    color: #64748b;
    align-self: flex-end;
}

.no-transcripts-hint {
    font-size: 0.7rem;
    color: #64748b;
    text-align: center;
    padding: 20px;
}

/* Voice Synthesizer */
.voice-composer-grid {
    display: grid;
    grid-template-columns: 1fr 180px;
    gap: 12px;
}

@media (max-width: 680px) {
    .voice-composer-grid {
        grid-template-columns: 1fr;
    }
}

.voice-input-col {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.voice-announcement-input {
    width: 100%;
    box-sizing: border-box;
    padding: 8px 12px;
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.12);
    color: #ffffff;
    font-size: 0.74rem;
    font-family: inherit;
    resize: none;
    outline: none;
}

.voice-sliders-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.voice-slider-group {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.voice-actions-col {
    display: flex;
    flex-direction: column;
    gap: 8px;
    justify-content: center;
}

.voice-test-btn {
    padding: 8px 12px;
    border-radius: 10px;
    background: rgba(56, 189, 248, 0.15);
    border: 1px solid #38bdf8;
    color: #7dd3fc;
    font-size: 0.72rem;
    font-weight: 800;
    cursor: pointer;
    transition: all 0.2s;
}

.voice-test-btn:hover {
    background: #0284c7;
    color: #ffffff;
    box-shadow: 0 0 14px rgba(56, 189, 248, 0.4);
}

.voice-broadcast-btn {
    padding: 12px 14px;
    border-radius: 10px;
    background: linear-gradient(135deg, #0284c7, #0369a1);
    border: 1.5px solid #38bdf8;
    color: #ffffff;
    font-size: 0.72rem;
    font-weight: 900;
    cursor: pointer;
    box-shadow: 0 0 16px rgba(56, 189, 248, 0.4);
    transition: all 0.2s;
}

.voice-broadcast-btn:hover {
    transform: scale(1.02);
    box-shadow: 0 0 24px rgba(56, 189, 248, 0.7);
}

/* Honeypot */
.ai-honeypot-box {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.honeypot-left {
    display: flex;
    align-items: center;
    gap: 10px;
}

.honeypot-icon {
    font-size: 1.4rem;
}

.honeypot-title {
    font-size: 0.84rem;
    font-weight: 800;
    color: #ffffff;
    display: block;
}

.honeypot-desc {
    font-size: 0.68rem;
    color: #94a3b8;
}

.honeypot-right {
    display: flex;
    align-items: center;
    gap: 12px;
}

.honeypot-counter-badge {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    padding: 4px 10px;
}

.counter-num {
    font-family: 'Geist Mono', monospace;
    font-size: 1.1rem;
    font-weight: 900;
    color: #38bdf8;
}

.counter-sub {
    font-size: 0.58rem;
    color: #94a3b8;
}

.honeypot-toggle-btn {
    padding: 6px 12px;
    border-radius: 8px;
    background: #10b981;
    border: 1px solid #34d399;
    color: #ffffff;
    font-size: 0.7rem;
    font-weight: 900;
    cursor: pointer;
}

/* ===================================================
   LIVE VISITOR FLASH-HOLOGRAM SCREEN TAKEOVER (ADMIN)
   =================================================== */
.founder-flash-section {
    display: flex;
    flex-direction: column;
    gap: 10px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    padding-top: 14px;
}

.flash-ctrl-header-wrap {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.flash-subtitle-hint {
    font-size: 0.68rem;
    color: #94a3b8;
}

.flash-ctrl-box {
    display: flex;
    flex-direction: column;
    gap: 10px;
    background: rgba(0, 0, 0, 0.35);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    padding: 12px;
}

.flash-msg-input {
    width: 100%;
    padding: 10px 12px;
    background: rgba(0, 0, 0, 0.45);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 8px;
    color: #ffffff;
    font-size: 0.8rem;
    font-family: inherit;
    box-sizing: border-box;
    outline: none;
}

.flash-msg-input:focus {
    border-color: var(--accent-primary);
    box-shadow: 0 0 12px rgba(var(--accent-rgb), 0.4);
}

.flash-options-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    flex-wrap: wrap;
}

.flash-styles-group {
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
}

.flash-style-btn {
    padding: 5px 9px;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #cbd5e1;
    font-size: 0.68rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s ease;
}

.flash-style-btn:hover {
    background: rgba(255, 255, 255, 0.12);
    color: #ffffff;
}

.flash-style-btn.active {
    background: rgba(var(--accent-rgb), 0.2);
    border-color: var(--accent-primary);
    color: #ffffff;
    box-shadow: 0 0 10px rgba(var(--accent-rgb), 0.35);
}

.flash-durs-group {
    display: flex;
    gap: 4px;
}

.flash-dur-btn {
    padding: 5px 8px;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #94a3b8;
    font-size: 0.68rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s ease;
}

.flash-dur-btn:hover {
    color: #ffffff;
}

.flash-dur-btn.active {
    background: var(--accent-primary);
    border-color: var(--accent-primary);
    color: #000000;
    font-weight: 800;
}

.flash-dur-btn.perma {
    color: #f87171;
    border-color: rgba(239, 68, 68, 0.3);
}

.flash-dur-btn.perma.active {
    background: #ef4444;
    border-color: #ef4444;
    color: #ffffff;
    box-shadow: 0 0 12px rgba(239, 68, 68, 0.5);
}

.flash-action-btns-row {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 8px;
    align-items: center;
}

.admin-flash-send-btn {
    width: 100%;
    padding: 10px;
    border-radius: 8px;
    background: linear-gradient(135deg, var(--accent-primary) 0%, rgba(var(--accent-rgb), 0.75) 100%);
    border: none;
    color: #000000;
    font-size: 0.78rem;
    font-weight: 800;
    cursor: pointer;
    transition: all 0.25s ease;
    box-shadow: 0 4px 15px rgba(var(--accent-rgb), 0.35);
    text-align: center;
}

.admin-flash-send-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 22px rgba(var(--accent-rgb), 0.55);
}

.admin-flash-clear-btn {
    padding: 10px 14px;
    border-radius: 8px;
    background: rgba(239, 68, 68, 0.15);
    border: 1px solid rgba(239, 68, 68, 0.35);
    color: #f87171;
    font-size: 0.75rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s ease;
    white-space: nowrap;
}

.admin-flash-clear-btn:hover {
    background: #ef4444;
    color: #ffffff;
    box-shadow: 0 0 14px rgba(239, 68, 68, 0.5);
}



/* ===================================================
   5-ANSWER LIVE COMMUNITY POLL & VOTER AUDIT (IDEA 8)
   =================================================== */
.founder-poll-section {
    display: flex;
    flex-direction: column;
    gap: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    padding-top: 16px;
}

body.light-theme .founder-poll-section {
    border-top-color: rgba(0, 0, 0, 0.08);
}

.poll-ctrl-header-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
}

.poll-title-block {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.poll-subtitle-hint {
    font-size: 0.68rem;
    color: #94a3b8;
}

.poll-header-toggles-row {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.poll-status-pill-badge {
    display: flex;
    align-items: center;
    gap: 6px;
    background: rgba(16, 185, 129, 0.15);
    border: 1px solid rgba(16, 185, 129, 0.3);
    padding: 3px 8px;
    border-radius: 12px;
    font-size: 0.65rem;
    font-weight: 700;
    color: #34d399;
}

.poll-status-pill-badge.closed {
    background: rgba(239, 68, 68, 0.15);
    border-color: rgba(239, 68, 68, 0.3);
    color: #fca5a5;
}

.poll-status-indicator-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #10b981;
    box-shadow: 0 0 8px #10b981;
}

.poll-status-pill-badge.closed .poll-status-indicator-dot {
    background: #ef4444;
    box-shadow: 0 0 8px #ef4444;
}

.poll-status-toggle-wrap {
    display: flex;
    align-items: center;
    gap: 8px;
}

.poll-toggle-label {
    font-size: 0.72rem;
    font-weight: 600;
    color: #ffffff;
}

body.light-theme .poll-toggle-label {
    color: #0f172a;
}

.poll-ctrl-box {
    display: flex;
    flex-direction: column;
    gap: 12px;
    background: rgba(255, 255, 255, 0.035);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 16px;
    padding: 16px;
}

body.light-theme .poll-ctrl-box {
    background: rgba(0, 0, 0, 0.025);
    border-color: rgba(0, 0, 0, 0.08);
}

.poll-field-group {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.poll-field-label {
    font-size: 0.68rem;
    font-weight: 700;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.poll-text-input {
    width: 100%;
    padding: 9px 12px;
    background: rgba(0, 0, 0, 0.4);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 10px;
    color: #ffffff;
    font-size: 0.8rem;
    font-family: inherit;
    box-sizing: border-box;
    outline: none;
    transition: all 0.2s ease;
}

body.light-theme .poll-text-input {
    background: rgba(0, 0, 0, 0.04);
    border-color: rgba(0, 0, 0, 0.12);
    color: #0f172a;
}

.poll-text-input:focus {
    border-color: var(--accent-primary);
    box-shadow: 0 0 10px rgba(var(--accent-rgb), 0.3);
}

.poll-duration-selector-row {
    display: flex;
    align-items: center;
    gap: 6px;
    background: rgba(0, 0, 0, 0.35);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    padding: 4px;
    flex-wrap: wrap;
}

body.light-theme .poll-duration-selector-row {
    background: rgba(0, 0, 0, 0.04);
    border-color: rgba(0, 0, 0, 0.08);
}

.poll-dur-btn {
    flex: 1;
    min-width: 55px;
    padding: 7px 10px;
    border-radius: 8px;
    background: transparent;
    border: none;
    color: rgba(255, 255, 255, 0.65);
    font-size: 0.72rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
    text-align: center;
}

body.light-theme .poll-dur-btn {
    color: rgba(0, 0, 0, 0.6);
}

.poll-dur-btn:hover {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.08);
}

body.light-theme .poll-dur-btn:hover {
    color: #0f172a;
    background: rgba(0, 0, 0, 0.06);
}

.poll-dur-btn.active {
    background: #ffffff;
    color: #000000;
    font-weight: 700;
    box-shadow: 0 2px 10px rgba(255, 255, 255, 0.3);
}

body.light-theme .poll-dur-btn.active {
    background: #0f172a;
    color: #ffffff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

/* 5 Options Grid */
.poll-options-5grid {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.poll-opt-editor-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    background: rgba(0, 0, 0, 0.25);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 12px;
    padding: 6px 10px;
    transition: all 0.2s ease;
}

body.light-theme .poll-opt-editor-row {
    background: rgba(0, 0, 0, 0.02);
    border-color: rgba(0, 0, 0, 0.06);
}

.poll-opt-editor-row:focus-within {
    border-color: rgba(var(--accent-rgb), 0.5);
    background: rgba(var(--accent-rgb), 0.05);
}

.poll-opt-input-wrap {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1;
}

.poll-opt-letter-badge {
    width: 20px;
    height: 20px;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.15);
    color: var(--accent-primary);
    font-size: 0.65rem;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.poll-opt-input {
    width: 100%;
    padding: 6px 8px;
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 6px;
    color: #ffffff;
    font-size: 0.74rem;
    font-family: inherit;
    box-sizing: border-box;
    outline: none;
}

body.light-theme .poll-opt-input {
    background: rgba(255, 255, 255, 0.9);
    border-color: rgba(0, 0, 0, 0.1);
    color: #0f172a;
}

.poll-opt-stats {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.68rem;
    font-weight: 700;
    flex-shrink: 0;
}

.poll-opt-pct {
    color: var(--accent-primary);
    font-weight: 800;
}

.poll-opt-count {
    color: #64748b;
}

/* Master Actions & Emergency Close Button */
.poll-manager-actions-row {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 4px;
}

.poll-action-btn {
    cursor: pointer !important;
    user-select: none;
    pointer-events: auto !important;
}

.poll-broadcast-btn {
    padding: 9px 16px;
    border-radius: 12px;
    background: linear-gradient(135deg, rgba(var(--accent-rgb), 0.9) 0%, rgba(var(--accent-rgb), 1) 100%);
    border: none;
    color: #000000;
    font-size: 0.75rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
    box-shadow: 0 4px 14px rgba(var(--accent-rgb), 0.35);
}

.poll-broadcast-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 20px rgba(var(--accent-rgb), 0.55);
}

.poll-emergency-close-btn {
    padding: 9px 14px;
    border-radius: 12px;
    background: rgba(239, 68, 68, 0.15);
    border: 1px solid rgba(239, 68, 68, 0.35);
    color: #fca5a5;
    font-size: 0.74rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
    display: flex;
    align-items: center;
    gap: 6px;
}

.poll-emergency-close-btn:hover {
    background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
    color: #ffffff;
    border-color: #ef4444;
    box-shadow: 0 4px 18px rgba(239, 68, 68, 0.5);
    transform: translateY(-1px);
}

.poll-preview-btn, .poll-reset-btn {
    padding: 9px 12px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);
    color: #ffffff;
    font-size: 0.72rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
}

.poll-preview-btn:hover {
    background: rgba(var(--accent-rgb), 0.2);
    border-color: var(--accent-primary);
}

.poll-reset-btn:hover {
    background: rgba(239, 68, 68, 0.2);
    border-color: #ef4444;
    color: #fca5a5;
}

/* In-Panel Live Toast Banner */
.poll-feedback-banner {
    padding: 8px 12px;
    border-radius: 10px;
    font-size: 0.74rem;
    font-weight: 700;
    text-align: center;
    animation: pollBannerFadeIn 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

@keyframes pollBannerFadeIn {
    0% { opacity: 0; transform: translateY(-4px); }
    100% { opacity: 1; transform: translateY(0); }
}

.poll-feedback-banner.success {
    background: rgba(16, 185, 129, 0.15);
    border: 1px solid rgba(16, 185, 129, 0.3);
    color: #34d399;
}

.poll-feedback-banner.danger {
    background: rgba(239, 68, 68, 0.18);
    border: 1px solid rgba(239, 68, 68, 0.4);
    color: #fca5a5;
}

.poll-feedback-banner.info {
    background: rgba(56, 189, 248, 0.15);
    border: 1px solid rgba(56, 189, 248, 0.35);
    color: #38bdf8;
}

.poll-feedback-banner.warning {
    background: rgba(245, 158, 11, 0.15);
    border: 1px solid rgba(245, 158, 11, 0.35);
    color: #fbbf24;
}

/* Who Voted What: Voter Audit Card */
.founder-voter-audit-card {
    display: flex;
    flex-direction: column;
    gap: 8px;
    background: rgba(0, 0, 0, 0.35);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 14px;
    padding: 12px;
    margin-top: 6px;
}

body.light-theme .founder-voter-audit-card {
    background: rgba(0, 0, 0, 0.03);
    border-color: rgba(0, 0, 0, 0.08);
}

.voter-audit-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 6px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.voter-audit-title-left {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.72rem;
    font-weight: 700;
    color: #ffffff;
}

body.light-theme .voter-audit-title-left {
    color: #0f172a;
}

.voter-audit-total-badge {
    font-size: 0.68rem;
    color: #94a3b8;
    display: flex;
    align-items: center;
    gap: 4px;
}

.voter-audit-total-badge strong {
    color: #ffffff;
    font-size: 0.74rem;
}

body.light-theme .voter-audit-total-badge strong {
    color: #0f172a;
}

.voter-audit-feed-scroll {
    display: flex;
    flex-direction: column;
    gap: 6px;
    max-height: 160px;
    overflow-y: auto;
    padding-right: 4px;
}

.voter-audit-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 8px;
    padding: 6px 10px;
    font-size: 0.68rem;
}

body.light-theme .voter-audit-row {
    background: rgba(0, 0, 0, 0.03);
    border-color: rgba(0, 0, 0, 0.06);
}

.voter-audit-user {
    font-weight: 700;
    color: #ffffff;
    display: flex;
    align-items: center;
    gap: 4px;
}

body.light-theme .voter-audit-user {
    color: #0f172a;
}

.voter-audit-choice {
    color: var(--accent-primary);
    font-weight: 600;
    max-width: 140px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.voter-audit-time {
    color: #64748b;
    font-size: 0.62rem;
    flex-shrink: 0;
}

.voter-audit-empty {
    text-align: center;
    color: #64748b;
    font-size: 0.68rem;
    padding: 12px 0;
    font-style: italic;
}

/* ===================================================
   VISITOR FLOATING APPLE 5-OPTION POLL CAPSULE WIDGET
   =================================================== */
.visitor-poll-widget {
    position: fixed;
    bottom: 24px;
    right: 24px;
    z-index: 99990;
    width: 350px;
    max-width: calc(100vw - 32px);
    animation: appleWidgetSlideUp 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes appleWidgetSlideUp {
    0% { opacity: 0; transform: translateY(30px) scale(0.95); }
    100% { opacity: 1; transform: translateY(0) scale(1); }
}

.visitor-poll-glass-card {
    background: rgba(18, 22, 34, 0.88);
    backdrop-filter: blur(40px) saturate(200%);
    -webkit-backdrop-filter: blur(40px) saturate(200%);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 24px;
    padding: 16px 18px;
    box-shadow: 0 24px 65px rgba(0, 0, 0, 0.65), inset 0 1px 0 rgba(255, 255, 255, 0.2);
    display: flex;
    flex-direction: column;
    gap: 10px;
    font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', sans-serif;
}

body.light-theme .visitor-poll-glass-card {
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-top: 1px solid rgba(255, 255, 255, 0.9);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);
}

.visitor-poll-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.visitor-poll-header-right {
    display: flex;
    align-items: center;
    gap: 6px;
}

.poll-expiry-badge {
    font-size: 0.62rem;
    font-weight: 700;
    color: #94a3b8;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 10px;
    padding: 2px 7px;
}

body.light-theme .poll-expiry-badge {
    background: rgba(0, 0, 0, 0.04);
    color: #64748b;
}

.visitor-poll-badge-wrap {
    display: flex;
    align-items: center;
    gap: 6px;
    background: rgba(168, 85, 247, 0.15);
    border: 1px solid rgba(168, 85, 247, 0.3);
    border-radius: 12px;
    padding: 3px 8px;
}

.poll-pulse-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #a855f7;
    box-shadow: 0 0 8px #a855f7;
    animation: pollPulse 1.5s infinite alternate;
}

@keyframes pollPulse {
    0% { transform: scale(0.8); opacity: 0.6; }
    100% { transform: scale(1.3); opacity: 1; }
}

.poll-pulse-text {
    font-size: 0.6rem;
    font-weight: 800;
    color: #d8b4fe;
    letter-spacing: 0.05em;
}

.visitor-poll-close-btn {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #94a3b8;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    cursor: pointer;
    font-size: 0.65rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

.visitor-poll-close-btn:hover {
    color: #ffffff;
    background: rgba(239, 68, 68, 0.5);
    border-color: #ef4444;
}

.visitor-poll-question {
    font-size: 0.86rem;
    font-weight: 700;
    color: #ffffff;
    line-height: 1.35;
    letter-spacing: -0.01em;
}

body.light-theme .visitor-poll-question {
    color: #0f172a;
}

.visitor-poll-options {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

/* Interactive Vote Button before voting */
.visitor-poll-opt-btn {
    width: 100%;
    padding: 8px 12px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #f1f5f9;
    font-size: 0.74rem;
    font-weight: 600;
    cursor: pointer;
    text-align: left;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

body.light-theme .visitor-poll-opt-btn {
    background: rgba(0, 0, 0, 0.03);
    border-color: rgba(0, 0, 0, 0.08);
    color: #0f172a;
}

.visitor-poll-opt-btn:hover {
    background: rgba(var(--accent-rgb), 0.18);
    border-color: var(--accent-primary);
    color: #ffffff;
    transform: translateY(-1px);
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
}

.visitor-poll-opt-btn:hover .visitor-poll-opt-arrow {
    transform: translateX(3px);
    color: var(--accent-primary);
}

.visitor-poll-opt-btn:active {
    transform: scale(0.98);
}

.visitor-poll-opt-left {
    display: flex;
    align-items: center;
    gap: 8px;
    overflow: hidden;
}

.visitor-poll-opt-letter {
    width: 18px;
    height: 18px;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.15);
    font-size: 0.6rem;
    font-weight: 800;
    color: #94a3b8;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

body.light-theme .visitor-poll-opt-letter {
    background: rgba(0, 0, 0, 0.06);
    border-color: rgba(0, 0, 0, 0.1);
    color: #64748b;
}

.visitor-poll-opt-btn:hover .visitor-poll-opt-letter {
    background: var(--accent-primary);
    border-color: var(--accent-primary);
    color: #000000;
}

.visitor-poll-opt-label {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.visitor-poll-opt-arrow {
    font-size: 0.72rem;
    color: #64748b;
    transition: all 0.2s ease;
    flex-shrink: 0;
}

/* Results Progress Bar after voting / in stats view / when poll is closed */
.visitor-poll-result-bar {
    position: relative;
    width: 100%;
    height: 35px;
    background: rgba(0, 0, 0, 0.35);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    overflow: hidden;
    display: flex;
    align-items: center;
    padding: 0 10px;
    box-sizing: border-box;
    transition: border-color 0.2s ease;
}

body.light-theme .visitor-poll-result-bar {
    background: rgba(0, 0, 0, 0.04);
    border-color: rgba(0, 0, 0, 0.08);
}

.visitor-poll-result-bar.selected {
    border-color: var(--accent-primary);
    box-shadow: 0 0 12px rgba(var(--accent-rgb), 0.25);
}

.visitor-poll-bar-fill {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: linear-gradient(90deg, rgba(var(--accent-rgb), 0.35) 0%, rgba(var(--accent-rgb), 0.75) 100%);
    border-radius: 12px;
    transition: width 0.7s cubic-bezier(0.16, 1, 0.3, 1);
    z-index: 1;
}

.visitor-poll-result-bar.selected .visitor-poll-bar-fill {
    background: linear-gradient(90deg, rgba(var(--accent-rgb), 0.5) 0%, rgba(var(--accent-rgb), 0.95) 100%);
}

.visitor-poll-result-content {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    font-size: 0.72rem;
    font-weight: 600;
    color: #ffffff;
    gap: 8px;
}

body.light-theme .visitor-poll-result-content {
    color: #0f172a;
}

.visitor-poll-opt-right {
    display: flex;
    align-items: baseline;
    gap: 5px;
    flex-shrink: 0;
}

.visitor-poll-opt-pct {
    font-weight: 800;
    color: var(--accent-primary);
    font-size: 0.74rem;
}

.visitor-poll-opt-votes {
    font-size: 0.6rem;
    color: #94a3b8;
    font-weight: 500;
}

body.light-theme .visitor-poll-opt-votes {
    color: #64748b;
}

.visitor-poll-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.65rem;
    color: #94a3b8;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    padding-top: 6px;
    margin-top: 2px;
}

.visitor-poll-footer-left {
    display: flex;
    align-items: center;
    gap: 6px;
}

.visitor-poll-status-msg {
    color: #10b981;
    font-weight: 600;
    display: none;
}

.visitor-poll-toggle-stats-btn {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #94a3b8;
    padding: 3px 8px;
    border-radius: 8px;
    font-size: 0.62rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
}

.visitor-poll-toggle-stats-btn:hover {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.12);
    border-color: rgba(255, 255, 255, 0.2);
}

/* Floating Re-Open Pill when dismissed */
.visitor-poll-trigger-pill {
    position: fixed;
    bottom: 24px;
    right: 24px;
    z-index: 99989;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    border-radius: 20px;
    background: rgba(18, 22, 34, 0.85);
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
    border: 1px solid rgba(255, 255, 255, 0.15);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.45);
    cursor: pointer;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

body.light-theme .visitor-poll-trigger-pill {
    background: rgba(255, 255, 255, 0.88);
    border-color: rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}

.visitor-poll-trigger-pill:hover {
    transform: translateY(-2px) scale(1.04);
    border-color: var(--accent-primary);
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.55);
}

.poll-pill-sparkle {
    font-size: 0.85rem;
}

@media (max-width: 600px) {
    .visitor-poll-widget {
        bottom: 16px;
        right: 14px;
        left: 14px;
        width: auto;
        max-width: none;
    }
    .visitor-poll-trigger-pill {
        bottom: 16px;
        right: 14px;
    }
}

/* Apple Switch Toggle */
.apple-toggle-switch {
    position: relative;
    display: inline-block;
    width: 38px;
    height: 22px;
}

.apple-toggle-switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.apple-toggle-slider {
    position: absolute;
    cursor: pointer;
    top: 0; left: 0; right: 0; bottom: 0;
    background-color: rgba(255, 255, 255, 0.15);
    border-radius: 22px;
    transition: 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.apple-toggle-slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 3px;
    bottom: 3px;
    background-color: white;
    border-radius: 50%;
    transition: 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

input:checked + .apple-toggle-slider {
    background-color: #10b981;
}

input:checked + .apple-toggle-slider:before {
    transform: translateX(16px);
}



/* ===================================================
   EMERGENCY CYBER KILL-SWITCH (ZERO-TRUST PROTOCOL)
   =================================================== */
.founder-killswitch-section {
    display: flex;
    flex-direction: column;
    gap: 10px;
    border-top: 1px solid rgba(239, 68, 68, 0.2);
    padding-top: 14px;
}

.founder-section-subtitle.text-danger {
    color: #ef4444;
    text-shadow: 0 0 10px rgba(239, 68, 68, 0.35);
}

.killswitch-subtitle-hint {
    font-size: 0.68rem;
    color: #94a3b8;
}

.killswitch-housing {
    display: flex;
    flex-direction: column;
    gap: 14px;
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.25);
    border-radius: 18px;
    padding: 18px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
}

body.light-theme .killswitch-housing {
    background: rgba(239, 68, 68, 0.04);
    border-color: rgba(239, 68, 68, 0.2);
}

.killswitch-status-row {
    display: flex;
    align-items: center;
    gap: 10px;
    background: rgba(0, 0, 0, 0.35);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    padding: 10px 14px;
}

body.light-theme .killswitch-status-row {
    background: rgba(0, 0, 0, 0.04);
    border-color: rgba(0, 0, 0, 0.08);
}

.killswitch-beacon {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #10b981;
    box-shadow: 0 0 10px #10b981;
    animation: beaconPulseSafe 2s infinite ease-in-out;
    flex-shrink: 0;
}

.killswitch-beacon.engaged {
    background: #ef4444;
    box-shadow: 0 0 16px #ef4444, 0 0 4px #ffffff;
    animation: beaconPulseDanger 0.8s infinite alternate;
}

@keyframes beaconPulseSafe {
    0%, 100% { transform: scale(1); opacity: 0.8; }
    50% { transform: scale(1.3); opacity: 1; }
}

@keyframes beaconPulseDanger {
    0% { transform: scale(0.9); opacity: 0.6; }
    100% { transform: scale(1.5); opacity: 1; filter: drop-shadow(0 0 8px #ef4444); }
}

.killswitch-status-label {
    font-size: 0.74rem;
    font-weight: 700;
    color: #e2e8f0;
    letter-spacing: -0.01em;
}

body.light-theme .killswitch-status-label {
    color: #0f172a;
}

.killswitch-actions-row {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.killswitch-btn-engage {
    width: 100%;
    padding: 12px 16px;
    border-radius: 12px;
    background: #ef4444;
    border: none;
    color: #ffffff;
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: -0.01em;
    cursor: pointer;
    transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
    box-shadow: 0 4px 16px rgba(239, 68, 68, 0.4);
    text-align: center;
}

.killswitch-btn-engage:hover {
    background: #dc2626;
    transform: translateY(-1px);
    box-shadow: 0 6px 20px rgba(239, 68, 68, 0.55);
}

.killswitch-btn-disarm {
    width: 100%;
    padding: 12px 16px;
    border-radius: 12px;
    background: #10b981;
    border: none;
    color: #ffffff;
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: -0.01em;
    cursor: pointer;
    transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
    box-shadow: 0 4px 16px rgba(16, 185, 129, 0.4);
    text-align: center;
}

.killswitch-btn-disarm:hover {
    background: linear-gradient(135deg, #059669 0%, #047857 100%);
    transform: translateY(-2px);
    box-shadow: 0 6px 25px rgba(16, 185, 129, 0.65);
}

/* ===================================================
   VISITOR FULL-SCREEN FLASH HOLOGRAM OVERLAY
   =================================================== */
.site-flash-hologram-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 999999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    box-sizing: border-box;
}

.flash-hologram-backdrop {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(2, 6, 23, 0.88);
    backdrop-filter: blur(14px);
    animation: flashBackdropIn 0.3s ease-out;
}

@keyframes flashBackdropIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

.flash-hologram-card {
    position: relative;
    z-index: 2;
    width: 92%;
    max-width: 580px;
    background: linear-gradient(145deg, rgba(15, 23, 42, 0.95) 0%, rgba(2, 6, 23, 0.98) 100%);
    border: 2px solid var(--accent-primary);
    border-radius: 20px;
    padding: 28px 24px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.85), 0 0 40px rgba(var(--accent-rgb), 0.35);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 16px;
    animation: flashHologramPop 0.45s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    overflow: hidden;
}

@keyframes flashHologramPop {
    0% { opacity: 0; transform: scale(0.7) translateY(40px) rotateX(15deg); }
    100% { opacity: 1; transform: scale(1) translateY(0) rotateX(0deg); }
}

/* Hologram Style Overrides */
.flash-hologram-card.flash-style-gold {
    border-color: #f59e0b;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.85), 0 0 45px rgba(245, 158, 11, 0.45);
}

.flash-hologram-card.flash-style-red {
    border-color: #ef4444;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.85), 0 0 45px rgba(239, 68, 68, 0.45);
}

.flash-hologram-card.flash-style-swiss {
    border-color: #38bdf8;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.85), 0 0 45px rgba(56, 189, 248, 0.45);
}

.flash-hologram-card.flash-style-matrix {
    border-color: #22c55e;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.85), 0 0 45px rgba(34, 197, 94, 0.45);
}

.flash-hologram-dismiss-btn {
    position: absolute;
    top: 14px;
    right: 14px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.15);
    color: #94a3b8;
    padding: 3px 8px;
    border-radius: 6px;
    font-size: 0.7rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s ease;
}

.flash-hologram-dismiss-btn:hover {
    background: rgba(239, 68, 68, 0.25);
    border-color: #ef4444;
    color: #ffffff;
}

.flash-hologram-header {
    display: flex;
    align-items: center;
    gap: 12px;
}

.flash-founder-badge {
    font-size: 0.75rem;
    padding: 3px 10px;
}

.flash-hologram-kicker {
    font-size: 0.72rem;
    font-weight: 800;
    color: #94a3b8;
    letter-spacing: 0.08em;
}

.flash-hologram-body {
    padding: 10px 0;
}

.flash-hologram-text {
    font-size: 1.25rem;
    font-weight: 800;
    color: #ffffff;
    line-height: 1.35;
    text-shadow: 0 0 20px rgba(255, 255, 255, 0.35);
    word-break: break-word;
}

.flash-hologram-timer-track {
    width: 100%;
    height: 4px;
    background: rgba(255, 255, 255, 0.08);
    border-radius: 4px;
    overflow: hidden;
}

.flash-hologram-timer-fill {
    width: 100%;
    height: 100%;
    background: var(--accent-primary);
    border-radius: 4px;
    transform-origin: left;
    transition: transform linear;
}

.flash-style-gold .flash-hologram-timer-fill { background: #f59e0b; }
.flash-style-red .flash-hologram-timer-fill { background: #ef4444; }
.flash-style-swiss .flash-hologram-timer-fill { background: #38bdf8; }
.flash-style-matrix .flash-hologram-timer-fill { background: #22c55e; }

/* ===================================================
   SWISS LUXURY SKELETON TOURBILLON CLOCKWORK HUD
   =================================================== */
.founder-tourbillon-section {
    display: flex;
    flex-direction: column;
    gap: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    padding-top: 16px;
}

.tourbillon-header-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}

.tourbillon-title-block {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.tourbillon-subtitle-hint {
    font-size: 0.68rem;
    color: #94a3b8;
}

.watch-theme-selector {
    display: flex;
    gap: 6px;
}

.watch-theme-btn {
    padding: 5px 9px;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.12);
    color: #94a3b8;
    font-size: 0.68rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s ease;
}

.watch-theme-btn:hover {
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.25);
}

.watch-theme-btn.active {
    background: var(--accent-primary);
    border-color: var(--accent-primary);
    color: #000000;
    font-weight: 800;
}

/* Watch Theme Selector */
.watch-theme-selector {
    display: flex;
    gap: 4px;
    background: rgba(0, 0, 0, 0.35);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    padding: 3px;
}

.watch-theme-btn {
    padding: 6px 10px;
    border-radius: 8px;
    background: transparent;
    border: none;
    color: rgba(255, 255, 255, 0.65);
    font-size: 0.7rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}

.watch-theme-btn:hover {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.08);
}

.watch-theme-btn.active {
    background: #ffffff;
    color: #000000;
    font-weight: 700;
    box-shadow: 0 2px 8px rgba(255, 255, 255, 0.25);
}

/* Tourbillon Card Layout - Apple Watch Edition */
.tourbillon-clockwork-card {
    display: grid;
    grid-template-columns: 175px 1fr;
    gap: 20px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 22px;
    padding: 20px;
    align-items: center;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.15);
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

body.light-theme .tourbillon-clockwork-card {
    background: rgba(0, 0, 0, 0.03);
    border-color: rgba(0, 0, 0, 0.08);
}

@media (max-width: 580px) {
    .tourbillon-clockwork-card {
        grid-template-columns: 1fr;
        justify-items: center;
    }
}

/* Mechanical Dial Viewport */
.tourbillon-dial-viewport {
    position: relative;
    width: 145px;
    height: 145px;
    border-radius: 50%;
    background: radial-gradient(circle at center, #0e131f 0%, #03060f 100%);
    border: 3px solid rgba(255, 255, 255, 0.18);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6), inset 0 0 20px rgba(0, 0, 0, 0.95);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

/* Gears Animation */
.tourbillon-gear-outer {
    position: absolute;
    width: 105px;
    height: 105px;
    border-radius: 50%;
    border: 2px dashed rgba(245, 158, 11, 0.4);
    animation: rotateCW 20s linear infinite;
}

.tourbillon-gear-inner {
    position: absolute;
    width: 68px;
    height: 68px;
    border-radius: 50%;
    border: 2px dotted rgba(245, 158, 11, 0.3);
    animation: rotateCCW 12s linear infinite;
}

@keyframes rotateCW {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@keyframes rotateCCW {
    0% { transform: rotate(360deg); }
    100% { transform: rotate(0deg); }
}

/* Tourbillon Balance Wheel & Cage */
.tourbillon-cage-assembly {
    position: absolute;
    bottom: 15px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 1.5px solid rgba(245, 158, 11, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    animation: rotateCW 4s linear infinite;
    box-shadow: 0 0 8px rgba(245, 158, 11, 0.4);
}

.tourbillon-balance-wheel {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: 1.5px dashed rgba(245, 158, 11, 0.9);
    animation: balanceOscillate 0.25s infinite alternate ease-in-out;
}

@keyframes balanceOscillate {
    0% { transform: rotate(-25deg); }
    100% { transform: rotate(25deg); }
}

.tourbillon-ruby-jewel {
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #e11d48;
    box-shadow: 0 0 6px #f43f5e;
}

/* Hands */
.horology-pin {
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #ffffff;
    box-shadow: 0 0 6px rgba(255, 255, 255, 0.8);
    z-index: 10;
}

.horology-hand {
    position: absolute;
    bottom: 50%;
    left: 50%;
    transform-origin: bottom center;
    border-radius: 4px;
    z-index: 8;
}

.hand-hour {
    width: 3px;
    height: 34px;
    background: #ffffff;
    margin-left: -1.5px;
}

.hand-min {
    width: 2px;
    height: 48px;
    background: #e2e8f0;
    margin-left: -1px;
}

.hand-sec {
    width: 1.5px;
    height: 58px;
    background: #ef4444;
    margin-left: -0.75px;
    box-shadow: 0 0 6px rgba(239, 68, 68, 0.8);
}

/* Watch Theme Overrides */
.watch-theme-glacier .tourbillon-dial-viewport {
    border-color: rgba(56, 189, 248, 0.4);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6), inset 0 0 20px rgba(0, 0, 0, 0.95);
}
.watch-theme-glacier .tourbillon-gear-outer { border-color: rgba(56, 189, 248, 0.4); }
.watch-theme-glacier .tourbillon-gear-inner { border-color: rgba(56, 189, 248, 0.3); }
.watch-theme-glacier .tourbillon-cage-assembly { border-color: rgba(56, 189, 248, 0.7); box-shadow: 0 0 8px rgba(56, 189, 248, 0.4); }
.watch-theme-glacier .tourbillon-balance-wheel { border-color: rgba(56, 189, 248, 0.9); }
.watch-theme-glacier .horology-pin { background: #38bdf8; box-shadow: 0 0 6px rgba(56, 189, 248, 0.8); }

.watch-theme-obsidian .tourbillon-dial-viewport {
    border-color: rgba(16, 185, 129, 0.4);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6), inset 0 0 20px rgba(0, 0, 0, 0.95);
}
.watch-theme-obsidian .tourbillon-gear-outer { border-color: rgba(16, 185, 129, 0.4); }
.watch-theme-obsidian .tourbillon-gear-inner { border-color: rgba(16, 185, 129, 0.3); }
.watch-theme-obsidian .tourbillon-cage-assembly { border-color: rgba(16, 185, 129, 0.7); box-shadow: 0 0 8px rgba(16, 185, 129, 0.4); }
.watch-theme-obsidian .tourbillon-balance-wheel { border-color: rgba(16, 185, 129, 0.9); }
.watch-theme-obsidian .horology-pin { background: #10b981; box-shadow: 0 0 6px rgba(16, 185, 129, 0.8); }

/* Telemetry & Chronograph Panel */
.tourbillon-telemetry-panel {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
}

.tourbillon-live-time {
    display: flex;
    align-items: baseline;
    gap: 8px;
    background: rgba(0, 0, 0, 0.35);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    padding: 10px 14px;
}

body.light-theme .tourbillon-live-time {
    background: rgba(0, 0, 0, 0.04);
    border-color: rgba(0, 0, 0, 0.08);
}

.chrono-tag {
    font-size: 0.64rem;
    font-family: -apple-system, BlinkMacSystemFont, sans-serif;
    color: #94a3b8;
    font-weight: 700;
    letter-spacing: 0.02em;
}

.live-zurich-digits {
    font-size: 1.25rem;
    font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', sans-serif;
    font-weight: 800;
    color: #ffffff;
    letter-spacing: -0.02em;
}

body.light-theme .live-zurich-digits {
    color: #0f172a;
}

.live-zurich-ms {
    font-size: 0.82rem;
    font-family: 'Geist Mono', monospace;
    font-weight: 700;
    color: var(--accent-primary);
}

.chrono-stopwatch-box {
    display: flex;
    flex-direction: column;
    gap: 8px;
    background: rgba(0, 0, 0, 0.45);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 14px;
    padding: 12px 16px;
}

body.light-theme .chrono-stopwatch-box {
    background: rgba(0, 0, 0, 0.04);
    border-color: rgba(0, 0, 0, 0.08);
}

.chrono-label {
    font-size: 0.6rem;
    font-family: -apple-system, BlinkMacSystemFont, sans-serif;
    color: #94a3b8;
    letter-spacing: 0.04em;
    font-weight: 700;
}

.chrono-digits {
    font-size: 1.45rem;
    font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', sans-serif;
    font-weight: 800;
    color: #ffffff;
    letter-spacing: -0.02em;
}

body.light-theme .chrono-digits {
    color: #0f172a;
}

.chrono-controls-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 6px;
    margin-top: 4px;
}

.chrono-btn {
    padding: 8px 10px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #ffffff;
    font-size: 0.72rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
    text-align: center;
}

body.light-theme .chrono-btn {
    background: rgba(0, 0, 0, 0.05);
    border-color: rgba(0, 0, 0, 0.08);
    color: #0f172a;
}

.chrono-btn:hover {
    background: rgba(255, 255, 255, 0.18);
    transform: translateY(-1px);
}

.chrono-btn.chrono-start:hover {
    background: #10b981;
    border-color: #10b981;
    color: #ffffff;
}

.chrono-btn.chrono-pause:hover {
    background: #f59e0b;
    border-color: #f59e0b;
    color: #000000;
}

.chrono-btn.chrono-reset:hover {
    background: #ef4444;
    border-color: #ef4444;
    color: #ffffff;
}

/* ===================================================
   APPLE PRO BATTLESTATION & HARDWARE SPEC MATRIX
   =================================================== */
.founder-battlestation-section {
    display: flex;
    flex-direction: column;
    gap: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    padding-top: 16px;
}

body.light-theme .founder-battlestation-section {
    border-top-color: rgba(0, 0, 0, 0.08);
}

.battlestation-header-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
}

.battlestation-title-block {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.battlestation-subtitle-hint {
    font-size: 0.7rem;
    color: #94a3b8;
}

.battlestation-action-btns {
    display: flex;
    gap: 6px;
}

.battlestation-grid {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.gear-spec-card {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 14px;
    padding: 12px 16px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

body.light-theme .gear-spec-card {
    background: rgba(0, 0, 0, 0.03);
    border-color: rgba(0, 0, 0, 0.08);
}

.gear-spec-card:hover {
    border-color: rgba(255, 255, 255, 0.2);
    background: rgba(255, 255, 255, 0.065);
    transform: translateY(-1px);
}

body.light-theme .gear-spec-card:hover {
    background: rgba(0, 0, 0, 0.05);
    border-color: rgba(0, 0, 0, 0.12);
}

.gear-card-header {
    display: flex;
    align-items: center;
    gap: 6px;
}

.gear-icon {
    font-size: 0.95rem;
}

.gear-category {
    font-size: 0.64rem;
    font-family: -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 700;
    color: #94a3b8;
    letter-spacing: 0.03em;
}

body.light-theme .gear-category {
    color: #64748b;
}

.gear-spec-val {
    font-size: 0.82rem;
    color: #f1f5f9;
    line-height: 1.4;
    font-weight: 500;
}

body.light-theme .gear-spec-val {
    color: #0f172a;
}

.gear-edit-input {
    width: 100%;
    padding: 8px 12px;
    background: rgba(0, 0, 0, 0.5);
    border: 1px solid var(--accent-primary);
    border-radius: 8px;
    color: #ffffff;
    font-size: 0.8rem;
    font-family: inherit;
    box-sizing: border-box;
    outline: none;
}

@media (max-width: 600px) {
    .top-left-stack {
        top: 14px;
        left: 14px;
        gap: 6px;
    }
    .live-views-badge {
        padding: 5px 10px;
        font-size: 0.74rem;
    }
    .lang-selector-btn,
    .theme-toggle-btn,
    .color-picker-btn {
        padding: 4px 10px;
    }
    .lang-label,
    .theme-label,
    .color-btn-label {
        font-size: 0.68rem;
    }
    .lang-dropdown-menu,
    .color-palette-menu {
        width: 200px;
    }
    .lang-options-list {
        max-height: 200px;
    }
    .top-header {
        padding: 38px 16px 14px 16px;
    }
    .brand-logo {
        height: 120px;
        max-height: 135px;
    }
    .box {
        padding: 28px 20px;
    }
    .profile-main-box {
        margin-bottom: 40px;
    }
    .section-title {
        font-size: 1.18rem;
    }
    .bottom-right-copyright {
        bottom: 12px;
        right: 14px;
    }
    .copyright-text {
        font-size: 0.64rem;
    }
}

/* ===================================================
   FOUNDER VIP DIRECT ENCRYPTED HOTLINE & INBOX STYLES
   =================================================== */

/* 1. Contact Section Trigger Card */
.vip-hotline-trigger-card {
    margin-top: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 16px 20px;
    background: linear-gradient(135deg, rgba(255, 192, 80, 0.08) 0%, rgba(0, 0, 0, 0.45) 100%);
    border: 1px solid rgba(255, 192, 80, 0.3);
    border-radius: 16px;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
    position: relative;
    overflow: hidden;
}

body.light-theme .vip-hotline-trigger-card {
    background: linear-gradient(135deg, rgba(255, 192, 80, 0.15) 0%, rgba(255, 255, 255, 0.9) 100%);
    border-color: rgba(255, 192, 80, 0.5);
    box-shadow: 0 4px 20px rgba(255, 192, 80, 0.12);
}

.vip-hotline-trigger-card::before {
    content: '';
    position: absolute;
    top: 0; left: -100%; width: 100%; height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.12), transparent);
    transition: all 0.6s ease;
}

.vip-hotline-trigger-card:hover::before {
    left: 100%;
}

.vip-hotline-trigger-card:hover {
    transform: translateY(-2px);
    border-color: var(--accent-primary);
    box-shadow: 0 8px 30px rgba(var(--accent-rgb), 0.25);
}

.vip-hotline-trigger-left {
    display: flex;
    align-items: center;
    gap: 14px;
}

.vip-hotline-icon-wrap {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: rgba(255, 192, 80, 0.15);
    border: 1px solid rgba(255, 192, 80, 0.35);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    flex-shrink: 0;
}

.vip-hotline-glow-dot {
    position: absolute;
    top: 4px;
    right: 4px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #10b981;
    box-shadow: 0 0 8px #10b981;
    animation: vipPulseDot 1.8s infinite ease-in-out;
}

@keyframes vipPulseDot {
    0%, 100% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.4); opacity: 0.6; }
}

.vip-hotline-icon {
    font-size: 1.25rem;
}

.vip-hotline-trigger-info {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.vip-hotline-title-row {
    display: flex;
    align-items: center;
    gap: 8px;
}

.vip-hotline-main-title {
    font-size: 0.95rem;
    font-weight: 800;
    color: #ffffff;
    letter-spacing: -0.01em;
}

body.light-theme .vip-hotline-main-title {
    color: #0f172a;
}

.vip-hotline-badge {
    font-size: 0.6rem;
    font-weight: 800;
    padding: 2px 7px;
    border-radius: 6px;
    background: rgba(255, 192, 80, 0.2);
    border: 1px solid rgba(255, 192, 80, 0.4);
    color: var(--accent-primary);
    letter-spacing: 0.06em;
}

.vip-hotline-sub-text {
    font-size: 0.74rem;
    color: #94a3b8;
    line-height: 1.3;
}

body.light-theme .vip-hotline-sub-text {
    color: #64748b;
}

.vip-hotline-trigger-right {
    display: flex;
    align-items: center;
    gap: 8px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.15);
    padding: 8px 14px;
    border-radius: 10px;
    color: #ffffff;
    font-size: 0.78rem;
    font-weight: 700;
    flex-shrink: 0;
    transition: all 0.2s ease;
}

body.light-theme .vip-hotline-trigger-right {
    background: rgba(0, 0, 0, 0.06);
    border-color: rgba(0, 0, 0, 0.12);
    color: #0f172a;
}

.vip-hotline-trigger-card:hover .vip-hotline-trigger-right {
    background: var(--accent-primary);
    color: #000000;
    border-color: var(--accent-primary);
    box-shadow: 0 0 14px rgba(var(--accent-rgb), 0.4);
}

.vip-hotline-arrow {
    transition: transform 0.2s ease;
}

.vip-hotline-trigger-card:hover .vip-hotline-arrow {
    transform: translateX(3px);
}

/* 2. Visitor Hotline Modal */
.vip-hotline-modal-backdrop {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.75);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    z-index: 99998;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    animation: vipFadeIn 0.25s ease;
}

@keyframes vipFadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

.vip-hotline-modal-box {
    width: 100%;
    max-width: 620px;
    background: rgba(18, 20, 29, 0.88);
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
    border: 1px solid rgba(255, 192, 80, 0.3);
    border-radius: 24px;
    padding: 24px;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.6), 0 0 40px rgba(var(--accent-rgb), 0.15);
    display: flex;
    flex-direction: column;
    gap: 18px;
    max-height: 90vh;
    overflow-y: auto;
    position: relative;
    box-sizing: border-box;
}

body.light-theme .vip-hotline-modal-box {
    background: rgba(255, 255, 255, 0.94);
    border-color: rgba(255, 192, 80, 0.5);
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.18), 0 0 40px rgba(255, 192, 80, 0.2);
}

.vip-hotline-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    padding-bottom: 14px;
}

body.light-theme .vip-hotline-header {
    border-bottom-color: rgba(0, 0, 0, 0.08);
}

.vip-hotline-title-left {
    display: flex;
    align-items: center;
    gap: 12px;
}

.vip-hotline-crest-badge {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    background: rgba(255, 192, 80, 0.15);
    border: 1px solid rgba(255, 192, 80, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    color: var(--accent-primary);
}

.vip-hotline-headings {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.vip-hotline-h3 {
    font-size: 1.05rem;
    font-weight: 800;
    color: #ffffff;
    margin: 0;
}

body.light-theme .vip-hotline-h3 {
    color: #0f172a;
}

.vip-hotline-sec-pill {
    font-size: 0.58rem;
    font-weight: 800;
    color: #34d399;
    background: rgba(16, 185, 129, 0.15);
    border: 1px solid rgba(16, 185, 129, 0.35);
    padding: 2px 6px;
    border-radius: 6px;
    letter-spacing: 0.06em;
}

.vip-hotline-sub {
    font-size: 0.72rem;
    color: #94a3b8;
}

body.light-theme .vip-hotline-sub {
    color: #64748b;
}

.vip-hotline-close-btn {
    width: 32px;
    height: 32px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #ffffff;
    font-size: 0.85rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

body.light-theme .vip-hotline-close-btn {
    background: rgba(0, 0, 0, 0.06);
    border-color: rgba(0, 0, 0, 0.1);
    color: #0f172a;
}

.vip-hotline-close-btn:hover {
    background: rgba(239, 68, 68, 0.2);
    border-color: #ef4444;
    color: #fca5a5;
}

.vip-hotline-form {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.vip-field-group {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.vip-field-label {
    font-size: 0.65rem;
    font-weight: 800;
    color: #94a3b8;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

body.light-theme .vip-field-label {
    color: #64748b;
}

.vip-category-selector-grid {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.vip-cat-pill {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #cbd5e1;
    font-size: 0.72rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}

body.light-theme .vip-cat-pill {
    background: rgba(0, 0, 0, 0.04);
    border-color: rgba(0, 0, 0, 0.08);
    color: #475569;
}

.vip-cat-pill:hover {
    background: rgba(255, 255, 255, 0.12);
    color: #ffffff;
}

body.light-theme .vip-cat-pill:hover {
    background: rgba(0, 0, 0, 0.08);
    color: #0f172a;
}

.vip-cat-pill.active {
    background: rgba(var(--accent-rgb), 0.2);
    border-color: var(--accent-primary);
    color: #ffffff;
    box-shadow: 0 0 12px rgba(var(--accent-rgb), 0.3);
}

body.light-theme .vip-cat-pill.active {
    background: rgba(var(--accent-rgb), 0.25);
    border-color: var(--accent-primary);
    color: #0f172a;
}

.vip-fields-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

@media (max-width: 500px) {
    .vip-fields-row {
        grid-template-columns: 1fr;
    }
}

.vip-text-input,
.vip-textarea {
    width: 100%;
    padding: 10px 14px;
    background: rgba(0, 0, 0, 0.45);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 12px;
    color: #ffffff;
    font-size: 0.8rem;
    font-family: inherit;
    box-sizing: border-box;
    outline: none;
    transition: all 0.2s ease;
}

body.light-theme .vip-text-input,
body.light-theme .vip-textarea {
    background: rgba(255, 255, 255, 0.9);
    border-color: rgba(0, 0, 0, 0.12);
    color: #0f172a;
}

.vip-text-input:focus,
.vip-textarea:focus {
    border-color: var(--accent-primary);
    box-shadow: 0 0 12px rgba(var(--accent-rgb), 0.35);
}

.vip-submit-wrap {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 4px;
}

.vip-encryption-notice {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.68rem;
    color: #94a3b8;
    justify-content: center;
}

.vip-submit-btn {
    width: 100%;
    padding: 12px;
    border-radius: 14px;
    background: linear-gradient(135deg, var(--accent-primary) 0%, rgba(var(--accent-rgb), 0.85) 100%);
    border: none;
    color: #000000;
    font-size: 0.82rem;
    font-weight: 800;
    cursor: pointer;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
    box-shadow: 0 4px 18px rgba(var(--accent-rgb), 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.vip-submit-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(var(--accent-rgb), 0.6);
}

/* Success screen */
.vip-success-screen {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 30px 10px;
    gap: 12px;
    animation: vipSuccessFade 0.4s ease;
}

@keyframes vipSuccessFade {
    0% { opacity: 0; transform: scale(0.95); }
    100% { opacity: 1; transform: scale(1); }
}

.vip-success-icon-wrap {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: rgba(16, 185, 129, 0.15);
    border: 2px solid #10b981;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #10b981;
    font-size: 1.6rem;
    font-weight: 900;
    box-shadow: 0 0 25px rgba(16, 185, 129, 0.35);
}

.vip-success-title {
    font-size: 1.15rem;
    font-weight: 800;
    color: #ffffff;
    margin: 0;
}

body.light-theme .vip-success-title {
    color: #0f172a;
}

.vip-success-desc {
    font-size: 0.78rem;
    color: #94a3b8;
    line-height: 1.4;
    max-width: 440px;
    margin: 0;
}

body.light-theme .vip-success-desc {
    color: #64748b;
}

.vip-success-close-btn {
    margin-top: 10px;
    padding: 10px 24px;
    border-radius: 12px;
    background: var(--accent-primary);
    border: none;
    color: #000000;
    font-weight: 800;
    font-size: 0.78rem;
    cursor: pointer;
    box-shadow: 0 4px 14px rgba(var(--accent-rgb), 0.3);
}

/* 3. Founder Terminal VIP Inbox Section */
.founder-vip-inbox-section {
    display: flex;
    flex-direction: column;
    gap: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    padding-top: 16px;
}

body.light-theme .founder-vip-inbox-section {
    border-top-color: rgba(0, 0, 0, 0.08);
}

.vip-inbox-header-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
}

.vip-inbox-title-block {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.vip-inbox-subtitle-hint {
    font-size: 0.68rem;
    color: #94a3b8;
}

.vip-unread-counter-badge {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    border-radius: 12px;
    background: rgba(255, 192, 80, 0.15);
    border: 1px solid rgba(255, 192, 80, 0.35);
    font-size: 0.68rem;
    font-weight: 800;
    color: var(--accent-primary);
}

.vip-pulse-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--accent-primary);
    box-shadow: 0 0 8px var(--accent-primary);
}

.vip-filter-pills-row {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.vip-filter-pill {
    padding: 5px 10px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.08);
    color: #94a3b8;
    font-size: 0.68rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s ease;
}

.vip-filter-pill:hover {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.1);
}

.vip-filter-pill.active {
    background: var(--accent-primary);
    color: #000000;
    border-color: var(--accent-primary);
    font-weight: 800;
    box-shadow: 0 0 10px rgba(var(--accent-rgb), 0.3);
}

.vip-messages-scroll {
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-height: 280px;
    overflow-y: auto;
    background: rgba(0, 0, 0, 0.35);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 14px;
    padding: 10px;
}

body.light-theme .vip-messages-scroll {
    background: rgba(0, 0, 0, 0.03);
    border-color: rgba(0, 0, 0, 0.08);
}

.vip-msg-empty {
    text-align: center;
    padding: 30px 10px;
    color: #64748b;
    font-size: 0.75rem;
    font-weight: 500;
}

.vip-msg-card {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    transition: all 0.2s ease;
}

.vip-msg-card.unread {
    border-color: rgba(var(--accent-rgb), 0.5);
    background: rgba(var(--accent-rgb), 0.06);
}

.vip-msg-card:hover {
    border-color: rgba(255, 255, 255, 0.2);
    background: rgba(255, 255, 255, 0.07);
}

.vip-msg-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    flex-wrap: wrap;
}

.vip-msg-sender {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.78rem;
    font-weight: 800;
    color: #ffffff;
}

body.light-theme .vip-msg-sender {
    color: #0f172a;
}

.vip-msg-org {
    font-size: 0.7rem;
    color: #94a3b8;
    font-weight: 500;
}

.vip-msg-badges {
    display: flex;
    align-items: center;
    gap: 6px;
}

.vip-category-tag {
    font-size: 0.62rem;
    font-weight: 800;
    padding: 2px 7px;
    border-radius: 6px;
    background: rgba(255, 192, 80, 0.15);
    border: 1px solid rgba(255, 192, 80, 0.3);
    color: var(--accent-primary);
}

.vip-msg-time {
    font-size: 0.65rem;
    color: #64748b;
}

.vip-msg-contact-row {
    font-size: 0.72rem;
    color: #38bdf8;
    font-weight: 600;
    word-break: break-all;
}

.vip-msg-body {
    font-size: 0.76rem;
    color: #cbd5e1;
    line-height: 1.4;
    white-space: pre-wrap;
    background: rgba(0, 0, 0, 0.2);
    padding: 8px 10px;
    border-radius: 8px;
    border-left: 2px solid var(--accent-primary);
}

body.light-theme .vip-msg-body {
    background: rgba(0, 0, 0, 0.03);
    color: #334155;
}

.vip-msg-actions-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-top: 2px;
}

.vip-quick-reply-btn {
    padding: 5px 10px;
    border-radius: 6px;
    background: rgba(56, 189, 248, 0.15);
    border: 1px solid rgba(56, 189, 248, 0.35);
    color: #38bdf8;
    font-size: 0.68rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s ease;
}

.vip-quick-reply-btn:hover {
    background: #38bdf8;
    color: #000000;
}

.vip-msg-action-icons {
    display: flex;
    gap: 4px;
}

.vip-icon-btn {
    padding: 4px 8px;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #94a3b8;
    font-size: 0.68rem;
    cursor: pointer;
    transition: all 0.2s ease;
}

.vip-icon-btn:hover {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.15);
}

.vip-icon-btn.danger:hover {
    background: #ef4444;
    color: #ffffff;
    border-color: #ef4444;
}

.vip-inbox-management-row {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

/* ===================================================
   16 EXCLUSIVE FOUNDER SPECIAL BACKGROUNDS MATRIX
   =================================================== */
.founder-wallpaper-section {
    display: flex;
    flex-direction: column;
    gap: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    padding-top: 14px;
}

body.light-theme .founder-wallpaper-section {
    border-top-color: rgba(0, 0, 0, 0.08);
}

.wallpaper-header-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
}

.wallpaper-title-block {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.wallpaper-subtitle-hint {
    font-size: 0.68rem;
    color: #94a3b8;
}

.wallpaper-sync-toggle-wrap {
    display: flex;
    align-items: center;
    gap: 8px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 6px 12px;
    border-radius: 20px;
    cursor: pointer;
}

.wallpaper-sync-label {
    font-size: 0.72rem;
    font-weight: 700;
    color: #cbd5e1;
}

.wallpaper-sync-switch {
    position: relative;
    display: inline-block;
    width: 32px;
    height: 18px;
}

.wallpaper-sync-switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.wallpaper-sync-slider {
    position: absolute;
    cursor: pointer;
    inset: 0;
    background-color: rgba(255, 255, 255, 0.2);
    transition: 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    border-radius: 18px;
}

.wallpaper-sync-slider:before {
    position: absolute;
    content: "";
    height: 14px;
    width: 14px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    transition: 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    border-radius: 50%;
}

.wallpaper-sync-switch input:checked + .wallpaper-sync-slider {
    background-color: #10b981;
}

.wallpaper-sync-switch input:checked + .wallpaper-sync-slider:before {
    transform: translateX(14px);
}

.wallpaper-category-pills {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    margin-top: 2px;
}

.wallpaper-cat-pill {
    padding: 5px 11px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.08);
    color: #94a3b8;
    font-size: 0.68rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s ease;
}

.wallpaper-cat-pill:hover {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.1);
}

.wallpaper-cat-pill.active {
    background: var(--accent-primary);
    color: #000000;
    border-color: var(--accent-primary);
    box-shadow: 0 0 10px rgba(var(--accent-rgb), 0.35);
}

.special-16-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    max-height: 380px;
    overflow-y: auto;
    padding-right: 4px;
}

@media (max-width: 768px) {
    .special-16-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

.special-bg-card {
    display: flex;
    flex-direction: column;
    gap: 6px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 12px;
    padding: 6px;
    cursor: pointer;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
    text-align: left;
    outline: none;
    position: relative;
    overflow: hidden;
}

body.light-theme .special-bg-card {
    background: rgba(0, 0, 0, 0.04);
    border-color: rgba(0, 0, 0, 0.08);
}

.special-bg-card:hover {
    transform: translateY(-2px);
    border-color: var(--accent-primary);
    background: rgba(var(--accent-rgb), 0.1);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4), 0 0 14px rgba(var(--accent-rgb), 0.25);
}

.special-bg-card.active {
    border-color: var(--accent-primary);
    background: rgba(var(--accent-rgb), 0.18);
    box-shadow: 0 0 18px rgba(var(--accent-rgb), 0.45);
}

.special-bg-card.active::after {
    content: '✓';
    position: absolute;
    top: 10px;
    right: 10px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: var(--accent-primary);
    color: #000000;
    font-size: 0.72rem;
    font-weight: 900;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 8px rgba(0,0,0,0.5);
}

.bg-thumb {
    width: 100%;
    height: 68px;
    border-radius: 8px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border: 1px solid rgba(255, 255, 255, 0.12);
    transition: transform 0.4s ease;
}

.special-bg-card:hover .bg-thumb {
    transform: scale(1.04);
}

.bg-label {
    font-size: 0.68rem;
    font-weight: 700;
    color: #e2e8f0;
    padding: 0 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

body.light-theme .bg-label {
    color: #0f172a;
}

.founder-atmosphere-section {
    display: flex;
    flex-direction: column;
    gap: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    padding-top: 14px;
}

body.light-theme .founder-atmosphere-section {
    border-top-color: rgba(0, 0, 0, 0.08);
}

.founder-atmosphere-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 8px;
}

@media (max-width: 650px) {
    .founder-atmosphere-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* ===================================================
   FEATURE 2: 3D GLOBAL LIVE GEO-RADAR & NODE TELEMETRY
   =================================================== */
.founder-georadar-section {
    display: flex;
    flex-direction: column;
    gap: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    padding-top: 14px;
}

body.light-theme .founder-georadar-section {
    border-top-color: rgba(0, 0, 0, 0.08);
}

.georadar-header-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
}

.georadar-title-block {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.georadar-subtitle-hint {
    font-size: 0.68rem;
    color: #94a3b8;
}

.georadar-controls-wrap {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.georadar-globe-container {
    position: relative;
    width: 100%;
    height: 340px;
    background: radial-gradient(circle at center, rgba(14, 18, 30, 0.9) 0%, rgba(6, 8, 14, 0.95) 100%);
    border: 1px solid rgba(255, 192, 80, 0.25);
    border-radius: 18px;
    overflow: hidden;
    box-shadow: inset 0 0 35px rgba(0, 0, 0, 0.7), 0 10px 30px rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
}

body.light-theme .georadar-globe-container {
    background: radial-gradient(circle at center, rgba(240, 244, 255, 0.9) 0%, rgba(226, 232, 240, 0.95) 100%);
    border-color: rgba(255, 192, 80, 0.4);
}

#georadarCanvas {
    width: 100%;
    height: 100%;
    display: block;
    cursor: grab;
}

#georadarCanvas:active {
    cursor: grabbing;
}

.georadar-overlay-hud {
    position: absolute;
    inset: 12px;
    pointer-events: none;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.hud-hq-badge {
    align-self: flex-start;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 192, 80, 0.4);
    font-size: 0.65rem;
    font-weight: 800;
    color: var(--accent-primary);
    letter-spacing: 0.04em;
}

.hud-pulse-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #10b981;
    box-shadow: 0 0 8px #10b981;
    animation: vipPulseDot 1.8s infinite ease-in-out;
}

.hud-latency-ticker {
    align-self: flex-end;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.68rem;
    font-weight: 700;
    color: #34d399;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(8px);
    padding: 4px 10px;
    border-radius: 8px;
    border: 1px solid rgba(52, 211, 153, 0.3);
}

.georadar-node-cards-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
}

@media (max-width: 600px) {
    .georadar-node-cards-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

.radar-node-card {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 10px;
    padding: 8px 10px;
    display: flex;
    flex-direction: column;
    gap: 3px;
    transition: all 0.2s ease;
}

body.light-theme .radar-node-card {
    background: rgba(0, 0, 0, 0.03);
    border-color: rgba(0, 0, 0, 0.08);
}

.radar-node-card:hover {
    border-color: var(--accent-primary);
    background: rgba(var(--accent-rgb), 0.08);
}

.radar-node-card.active {
    border-color: rgba(var(--accent-rgb), 0.5);
    background: rgba(var(--accent-rgb), 0.12);
}

.node-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.72rem;
    font-weight: 800;
    color: #ffffff;
}

body.light-theme .node-card-top {
    color: #0f172a;
}

.node-status-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #10b981;
    box-shadow: 0 0 6px #10b981;
}

.node-metric {
    font-size: 0.65rem;
    color: #94a3b8;
    font-family: 'JetBrains Mono', monospace;
}

/* ===================================================
   FEATURE 3: SWISS SECRET DIGITAL SAFE & SECRET VAULT
   =================================================== */
.founder-vault-section {
    display: flex;
    flex-direction: column;
    gap: 14px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    padding-top: 16px;
}

body.light-theme .founder-vault-section {
    border-top-color: rgba(0, 0, 0, 0.08);
}

.vault-header-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
}

.vault-title-block {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.vault-subtitle-hint {
    font-size: 0.68rem;
    color: #94a3b8;
}

.vault-header-actions {
    display: flex;
    align-items: center;
    gap: 8px;
}

.vault-shield-badge {
    font-size: 0.65rem;
    font-weight: 800;
    padding: 3px 8px;
    border-radius: 8px;
    background: rgba(16, 185, 129, 0.15);
    border: 1px solid rgba(16, 185, 129, 0.35);
    color: #34d399;
    letter-spacing: 0.04em;
}

/* 1. Generator Bar */
.vault-generator-card {
    background: rgba(0, 0, 0, 0.35);
    border: 1px solid rgba(255, 192, 80, 0.25);
    border-radius: 14px;
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

body.light-theme .vault-generator-card {
    background: rgba(0, 0, 0, 0.03);
    border-color: rgba(255, 192, 80, 0.4);
}

.vault-gen-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.gen-title {
    font-size: 0.72rem;
    font-weight: 800;
    color: #e2e8f0;
}

body.light-theme .gen-title {
    color: #0f172a;
}

.gen-entropy-pill {
    font-size: 0.58rem;
    font-weight: 800;
    padding: 2px 6px;
    border-radius: 6px;
    background: rgba(56, 189, 248, 0.15);
    border: 1px solid rgba(56, 189, 248, 0.3);
    color: #38bdf8;
    letter-spacing: 0.05em;
}

.vault-gen-controls-row {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.vault-gen-output {
    flex: 1;
    min-width: 180px;
    padding: 8px 12px;
    background: rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 8px;
    color: var(--accent-primary);
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.78rem;
    font-weight: 700;
    outline: none;
}

body.light-theme .vault-gen-output {
    background: rgba(255, 255, 255, 0.9);
    border-color: rgba(0, 0, 0, 0.15);
}

/* 2. Add Secret Box */
.vault-add-secret-box {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 14px;
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

body.light-theme .vault-add-secret-box {
    background: rgba(0, 0, 0, 0.02);
    border-color: rgba(0, 0, 0, 0.08);
}

.vault-add-title {
    font-size: 0.72rem;
    font-weight: 800;
    color: #cbd5e1;
}

body.light-theme .vault-add-title {
    color: #334155;
}

.vault-form-row {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 8px;
}

@media (max-width: 500px) {
    .vault-form-row { grid-template-columns: 1fr; }
}

.vault-input,
.vault-select,
.vault-textarea,
.vault-search-input {
    width: 100%;
    padding: 8px 10px;
    background: rgba(0, 0, 0, 0.45);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    color: #ffffff;
    font-size: 0.75rem;
    font-family: inherit;
    box-sizing: border-box;
    outline: none;
}

body.light-theme .vault-input,
body.light-theme .vault-select,
body.light-theme .vault-textarea,
body.light-theme .vault-search-input {
    background: rgba(255, 255, 255, 0.9);
    border-color: rgba(0, 0, 0, 0.12);
    color: #0f172a;
}

.vault-input:focus,
.vault-textarea:focus,
.vault-search-input:focus {
    border-color: var(--accent-primary);
    box-shadow: 0 0 10px rgba(var(--accent-rgb), 0.3);
}

.vault-add-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
}

.vault-burn-selector {
    display: flex;
    align-items: center;
    gap: 6px;
}

.burn-label {
    font-size: 0.68rem;
    font-weight: 700;
    color: #94a3b8;
}

.vault-select-sm {
    padding: 4px 8px;
    background: rgba(0, 0, 0, 0.45);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 6px;
    color: #ffffff;
    font-size: 0.7rem;
    outline: none;
}

body.light-theme .vault-select-sm {
    background: #ffffff;
    border-color: rgba(0, 0, 0, 0.12);
    color: #0f172a;
}

/* 3. Secrets Scroll Feed */
.vault-secrets-feed-wrap {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.vault-feed-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.vault-feed-title {
    font-size: 0.72rem;
    font-weight: 800;
    color: #cbd5e1;
    white-space: nowrap;
}

.vault-search-input {
    max-width: 220px;
}

.vault-secrets-scroll {
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-height: 280px;
    overflow-y: auto;
    background: rgba(0, 0, 0, 0.35);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    padding: 10px;
}

body.light-theme .vault-secrets-scroll {
    background: rgba(0, 0, 0, 0.03);
    border-color: rgba(0, 0, 0, 0.08);
}

.vault-item-card {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 10px;
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    transition: all 0.2s ease;
}

.vault-item-card:hover {
    border-color: rgba(255, 255, 255, 0.2);
    background: rgba(255, 255, 255, 0.07);
}

.vault-item-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.vault-item-title-wrap {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.76rem;
    font-weight: 800;
    color: #ffffff;
}

body.light-theme .vault-item-title-wrap {
    color: #0f172a;
}

.vault-cat-tag {
    font-size: 0.58rem;
    font-weight: 800;
    padding: 2px 6px;
    border-radius: 5px;
    background: rgba(255, 192, 80, 0.15);
    border: 1px solid rgba(255, 192, 80, 0.3);
    color: var(--accent-primary);
}

.vault-burn-badge {
    font-size: 0.6rem;
    font-weight: 800;
    padding: 2px 6px;
    border-radius: 5px;
    background: rgba(239, 68, 68, 0.15);
    border: 1px solid rgba(239, 68, 68, 0.35);
    color: #fca5a5;
}

.vault-masked-val {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.74rem;
    color: #94a3b8;
    background: rgba(0, 0, 0, 0.3);
    padding: 6px 8px;
    border-radius: 6px;
    word-break: break-all;
    user-select: all;
}

body.light-theme .vault-masked-val {
    background: rgba(0, 0, 0, 0.04);
    color: #334155;
}

.vault-masked-val.revealed {
    color: var(--accent-primary);
    background: rgba(var(--accent-rgb), 0.1);
}

.vault-item-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    margin-top: 2px;
}

.vault-management-row {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

/* ===================================================
   FEATURE 22: EMERGENCY PANIC MODE & INSTANT BROWSER EXIT
   =================================================== */
.founder-dash-header-actions {
    display: flex;
    align-items: center;
    gap: 8px;
}

.founder-panic-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 12px;
    border-radius: 20px;
    background: linear-gradient(135deg, rgba(239, 68, 68, 0.25) 0%, rgba(185, 28, 28, 0.35) 100%);
    border: 1.5px solid #ef4444;
    color: #ffffff;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.03em;
    cursor: pointer;
    transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
    box-shadow: 0 0 12px rgba(239, 68, 68, 0.35);
}

.founder-panic-btn:hover {
    background: #ef4444;
    color: #ffffff;
    transform: scale(1.05);
    box-shadow: 0 0 22px rgba(239, 68, 68, 0.75);
}

.panic-pulse-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #ffffff;
    box-shadow: 0 0 6px #ffffff;
    animation: livePulseDot 1.2s infinite ease-in-out;
}

.founder-panic-config-section {
    display: flex;
    flex-direction: column;
    gap: 10px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    padding-top: 14px;
}

body.light-theme .founder-panic-config-section {
    border-top-color: rgba(0, 0, 0, 0.08);
}

.panic-config-header-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
}

.panic-config-title-block {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.panic-config-subtitle-hint {
    font-size: 0.68rem;
    color: #94a3b8;
}

.panic-execute-now-btn {
    padding: 6px 14px;
    border-radius: 10px;
    background: #ef4444;
    border: none;
    color: #ffffff;
    font-size: 0.72rem;
    font-weight: 800;
    cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: 0 0 14px rgba(239, 68, 68, 0.45);
}

.panic-execute-now-btn:hover {
    background: #dc2626;
    transform: translateY(-1px);
    box-shadow: 0 0 20px rgba(239, 68, 68, 0.7);
}

.panic-config-box {
    display: flex;
    flex-direction: column;
    gap: 10px;
    background: rgba(0, 0, 0, 0.35);
    border: 1px solid rgba(239, 68, 68, 0.3);
    border-radius: 14px;
    padding: 12px;
}

body.light-theme .panic-config-box {
    background: rgba(239, 68, 68, 0.04);
    border-color: rgba(239, 68, 68, 0.25);
}

.panic-option-row {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.panic-option-label {
    font-size: 0.65rem;
    font-weight: 800;
    color: #cbd5e1;
    letter-spacing: 0.04em;
}

body.light-theme .panic-option-label {
    color: #475569;
}

.panic-dest-pills {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 6px;
}

@media (max-width: 600px) {
    .panic-dest-pills {
        grid-template-columns: repeat(2, 1fr);
    }
}

.panic-dest-pill {
    padding: 6px 8px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #cbd5e1;
    font-size: 0.68rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s ease;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.panic-dest-pill:hover {
    background: rgba(255, 255, 255, 0.12);
    color: #ffffff;
}

.panic-dest-pill.active {
    background: #ef4444;
    border-color: #ef4444;
    color: #ffffff;
    box-shadow: 0 0 10px rgba(239, 68, 68, 0.4);
}

.panic-custom-url-row {
    width: 100%;
}

.panic-custom-url-input {
    width: 100%;
    padding: 8px 10px;
    background: rgba(0, 0, 0, 0.45);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 8px;
    color: #ffffff;
    font-size: 0.75rem;
    font-family: inherit;
    box-sizing: border-box;
    outline: none;
}

body.light-theme .panic-custom-url-input {
    background: #ffffff;
    border-color: rgba(0, 0, 0, 0.12);
    color: #0f172a;
}

.panic-custom-url-input:focus {
    border-color: #ef4444;
    box-shadow: 0 0 10px rgba(239, 68, 68, 0.35);
}

.panic-toggles-grid {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    padding-top: 4px;
}

.panic-toggle-item {
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    font-size: 0.72rem;
    font-weight: 700;
    color: #cbd5e1;
}

body.light-theme .panic-toggle-item {
    color: #334155;
}

.panic-toggle-item input[type="checkbox"] {
    accent-color: #ef4444;
    cursor: pointer;
}

/* ===================================================
   FEATURE 3: COVERT DURESS PIN & FAKE DECOY ADMIN
   =================================================== */
.founder-duress-config-section {
    display: flex;
    flex-direction: column;
    gap: 10px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    padding-top: 14px;
}

body.light-theme .founder-duress-config-section {
    border-top-color: rgba(0, 0, 0, 0.08);
}

.duress-config-header-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
}

.duress-config-title-block {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.duress-config-subtitle-hint {
    font-size: 0.68rem;
    color: #94a3b8;
}

.duress-active-pill {
    font-size: 0.65rem;
    font-weight: 800;
    padding: 3px 8px;
    border-radius: 8px;
    background: rgba(56, 189, 248, 0.15);
    border: 1px solid rgba(56, 189, 248, 0.35);
    color: #38bdf8;
    letter-spacing: 0.04em;
}

.duress-config-box {
    display: flex;
    flex-direction: column;
    gap: 10px;
    background: rgba(0, 0, 0, 0.35);
    border: 1px solid rgba(56, 189, 248, 0.25);
    border-radius: 14px;
    padding: 12px;
}

body.light-theme .duress-config-box {
    background: rgba(56, 189, 248, 0.04);
    border-color: rgba(56, 189, 248, 0.25);
}

.duress-pin-input-row {
    display: flex;
    align-items: flex-end;
    gap: 8px;
    flex-wrap: wrap;
}

.duress-field-wrap {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1;
    min-width: 180px;
}

.duress-field-label {
    font-size: 0.65rem;
    font-weight: 800;
    color: #cbd5e1;
    letter-spacing: 0.04em;
}

body.light-theme .duress-field-label {
    color: #475569;
}

.duress-pin-input {
    width: 100%;
    padding: 8px 12px;
    background: rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 8px;
    color: #38bdf8;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.82rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    outline: none;
    box-sizing: border-box;
}

body.light-theme .duress-pin-input {
    background: #ffffff;
    border-color: rgba(0, 0, 0, 0.12);
    color: #0369a1;
}

.duress-pin-input:focus {
    border-color: #38bdf8;
    box-shadow: 0 0 12px rgba(56, 189, 248, 0.4);
}

.duress-explanation-text {
    font-size: 0.72rem;
    color: #94a3b8;
    line-height: 1.45;
    background: rgba(255, 255, 255, 0.03);
    border-radius: 8px;
    padding: 8px 10px;
    border: 1px solid rgba(255, 255, 255, 0.06);
}

body.light-theme .duress-explanation-text {
    background: rgba(0, 0, 0, 0.02);
    border-color: rgba(0, 0, 0, 0.06);
    color: #475569;
}