:root{--bg-color: #050505;--panel-bg: #111111;--text-main: #f0f0f0;--text-dim: #a0a0a0;--accent-green: #00ed64;--accent-green-glow: rgba(0, 237, 100, .15);--winner-color: #00ed64;--loser-color: #ff4d4d;--neutral-color: #f1c40f;--border-color: #222222;--font-family: "Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-main);line-height:1.5;-webkit-font-smoothing:antialiased}#app{max-width:1200px;margin:0 auto;padding:0 2rem}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 0;border-bottom:1px solid var(--border-color)}.logo{font-weight:800;font-size:1.2rem;letter-spacing:1px}.tabs{display:flex;gap:1rem}.tab{background:transparent;color:var(--text-dim);border:none;font-size:.95rem;font-weight:500;cursor:pointer;padding:.5rem 1rem;border-radius:6px;text-decoration:none;transition:all .2s ease}.tab:hover{color:var(--text-main);background:#ffffff0d}.tab.active{color:var(--accent-green);background:var(--accent-green-glow)}.page-header{margin:3rem 0}.page-header h1{font-size:2.2rem;font-weight:700;margin-bottom:.5rem}.page-header p{color:var(--text-dim);font-size:1rem;max-width:600px}.category-section{margin-bottom:4rem}.category-title{font-size:.85rem;text-transform:uppercase;letter-spacing:2px;color:var(--text-dim);margin-bottom:1.5rem;display:flex;align-items:center;gap:1rem;font-weight:600}.category-title:after{content:"";flex-grow:1;height:1px;background-color:var(--border-color)}.test-card{display:grid;grid-template-columns:1fr 2fr;gap:2.5rem;background-color:var(--panel-bg);border:1px solid var(--border-color);border-radius:12px;padding:2rem;margin-bottom:2rem;transition:border-color .3s ease,transform .3s ease,box-shadow .3s ease}.test-card:hover{border-color:#00ed644d;box-shadow:0 4px 30px #00000080}.images-container{display:flex;gap:1rem;align-items:flex-start}.image-column{flex:1;display:flex;flex-direction:column}.image-label{font-size:.7rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem;font-weight:600}.image-wrapper{overflow:hidden;border-radius:8px;background-color:#ffffff05;cursor:zoom-in;border:1px solid var(--border-color);border-bottom:3px solid transparent;transition:border-color .3s ease}.image-wrapper.win-border{border-bottom-color:var(--winner-color)}.image-wrapper.lose-border{border-bottom-color:var(--loser-color)}.image-wrapper.neutral-border{border-bottom-color:var(--neutral-color)}.test-image{width:100%;display:block;transition:transform .4s cubic-bezier(.25,1,.5,1);max-height:480px;object-fit:contain;object-position:top}.image-wrapper:hover .test-image{transform:scale(1.05)}.card-content{display:flex;flex-direction:column}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.test-title{font-size:1.3rem;font-weight:600;margin-bottom:.5rem;color:#fff}.test-hypothesis{font-size:.95rem;color:var(--text-dim);line-height:1.5;margin-bottom:2rem}.status-badge{padding:.35rem .85rem;border-radius:4px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;white-space:nowrap;color:#fff}.status-badge.live{background-color:#ffc53d;color:#000}.status-badge.winner{background-color:#30a46c}.status-badge.loser{background-color:#e5484d}.status-badge.building{background-color:#b6b6ff;color:#000}.status-badge.neutral{background-color:#714f19}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2.5rem}.metric-box{background-color:#ffffff05;border:1px solid var(--border-color);border-radius:8px;padding:1.25rem 1rem;transition:background-color .2s ease}.metric-box:hover{background-color:#ffffff0a}.metric-label{font-size:.7rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem;font-weight:600;display:flex;align-items:center;gap:.4rem}.metric-value{font-size:1.35rem;font-weight:600;color:#fff;margin-bottom:.35rem}.metric-value.delta-up{color:var(--winner-color)}.metric-value.delta-down{color:var(--loser-color)}.metric-sub{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:#888}.metric-vs{font-weight:500}.metric-delta{font-size:.75rem;font-weight:700;display:flex;align-items:center;gap:.25rem}.delta-up{color:var(--winner-color)}.delta-down{color:var(--loser-color)}.delta-neutral{color:var(--text-dim)}.summary-section{margin-top:auto;padding-top:1.5rem;border-top:1px solid var(--border-color)}.summary-label{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;margin-bottom:.75rem;font-weight:700}.summary-label:before{content:"💡";font-size:1rem}.summary-text{font-size:.95rem;line-height:1.6;color:var(--text-dim)}.summary-text strong{color:var(--text-main)}