.wtr3d-bar{
    width:var(--wtr3d-width,100%);
    max-width:var(--wtr3d-max-width,980px);
    min-height:var(--wtr3d-height,48px);
    margin:10px auto;
    border-radius:var(--wtr3d-radius,18px);
    color:var(--wtr3d-text,#fff);
    font-size:var(--wtr3d-font-size,15px);
    line-height:1.15;
    box-sizing:border-box;
    position:relative;
    overflow:hidden;
    background:var(--wtr3d-bg,rgba(33,0,50,.72));
    border:1px solid var(--wtr3d-neon,rgba(191,53,255,.85));
    box-shadow:0 10px 28px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.22), 0 0 20px var(--wtr3d-neon,rgba(191,53,255,.85));
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
}
.wtr3d-bar *{box-sizing:border-box}
.wtr3d-bar:before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(135deg,rgba(255,255,255,.18),transparent 28%,transparent 65%,rgba(255,255,255,.08));
    pointer-events:none;
}
.wtr3d-bar:after{
    content:"";
    position:absolute;
    left:-30%;
    top:0;
    width:30%;
    height:100%;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.24),transparent);
    transform:skewX(-20deg);
    pointer-events:none;
}
.wtr3d-anim-on:after{animation:wtr3dSweep 4.5s linear infinite}
@keyframes wtr3dSweep{0%{left:-35%}55%,100%{left:125%}}
.wtr3d-inner{
    position:relative;
    z-index:2;
    min-height:var(--wtr3d-height,48px);
    padding:8px 18px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:16px;
    flex-wrap:nowrap;
}
.wtr3d-item{
    min-width:0;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    white-space:nowrap;
    text-shadow:0 1px 0 rgba(0,0,0,.55),0 0 9px var(--wtr3d-neon,rgba(191,53,255,.85));
}
.wtr3d-icon{
    color:var(--wtr3d-accent,#26d9ff);
    text-shadow:0 0 10px var(--wtr3d-accent,#26d9ff);
    font-weight:900;
}
.wtr3d-label{font-weight:800;letter-spacing:.02em;opacity:.9}
.wtr3d-value{font-weight:900;color:var(--wtr3d-text,#fff);overflow:hidden;text-overflow:ellipsis;max-width:52vw}
.wtr3d-separator{
    width:1px;
    align-self:stretch;
    min-height:20px;
    background:linear-gradient(180deg,transparent,var(--wtr3d-accent,#26d9ff),transparent);
    box-shadow:0 0 10px var(--wtr3d-accent,#26d9ff);
    opacity:.85;
}
.wtr3d-powered{
    color:var(--wtr3d-accent,#26d9ff)!important;
    text-decoration:none!important;
    font-size:.78em;
    opacity:.78;
    margin-left:auto;
}
.wtr3d-license-warning{
    max-width:980px;
    margin:10px auto;
    padding:12px 16px;
    border-radius:12px;
    background:rgba(120,0,20,.9);
    color:#fff;
    border:1px solid rgba(255,255,255,.22);
    text-align:center;
}
.wtr3d-license-warning a{color:#fff;font-weight:800}
.wtr3d-license-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin-top:10px;
    padding:10px 14px;
    border-radius:12px;
    background:linear-gradient(135deg,#ff9900,#ff4700);
    color:#111!important;
    text-decoration:none!important;
    font-weight:900;
}

.wtr3d-effect-neon-pulse{background:linear-gradient(135deg,var(--wtr3d-bg),rgba(90,0,140,.42));}
.wtr3d-effect-neon-pulse.wtr3d-anim-on{animation:wtr3dPulse 2.8s ease-in-out infinite}
@keyframes wtr3dPulse{0%,100%{box-shadow:0 10px 28px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.22),0 0 18px var(--wtr3d-neon)}50%{box-shadow:0 14px 34px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.28),0 0 34px var(--wtr3d-neon)}}

.wtr3d-effect-glass-depth{background:linear-gradient(180deg,rgba(255,255,255,.16),var(--wtr3d-bg) 42%,rgba(0,0,0,.32));border-color:rgba(255,255,255,.24)}
.wtr3d-effect-glass-depth .wtr3d-inner{box-shadow:inset 0 -10px 24px rgba(0,0,0,.18)}

.wtr3d-effect-carbon-edge{background:repeating-linear-gradient(45deg,rgba(255,255,255,.03),rgba(255,255,255,.03) 2px,transparent 2px,transparent 6px),var(--wtr3d-bg);border-width:2px}
.wtr3d-effect-carbon-edge:before{background:linear-gradient(180deg,rgba(255,255,255,.12),transparent 48%,rgba(0,0,0,.30))}

.wtr3d-effect-holo-line{background:linear-gradient(90deg,rgba(0,220,255,.16),var(--wtr3d-bg),rgba(255,0,220,.16));}
.wtr3d-effect-holo-line .wtr3d-inner:before{
    content:"";position:absolute;left:14px;right:14px;bottom:5px;height:2px;background:linear-gradient(90deg,transparent,var(--wtr3d-accent),var(--wtr3d-neon),transparent);box-shadow:0 0 14px var(--wtr3d-accent);border-radius:99px
}

.wtr3d-effect-deep-purple{background:radial-gradient(circle at 20% 0%,rgba(38,217,255,.18),transparent 32%),radial-gradient(circle at 80% 100%,rgba(191,53,255,.25),transparent 32%),var(--wtr3d-bg);border-color:var(--wtr3d-neon)}
.wtr3d-effect-deep-purple .wtr3d-label{color:var(--wtr3d-accent)}

@media(max-width:700px){
    .wtr3d-inner{padding:8px 12px;gap:10px;flex-wrap:wrap}
    .wtr3d-mode-combined .wtr3d-item{width:100%;justify-content:center}
    .wtr3d-mode-combined .wtr3d-separator{display:none}
    .wtr3d-value{max-width:76vw}
    .wtr3d-powered{width:100%;margin-left:0;text-align:center}
}