.shv-container{width:100%;display:flex;justify-content:center;align-items:center}@media(max-width:768px){.shv-container{transform:scale(.85);transform-origin:center center;height:425px}}.shv-inner{position:relative;width:100%;max-width:500px;height:500px;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;perspective:1200px}.shv-glow{position:absolute;width:70%;height:70%;background:radial-gradient(circle,#7896dc26,#7896dc00 70%);filter:blur(40px);z-index:0;animation:shv-breathe 8s ease-in-out infinite alternate}@keyframes shv-breathe{0%{transform:scale(1);opacity:.8}to{transform:scale(1.1);opacity:1}}.shv-main-panel{position:relative;width:90%;max-width:520px;background:#0c0c1099;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 40px 80px -20px #000c,inset 0 1px #ffffff26;z-index:1;overflow:hidden;transform:rotateY(-5deg) rotateX(2deg)}.shv-header{display:flex;align-items:center;padding:0 16px;height:44px;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.06)}.shv-dots{display:flex;gap:6px;margin-right:20px}.shv-dot{width:10px;height:10px;border-radius:50%}.shv-dot.close{background:#ff5f56}.shv-dot.min{background:#ffbd2e}.shv-dot.max{background:#27c93f}.shv-tabs{display:flex;align-items:flex-end;height:100%}.shv-tab{padding:8px 16px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;color:var(--text-55);border-radius:6px 6px 0 0;margin-bottom:-1px}.shv-tab.active{color:#fff;background:#ffffff0d;border-top:1px solid rgba(255,255,255,.1);border-left:1px solid rgba(255,255,255,.05);border-right:1px solid rgba(255,255,255,.05)}.shv-body{display:flex;height:320px}.shv-sidebar{width:50px;border-right:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;align-items:center;padding-top:16px;gap:16px}.shv-sb-item{width:20px;height:20px;border-radius:4px;background:#ffffff1a}.shv-sb-item.active{background:var(--accent)}.shv-content{padding:20px 24px;flex:1;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px;line-height:1.7;color:#a9b7c6}.shv-kw{color:#cc7832;font-weight:500}.shv-str{color:#6a8759}.shv-fn{color:#ffc66d}.shv-var{color:#9876aa}.shv-class{color:#e8bf6a}.shv-num{color:#6897bb}.shv-indent{padding-left:24px}.shv-indent-2{padding-left:48px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.shv-cursor{opacity:1}.shv-widget{position:absolute;background:#121216bf;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 20px 40px -10px #00000080;z-index:2;transform-style:preserve-3d;transform:rotateY(-5deg) rotateX(2deg)}.shv-widget-header{padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.05);font-size:11px;font-weight:600;color:var(--text-45);text-transform:uppercase;letter-spacing:.06em;display:flex;justify-content:space-between;align-items:center}.shv-widget-1{top:6%;right:-2%;width:220px}.shv-status-dot{width:6px;height:6px;background:#27c93f;border-radius:50%}.shv-status-dot.pulse{box-shadow:0 0 #27c93fb3;animation:shv-pulse 2s infinite}@keyframes shv-pulse{70%{box-shadow:0 0 0 6px #27c93f00}to{box-shadow:0 0 #27c93f00}}.shv-widget-body{padding:16px;display:flex;align-items:center;gap:16px}.shv-ring-container{position:relative;width:64px;height:64px}.shv-ring-svg{width:100%;height:100%;transform:rotate(-90deg)}.shv-ring-bg{fill:none;stroke:#ffffff1a;stroke-width:2.5}.shv-ring-fill{fill:none;stroke:var(--accent);stroke-width:2.5;stroke-linecap:round}.shv-ring-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff}.shv-widget-stats{display:flex;flex-direction:column;gap:10px}.shv-stat-val{font-size:15px;font-weight:600;color:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.shv-stat-lbl{font-size:11px;color:var(--text-55)}.shv-widget-2{bottom:8%;left:-2%;width:260px;padding:16px;display:flex;flex-direction:column;gap:16px}.shv-widget-row{display:flex;align-items:center;gap:12px}.shv-icon-box{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;flex:none}.bg-blue{background:#387adf33;color:#78a2eb}.bg-purple{background:#9876ce33;color:#c099fb}.shv-w2-text{display:flex;flex-direction:column;gap:2px}.shv-w2-text strong{font-size:13px;color:#fff;font-weight:600}.shv-w2-text span{font-size:11px;color:var(--text-55)}@media(max-width:1024px){.shv-widget-1{right:0}.shv-widget-2{left:0}}@media(max-width:768px){.shv-container{height:400px;margin-top:20px;transform:scale(.9)}}@media(max-width:480px){.shv-container{height:320px;transform:scale(.7)}}