:root{--primary-bg:#3a1f0b;--secondary-bg:#1e0e04;--tertiary-bg:#5c2f0d;--card-bg:#2e1506;--text-primary:#f2e9dc;--text-secondary:#ffe4b5;--text-accent:#fcbf49;--text-muted:#c7a680;--border-color:#7b3f00;--shadow:0 8px 24px #00000059;--transition:all .2s ease;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(135deg, var(--primary-bg), var(--secondary-bg));min-height:100vh;color:var(--text-primary);margin:0;padding:0;line-height:1.6}a{color:var(--text-accent);transition:var(--transition);font-weight:600;text-decoration:none}a:hover{color:var(--text-secondary);text-decoration:underline}h1,h2,h3{color:var(--text-secondary);text-shadow:1px 1px 2px #000c;margin-top:0}p{color:var(--text-primary);margin:.3rem 0}.page-shell{max-width:960px;margin:0 auto;padding:2rem 1rem 2.5rem}.app-navbar-wrap{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#1e0e04f2,#1e0e04e0);border-bottom:1px solid #ffe4b533;position:sticky;top:0}.app-navbar{justify-content:space-between;align-items:center;gap:1rem;max-width:1100px;margin:0 auto;padding:.7rem 1rem;display:flex}.app-navbar-right{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.75rem;display:flex}.app-navbar-brand{color:var(--text-secondary);letter-spacing:.02em;white-space:nowrap;font-weight:800;text-decoration:none}.app-navbar-brand:hover{color:var(--text-accent);text-decoration:none}.app-navbar-links{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.app-navbar-more-wrap{display:none;position:relative}.app-navbar-more-toggle{min-height:40px}.app-navbar-more-toggle.active{color:var(--primary-bg);background:var(--text-accent);border-color:#fcbf49d9}.app-navbar-more-menu{z-index:130;background:#241205;border:1px solid #ffe4b533;border-radius:8px;min-width:180px;margin:.25rem 0 0;padding:0;list-style:none;position:absolute;top:calc(100% + 2px);right:0;box-shadow:0 8px 20px #00000059}.app-navbar-more-menu li+li{border-top:1px solid #ffe4b514}.app-navbar-more-menu .app-navbar-link{border:0;border-radius:0;justify-content:flex-start;display:flex}.app-navbar-link{color:var(--text-primary);transition:var(--transition);border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;padding:.45rem .7rem;font-weight:600;text-decoration:none;display:inline-flex}.app-navbar-link:hover{color:var(--text-secondary);background:#fcbf491a;border-color:#fcbf4959;text-decoration:none}.app-navbar-link.active{color:var(--primary-bg);background:var(--text-accent);border-color:#fcbf49d9}.app-navbar-lookup{align-items:center;gap:.4rem;display:inline-flex}.app-navbar-lookup-wrap{position:relative}.lookup-prefix{justify-content:center;align-items:center;min-width:26px;display:inline-flex}.lookup-input-row{align-items:center;gap:.35rem;display:flex}.lookup-input-row input{flex:1;margin:0}.lookup-search-button{min-width:48px;margin:0;padding:.5rem .7rem}.lookup-suggestions{z-index:120;background:#241205;border:1px solid #ffe4b533;border-radius:8px;max-height:220px;margin:.25rem 0 0;padding:0;list-style:none;position:absolute;top:calc(100% + 2px);left:0;right:0;overflow:auto;box-shadow:0 8px 20px #00000059}.lookup-suggestions li+li{border-top:1px solid #ffe4b514}.lookup-suggestions button{text-align:left;width:100%;color:var(--text-primary);background:0 0;border:0;border-radius:0;padding:.55rem .7rem;font-weight:500}.lookup-suggestions button:hover{background:#fcbf4924;transform:none}.lookup-suggestions button.is-active{background:#fcbf4933}.skeleton-list{gap:.9rem}.skeleton-card{background:linear-gradient(135deg,#2e1506d9,#1a0c02);border:1px solid #ffe4b524;border-radius:12px;align-items:center;gap:.9rem;padding:1rem;display:flex}.skeleton-logo,.skeleton-avatar,.skeleton-line,.skeleton-chip{background:linear-gradient(90deg,#ffe4b51f 25%,#ffe4b542 50%,#ffe4b51f 75%) 0 0/200% 100%;animation:1.1s linear infinite skeleton-shimmer}.skeleton-logo{border-radius:8px;flex-shrink:0;width:56px;height:46px}.skeleton-avatar{border-radius:999px;flex-shrink:0;width:46px;height:46px}.skeleton-lines{flex:1;gap:.45rem;display:grid}.skeleton-line{border-radius:999px;width:100%;height:11px}.skeleton-line-title{width:45%;height:14px}.skeleton-line-short{width:38%}.skeleton-chip{border-radius:8px;flex-shrink:0;width:72px;height:28px}.app-navbar-lookup input{width:165px;color:var(--text-primary);background:#2e1506f2;border:1px solid #ffe4b559;margin:0;padding:.45rem .55rem}.app-navbar-lookup button{min-width:48px;margin:0;padding:.45rem .7rem}.log-actions-react button,.log-actions-react a,.home-nav-grid-react a,.home-auth-buttons-react a,.home-auth-react button,.auth-toggle-react button,.auth-form-react button,.log-form-react>button,.social-user-item button,.btn,button{background-color:var(--tertiary-bg);color:var(--text-secondary);border:1px solid var(--border-color);cursor:pointer;transition:var(--transition);border-radius:8px;padding:.65rem .9rem;font-weight:600;text-decoration:none}.log-actions-react button:hover,.log-actions-react a:hover,.home-nav-grid-react a:hover,.home-auth-buttons-react a:hover,.home-auth-react button:hover,.auth-toggle-react button:hover,.auth-form-react button:hover,.log-form-react>button:hover,.social-user-item button:hover,.btn:hover,button:hover{background-color:sienna;text-decoration:none;transform:translateY(-1px)}button:focus-visible,.btn:focus-visible,a:focus-visible,.app-navbar-link:focus-visible{outline:2px solid var(--text-accent);outline-offset:2px}.brands-list,.brand-grid-list,.brand-activity-list,.social-user-list,.activity-list,.list-container{gap:.9rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.brands-list>li,.brand-grid-list>li,.brand-activity-list>li,.social-user-list>li{content-visibility:auto;contain-intrinsic-size:120px}.profile-favorites-row{grid-template-columns:repeat(4,minmax(0,1fr))}.brand-card,.brand-user-link,.brand-log-link,.social-user-item,.brand-stats,.home-user-info-react,.auth-form-react,.log-form-react fieldset,.card,.card-item,.profile-stats,.profile-social{background:linear-gradient(135deg, var(--card-bg), #1a0c02);box-shadow:var(--shadow);border:1px solid #ffe4b526;border-radius:12px}.brand-card,.social-user-item,.card-item{color:inherit;transition:var(--transition);align-items:center;gap:1rem;padding:1rem;text-decoration:none;display:flex;position:relative;overflow:hidden}.brand-card:before,.social-user-item:before,.card-item:before{content:"";background:linear-gradient(90deg,#0000,#fcbf4914,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.brand-card:hover:before,.social-user-item:hover:before,.card-item:hover:before{left:100%}.brand-card:hover,.social-user-item:hover,.card-item:hover{border-color:var(--text-accent);transform:translateY(-2px)}.brand-card-image,.card-image,.user_pic{object-fit:contain;background:#ffffff0f;border:1px solid #ffe4b533;border-radius:8px;flex-shrink:0;width:auto;min-width:56px;max-width:84px;height:auto;min-height:46px;max-height:70px;padding:6px}.brand-card-content h3,.brand-card-content p{margin:0}.brand-card-content p+p{color:var(--text-muted);margin-top:.45rem}.brand-summary,.profile-summary{background:linear-gradient(135deg,#2e1506bf,#3a1f0b8c);border:2px solid #ffe4b533;border-radius:12px;align-items:center;gap:1rem;margin-bottom:1.2rem;padding:1rem;display:flex}.brand-image-xl,.profile-image{object-fit:contain;border:2px solid var(--text-accent);background:#ffffff14;border-radius:12px;flex-shrink:0;width:auto;min-width:84px;max-width:120px;height:auto;min-height:70px;max-height:100px;padding:10px;box-shadow:0 6px 18px #00000059}.brand-user-link,.brand-log-link,.social-user-link,.favorite-link,.recent-drink-link,.top-drinker-link,.recent-log-link,.user-link{color:inherit;transition:var(--transition);border-radius:8px;padding:.9rem;text-decoration:none;display:block}.brand-user-link:hover,.brand-log-link:hover,.social-user-link:hover,.favorite-link:hover,.recent-drink-link:hover,.top-drinker-link:hover,.recent-log-link:hover,.user-link:hover{border-color:var(--text-accent);text-decoration:none;transform:translateY(-1px)}.brand-avatar{object-fit:cover;border:2px solid var(--text-accent);border-radius:999px;width:44px;height:44px;box-shadow:0 3px 10px #0000004d}.brand-stats,.profile-stats,.profile-social{margin-top:1rem;padding:.95rem}.profile-stats span{color:var(--text-accent);font-weight:600}.log-details-grid,.log-info-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.5rem 1rem;display:grid}.log-details-grid p{margin:0}.log-info-item{border-bottom:1px solid #ffe4b533;justify-content:space-between;align-items:center;padding:.5rem 0;display:flex}.tag-list-react,.tag-list{flex-wrap:wrap;gap:.5rem;display:flex}.tag-pill,.tag{border:1px solid var(--border-color);color:var(--text-secondary);background:#fcbf491f;border-radius:999px;padding:.25rem .7rem;font-size:.88rem;display:inline-block}.tag.no-tags{color:var(--text-muted);font-style:italic}.log-actions-react,.log-actions{flex-wrap:wrap;gap:.6rem;margin-top:1rem;display:flex}.social-user-item{justify-content:space-between}.social-user-item button:disabled{opacity:.55;cursor:not-allowed;filter:saturate(.65)}.social-user-link{z-index:1;align-items:center;gap:.65rem;display:inline-flex;position:relative}.log-form-react{background:linear-gradient(135deg, var(--card-bg), #1a0c02);border:1px solid #ffe4b533;border-radius:12px;gap:1rem;padding:1rem;display:grid}.log-form-react fieldset{background:#1e0e04a6;border:1px solid #ffe4b533;padding:1rem}.log-form-react legend{color:var(--text-accent);padding:0 .45rem;font-weight:700}.log-form-react label,.auth-form-react label{color:var(--text-secondary);gap:.4rem;font-weight:600;display:grid}.log-form-react input,.log-form-react textarea,.log-form-react select,.auth-form-react input,.auth-form-react textarea,input,select,textarea{border:2px solid var(--border-color);width:100%;color:var(--text-primary);transition:var(--transition);background:#1e0e04eb;border-radius:7px;padding:.65rem}.log-form-react input:focus,.log-form-react textarea:focus,.log-form-react select:focus,.auth-form-react input:focus,.auth-form-react textarea:focus,input:focus,select:focus,textarea:focus{border-color:var(--text-accent);outline:none;box-shadow:0 0 0 3px #fcbf4933}.brand-suggestions-react .brand-suggestions-react button{text-align:left;width:100%;color:var(--text-primary);cursor:pointer;background:0 0;border:0;border-bottom:1px solid #ffe4b514;padding:.6rem .75rem}.brand-suggestions-react button:hover{background:#fcbf4929}.brand-suggestions-react button.is-active{background:#fcbf4933}.log-checkboxes-react,.log-radio-react{flex-wrap:wrap;gap:.9rem;display:flex}.log-checkboxes-react label,.log-radio-react label{background:#ffffff0a;border-radius:8px;align-items:center;gap:.45rem;padding:.35rem .55rem;font-weight:500;display:inline-flex}.log-checkboxes-react input,.log-radio-react input{width:auto;margin:0}.auth-page-react{max-width:540px}.auth-toggle-react{grid-template-columns:1fr 1fr;gap:.6rem;margin-bottom:.9rem;display:grid}.auth-form-react{gap:.8rem;padding:1rem;display:grid}.profile-edit-section{gap:.8rem;display:grid}.profile-edit-form{gap:.9rem;padding:0}.favorite-chip-list{flex-wrap:wrap;gap:.5rem;margin-bottom:.6rem;display:flex}.favorite-chip{border:1px solid var(--border-color);color:var(--text-secondary);background:#fcbf4924;border-radius:999px;align-items:center;gap:.4rem;padding:.35rem .55rem;display:inline-flex}.favorite-chip-remove{color:inherit;cursor:pointer;background:0 0;border:none;padding:0;line-height:1}.link-button{color:var(--text-accent);text-align:left;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.link-button:hover{color:var(--text-secondary)}.inline-note{color:var(--text-muted);margin:0;font-size:.9rem}.home-page-react header p{color:var(--text-secondary);margin-top:.45rem}.home-user-info-react{margin:.9rem 0;padding:.75rem}.home-nav-grid-react{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.65rem;margin-top:.9rem;display:grid}.home-auth-react{margin-top:1rem}.home-auth-react .logout-button{color:#ffb0b0;background-color:#ff6b6b38;border-color:#ff6b6bb8}.home-auth-react .logout-button:hover{color:#ffb0b0;background-color:#ff6b6b52;border-color:#ff6b6be0}.home-auth-buttons-react{flex-wrap:wrap;gap:.6rem;display:flex}.error,.success{border:1px solid #0000;border-radius:8px;margin-bottom:.85rem;padding:.8rem}.error{color:#ffb0b0;background:#ff6b6b1f;border-color:#ff6b6b66}.success{color:#9df0ad;background:#51cf661f;border-color:#51cf6673}.hidden{display:none!important}.loading-indicator{text-align:center;color:var(--text-muted);padding:2rem}.loading-spinner-wrap{color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:.7rem;display:flex}.loading-spinner-icon{filter:drop-shadow(0 2px 8px #00000059);width:40px;height:40px;animation:.9s linear infinite loading-spin}.loading-block{padding:1.25rem 0}.loading-inline{margin-top:.75rem}.load-more-row{justify-content:center;margin-top:.9rem;display:flex}@keyframes loading-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.container,.social-content{width:100%}.username,.profile-name,.username-link,.brand-name-link{color:var(--text-secondary)}@media (width<=768px){.app-navbar-wrap{-webkit-backdrop-filter:none;backdrop-filter:none}.app-navbar{flex-direction:column;align-items:stretch;padding:.65rem .8rem}.app-navbar-links{justify-content:flex-start;gap:.4rem}.app-navbar-right{justify-content:flex-start}.app-navbar-lookup,.app-navbar-lookup-wrap{width:100%}.app-navbar-lookup input{flex:1;width:auto}.lookup-input-row{width:100%}.lookup-input-row input{flex:1}.lookup-search-button{min-width:44px}.page-shell{padding:1.25rem .85rem 1.8rem}.profile-favorites-row{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-card,.social-user-item,.card-item{gap:.75rem;padding:.8rem}.brand-card:before,.social-user-item:before,.card-item:before{display:none}.brand-card:hover,.social-user-item:hover,.card-item:hover,.brand-user-link:hover,.brand-log-link:hover,.social-user-link:hover,.favorite-link:hover,.recent-drink-link:hover,.top-drinker-link:hover,.recent-log-link:hover,.user-link:hover,.log-actions-react button:hover,.log-actions-react a:hover,.home-nav-grid-react a:hover,.home-auth-buttons-react a:hover,.home-auth-react button:hover,.auth-toggle-react button:hover,.auth-form-react button:hover,.log-form-react>button:hover,.social-user-item button:hover,.btn:hover,button:hover{transform:none}.brand-summary,.profile-summary{flex-direction:column;align-items:flex-start}.home-nav-grid-react{grid-template-columns:1fr}.log-checkboxes-react,.log-radio-react{flex-direction:column;align-items:flex-start}.auth-toggle-react{grid-template-columns:1fr}.log-actions,.log-actions-react{flex-direction:column;align-items:stretch}.brand-avatar,.user_pic{width:46px;height:46px}}@media (width<=390px){.app-navbar{gap:.65rem;padding:.5rem .65rem}.app-navbar-links{gap:.3rem}.app-navbar-links-secondary{display:none}.app-navbar-more-wrap{align-items:center;display:inline-flex}.app-navbar-more-menu{width:min(220px,100vw - 1.3rem);min-width:0;max-width:calc(100vw - 1.3rem);left:0;right:auto}.app-navbar-link,.app-navbar-more-toggle{min-height:42px;padding:.42rem .58rem;font-size:.9rem}.app-navbar-lookup input{width:100%;min-height:42px}.app-navbar-lookup button,.lookup-search-button,.log-actions-react button,.log-actions-react a,.home-nav-grid-react a,.home-auth-buttons-react a,.home-auth-react button,.auth-toggle-react button,.auth-form-react button,.log-form-react>button,.social-user-item button,.btn,button{min-height:42px;padding:.58rem .72rem}.page-shell{padding:1rem .65rem 1.4rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important;transform:none!important}}