:root[data-theme=dark]{--bg-dark:#0a0d14;--bg-card:#121722;--bg-card-hover:#1a2232;--bg-dropdown-opaque:#161b26;--border-glass:#ffffff14;--text-primary:#f8fafc;--text-secondary:#94a3b8;--accent-neon:#00f2fe;--accent-cyan:#3b82f6;--accent-gold:#eab308;--accent-pink:#ec4899;--accent-green:#10b981;--accent-red:#ef4444}:root[data-theme=light]{--bg-dark:#f1f5f9;--bg-card:#fff;--bg-card-hover:#f8fafc;--bg-dropdown-opaque:#fff;--border-glass:#00000014;--text-primary:#0f172a;--text-secondary:#64748b;--accent-neon:#0284c7;--accent-cyan:#2563eb;--accent-gold:#d97706;--accent-pink:#db2777;--accent-green:#059669;--accent-red:#dc2626}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-primary);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;transition:background-color .3s,color .3s}.container{max-width:1200px;margin:0 auto;padding:2rem 1.5rem}.navbar{background:var(--bg-card);border-bottom:1px solid var(--border-glass);z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:100%;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0}.navbar.hidden{transform:translateY(-100%)}.app-container{padding-top:70px}.explore-search-container{z-index:50;background:var(--bg-main);width:100%;margin:0 0 1.75rem;padding:.75rem 0;transition:transform .3s cubic-bezier(.4,0,.2,1);position:sticky;top:70px;box-shadow:0 4px 20px #0000004d}.explore-search-container.hidden{transform:translateY(-200%)}.nav-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:.85rem 1.5rem;display:flex}.brand{cursor:pointer;background:linear-gradient(135deg, var(--accent-neon), var(--accent-cyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text;align-items:center;gap:.75rem;font-size:1.4rem;font-weight:800;display:flex}.nav-links{align-items:center;gap:1.5rem;display:flex}.nav-link{color:var(--text-secondary);cursor:pointer;font-size:.95rem;font-weight:500;transition:color .2s}.nav-link:hover,.nav-link.active{color:var(--accent-neon)}.nav-profile-btn{border:1.5px solid var(--accent-neon);color:var(--text-primary);cursor:pointer;background:linear-gradient(135deg,#00f2fe1f,#3b82f61f);border-radius:50px;align-items:center;gap:.65rem;padding:.45rem 1.15rem;font-size:.9rem;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 0 20px #00f2fe59,inset 0 0 12px #00f2fe26}.nav-profile-btn:hover{background:linear-gradient(135deg,#00f2fe38,#3b82f638);transform:translateY(-2px);box-shadow:0 0 30px #00f2fe8c,inset 0 0 18px #00f2fe40}.profile-card{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:20px;justify-content:space-between;align-items:center;margin-bottom:2.5rem;padding:2rem;display:flex;box-shadow:0 12px 35px #00000040}.user-avatar-large{border:2px solid var(--accent-neon);width:75px;height:75px;color:var(--accent-neon);background:linear-gradient(135deg,#00f2fe33,#3b82f633);border-radius:50%;justify-content:center;align-items:center;font-size:2rem;display:flex;box-shadow:0 0 25px #00f2fe59}.brand-profile-header{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:20px;align-items:center;gap:2rem;margin-bottom:2.5rem;padding:2.25rem;display:flex}.form-container{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:20px;max-width:650px;margin:0 auto;padding:2rem}.form-group{margin-bottom:1.25rem}.form-group label{color:var(--text-primary);margin-bottom:.4rem;font-size:.9rem;font-weight:600;display:block}.review-item{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:12px;margin-bottom:1rem;padding:1.1rem 1.35rem}.fridge-shelf-card{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:16px;margin-bottom:2rem;padding:1.5rem}.nav-dropdown-wrapper{position:relative}.nav-dropdown-menu{background-color:var(--bg-dropdown-opaque);border:1px solid var(--border-glass);z-index:200;border-radius:12px;min-width:220px;margin-top:.5rem;position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 16px 45px #00000073}.nav-dropdown-item{color:var(--text-primary);cursor:pointer;align-items:center;gap:.75rem;padding:.75rem 1.25rem;font-size:.9rem;font-weight:500;transition:background .2s,color .2s;display:flex}.nav-dropdown-item:hover{color:var(--accent-neon);background:#00f2fe1f}.sliding-toggle-wrapper{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;display:flex}.sliding-toggle-track{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:30px;width:52px;height:28px;transition:background .3s;position:relative}.mobile-filter-toggle,.hamburger-btn{display:none}.sliding-toggle-thumb{background:linear-gradient(135deg, var(--accent-neon), var(--accent-cyan));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.7rem;transition:transform .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;top:2px;left:2px}[data-theme=light] .sliding-toggle-thumb{transform:translate(24px)}.btn{cursor:pointer;white-space:nowrap;border:none;border-radius:50px;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1.35rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--accent-neon), var(--accent-cyan));color:#000;box-shadow:0 4px 15px #00f2fe40}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00f2fe66}.btn-outline{border:1px solid var(--border-glass);color:var(--text-primary);background:0 0}.btn-outline:hover{background:var(--bg-card-hover);border-color:var(--accent-neon);color:var(--accent-neon)}input[type=text],input[type=number],select,textarea{background:var(--bg-card);border:1px solid var(--border-glass);width:100%;color:var(--text-primary);border-radius:50px;outline:none;padding:.85rem 1.25rem;font-size:.95rem;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 8px 30px #00f2fe2e,0 0 15px #00f2fe1a}textarea{border-radius:16px}input[type=text]:focus,input[type=number]:focus,select:focus,textarea:focus{border-color:var(--accent-neon);box-shadow:0 8px 35px #00f2fe59,0 0 22px #00f2fe40}.grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:2rem;display:grid}.detail-grid{grid-template-columns:1fr 2fr;gap:3rem;display:grid}.card{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:16px;flex-direction:column;justify-content:space-between;height:100%;padding:1.1rem;transition:all .3s;display:flex;position:relative}.card:hover{border-color:#00f2fe4d;transform:translateY(-4px);box-shadow:0 12px 30px #0000004d}.card-clickable-area{cursor:pointer;flex-direction:column;flex:1;display:flex}.card-img-wrapper{background:#0000001f;border-radius:10px;justify-content:center;align-items:center;width:120px;height:120px;margin:0 auto .75rem;display:flex;overflow:hidden}.card-img-wrapper img{object-fit:contain;max-width:100%;max-height:100%}.card-brand{text-transform:uppercase;letter-spacing:.05em;color:var(--accent-neon);cursor:pointer;font-size:.75rem;font-weight:700}.card-title{-webkit-line-clamp:1;-webkit-box-orient:vertical;margin:.2rem 0 .5rem;font-size:1.15rem;font-weight:700;line-height:1.25;display:-webkit-box;overflow:hidden}.card-tags-area{flex-wrap:wrap;align-content:flex-start;gap:.3rem;min-height:54px;margin-bottom:.75rem;display:flex}.tag-pill{color:var(--accent-neon);cursor:pointer;white-space:nowrap;background:#00f2fe14;border-radius:20px;padding:.2rem .6rem;font-size:.72rem;font-weight:600;transition:all .2s;display:inline-block}.tag-pill:hover,.tag-pill.active{background:var(--accent-neon);color:#000}.multi-tag-pill{color:var(--accent-gold);cursor:pointer;background:#eab3081f;border:1px solid #eab3084d;border-radius:20px;align-items:center;gap:.25rem;padding:.2rem .55rem;font-size:.72rem;font-weight:600;transition:all .2s;display:inline-flex;position:relative}.multi-tag-pill:hover{border-color:var(--accent-gold);background:#eab30840}.multi-tag-pill .plus-badge{background:var(--accent-gold);color:#000;border-radius:50%;justify-content:center;align-items:center;width:15px;height:15px;font-size:.65rem;font-weight:800;display:inline-flex}.multi-tag-tooltip{background:var(--bg-dropdown-opaque);border:1px solid var(--accent-gold);white-space:nowrap;z-index:250;opacity:0;pointer-events:none;border-radius:12px;flex-wrap:wrap;gap:.35rem;max-width:260px;margin-bottom:.4rem;padding:.6rem;transition:opacity .2s,transform .2s;display:flex;position:absolute;bottom:100%;left:0;transform:translateY(4px);box-shadow:0 12px 30px #00000080}.multi-tag-pill:hover .multi-tag-tooltip,.multi-tag-pill.expanded .multi-tag-tooltip{opacity:1;pointer-events:auto;transform:translateY(0)}.card-footer{border-top:1px solid var(--border-glass);flex-direction:column;gap:.6rem;margin-top:auto;padding-top:.6rem;display:flex}.card-rating{color:var(--accent-gold);align-items:center;gap:.35rem;font-size:.85rem;font-weight:700;display:flex}.btn-buy{width:100%;padding:.45rem .85rem;font-size:.8rem}.explore-layout{grid-template-columns:280px 1fr;align-items:start;gap:2rem;display:grid}.explore-sidebar{background:var(--bg-card);border:1px solid var(--border-glass);z-index:10;-webkit-backdrop-filter:blur(16px);border-radius:16px;padding:1.25rem;position:sticky;top:90px}.filter-group{margin-bottom:1.5rem}.filter-group-title{color:var(--text-primary);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:.5rem;margin-bottom:.65rem;font-size:.9rem;font-weight:700;display:flex}.bubble-cloud-container{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:20px;margin-bottom:2.5rem;padding:1.75rem}.bubble-cloud-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.bubble-cloud-canvas{border:1px dashed var(--border-glass);background:#00000026;border-radius:16px;flex-wrap:wrap;justify-content:center;align-items:center;gap:.85rem;min-height:180px;padding:1.5rem;display:flex}.word-bubble{color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#00f2fe26,#3b82f626);border:1px solid #00f2fe66;border-radius:50px;align-items:center;gap:.5rem;font-weight:600;transition:all .3s cubic-bezier(.34,1.56,.64,1);animation:4s ease-in-out infinite alternate floatBubble;display:flex;box-shadow:0 4px 15px #00f2fe1a}.word-bubble:hover{transform:scale(1.08);box-shadow:0 8px 25px #00f2fe4d}.word-bubble.yes-vote{border-color:var(--accent-green);background:#10b98126;box-shadow:0 0 15px #10b98166}.word-bubble.no-vote{border-color:var(--accent-red);background:#ef444426;box-shadow:0 0 15px #ef444466}.vote-badge{background:#fff3;border-radius:20px;padding:.1rem .45rem;font-size:.75em}@keyframes floatBubble{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.fridge-grid{grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:1rem;display:grid}.fridge-card{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:12px;flex-direction:column;justify-content:space-between;padding:.75rem;transition:all .2s;display:flex}.fridge-card:hover{border-color:var(--accent-neon)}.fridge-card-img-wrapper{border-radius:8px;justify-content:center;align-items:center;width:95px;height:95px;margin:0 auto .5rem;display:flex;overflow:hidden}.fridge-card-img-wrapper img{object-fit:contain;max-width:100%;max-height:100%}.fridge-card-brand{color:var(--accent-neon);text-transform:uppercase;font-size:.7rem;font-weight:700}.fridge-card-title{margin:.1rem 0 .3rem;font-size:.9rem;font-weight:700;line-height:1.2}.physical-fridge-container{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:20px;margin-bottom:2rem;padding:1.75rem}.physical-shelf-row{border:1px solid var(--border-glass);border-bottom:5px solid var(--accent-cyan);background:#00000026;border-radius:12px;margin-bottom:1.75rem;padding:1.25rem}.physical-shelf-label{color:var(--accent-neon);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.1rem;font-weight:800;display:flex}.shelf-tag-btn{border:1px solid var(--border-glass);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:20px;padding:.4rem .85rem;font-size:.8rem;font-weight:600}.shelf-tag-btn.active{background:var(--accent-neon);color:#000;border-color:var(--accent-neon)}.leaderboard-table{border-collapse:collapse;background:var(--bg-card);border:1px solid var(--border-glass);border-radius:16px;width:100%;overflow:hidden}.leaderboard-table th,.leaderboard-table td{text-align:left;padding:1rem 1.25rem}.leaderboard-table th{color:var(--accent-neon);text-transform:uppercase;background:#00f2fe14;font-size:.85rem;font-weight:700}.leaderboard-row{border-bottom:1px solid var(--border-glass);cursor:pointer;transition:background .2s}.leaderboard-row:hover{background:var(--bg-card-hover)}.badge-user{border:1px solid var(--accent-gold);color:var(--accent-gold);white-space:nowrap;background:linear-gradient(135deg,#eab30833,#ec489933);border-radius:20px;padding:.2rem .65rem;font-size:.75rem;font-weight:700}.region-card{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:16px;margin-bottom:1.5rem;padding:1.5rem}.region-card-header{cursor:pointer;justify-content:space-between;align-items:center;display:flex}.swdb-map-container{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:20px;width:100%;height:480px;position:relative;overflow:hidden}.map-pin{cursor:pointer;background:var(--bg-dropdown-opaque);border:1px solid var(--accent-neon);border-radius:30px;align-items:center;gap:.4rem;padding:.35rem .75rem;transition:transform .2s;display:flex;position:absolute;box-shadow:0 4px 20px #00f2fe40}.map-pin:hover{z-index:10;transform:scale(1.15)}.footer{border-top:1px solid var(--border-glass);text-align:center;color:var(--text-secondary);margin-top:4rem;padding:2rem 0;font-size:.85rem}@media (width<=768px){.explore-layout{grid-template-columns:1fr}.explore-sidebar{display:none;position:static}.explore-sidebar.open{z-index:9999;background:var(--bg-card);border-radius:0;width:100%;height:100vh;padding:5rem 1.5rem 6rem;display:block;position:fixed;top:0;left:0;overflow-y:auto}.mobile-filter-toggle{z-index:10000;border-radius:50px;justify-content:center;align-items:center;gap:.5rem;width:auto;padding:1rem 2rem;font-size:1rem;font-weight:700;position:fixed;bottom:2rem;left:50%;transform:translate(-50%);box-shadow:0 10px 25px #0009;margin-bottom:0!important;display:flex!important}.nav-container{flex-wrap:wrap;justify-content:space-between;align-items:center;padding:.85rem 1rem;display:flex}.nav-header-row{width:100%}.nav-header-row>.brand{margin-right:auto}.nav-header-row>div:nth-child(3){order:2}.hamburger-btn{color:var(--text-primary);cursor:pointer;background:0 0;border:none;order:3;font-size:1.5rem;display:block!important}.nav-links{background:var(--bg-dropdown-opaque);border-bottom:1px solid var(--border-glass);z-index:200;flex-direction:column;align-items:flex-start;width:100%;padding:1.5rem;display:none;position:absolute;top:100%;left:0}.nav-links.open{display:flex}.nav-dropdown-menu{box-shadow:none;background:var(--bg-card);border:none;width:100%;margin-top:.5rem;position:relative;top:0}.nav-profile-btn{justify-content:center;width:100%}.hero-title{font-size:2.5rem}.grid{grid-template-columns:1fr 1fr;gap:1rem}.card-content{padding:.75rem}.card-title{margin-bottom:.25rem;font-size:1rem}.tag-pill{padding:.2rem .4rem;font-size:.65rem}.brand-profile-header{text-align:center;flex-direction:column;gap:1.5rem}.profile-card{text-align:center!important;flex-direction:column!important;gap:1.5rem!important;padding:1.5rem!important}.profile-card>div{width:100%;text-align:center!important;flex-direction:column!important;align-items:center!important}.profile-card h1{font-size:2rem!important}.profile-card .badge-user{margin:0 auto}.mobile-stack{flex-direction:column!important;align-items:flex-start!important;gap:1rem!important}.detail-grid{grid-template-columns:1fr!important}.map-controls{flex-direction:column;align-items:flex-start!important}.fridge-grid{grid-template-columns:1fr 1fr!important;gap:.5rem!important}.fridge-card{padding:.5rem!important}.table-responsive{-webkit-overflow-scrolling:touch;border:1px solid var(--border-glass);border-radius:12px;margin-bottom:1rem;overflow-x:auto}.leaderboard-table{border:none}.leaderboard-table th,.leaderboard-table td{white-space:nowrap;padding:.75rem .5rem;font-size:.8rem}.brand-card-header{text-align:center;flex-direction:column!important;gap:.5rem!important;margin-bottom:.5rem!important}.brand-card-logo{width:45px!important;height:45px!important;font-size:1.25rem!important}.brand-card-logo img{width:60px!important;height:60px!important}.brand-card-title{font-size:1.1rem!important}.brand-card-bio{margin-bottom:.5rem!important;font-size:.75rem!important}.brand-card-footer{gap:.5rem;flex-direction:column!important}.brand-card-footer-link{font-size:.75rem!important}.region-card-header{flex-direction:column;gap:.5rem;align-items:flex-start!important}.region-card-header h3{font-size:1.1rem!important}.state-btn-grid{grid-template-columns:1fr 1fr;gap:.5rem!important;display:grid!important}.state-btn-grid .btn{justify-content:flex-start;width:100%;padding:.5rem .75rem!important;font-size:.75rem!important}.swdb-map-container{border-radius:12px!important;height:380px!important}.map-selected-drinks{flex-direction:column!important;align-items:stretch!important}.map-selected-drinks .btn{width:100%;margin-top:.5rem}.map-legend{flex-direction:column!important;align-items:flex-start!important}}