:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;--bg-primary: #06080d;--bg-secondary: #0c1018;--bg-card: rgba(12, 16, 24, .8);--border: rgba(255, 255, 255, .06);--text-primary: #e8eaf0;--text-secondary: rgba(255, 255, 255, .5);--accent-indigo: #6366f1;--accent-purple: #8b5cf6;--accent-yellow: #eab308;--accent-green: #22c55e;--accent-red: #f43f5e}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:var(--bg-primary);color:var(--text-primary)}body{background:radial-gradient(ellipse at 20% 50%,rgba(99,102,241,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(139,92,246,.06) 0%,transparent 50%),radial-gradient(ellipse at 50% 80%,rgba(34,197,94,.04) 0%,transparent 50%),var(--bg-primary)}.dashboard{min-height:100vh;display:flex;flex-direction:column;animation:fadeIn .6s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;border-bottom:1px solid var(--border);background:#06080de6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:100}.header-left{display:flex;align-items:center;gap:1rem}.logo{display:flex;align-items:center;gap:.5rem}.logo-icon{font-size:1.3rem;color:var(--accent-indigo);filter:drop-shadow(0 0 6px rgba(99,102,241,.5))}.logo-text{font-size:1.1rem;font-weight:700;letter-spacing:-.02em;background:linear-gradient(135deg,#e8eaf0,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.logo-badge{font-size:.55rem;font-weight:700;letter-spacing:.15em;color:var(--accent-indigo);background:#6366f11f;border:1px solid rgba(99,102,241,.2);padding:.15rem .4rem;border-radius:4px}.header-subtitle{font-size:.75rem;color:var(--text-secondary)}.header-right{display:flex;align-items:center;gap:1rem}.live-indicator{display:flex;align-items:center;gap:.4rem;font-size:.65rem;font-weight:700;letter-spacing:.12em;color:var(--accent-green);background:#22c55e1a;padding:.25rem .6rem;border-radius:20px;border:1px solid rgba(34,197,94,.2)}.live-dot{width:6px;height:6px;background:var(--accent-green);border-radius:50%;animation:pulse 1.5s ease infinite;box-shadow:0 0 8px #22c55e99}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.live-indicator.error{color:var(--accent-red);background:#f43f5e1a;border-color:#f43f5e33}.live-indicator.error .live-dot{background:var(--accent-red);box-shadow:0 0 8px #f43f5e99}.header-time{font-size:.8rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--text-secondary)}.stats-bar{display:flex;gap:.5rem;padding:.75rem 1.5rem;border-bottom:1px solid var(--border);overflow-x:auto}.stat-box{display:flex;align-items:center;gap:.6rem;background:#ffffff08;border:1px solid var(--border);border-radius:10px;padding:.5rem .85rem;flex:1;min-width:140px;transition:border-color .2s}.stat-box:hover{border-color:#ffffff1f}.stat-icon{font-size:1rem;color:var(--accent-indigo);opacity:.7}.stat-content{display:flex;flex-direction:column}.stat-value{font-size:.95rem;font-weight:700;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:-.02em}.stat-label{font-size:.6rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em}.stat-trend{font-size:.6rem;color:var(--accent-green);font-weight:600;margin-left:auto}.main-content{display:grid;grid-template-columns:1fr 320px;gap:0;flex:1;min-height:0}.bubble-canvas-container{display:flex;flex-direction:column;border-right:1px solid var(--border);position:relative;overflow:hidden}.canvas-header{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1.25rem;border-bottom:1px solid var(--border);background:#06080d80}.canvas-title{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em}.canvas-count{font-size:.65rem;color:var(--text-secondary);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.bubble-canvas{flex:1;width:100%;background:radial-gradient(ellipse at 30% 40%,rgba(99,102,241,.04) 0%,transparent 60%),radial-gradient(ellipse at 70% 60%,rgba(139,92,246,.03) 0%,transparent 60%),var(--bg-primary);min-height:450px}.side-panel{display:flex;flex-direction:column;gap:0;overflow-y:auto;background:#06080d80}.ranking-card{border-bottom:1px solid var(--border)}.ranking-header{display:flex;align-items:center;gap:.5rem;padding:.65rem 1rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);border-left:3px solid transparent;background:#ffffff05}.ranking-icon{font-size:.85rem}.ranking-list{padding:.25rem 0}.ranking-empty{padding:1rem;text-align:center;font-size:.7rem;color:var(--text-secondary);opacity:.5}.ranking-item{display:flex;align-items:center;gap:.6rem;padding:.45rem 1rem;transition:background .15s;cursor:default}.ranking-item:hover{background:#ffffff08}.ranking-rank{width:20px;height:20px;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:700;color:#fff;flex-shrink:0}.ranking-info{display:flex;flex-direction:column;flex:1;min-width:0}.ranking-name{font-size:.75rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ranking-author{font-size:.6rem;color:var(--text-secondary)}.ranking-value{font-size:.75rem;font-weight:700;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;flex-shrink:0}.footer{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1.5rem;border-top:1px solid var(--border);font-size:.65rem;color:var(--text-secondary);background:#06080de6}.footer-links{display:flex;align-items:center;gap:.4rem}.footer-dot{width:5px;height:5px;border-radius:50%;background:var(--accent-green);box-shadow:0 0 6px #22c55e80}.footer-dot.offline{background:var(--accent-red);box-shadow:0 0 6px #f43f5e80}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}@media(max-width:900px){.main-content{grid-template-columns:1fr}.side-panel{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--border)}.ranking-card{border-right:1px solid var(--border);border-bottom:none}.stats-bar{flex-wrap:wrap}.stat-box{min-width:120px}}@media(max-width:600px){.side-panel{grid-template-columns:1fr}.ranking-card{border-right:none;border-bottom:1px solid var(--border)}.header-subtitle{display:none}}