:root{--bg:#fff;--surface:#fff;--surface-alt:#F7F7F7;--ink:#0B0B0B;--ink-muted:#6E6E6E;--line:#E6E6E6;--accent:#D6001C;--accent-ink:#fff;--ok:#1B8A5A;--warn:#B26A00;--off:#9A9A9A;--radius:8px;--radius-sm:6px;--transition:.2s ease;--card-collapsed-h:340px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--bg);line-height:1.6;font-size:15px}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;font-size:inherit}input,select{font-family:inherit;font-size:inherit}.container{max-width:1200px;margin:0 auto;padding:0 24px}.header{position:sticky;top:0;z-index:100;background:var(--bg);border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:64px;max-width:1200px;margin:0 auto;padding:0 24px}.logo{font-size:22px;font-weight:700;letter-spacing:-.5px;color:var(--ink)}.logo span{color:var(--accent)}.nav{display:flex;gap:32px;align-items:center}.nav a{font-size:14px;font-weight:500;color:var(--ink-muted);transition:color var(--transition)}.nav a:hover{color:var(--ink)}.hero{padding:64px 0 48px;text-align:center}.hero h1{font-size:clamp(28px,4vw,44px);font-weight:700;letter-spacing:-1.5px;line-height:1.15;margin-bottom:16px}.hero .subtitle{font-size:17px;color:var(--ink-muted);max-width:560px;margin:0 auto 32px;line-height:1.5}.stats-row{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-bottom:24px}.stat-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--surface-alt);border-radius:100px;font-size:13px;font-weight:600;color:var(--ink);letter-spacing:.3px}.stat-badge .num{color:var(--accent);font-variant-numeric:tabular-nums}.inspo{font-size:15px;color:var(--ink-muted);font-style:italic;margin-bottom:32px}.subscribe-form{display:flex;justify-content:center;gap:0;max-width:440px;margin:0 auto}.subscribe-form input{flex:1;padding:12px 16px;border:1px solid var(--line);border-right:none;border-radius:var(--radius) 0 0 var(--radius);outline:none;font-size:14px;transition:border-color var(--transition)}.subscribe-form input:focus{border-color:var(--ink)}.subscribe-form button{padding:12px 24px;background:var(--accent);color:var(--accent-ink);font-weight:600;font-size:14px;border-radius:0 var(--radius) var(--radius) 0;white-space:nowrap;transition:background var(--transition)}.subscribe-form button:hover{background:#b80018}.subscribe-note{font-size:12px;color:var(--ink-muted);margin-top:8px}.popular-tags{padding:0 0 32px;display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.tag-chip{padding:8px 16px;border:1px solid var(--line);border-radius:100px;font-size:13px;font-weight:500;color:var(--ink-muted);background:var(--bg);transition:all var(--transition);cursor:pointer}.tag-chip:hover{border-color:var(--ink);color:var(--ink)}.tag-chip.active{background:var(--ink);color:#fff;border-color:var(--ink)}.control-bar-wrap{position:sticky;top:64px;z-index:90;background:var(--bg);border-bottom:1px solid var(--line)}.control-bar{display:flex;align-items:center;gap:12px;padding:12px 0;flex-wrap:wrap}.search-box{flex:1;min-width:200px}.search-box input{width:100%;padding:10px 12px 10px 36px;border:1px solid var(--line);border-radius:var(--radius);outline:none;font-size:14px;background:var(--surface-alt);transition:border-color var(--transition),background var(--transition)}.search-box input:focus{border-color:var(--ink);background:var(--bg)}.search-wrap{position:relative}.search-wrap:before{content:"🔍";position:absolute;left:10px;top:50%;transform:translateY(-50%);font-size:14px;pointer-events:none}.price-toggle{display:flex;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.price-toggle button{padding:8px 14px;font-size:13px;font-weight:500;color:var(--ink-muted);background:var(--bg);transition:all var(--transition)}.price-toggle button.active{background:var(--ink);color:#fff}.price-toggle button:first-child{border-right:1px solid var(--line)}.sort-select{padding:8px 12px;border:1px solid var(--line);border-radius:var(--radius);font-size:13px;background:var(--bg);color:var(--ink);outline:none;cursor:pointer}.filter-btn{padding:8px 14px;border:1px solid var(--line);border-radius:var(--radius);font-size:13px;font-weight:500;color:var(--ink-muted);background:var(--bg);transition:all var(--transition);white-space:nowrap}.filter-btn:hover{border-color:var(--ink);color:var(--ink)}.filter-btn.active{background:var(--ink);color:#fff;border-color:var(--ink)}.vendor-dd-wrap{position:relative}.vendor-dd{display:none;position:absolute;top:calc(100% + 4px);left:0;min-width:280px;max-height:360px;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 8px 24px #00000014;z-index:200;overflow:hidden}.vendor-dd.open{display:block}.vendor-dd-search{padding:10px 12px;border-bottom:1px solid var(--line)}.vendor-dd-search input{width:100%;padding:8px 10px;border:1px solid var(--line);border-radius:var(--radius-sm);font-size:13px;outline:none}.vendor-dd-list{max-height:280px;overflow-y:auto;padding:8px 0}.vendor-dd-item{display:flex;align-items:center;gap:10px;padding:8px 12px;cursor:pointer;font-size:13px;transition:background var(--transition)}.vendor-dd-item:hover{background:var(--surface-alt)}.vendor-dd-item input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px}.vendor-dd-actions{display:flex;gap:8px;padding:8px 12px;border-top:1px solid var(--line)}.vendor-dd-actions button{font-size:12px;color:var(--accent);font-weight:600}.stream-chips{display:flex;gap:6px;flex-wrap:wrap;padding:4px 0;width:100%}.stream-chip{display:inline-flex;align-items:center;gap:4px;padding:5px 12px;border:1px solid var(--line);border-radius:100px;font-size:12px;font-weight:500;color:var(--ink-muted);background:var(--bg);cursor:pointer;transition:all var(--transition);white-space:nowrap;position:relative}.stream-chip:hover{border-color:var(--ink);color:var(--ink)}.stream-chip.active{background:var(--ink);color:#fff;border-color:var(--ink)}.stream-chip .stream-num{font-size:10px;font-weight:700;opacity:.5;margin-right:2px}.stream-chip .stream-tip{display:none;position:absolute;bottom:calc(100% + 8px);left:0;background:var(--ink);color:#fff;padding:10px 14px;border-radius:var(--radius-sm);font-size:12px;max-width:320px;z-index:50;pointer-events:none;line-height:1.5;text-align:left;font-weight:400}.stream-chip:hover .stream-tip{display:block}.main-content{padding:32px 0 80px;min-height:60vh}.results-count{font-size:14px;color:var(--ink-muted);margin-bottom:24px;font-weight:500}.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;align-items:start}@media(max-width:720px){.product-grid{grid-template-columns:1fr}}.compound-card{display:flex;flex-direction:column;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;min-height:var(--card-collapsed-h)}.card-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 12px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.card-header:hover .compound-name{color:var(--accent)}.compound-name{font-size:18px;font-weight:700;letter-spacing:-.5px;transition:color var(--transition)}.card-left{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.card-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.category-badge{padding:3px 8px;background:var(--surface-alt);border-radius:100px;font-size:10px;font-weight:600;color:var(--ink-muted);text-transform:uppercase;letter-spacing:.5px}.cheapest-price{font-size:16px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--accent)}.vendor-count-pill{font-size:11px;font-weight:500;color:var(--ink-muted);padding:3px 8px;background:var(--surface-alt);border-radius:100px}.dosage-pills{display:flex;gap:5px;flex-wrap:wrap;padding:0 20px 10px}.dosage-pill{padding:5px 12px;border:1px solid var(--line);border-radius:100px;font-size:11px;font-weight:600;color:var(--ink-muted);background:var(--bg);transition:all var(--transition);font-variant-numeric:tabular-nums}.dosage-pill:hover{border-color:var(--ink);color:var(--ink)}.dosage-pill.active{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.card-body-inner{padding:0 20px 18px;display:flex;flex-direction:column;flex:1}.vendor-rows{flex:0 0 auto}.vendor-row{display:grid;grid-template-columns:minmax(0,1fr) 56px minmax(0,92px) auto 64px;align-items:center;-moz-column-gap:12px;column-gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.vendor-row:last-child{border-bottom:none}.vendor-row:hover{background:var(--surface-alt);margin:0 -8px;padding-left:8px;padding-right:8px;border-radius:var(--radius-sm)}.vendor-name{font-size:14px;font-weight:600;color:var(--ink);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.caution-flag{font-size:13px;cursor:help;color:var(--warn);text-align:center;position:relative}.caution-tip{display:none;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:var(--ink);color:#fff;padding:8px 12px;border-radius:var(--radius-sm);font-size:12px;white-space:nowrap;max-width:300px;z-index:50;pointer-events:none;line-height:1.4;text-align:left}.caution-flag:hover .caution-tip{display:block}.vendor-dosage{font-size:12px;color:var(--ink-muted);font-variant-numeric:tabular-nums}.stock-indicator{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-muted)}.stock-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.stock-dot.in{background:var(--ok)}.stock-dot.out{background:var(--off)}.stock-text{white-space:nowrap}.price-col{text-align:right;min-width:100px}.price-main{font-size:15px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--ink)}.price-main.best{color:var(--accent)}.price-sub{font-size:11px;color:var(--ink-muted);font-variant-numeric:tabular-nums}.price-prev{font-size:11px;color:var(--off);text-decoration:line-through;font-variant-numeric:tabular-nums}.buy-btn{display:inline-flex;align-items:center;gap:4px;padding:7px 14px;background:var(--accent);color:var(--accent-ink);font-size:12px;font-weight:600;border-radius:var(--radius);transition:background var(--transition);white-space:nowrap;flex-shrink:0}.buy-btn:hover{background:#b80018}.best-deal{display:inline-block;background:var(--accent);color:var(--accent-ink);font-size:9px;font-weight:700;padding:2px 6px;border-radius:100px;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;margin-left:6px;vertical-align:middle}.card-footer{margin-top:auto;padding:0 20px 14px}.show-all{text-align:center;padding:10px 0 4px;font-size:12px;font-weight:600;color:var(--accent);cursor:pointer;transition:color var(--transition)}.show-all:hover{color:#b80018;text-decoration:underline}.skeleton{animation:shimmer 1.5s infinite linear;background:linear-gradient(90deg,var(--surface-alt) 25%,#ececec 50%,var(--surface-alt) 75%);background-size:200% 100%;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skel-card{height:120px;margin-bottom:2px}.footer{border-top:1px solid var(--line);padding:48px 0;background:var(--surface-alt)}.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;margin-bottom:40px}.footer h3{font-size:14px;font-weight:700;margin-bottom:16px;text-transform:uppercase;letter-spacing:.5px}.footer p,.footer a{font-size:13px;color:var(--ink-muted);line-height:1.8}.footer a:hover{color:var(--ink)}.footer-links{list-style:none}.footer-links li{margin-bottom:4px}.footer-bottom{border-top:1px solid var(--line);padding-top:24px;text-align:center;font-size:13px;color:var(--ink-muted)}.footer-bottom a{color:var(--ink-muted);text-decoration:underline}.footer-bottom a:hover{color:var(--ink)}.compound-card.highlight{animation:hl 2s ease}@keyframes hl{0%{background:#fff3f5}to{background:transparent}}.no-results{text-align:center;padding:80px 0;color:var(--ink-muted)}.no-results h3{font-size:18px;margin-bottom:8px;color:var(--ink)}.back-to-top{position:fixed;bottom:24px;right:24px;width:44px;height:44px;background:var(--ink);color:#fff;border-radius:50%;display:none;align-items:center;justify-content:center;font-size:18px;box-shadow:0 2px 12px #00000026;z-index:80;transition:opacity .3s}.back-to-top.visible{display:flex}@media(max-width:768px){.header-inner{height:56px}.nav{gap:20px}.hero{padding:40px 0 32px}.hero h1{font-size:28px}.control-bar{gap:8px}.search-box{min-width:100%;order:-1}.card-header{flex-wrap:wrap;gap:8px}.card-right{flex-wrap:wrap}.vendor-row{grid-template-columns:minmax(0,1fr) 40px minmax(0,72px) auto 56px;-moz-column-gap:8px;column-gap:8px}.buy-btn{width:100%;justify-content:center;padding:10px 14px}.footer-grid{grid-template-columns:1fr;gap:24px}.compound-name{font-size:15px}:root{--card-collapsed-h:300px}}