:root{--bg: #fafafa;--surface: #ffffff;--border: #e5e7eb;--text: #111827;--text-secondary: #6b7280;--accent: #2563eb;--accent-light: #dbeafe;--green: #16a34a;--green-bg: #dcfce7;--red: #dc2626;--red-bg: #fee2e2;--yellow: #ca8a04;--yellow-bg: #fef9c3;--orange: #ea580c;--orange-bg: #fff7ed}html.dark{--bg: #0f172a;--surface: #1e293b;--border: #334155;--text: #f8fafc;--text-secondary: #94a3b8;--accent: #3b82f6;--accent-light: rgba(59, 130, 246, .1);--green-bg: rgba(22, 163, 74, .2);--red-bg: rgba(220, 38, 38, .2);--yellow-bg: rgba(202, 138, 4, .2);--orange-bg: rgba(234, 88, 12, .2)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}body:before{content:"";position:fixed;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#95c11f,#d42535,#f26522,#000,#00a8e1,#e8a0bf,gold,#8bc53f,#8b5cf6,#0f0,#ff6b35);z-index:1000}.site-header{border-bottom:1px solid var(--border);padding:.75rem 2rem;position:sticky;top:4px;z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--surface);opacity:.98}.header-inner{max-width:1300px;margin:0 auto;display:flex;align-items:center}.logo{font-size:1.5rem;font-weight:900;letter-spacing:-.5px;margin-right:2rem;cursor:pointer}.logo span{color:#2563eb}.header-stats{display:flex;gap:1rem;font-size:.8rem;color:var(--text-secondary)}.header-stats strong{color:var(--text);font-weight:700}.header-right-actions{margin-left:auto;display:flex;align-items:center;gap:.75rem}.header-search-container{position:relative;width:240px}.header-search-container input{width:100%;padding:.5rem .75rem .5rem 2rem;border:1px solid var(--border);border-radius:8px;font-size:.85rem;outline:none;background:#f8fafc url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z'/%3E%3C/svg%3E") no-repeat .6rem center / .9rem}.social-links-new{display:flex;gap:.35rem}.social-pill{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;transition:transform .2s;text-decoration:none}.social-pill:hover{transform:translateY(-2px)}.social-pill.ig{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.social-pill.x{background:#000}.social-pill.yt{background:red}.social-pill.tt{background:#000}.social-pill.fb{background:#1877f2}.sponsor-btn-new{display:flex;align-items:center;gap:.5rem;background:#008cff;color:#fff;padding:.5rem 1rem;border-radius:20px;font-weight:700;font-size:.8rem;text-decoration:none;transition:transform .2s;cursor:pointer;border:none}.sponsor-btn-new:hover{transform:scale(1.05)}.add-drink-btn{background:#f1f5f9;color:#0f172a;border:none;width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.add-drink-btn:hover{background:#e2e8f0}.stat-item span{color:#64748b;font-weight:500;font-size:.8rem}.nav-tabs{max-width:1300px;margin:0 auto;padding:.5rem 2rem 0;display:flex;gap:.25rem;overflow-x:auto;-webkit-overflow-scrolling:touch;position:sticky;top:56px;z-index:999;background:var(--bg)}.nav-tab{padding:.6rem 1.1rem;border:none;background:none;font-family:inherit;font-size:.875rem;font-weight:500;color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:8px 8px 0 0;transition:all .15s;border-bottom:2px solid transparent}.nav-tab:hover{color:var(--text);background:#f3f4f6}.nav-tab.active{color:var(--accent);border-bottom-color:var(--accent);background:var(--accent-light);font-weight:600}.main-content{max-width:1400px;margin:0 auto;padding:1.5rem 2rem 3rem}.tab-panel{display:none}.tab-panel.active{display:block}.section-title{font-size:1.5rem;font-weight:800;margin-bottom:.5rem;letter-spacing:-.3px}.section-subtitle{color:var(--text-secondary);font-size:.95rem;margin-bottom:1.5rem}.search-bar{width:100%;max-width:400px;padding:.65rem 1rem .65rem 2.5rem;border:1px solid var(--border);border-radius:10px;font-family:inherit;font-size:.9rem;outline:none;transition:border-color .2s;background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%239ca3af' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z'/%3E%3C/svg%3E") no-repeat .75rem center / 1rem;margin-bottom:1.5rem}.search-bar:focus{border-color:var(--accent)}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}@media(min-width:1024px){.cards-grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:1400px){.cards-grid{grid-template-columns:repeat(5,1fr)}}.rating-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1rem 1.25rem;display:flex;align-items:center;justify-content:space-between;transition:all .15s}.rating-card:hover{border-color:var(--accent);box-shadow:0 2px 12px #2563eb14}.card-info{flex:1;min-width:0}.card-name{font-weight:600;font-size:.95rem;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-meta{font-size:.8rem;color:var(--text-secondary);margin-top:.15rem}.card-meta .brand-tag{display:inline-block;padding:.1rem .45rem;border-radius:4px;background:#f3f4f6;font-weight:500;margin-right:.35rem}.card-score{min-width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.1rem;margin-left:1rem;flex-shrink:0}.score-great{background:#10b981;color:#fff}.score-good{background:#3b82f6;color:#fff}.score-mid{background:#f59e0b;color:#fff}.score-bad{background:#f97316;color:#fff}.score-awful{background:#ef4444;color:#fff}.stat-pill{background:var(--surface);color:var(--text-secondary);padding:.5rem 1rem;border-radius:10px;font-size:.85rem;font-weight:600;border:1px solid var(--border)}.sub-header-nav::-webkit-scrollbar{display:none}.nav-tabs::-webkit-scrollbar{display:none}.rank-num{font-size:1.1rem;font-weight:900;color:var(--text-secondary);min-width:40px;text-align:center;margin-right:.75rem;opacity:.4;display:flex;flex-direction:column;align-items:center;gap:2px}.rank-num .rank-icon{width:28px;height:28px;display:block}.rank-num.gold{color:#1f2937;font-size:1.2rem;opacity:1}.rank-num.silver{color:#374151;font-size:1.15rem;opacity:1}.rank-num.bronze{color:#4b5563;font-size:1.15rem;opacity:1}.rank-num.worst-gold{color:#7f1d1d;font-size:1.2rem;opacity:1}.rank-num.worst-silver{color:#991b1b;font-size:1.15rem;opacity:1}.rank-num.worst-bronze{color:#b91c1c;font-size:1.15rem;opacity:1}.rank-card{display:flex;align-items:center}.rank-card .rating-card{flex:1}.section-divider{display:flex;align-items:center;gap:.75rem;margin:2rem 0 1.25rem;font-size:1rem;font-weight:700;color:var(--text)}.section-divider:after{content:"";flex:1;height:1px;background:var(--border)}.section-divider .divider-icon{font-size:1.1rem}.sub-tabs{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:1.25rem;padding:.35rem;background:var(--surface);border:1px solid var(--border);border-radius:12px}.sub-tab{padding:.55rem 1rem;background:transparent;border:none;border-radius:8px;font-family:inherit;font-size:.85rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .15s;white-space:nowrap}.sub-tab:hover{background:#f3f4f6;color:var(--text)}.sub-tab.active{background:var(--text);color:#fff}.sub-panel{display:none}.sub-panel.active{display:block}.sub-header{margin-bottom:1rem}.sub-header h2{font-size:1.25rem;font-weight:800;margin-bottom:.25rem}.sub-header p{color:var(--text-secondary);font-size:.9rem}.filter-group{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.filter-group-label{font-size:.78rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-right:.25rem}.brand-section{background:var(--surface);border:1px solid var(--border);border-radius:14px;margin-bottom:1.25rem;overflow:hidden;border-left:5px solid #e5e7eb}.brand-header{padding:1rem 1.25rem;display:flex;align-items:center;justify-content:space-between;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s}.brand-header:hover{background:#f9fafb}.brand-title{font-weight:700;font-size:1.1rem;display:flex;align-items:center;gap:.6rem}.brand-logo{width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#fff;flex-shrink:0}.brand-count{font-size:.8rem;color:var(--text-secondary);background:#f3f4f6;padding:.15rem .5rem;border-radius:6px;font-weight:500}.brand-logo-image-container{width:120px;height:48px;display:flex;align-items:center;justify-content:flex-start;overflow:hidden}.brand-logo-image{max-width:100%;max-height:100%;object-fit:contain}.brand-avg{font-weight:700;font-size:.95rem;padding:.3rem .7rem;border-radius:8px}.brand-chevron{transition:transform .2s;color:var(--text-secondary);margin-left:.75rem}.brand-section.open .brand-chevron{transform:rotate(180deg)}.brand-body{max-height:0;overflow:hidden;transition:max-height .35s ease}.brand-section.open .brand-body{max-height:5000px}.brand-body-inner{padding:0 1.25rem 1.25rem}.sub-line-title{font-size:.85rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;padding:.75rem 0 .5rem;border-bottom:1px solid var(--border);margin-bottom:.75rem}.sub-items{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.sub-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;border-radius:8px;background:#f9fafb;transition:background .12s;border-left:3px solid transparent}.sub-item:hover{background:#f3f4f6}.sub-item-name{font-weight:500;font-size:.9rem}.sub-item-note{font-size:.75rem;color:var(--text-secondary);font-style:italic}.sub-item-score{font-weight:700;font-size:.95rem;min-width:36px;text-align:center;padding:.2rem .5rem;border-radius:6px}.sub-item-unrated{font-size:.8rem;color:#9ca3af;font-style:italic}.avg-table{width:100%;border-collapse:collapse}.avg-table th{text-align:left;padding:.75rem 1rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);border-bottom:2px solid var(--border);font-weight:600}.avg-table td{padding:.75rem 1rem;border-bottom:1px solid var(--border);font-size:.9rem}.avg-table tr:hover td{background:#f9fafb}.avg-bar-container{width:100%;height:8px;background:#f3f4f6;border-radius:4px;overflow:hidden}.avg-bar{height:100%;border-radius:4px;transition:width .5s ease}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:linear-gradient(135deg,#fff,#f8f9ff);border:1px solid var(--border);border-radius:12px;padding:1.25rem;text-align:center;box-shadow:0 1px 3px #0000000d}.stat-number{font-size:2rem;font-weight:900;letter-spacing:-1px}.stat-label{font-size:.8rem;color:var(--text-secondary);font-weight:500;margin-top:.25rem}@media(max-width:768px){.header-inner{flex-wrap:wrap;gap:.75rem}.header-stats{display:none}.nav-tabs{padding:.75rem 1rem 0}.main-content{padding:1rem 1rem 2rem}.cards-grid{grid-template-columns:1fr}.stats-row{grid-template-columns:repeat(2,1fr)}}.caffeine-badge{font-size:.7rem;color:#9ca3af;font-weight:500}.filter-row{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.25rem}.filter-pill{padding:.35rem .8rem;border:1px solid var(--border);border-radius:20px;background:var(--surface);font-family:inherit;font-size:.8rem;cursor:pointer;font-weight:500;color:var(--text-secondary);transition:all .15s}.filter-pill:hover{border-color:var(--accent);color:var(--accent)}.filter-pill.active{background:var(--accent);color:#fff;border-color:var(--accent)}.checkerboard{background-image:linear-gradient(45deg,var(--border) 25%,transparent 25%),linear-gradient(-45deg,var(--border) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--border) 75%),linear-gradient(-45deg,transparent 75%,var(--border) 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px;background-color:var(--surface)}@media(min-width:769px){body.mobile-view-active{background-color:#0b1120!important;background-image:radial-gradient(circle at 10% 20%,rgba(37,99,235,.15) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(16,185,129,.1) 0%,transparent 40%)!important;padding:2.5rem 0!important;display:flex!important;justify-content:center!important;align-items:center!important;min-height:100vh!important}body.mobile-view-active:before{display:none!important}.app.mobile-preview{width:390px!important;height:844px!important;background:var(--bg)!important;border:12px solid #111827!important;border-radius:44px!important;box-shadow:0 25px 60px -15px #000c,0 0 0 1px #ffffff1a!important;overflow-y:scroll!important;overflow-x:hidden!important;position:relative!important;display:flex!important;flex-direction:column!important;scroll-behavior:smooth!important}.app.mobile-preview::-webkit-scrollbar{width:6px}.app.mobile-preview::-webkit-scrollbar-track{background:transparent}.app.mobile-preview::-webkit-scrollbar-thumb{background:#9ca3af4d;border-radius:100px}.app.mobile-preview:before{content:"";position:sticky;top:8px;left:50%;transform:translate(-50%);width:110px;height:24px;background:#111827;border-radius:15px;z-index:10001;display:block;margin-bottom:-24px;flex-shrink:0}.app.mobile-preview:after{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#95c11f,#d42535,#f26522,#000,#00a8e1,#e8a0bf,gold,#8bc53f,#8b5cf6,#0f0,#ff6b35);z-index:10002}}.mobile-view-active .site-header{padding:.75rem 1rem!important}@media(max-width:768px){.site-header{padding:.75rem 1rem!important}}.mobile-view-active .header-inner{flex-direction:column!important;align-items:stretch!important;gap:.75rem!important;flex-wrap:nowrap!important}.mobile-view-active .header-inner>div:first-child{display:flex!important;justify-content:space-between!important;align-items:center!important;width:100%!important}.mobile-view-active .header-search-container{max-width:100%!important;width:100%!important;margin-left:0!important}.mobile-view-active .header-right-actions{margin-left:0!important;justify-content:space-between!important;width:100%!important;gap:.5rem!important}.mobile-view-active .site-header a.sponsor-btn-new,.mobile-view-active .site-header .social-links-new{display:none!important}@media(max-width:768px){.header-inner{flex-direction:column!important;align-items:stretch!important;gap:.75rem!important;flex-wrap:nowrap!important}.header-inner>div:first-child{display:flex!important;justify-content:space-between!important;align-items:center!important;width:100%!important}.header-search-container{max-width:100%!important;width:100%!important;margin-left:0!important}.header-right-actions{margin-left:0!important;justify-content:space-between!important;width:100%!important;gap:.5rem!important}.site-header a.sponsor-btn-new,.site-header .social-links-new{display:none!important}}.mobile-view-active .header-stats{display:none!important}@media(max-width:768px){.header-stats{display:none!important}}.mobile-view-active .nav-tabs{display:none!important}@media(max-width:768px){.nav-tabs{display:none!important}}.mobile-view-active .mobile-menu-toggle{display:flex!important}@media(max-width:768px){.mobile-menu-toggle{display:flex!important}}.mobile-view-active .main-content{padding:1rem 1rem 2rem!important}.mobile-view-active .cards-grid{grid-template-columns:1fr!important}.mobile-view-active .stats-row{grid-template-columns:repeat(2,1fr)!important}.mobile-view-active .brand-ownership-view{padding:1rem!important}.mobile-view-active .brand-ownership-view h1{font-size:2rem!important}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172abf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:11000;opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(.16,1,.3,1)}.sidebar-overlay.open{opacity:1;pointer-events:auto}.sidebar-drawer{position:fixed;top:0;left:0;bottom:0;width:290px;background:var(--surface);border-right:1px solid var(--border);z-index:11001;display:flex;flex-direction:column;box-shadow:15px 0 40px -10px #00000080;transition:transform .3s cubic-bezier(.16,1,.3,1);transform:translate(-100%)}.sidebar-drawer.open{transform:translate(0)}.app.mobile-preview .sidebar-overlay{position:absolute;height:100%;border-radius:32px}.app.mobile-preview .sidebar-drawer{position:absolute;height:100%;border-top-left-radius:32px;border-bottom-left-radius:32px}