@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg-primary: #0a0a0f;--bg-secondary: #13131f;--bg-card: #1c1c2e;--text-primary: #ffffff;--text-secondary: #a1a1aa;--text-accent: #6d28d9;--accent-primary: #8b5cf6;--accent-glow: rgba(139, 92, 246, .5);--border-color: #2e2e42;--success: #10b981;--danger: #ef4444;--glass-bg: rgba(28, 28, 46, .7);--glass-border: rgba(255, 255, 255, .1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 4px 30px #0000001a}.text-gradient{background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glow-text{text-shadow:0 0 20px var(--accent-glow)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .6s ease-out forwards}.desktop-hidden,.comparison-mobile-header,.comparison-mobile-chart{display:none}.custom-table{width:100%;border-collapse:separate;border-spacing:0}.custom-table th{text-align:center;padding:1rem 1.5rem;color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border-color)}.custom-table th:first-child{text-align:left}.custom-table td{padding:1.25rem 1.5rem;color:var(--text-primary);border-bottom:1px solid var(--border-color);transition:background-color .2s;text-align:center;vertical-align:middle}.custom-table td:first-child{text-align:left}.protocol-container,.metric-value{display:flex;align-items:center;justify-content:center;min-height:32px}.protocol-container{justify-content:flex-start}@media(max-width:768px){.protocol-container,.metric-value{min-height:20px}}.protocol-name,.metric-value{font-weight:600;line-height:1.2}.protocol-name{font-size:1.1rem}.custom-table tr:last-child td{border-bottom:none}.custom-table tr:hover td{background-color:#ffffff08}.metric-value{font-family:Inter,monospace;font-weight:600}.positive{color:var(--success)}.negative{color:var(--danger)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}@media(max-width:768px){.container{padding:0 .5rem}.glass-panel{border-radius:10px;padding:.75rem!important}.mobile-hidden{display:none!important}.desktop-hidden{display:inline-block!important}.mobile-hide-checkbox{display:none!important}.table-header-container{flex-wrap:nowrap!important;padding:.75rem .5rem!important}.period-filters-container{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.period-filters-container::-webkit-scrollbar{display:none}.period-checkbox{padding:.25rem .5rem!important;flex-shrink:0}.period-buttons-scroll{scrollbar-width:none;-ms-overflow-style:none}.period-buttons-scroll::-webkit-scrollbar{display:none}.page-title{font-size:1.1rem!important;line-height:1.2!important;margin-bottom:.75rem!important}h1{font-size:1.3rem!important}h2{font-size:1.1rem!important}h3{font-size:.95rem!important}.custom-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;font-size:.75rem}.custom-table th,.custom-table td{padding:.5rem .3rem;font-size:.7rem;white-space:nowrap}button{font-size:.7rem!important;padding:.3rem .5rem!important;border-radius:6px!important}label{font-size:.7rem!important;padding:.3rem .5rem!important;gap:.35rem!important}input[type=checkbox]{width:14px!important;height:14px!important;min-width:14px!important;min-height:14px!important}svg:not(.recharts-surface):not([class*=recharts]){width:16px!important;height:16px!important}.metric-value{font-size:.7rem!important}.refresh-button,.period-60d,.period-180d{display:none!important}.protocol-logo{width:20px!important;height:20px!important}.protocol-name{font-size:.7rem!important}.custom-table td:first-child>div{gap:.4rem!important}}@media(max-width:480px){.container{padding:0 .4rem}.page-title{font-size:1rem!important;line-height:1.15!important;margin-bottom:.5rem!important}h1{font-size:1.1rem!important}h2{font-size:.95rem!important}h3{font-size:.85rem!important}.custom-table{font-size:.65rem}.custom-table th,.custom-table td{padding:.5rem .25rem;font-size:.65rem;height:30px}.protocol-container,.metric-value{height:100%;min-height:unset}.protocol-name{display:flex!important;align-items:center!important;height:100%!important;margin:0!important}.glass-panel>div:first-child{flex-direction:column!important;align-items:flex-start!important;gap:.5rem!important}.glass-panel{padding:.6rem!important}button{font-size:.65rem!important;padding:.25rem .4rem!important;border-radius:5px!important}label{font-size:.65rem!important;padding:.25rem .4rem!important;gap:.3rem!important}input[type=checkbox]{width:12px!important;height:12px!important;min-width:12px!important;min-height:12px!important}svg:not(.recharts-surface):not([class*=recharts]){width:14px!important;height:14px!important}.metric-value{font-size:.65rem!important}img{max-width:24px!important;max-height:24px!important}}@media(hover:none)and (pointer:coarse){button,a,input[type=checkbox]{min-height:44px;min-width:44px}}@media(max-width:1024px){.comparison-grid{grid-template-columns:1fr!important}.comparison-sidebar{order:-1}}@media(max-width:768px){.comparison-grid>div:last-child>div:last-child{grid-template-columns:1fr!important}.comparison-desktop-header{display:none!important}.comparison-mobile-header{display:block!important}.comparison-sidebar{display:none!important}.comparison-mobile-chart{display:block!important;width:100%;max-width:100%;overflow-x:hidden}.comparison-mobile-chart .glass-panel{width:100%;max-width:100%}.comparison-mobile-chart .recharts-wrapper{width:100%!important}.comparison-grid{display:none!important}.comparison-chart-container{height:280px!important}.comparison-chart-title{display:none!important}.comparison-grid>div:last-child>div:last-child{display:none!important}.comparison-mobile-header select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .5rem center;background-size:1em;padding-right:2rem!important}.comparison-mobile-header select option{background:var(--bg-secondary);color:#fff;padding:.5rem}.comparison-mobile-header>div>span{font-size:.6rem;padding:.1rem .3rem}.mobile-selector{transition:border-color .2s,background .2s}.mobile-selector:hover,.mobile-selector:focus{border-color:var(--accent-primary)!important;background:#8b5cf61a!important}.mobile-selector option{background:var(--bg-secondary);color:#fff;padding:.5rem}.protocol-button-text,.period-button-text{font-size:1.15rem!important}}