body {
    background: radial-gradient(circle at 50% 0%, #1a3c40 10%, #0d1b2a 40%, #000000 90%);
    background-attachment: fixed;
    background-size: cover;
    min-height: 100vh;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #ffffff;
}

.aero-panel {
    background: rgba(10, 15, 20, 0.75);
    backdrop-filter: blur(15px) saturate(120%);
    -webkit-backdrop-filter: blur(15px) saturate(120%);
    border: 1px solid rgba(255, 255, 255, 0.15);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 10px 25px rgba(0, 0, 0, 0.7);
    border-radius: 8px;
    position: relative;
    overflow: hidden;
}

.aero-panel::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 35%;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.01) 100%);
    pointer-events: none;
}

.vista-btn {
    background: linear-gradient(to bottom, #3c4a56 0%, #2b3642 49%, #1e262e 50%, #1e262e 100%);
    border: 1px solid #576572;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 2px 4px rgba(0, 0, 0, 0.3);
    transition: all 0.2s;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.vista-btn:hover {
    background: linear-gradient(to bottom, #4d5e6d 0%, #384654 49%, #28323c 50%, #28323c 100%);
    border-color: #88c4f0;
    box-shadow: 0 0 8px rgba(100, 200, 255, 0.4);
}

.vista-btn.orange {
    background: linear-gradient(to bottom, #FF9900 0%, #FF8000 49%, #CC6600 50%, #CC6600 100%);
    border: 1px solid #FFAD33;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 2px 4px rgba(0, 0, 0, 0.4);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
}

.vista-btn.orange:hover {
    background: linear-gradient(to bottom, #FFAD33 0%, #FF9900 49%, #E07300 50%, #E07300 100%);
    border-color: #FFD699;
    box-shadow: 0 0 8px rgba(255, 153, 0, 0.6);
}

.vista-btn:disabled {
    background: linear-gradient(to bottom, #2a2a2a 0%, #1a1a1a 100%);
    border-color: #444;
    color: #777;
    cursor: not-allowed;
    box-shadow: none;
    text-shadow: none;
}

.nav-bar {
    background: linear-gradient(to bottom, #1e1e1e 0%, #000000 100%);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.vista-input {
    background: #1a1a1a;
    border: 1px solid #3d3d3d;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.5);
    color: white;
}

.vista-input:focus {
    background: #ffffff;
    color: #000000;
    border-color: #3399ff;
    outline: none;
}

.vista-input:disabled {
    opacity: 0.5;
    cursor: not-allowed;
    background: #0f0f0f;
}

.text-glow {
    text-shadow: 0 0 10px rgba(255, 255, 255, 0.4);
}

.ticker-wrap {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
}

.ticker {
    display: inline-block;
    padding-left: 100%;
    animation: ticker 35s linear infinite;
}

@keyframes ticker {
    0%   { transform: translate3d(0, 0, 0); }
    100% { transform: translate3d(-100%, 0, 0); }
}

::-webkit-scrollbar       { width: 14px; }
::-webkit-scrollbar-track { background: #1e1e1e; }
::-webkit-scrollbar-thumb { background: #4a4a4a; border: 3px solid #1e1e1e; border-radius: 7px; }
::-webkit-scrollbar-thumb:hover { background: #6a6a6a; }

input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: radial-gradient(circle at center, #4a90e2 0%, #0044cc 50%, #001f4d 100%);
    border: 1px solid #003366;
    cursor: pointer;
    box-shadow: 0 0 5px rgba(0, 51, 102, 0.8);
    margin-top: -6px;
}

input[type="range"]::-moz-range-thumb {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: radial-gradient(circle at center, #4a90e2 0%, #0044cc 50%, #001f4d 100%);
    border: 1px solid #003366;
    cursor: pointer;
    box-shadow: 0 0 5px rgba(0, 51, 102, 0.8);
}

.wmp11-play-btn {
    position: relative;
    width: 32px;
    height: 32px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.2s ease-in-out;
}

.wmp11-play-btn:hover  { transform: scale(1.05); }
.wmp11-play-btn:active { transform: scale(0.95); }

.wmp11-play-btn img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.4));
}