/* nw-player.css: floating music player (Ki 4:38 AM Oct 20 2026: "Player controls"). Glossy slime green on black, bottom-left, safe-area aware. */
.nwsnd-pill{display:none!important}
.nwp{position:fixed;left:calc(8px + env(safe-area-inset-left,0px));bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:10050;font:13px/1 var(--ui,Anton,Impact,sans-serif);-webkit-tap-highlight-color:transparent}
.nwp[hidden],html.intro-on .nwp,html.nwmenu-open .nwp{display:none!important}
.nwp button{-webkit-appearance:none;appearance:none;margin:0;padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;touch-action:manipulation}
.nwp svg{display:block;width:18px;height:18px}
.nwp-fab{width:38px;height:38px;border-radius:50%;color:#7cff3a;border:1.5px solid #7cff3a!important;background:#050805;background:radial-gradient(120% 90% at 50% 0%,#2d4a1e 0%,#0b130a 48%,#000 100%);box-shadow:0 0 12px rgba(124,255,58,.38),inset 0 1px 0 rgba(255,255,255,.28),inset 0 -6px 10px rgba(0,0,0,.6);opacity:.92}
.nwp.is-muted .nwp-fab{color:#cfcfcf;border-color:rgba(255,255,255,.45)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.22)}
.nwp-fab svg{width:17px;height:17px}
.nwp.is-open .nwp-fab{display:none}
.nwp-bar{display:none;align-items:center;gap:2px;height:46px;box-sizing:border-box;width:330px;max-width:calc(100vw - 16px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px));padding:0 4px 0 5px;border-radius:999px;border:1.5px solid #7cff3a;color:#b6ff8a;background:#050805;background:linear-gradient(180deg,#22361a 0%,#0a1209 46%,#000 54%,#000 100%);box-shadow:0 0 16px rgba(124,255,58,.4),0 6px 18px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.3)}
.nwp.is-open .nwp-bar{display:flex;animation:nwpIn .18s ease-out}
@keyframes nwpIn{from{opacity:0;transform:scale(.85);transform-origin:left center}to{opacity:1;transform:none}}
.nwp-b{flex:none;width:34px;height:36px;border-radius:50%;color:#b6ff8a}
.nwp-b:active{transform:scale(.9)}
.nwp-play{width:36px;height:36px;color:#061006;background:#7cff3a!important;background:radial-gradient(110% 80% at 50% 10%,#e4ffcf 0%,#9dff63 32%,#5fd61f 70%,#3fa612 100%)!important;box-shadow:0 0 10px rgba(124,255,58,.55),inset 0 -2px 3px rgba(0,0,0,.25)}
.nwp-play svg{width:18px;height:18px}
.nwp-x{width:28px;color:rgba(255,255,255,.7)}
.nwp-x svg{width:15px;height:15px}
.nwp-t{flex:1 1 auto;min-width:0;overflow:hidden;white-space:nowrap;padding:0 6px;letter-spacing:1px;color:#b6ff8a;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 6px,#000 calc(100% - 8px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 6px,#000 calc(100% - 8px),transparent 100%)}
.nwp-t span{display:inline-block;text-overflow:ellipsis;max-width:100%;overflow:hidden;vertical-align:middle;line-height:46px;color:#b6ff8a}
.nwp-t.run span{max-width:none;overflow:visible;animation:nwpScroll 8s ease-in-out 1s infinite alternate}
@keyframes nwpScroll{0%,12%{transform:translateX(0)}88%,100%{transform:translateX(var(--d,0))}}
@supports (-webkit-background-clip:text) or (background-clip:text){
 .nwp-t span{background:linear-gradient(180deg,#f2ffe6 0%,#b6ff8a 45%,#7cff3a 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
}
.nwp.is-muted .nwp-t span{opacity:.6}
.nwp-eq{display:inline-flex;align-items:flex-end;gap:2px;height:14px}
.nwp-eq i{display:block;width:3px;height:100%;border-radius:2px;background:#7cff3a;transform-origin:bottom;animation:nwpEq .9s ease-in-out infinite}
.nwp-eq i:nth-child(2){animation-delay:-.3s}.nwp-eq i:nth-child(3){animation-delay:-.6s}
@keyframes nwpEq{0%,100%{transform:scaleY(.3)}50%{transform:scaleY(1)}}
@media (prefers-reduced-motion:reduce){.nwp-eq i,.nwp-t.run span{animation:none}}
@media (min-width:821px){.nwp{left:calc(14px + env(safe-area-inset-left,0px));bottom:14px}.nwp-fab{width:42px;height:42px}.nwp-bar{width:380px;height:48px}}
