:root{--bg-primary: #090d16;--bg-secondary: #111827;--bg-tertiary: #1f293d;--glass-bg: rgba(17, 24, 39, .65);--glass-border: rgba(255, 255, 255, .1);--glass-glow: rgba(99, 102, 241, .15);--color-primary: #6366f1;--color-primary-glow: #818cf8;--color-accent: #06b6d4;--color-pink: #ec4899;--color-success: #10b981;--color-warning: #f59e0b;--font-main: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-code: "Fira Code", monospace;--text-main: #f3f4f6;--text-muted: #9ca3af;--text-dim: #6b7280;--heatmap-bg-0: #161b22;--heatmap-bg-1: #0e4429;--heatmap-bg-2: #006d32;--heatmap-bg-3: #26a641;--heatmap-bg-4: #39d353}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;min-height:100vh;background-color:var(--bg-primary);color:var(--text-main);font-family:var(--font-main);overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:radial-gradient(circle at 15% 15%,rgba(99,102,241,.12) 0%,transparent 45%),radial-gradient(circle at 85% 85%,rgba(6,182,212,.1) 0%,transparent 45%),radial-gradient(circle at 50% 50%,rgba(236,72,153,.05) 0%,transparent 50%);pointer-events:none;z-index:0}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:0 8px 32px #0000005e;border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-panel:hover{border-color:#fff3;box-shadow:0 8px 32px #6366f133}.cyber-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;font-family:var(--font-main);font-weight:600;font-size:.95rem;border-radius:10px;border:1px solid var(--glass-border);background:#1f293dcc;color:var(--text-main);cursor:pointer;overflow:hidden;transition:all .25s ease}.cyber-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:.5s}.cyber-button:hover:before{left:100%}.cyber-button-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));border:none;box-shadow:0 4px 20px #6366f166}.cyber-button-primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px #6366f199}.cyber-button-danger{background:#ef444433;border:1px solid rgba(239,68,68,.4);color:#fca5a5}.cyber-button-danger:hover{background:#ef444466}.text-gradient{background:linear-gradient(135deg,#a5b4fc,#38bdf8,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.heatmap-cell{width:13px;height:13px;border-radius:3px;transition:transform .15s ease,filter .15s ease;cursor:pointer}.heatmap-cell:hover{transform:scale(1.3);z-index:10;filter:brightness(1.3) drop-shadow(0 0 4px var(--color-success))}.heatmap-level-0{background-color:var(--heatmap-bg-0);border:1px solid rgba(255,255,255,.03)}.heatmap-level-1{background-color:var(--heatmap-bg-1)}.heatmap-level-2{background-color:var(--heatmap-bg-2)}.heatmap-level-3{background-color:var(--heatmap-bg-3)}.heatmap-level-4{background-color:var(--heatmap-bg-4);box-shadow:0 0 6px #39d35380}@keyframes spark-pulse{0%{transform:scale(1);filter:drop-shadow(0 0 2px #f59e0b)}50%{transform:scale(1.15);filter:drop-shadow(0 0 8px #ef4444)}to{transform:scale(1);filter:drop-shadow(0 0 2px #f59e0b)}}.streak-fire-icon{animation:spark-pulse 1.8s infinite ease-in-out}.flip-card{perspective:1000px;width:100%;max-width:540px;height:340px}.flip-card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .6s cubic-bezier(.4,.2,.2,1);transform-style:preserve-3d}.flip-card.flipped .flip-card-inner{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:20px;padding:30px;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.flip-card-back{transform:rotateY(180deg)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.spin-anim{animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.header-container{margin:8px 12px!important;padding:12px 14px!important;gap:10px!important}.header-content-wrapper{flex-direction:column!important;gap:10px!important}.nav-tabs-wrapper{width:100%;overflow-x:auto;white-space:nowrap;padding:4px;display:flex!important;gap:6px!important;-webkit-overflow-scrolling:touch}.nav-tabs-wrapper button{flex-shrink:0;white-space:nowrap;padding:6px 12px!important;font-size:.8rem!important}.header-mid-group{flex-direction:column!important;align-items:stretch!important;gap:8px!important}.flip-card{height:380px!important}.flip-card-front,.flip-card-back{padding:20px 16px!important}.flip-card-front h2{font-size:2.2rem!important}.rating-buttons-grid{grid-template-columns:repeat(5,1fr)!important;gap:4px!important;padding:10px 8px!important}.rating-buttons-grid button{padding:8px 2px!important}.nebula-legend-box{top:10px!important;left:12px!important;right:12px!important;width:auto!important;padding:8px 12px!important;font-size:.75rem!important;flex-wrap:wrap!important;gap:8px!important}.heatmap-dashboard-container{padding:10px 10px 40px!important}.grid-2col{grid-template-columns:1fr!important}}