.nvk-root{position:relative;width:100%;background:#05080f;color:#cfe3ff;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;border-radius:10px;overflow:hidden;box-sizing:border-box;line-height:1.35}
.nvk-root *{box-sizing:border-box}
.nvk-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-bottom:1px solid #12213a;flex-wrap:wrap}
.nvk-title{font-size:15px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#e8f2ff;display:flex;align-items:center;gap:8px}
.nvk-dot{width:8px;height:8px;border-radius:50%;background:#ff3b3b;box-shadow:0 0 8px #ff3b3b;animation:nvk-pulse 1.6s infinite}
@keyframes nvk-pulse{50%{opacity:.25}}
.nvk-clock{font-variant-numeric:tabular-nums;font-size:13px;color:#8fb3e0}
.nvk-clock b{color:#e8f2ff;font-weight:600}
.nvk-btns{display:flex;gap:6px}
.nvk-btn{background:#0c1628;border:1px solid #1d3354;color:#cfe3ff;font-size:12px;padding:5px 10px;border-radius:6px;cursor:pointer}
.nvk-btn:hover{border-color:#3a6aa8}
.nvk-btn.on{background:#173a66;border-color:#4d8ad6;color:#fff}
.nvk-body{position:relative}
.nvk-canvas{display:block;width:100%}
.nvk-panel{position:absolute;left:12px;bottom:12px;width:250px;max-width:42%;background:rgba(6,12,24,.82);border:1px solid #16294a;border-radius:8px;padding:10px 12px;font-size:12px;backdrop-filter:blur(4px)}
.nvk-panel h4{margin:0 0 6px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#6f93c4;font-weight:600}
.nvk-row{display:flex;align-items:center;gap:6px;margin:3px 0}
.nvk-row .nvk-n{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nvk-bar{width:60px;height:6px;background:#11203a;border-radius:3px;overflow:hidden;flex:none}
.nvk-bar i{display:block;height:100%}
.nvk-sep{height:8px}
.nvk-legend{position:absolute;right:12px;bottom:12px;background:rgba(6,12,24,.82);border:1px solid #16294a;border-radius:8px;padding:8px 10px;font-size:11px;color:#8fb3e0}
.nvk-grad{width:150px;height:8px;border-radius:4px;background:linear-gradient(90deg,#1ee38a,#c8f03c,#ffc928,#ff7a1a,#ff2d3d);margin:4px 0 2px}
.nvk-gl{display:flex;justify-content:space-between}
.nvk-tip{position:absolute;pointer-events:none;background:rgba(8,16,32,.95);border:1px solid #2a4a7a;border-radius:6px;padding:6px 9px;font-size:12px;display:none;white-space:nowrap;z-index:2}
.nvk-foot{padding:6px 14px;font-size:11px;color:#56739c;border-top:1px solid #12213a}
@media (max-width:700px){.nvk-panel{position:static;width:auto;max-width:none;margin:8px;}.nvk-legend{display:none}}
.nvk-root:fullscreen,.nvk-root.nvk-fake-fs{width:100vw;height:100vh;border-radius:0;max-width:none}
.nvk-root:-webkit-full-screen{width:100vw;height:100vh;border-radius:0}
.nvk-root.nvk-fake-fs{position:fixed;inset:0;z-index:999999}
.nvk-root:fullscreen .nvk-panel,.nvk-root.nvk-fake-fs .nvk-panel{position:absolute;width:280px;font-size:13px}
.nvk-root:fullscreen .nvk-title{font-size:18px}
.nvk-root:fullscreen .nvk-clock{font-size:16px}
