body{font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#1a1a2e;color:#e0e0e0;min-height:100vh}#root{min-height:100vh}:root{--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-3xl: 2.5rem;--text-primary: #e8e8ee;--text-secondary: #b4b4c4;--text-muted: #7d7d8e}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#1a1a2e;color:var(--text-primary);min-height:100vh;font-size:var(--text-base);line-height:1.5;-webkit-font-smoothing:antialiased}.app-shell{display:flex;flex-direction:column;min-height:100vh;max-width:600px;margin:0 auto}@media (min-width: 768px){.app-shell{max-width:900px}}@media (min-width: 1024px){.app-shell{max-width:1100px}}.app-header{padding:.75rem 1rem .5rem;flex-shrink:0}.app-header h1{font-size:var(--text-2xl);font-weight:800;color:#f5a623;letter-spacing:-.5px;line-height:1.1}.tagline{color:var(--text-secondary);font-size:var(--text-sm);margin-top:.25rem}.header-row{display:flex;justify-content:space-between;align-items:center}.tab-bar{display:flex;border-bottom:1px solid #2a2a4a;flex-shrink:0;position:sticky;top:0;z-index:50;background:#1a1a2e}.tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.6rem 0;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-muted);font-size:var(--text-xs);cursor:pointer;transition:color .15s,border-color .15s}.tab:hover{color:var(--text-secondary)}.tab-active{color:#f5a623;border-bottom-color:#f5a623}.tab-icon{width:22px;height:22px}.tab-label{font-weight:600;text-transform:uppercase;letter-spacing:.05em}@media (max-width: 599px){.app-shell{padding-bottom:60px}.tab-bar{position:fixed;bottom:0;left:0;right:0;top:auto;border-bottom:none;border-top:1px solid #2a2a4a;padding-bottom:env(safe-area-inset-bottom,0)}}.app-main{flex:1;overflow-y:auto}.tab-content{padding:.75rem 1rem 2rem}.search-bar{display:flex;gap:.5rem;margin-bottom:.75rem}.search-bar input{flex:1;padding:.625rem .75rem;border-radius:8px;border:1px solid #333;background:#16213e;color:#e0e0e0;font-size:.95rem;min-width:0}.search-bar input::placeholder{color:#ccc}.search-bar button,.recommend-btn{padding:.625rem 1rem;border-radius:8px;border:none;background:#f5a623;color:#1a1a2e;font-weight:600;font-size:.9rem;cursor:pointer;white-space:nowrap}.search-bar button:hover,.recommend-btn:hover{background:#e6951a}.search-bar button:disabled,.recommend-btn:disabled{opacity:.5;cursor:not-allowed}.clear-btn{padding:.625rem 1rem;border-radius:8px;border:none;background:#f5a623;color:#1a1a2e;font-weight:600;font-size:.9rem;cursor:pointer;white-space:nowrap}.clear-btn:hover{background:#e6951a}.results-count{color:#ccc;font-size:.75rem;white-space:nowrap}.sort-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.sort-chips{display:flex;gap:.25rem;overflow-x:auto;padding-bottom:.375rem;margin-bottom:.5rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}.sort-chips::-webkit-scrollbar{display:none}.sort-chip{flex-shrink:0;padding:.2rem .6rem;border-radius:16px;border:1px solid #3a3a5a;background:#2a2a4a;color:#ccc;font-size:.7rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .15s}.sort-chip:hover{border-color:#4ecdc4;color:#4ecdc4}.sort-active{background:#4ecdc4;color:#1a1a2e;border-color:#4ecdc4}.loading-text{color:var(--text-secondary);text-align:center;padding:2rem 0;font-size:var(--text-sm)}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,#1e2d50,#25345a,#1e2d50);background-size:200% 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite;border-radius:6px}.skeleton-line{height:.75rem;margin-bottom:.5rem}.skeleton-line:last-child{margin-bottom:0}.skeleton-beer-card{background:#16213e;border:1px solid #2a2a4a;border-radius:10px;padding:.875rem;min-height:120px}.skeleton-beer-card .skeleton-line.name{height:1rem;width:70%}.skeleton-beer-card .skeleton-line.tags{height:.75rem;width:45%;margin-top:.5rem}.skeleton-beer-card .skeleton-line.meta{height:.7rem;width:55%}.skeleton-beer-card .skeleton-line.stats{height:.7rem;width:35%}.skeleton-venue-card{background:#1f1f3a;border:1px solid #2a2a4a;border-radius:8px;padding:.875rem 1rem;min-height:90px}.skeleton-venue-card .skeleton-line.title{height:1rem;width:60%}.skeleton-venue-card .skeleton-line.sub{height:.75rem;width:40%;margin-top:.5rem}.beer-grid{display:grid;grid-template-columns:1fr;gap:.5rem}@media (min-width: 600px){.beer-grid{grid-template-columns:1fr 1fr}}@media (min-width: 900px){.beer-grid{grid-template-columns:1fr 1fr 1fr}}.beer-card{background:#16213e;border:1px solid #2a2a4a;border-radius:10px;padding:.875rem;cursor:pointer;transition:border-color .15s,transform .1s}.beer-card:hover{border-color:#f5a623;transform:translateY(-1px)}.beer-card.selected{border-color:#f5a623;background:#1e2d50}.beer-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.beer-name{font-weight:700;font-size:var(--text-base);color:var(--text-primary);margin-bottom:.3rem;line-height:1.25}.detail-btn{flex-shrink:0;width:24px;height:24px;border-radius:50%;border:1px solid #4a4a6a;background:#2a2a4a;color:#ccc;font-size:.75rem;font-weight:700;font-style:italic;font-family:Georgia,serif;cursor:pointer;display:flex;align-items:center;justify-content:center}.detail-btn:hover{background:#f5a623;color:#1a1a2e;border-color:#f5a623}.beer-tags,.sidebar-tags{display:flex;flex-wrap:wrap;gap:.2rem;margin-bottom:.2rem}.tag{display:inline-block;padding:.15rem .5rem;border-radius:10px;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.03em}.tag-category{background:#f5a623;color:#1a1a2e}.tag-style{background:#2a2a4a;color:var(--text-secondary);border:1px solid #3a3a5a}.beer-meta{display:flex;flex-wrap:wrap;gap:.4rem;font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:.3rem}.beer-brewery-link{cursor:pointer;text-decoration:underline;text-underline-offset:2px}.beer-brewery-link:hover{color:#f5a623}.beer-location:before{content:"📍"}.beer-stats{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;font-size:var(--text-sm);color:var(--text-secondary)}.similarity{color:#4ecdc4;font-weight:600}.match-badge{padding:.15rem .5rem;border-radius:10px;font-size:var(--text-xs);font-weight:600;white-space:nowrap}.match-pct{opacity:.7;font-weight:500}.match-perfect{background:#ffd7002e;color:#ffd86b;border:1px solid rgba(255,215,0,.4)}.match-high{background:#4ecdc426;color:#4ecdc4;border:1px solid rgba(78,205,196,.3)}.match-good{background:#64b4c826;color:#7ac6d6;border:1px solid rgba(100,180,200,.3)}.match-worth{background:#f5b43c26;color:#f5b93c;border:1px solid rgba(245,180,60,.3)}.match-mid{background:#f5a62326;color:#f5a623;border:1px solid rgba(245,166,35,.3)}.match-low{background:#ff6b6b26;color:#ff6b6b;border:1px solid rgba(255,107,107,.3)}.inline-rating{margin-top:.5rem;padding-top:.5rem;border-top:1px solid #2a2a4a}.inline-score{display:inline-block;padding:.2rem .55rem;border-radius:10px;font-size:var(--text-xs);font-weight:600;cursor:pointer}.inline-score-5{background:#4ecdc433;color:#4ecdc4}.inline-score-4{background:#a8e6cf33;color:#a8e6cf}.inline-score-3{background:#f5a62333;color:#f5a623}.inline-score-2{background:#ff8a6533;color:#ff8a65}.inline-score-1{background:#ff6b6b33;color:#ff6b6b}.inline-stars{display:flex;gap:.25rem}.inline-star{width:36px;height:28px;border-radius:6px;border:1px solid #3a3a5a;background:#2a2a4a;color:#ccc;font-size:.8rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center}.inline-star:hover{border-color:#f5a623;color:#f5a623}.inline-star-active{background:#f5a623;color:#1a1a2e;border-color:#f5a623}.load-more-btn{display:block;width:100%;margin-top:.75rem;padding:.625rem;border-radius:8px;border:1px solid #3a3a5a;background:#2a2a4a;color:#ccc;font-size:.85rem;cursor:pointer}.load-more-btn:hover{border-color:#f5a623;color:#f5a623}.no-results{text-align:center;padding:2rem 1rem;color:#ccc;font-size:.9rem}.cta-banner{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:linear-gradient(135deg,#1e2d50,#16213e);border:1px solid #f5a623;border-radius:10px;padding:1rem;margin-bottom:.75rem}.cta-content strong{color:#f5a623;font-size:.9rem}.cta-content p{color:#ccc;font-size:.75rem;margin-top:.125rem}.google-btn-small{flex-shrink:0;padding:.5rem .75rem;border-radius:8px;border:none;background:#fff;color:#222;font-weight:600;font-size:.75rem;cursor:pointer;white-space:nowrap}@media (max-width: 500px){.cta-banner{flex-direction:column;text-align:center}}.scan-upload{text-align:center;padding:1rem 0}.scan-dropzone{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:3rem 2rem;border:2px dashed #3a3a5a;border-radius:16px;background:#16213e;cursor:pointer;transition:border-color .15s}.scan-dropzone:hover{border-color:#f5a623}.scan-icon{width:48px;height:48px;color:#f5a623}.scan-dropzone h3{color:#e0e0e0;font-size:1.1rem}.scan-dropzone p{color:#ccc;font-size:.85rem;max-width:300px;line-height:1.5}.scan-cta{color:#f5a623;font-weight:600;font-size:.9rem;margin-top:.5rem}.scan-divider{display:flex;align-items:center;gap:.75rem;margin:1.25rem 0;color:#ccc;font-size:.8rem}.scan-divider:before,.scan-divider:after{content:"";flex:1;height:1px;background:#2a2a4a}.scan-url-row{display:flex;gap:.5rem}.scan-url-input{flex:1;padding:.625rem .75rem;border-radius:8px;border:1px solid #3a3a5a;background:#16213e;color:#e0e0e0;font-size:.85rem;min-width:0}.scan-url-input::placeholder{color:#ccc}.scan-url-btn{padding:.625rem 1rem;border-radius:8px;border:none;background:#f5a623;color:#1a1a2e;font-weight:600;font-size:.85rem;cursor:pointer;white-space:nowrap}.scan-url-btn:hover{background:#e6951a}.scan-hint{color:#ccc;font-size:.8rem;margin-top:1rem}.scan-progress{text-align:center;padding:3rem 1rem}.scan-progress h3{color:#e0e0e0;margin-bottom:.5rem}.scan-progress p{color:#ccc;font-size:.85rem;max-width:300px;margin:0 auto;line-height:1.5}.scan-spinner{width:48px;height:48px;border:4px solid #2a2a4a;border-top-color:#f5a623;border-radius:50%;margin:0 auto 1.5rem;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.scan-inline-spinner{display:inline-block;width:12px;height:12px;border:2px solid rgba(245,166,35,.2);border-top-color:#f5a623;border-radius:50%;animation:spin .8s linear infinite;vertical-align:-2px;margin-right:6px}.scan-progress-hint{color:#f5a623}.scan-sort-row{display:flex;align-items:center;gap:.5rem;margin:.75rem 0;color:#ccc;font-size:.85rem}.scan-sort-row select{background:#1a1d2e;color:#e0e0e0;border:1px solid #2d3142;border-radius:6px;padding:.3rem .6rem;font-size:.85rem}.scan-new-badge{display:inline-block;margin-left:.375rem;padding:.05rem .35rem;border-radius:8px;background:#4ecdc4;color:#1a1a2e;font-size:.55rem;font-weight:700;text-transform:uppercase;vertical-align:middle}.scan-results-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.5rem}.scan-results-title{min-width:0;flex:1}.scan-venue-location{color:#f5a623;font-size:.85rem;margin:.1rem 0 0;font-weight:500}.scan-source{color:#ccc;font-size:.8rem;margin:.25rem 0 0;word-break:break-all}.scan-source a{color:#f5a623;text-decoration:none}.scan-source a:hover{text-decoration:underline}.scan-list{display:flex;flex-direction:column;gap:.5rem}.scan-item{background:#16213e;border:1px solid #2a2a4a;border-radius:8px;padding:.75rem}.scan-unmatched{opacity:.5;border-style:dashed}.scan-item-main{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.scan-item-info{display:flex;flex-direction:column;min-width:0}.scan-beer-name{font-weight:600;font-size:var(--text-base);color:var(--text-primary);line-height:1.3}.scan-beer-meta{display:flex;gap:.5rem;font-size:var(--text-sm);color:var(--text-secondary);margin-top:.25rem}.scan-item-score{flex-shrink:0}.scan-unknown{font-size:.65rem;color:#ccc;font-style:italic}.style-filters{display:flex;gap:.375rem;overflow-x:auto;padding-bottom:.5rem;margin-bottom:.75rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}.style-filters::-webkit-scrollbar{display:none}.filter-chip{flex-shrink:0;padding:.3rem .75rem;border-radius:20px;border:1px solid #3a3a5a;background:#2a2a4a;color:#ccc;font-size:.75rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .15s}.filter-chip:hover{border-color:#f5a623;color:#f5a623}.filter-active{background:#f5a623;color:#1a1a2e;border-color:#f5a623}.login-gate{text-align:center;padding:3rem 1rem}.gate-icon{font-size:3rem;display:block;margin-bottom:1rem}.login-gate h2{color:#e0e0e0;margin-bottom:.5rem}.login-gate p{color:#ccc;font-size:.9rem;max-width:340px;margin:0 auto 1.5rem;line-height:1.5}.foryou-gate{text-align:center;padding:3rem 1rem}.foryou-icon{font-size:3rem;display:block;margin-bottom:1rem}.foryou-gate h2{color:#e0e0e0;margin-bottom:.5rem}.foryou-gate p{color:#ccc;font-size:.9rem;max-width:320px;margin:0 auto 1.5rem;line-height:1.5}.google-btn{display:inline-block;padding:.75rem 2rem;border-radius:8px;border:1px solid #3a3a5a;background:#fff;color:#222;font-weight:600;font-size:1rem;cursor:pointer}.google-btn:hover{box-shadow:0 2px 8px #ffffff1a}.user-badge{background:#2a2a4a;color:#4ecdc4;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;cursor:pointer}.user-avatar{width:22px;height:22px;border-radius:50%;vertical-align:middle;margin-right:.375rem}.user-badge:hover{background:#3a3a5a}.user-menu-wrapper{position:relative}.menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99}.user-dropdown{position:absolute;top:100%;right:0;margin-top:.375rem;background:#1e2d50;border:1px solid #3a3a5a;border-radius:8px;overflow:hidden;z-index:100;min-width:170px;box-shadow:0 4px 12px #0000004d}.user-dropdown button{display:block;width:100%;padding:.625rem 1rem;background:none;border:none;color:#ccc;font-size:.85rem;text-align:left;cursor:pointer}.user-dropdown button:hover{background:#2a2a4a;color:#f5a623}.user-dropdown button:not(:last-child){border-bottom:1px solid #2a2a4a}.sign-in-btn{background:#f5a623;color:#1a1a2e;border:none;padding:.375rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600;cursor:pointer}.sign-in-btn:hover{background:#e6951a}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:1000;display:flex;justify-content:flex-end}.sidebar{width:420px;max-width:90vw;height:100vh;background:#16213e;overflow-y:auto;padding:1.5rem;position:relative;animation:slideIn .2s ease-out}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.sidebar-close{position:absolute;top:.75rem;right:.75rem;background:none;border:none;color:#ccc;font-size:1.5rem;cursor:pointer;padding:.25rem .5rem}.sidebar-close:hover{color:#e0e0e0}.sidebar-title{font-size:var(--text-xl);color:var(--text-primary);margin-bottom:1rem;padding-right:2rem;line-height:1.25}.sidebar-row{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:.5rem}.sidebar-row strong{color:var(--text-primary);font-weight:600}.sidebar-stats{display:flex;gap:.75rem;margin:.75rem 0;padding:.625rem;background:#1a1a2e;border-radius:8px}.stat{display:flex;flex-direction:column;align-items:center}.stat-label{font-size:.65rem;color:#ccc;text-transform:uppercase}.stat-value{font-size:1rem;font-weight:600;color:#f5a623}.sidebar-section{margin-top:1.25rem}.sidebar-section h3{font-size:var(--text-base);color:#f5a623;margin-bottom:.5rem;font-weight:700}.sidebar-description{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6}.taste-radar-wrap{display:flex;flex-direction:column;align-items:center;margin-bottom:1rem}.taste-radar{width:100%;max-width:320px;height:auto;display:block}.taste-radar-hint{color:var(--text-muted);font-size:var(--text-xs);text-align:center;margin-top:.25rem;line-height:1.4}.flavor-bars{display:flex;flex-direction:column;gap:.3rem}.flavor-row{display:flex;align-items:center;gap:.4rem}.flavor-label{width:50px;font-size:.7rem;color:#ccc;text-align:right}.flavor-track{flex:1;height:6px;background:#1a1a2e;border-radius:3px;overflow:hidden}.flavor-fill{height:100%;background:#f5a623;border-radius:3px;transition:width .3s}.flavor-value{width:30px;font-size:.7rem;color:#ccc;text-align:right}.rating-grid{display:flex;gap:.5rem;flex-wrap:wrap}.rating-item{display:flex;flex-direction:column;align-items:center;background:#1a1a2e;padding:.4rem .625rem;border-radius:8px;min-width:55px}.rating-num{font-size:1.1rem;font-weight:700;color:#4ecdc4}.rating-label{font-size:.6rem;color:#ccc;text-transform:uppercase;margin-top:.1rem}.reviews-list{display:flex;flex-direction:column;gap:.625rem}.review-card{background:#1a1a2e;border-radius:8px;padding:.625rem}.review-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.2rem}.review-user{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.review-score{font-size:var(--text-sm);font-weight:700;color:#4ecdc4}.review-date{font-size:var(--text-xs);color:var(--text-muted);margin-bottom:.4rem}.review-text{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6}.no-reviews{color:var(--text-secondary);font-size:var(--text-sm);text-align:center;padding:1rem 0}.profile-stat{color:#4ecdc4;font-size:.85rem;margin-bottom:.75rem}.profile-hint{color:#ccc;font-size:.75rem;text-align:center;margin-top:.375rem}.reset-section{margin-top:1.5rem;padding-top:1rem;border-top:1px solid #2a2a4a}.reset-btn{display:block;width:100%;padding:.5rem;border-radius:8px;border:1px solid #3a3a5a;background:none;color:#ff6b6b;font-size:.8rem;cursor:pointer}.reset-btn:hover{border-color:#ff6b6b;background:#ff6b6b1a}.reset-confirm{text-align:center}.reset-confirm p{color:#ccc;font-size:.8rem;line-height:1.4;margin-bottom:.75rem}.reset-confirm-btns{display:flex;gap:.5rem}.reset-confirm-yes{flex:1;padding:.5rem;border-radius:8px;border:none;background:#ff6b6b;color:#fff;font-weight:600;font-size:.8rem;cursor:pointer}.reset-confirm-yes:hover{background:#e55555}.reset-confirm-no{flex:1;padding:.5rem;border-radius:8px;border:1px solid #3a3a5a;background:none;color:#ccc;font-size:.8rem;cursor:pointer}.reset-confirm-no:hover{border-color:#ccc;color:#ccc}.rating-dist{display:flex;flex-direction:column;gap:.3rem}.dist-row{display:flex;align-items:center;gap:.4rem}.dist-label{width:50px;font-size:.7rem;color:#ccc;text-align:right}.dist-bar-track{flex:1;height:10px;background:#1a1a2e;border-radius:5px;overflow:hidden}.dist-bar-fill{height:100%;background:#f5a623;border-radius:5px}.dist-count{width:24px;font-size:.7rem;color:#ccc;text-align:right}.rated-list{display:flex;flex-direction:column;gap:.3rem;max-height:300px;overflow-y:auto}.rated-item{display:flex;justify-content:space-between;align-items:center;padding:.4rem .5rem;background:#1a1a2e;border-radius:6px}.rated-info{display:flex;flex-direction:column;min-width:0}.rated-name{font-size:.75rem;color:#ccc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rated-style{font-size:.6rem;color:#ccc}.rated-score{flex-shrink:0;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.75rem}.rated-score-5{background:#4ecdc4;color:#1a1a2e}.rated-score-4{background:#a8e6cf;color:#1a1a2e}.rated-score-3{background:#f5a623;color:#1a1a2e}.rated-score-2{background:#ff8a65;color:#1a1a2e}.rated-score-1{background:#ff6b6b;color:#1a1a2e}.modal{width:520px;max-width:90vw;max-height:90vh;background:#16213e;border-radius:12px;overflow-y:auto;padding:1.5rem;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1001;animation:fadeIn .15s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}.modal-title{font-size:1.3rem;color:#f5a623;margin-bottom:.75rem;padding-right:2rem}.modal-section{margin-bottom:1rem}.modal-section h3{font-size:.9rem;color:#4ecdc4;margin-bottom:.3rem}.modal-section p{font-size:.8rem;color:#ccc;line-height:1.5}.modal-section strong{color:#e0e0e0}.modal-list{list-style:none;padding:0}.modal-list li{font-size:.8rem;color:#ccc;line-height:1.5;padding-left:1rem;position:relative;margin-bottom:.3rem}.modal-list li:before{content:"•";color:#f5a623;position:absolute;left:0}.version-tag{font-size:.65rem;color:#4ecdc4;opacity:.7}.changelog-entry{margin-bottom:1.5rem}.changelog-entry:not(:last-child){padding-bottom:1.5rem;border-bottom:1px solid #2a2a4a}.changelog-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.changelog-version{background:#4ecdc4;color:#1a1a2e;padding:.15rem .5rem;border-radius:10px;font-size:.75rem;font-weight:700}.changelog-date{color:#ccc;font-size:.8rem}.changelog-list{list-style:none;padding:0}.changelog-list li{font-size:.8rem;color:#ccc;line-height:1.5;padding-left:1rem;position:relative;margin-bottom:.25rem}.changelog-list li:before{content:"•";color:#f5a623;position:absolute;left:0}.quiz-container{max-width:400px;margin:0 auto;padding:.75rem;text-align:center}.quiz-header h2{color:#e0e0e0;margin-bottom:.25rem;font-size:1.2rem}.quiz-subtitle{color:#ccc;font-size:.85rem;margin-bottom:.75rem}.quiz-progress{margin-bottom:1rem}.progress-bar{height:6px;background:#2a2a4a;border-radius:3px;overflow:hidden;margin-bottom:.25rem}.progress-fill{height:100%;background:#4ecdc4;border-radius:3px;transition:width .3s}.progress-text{font-size:.75rem;color:#ccc}.quiz-card{background:#16213e;border:2px solid #2a2a4a;border-radius:12px;padding:1.25rem;margin-bottom:.75rem;transition:opacity .2s,transform .2s}.quiz-card-exit{opacity:0;transform:translate(-20px)}.quiz-category{display:inline-block;background:#f5a623;color:#1a1a2e;padding:.1rem .5rem;border-radius:10px;font-size:.65rem;font-weight:600;text-transform:uppercase;margin-bottom:.5rem}.quiz-beer-name{font-size:1.2rem;color:#e0e0e0;margin-bottom:.25rem}.quiz-beer-meta{display:flex;justify-content:center;gap:.5rem;font-size:.8rem;color:#ccc;margin-bottom:.375rem}.quiz-rating{margin-top:1rem}.quiz-prompt{font-size:.8rem;color:#ccc;margin-bottom:.5rem}.star-row{display:flex;justify-content:center;gap:.4rem}.star-btn{display:flex;flex-direction:column;align-items:center;gap:.1rem;background:#2a2a4a;border:2px solid #3a3a5a;border-radius:10px;padding:.4rem .6rem;cursor:pointer;transition:all .15s;min-width:48px}.star-btn:hover{border-color:#f5a623;background:#1e2d50}.star-num{font-size:1.1rem;font-weight:700;color:#f5a623}.star-label{font-size:.55rem;color:#ccc;text-transform:uppercase}.skip-btn{margin-top:.75rem;background:none;border:none;color:#ccc;font-size:.8rem;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.skip-btn:hover{color:#ccc}.quiz-remaining{font-size:.7rem;color:#ccc}.quiz-milestone{background:linear-gradient(135deg,#1e2d50,#16213e);border:1px solid #4ecdc4;border-radius:12px;padding:1.25rem;text-align:center;margin-bottom:.75rem}.quiz-milestone p{color:#ccc;font-size:.9rem;margin-bottom:.75rem;line-height:1.4}.quiz-milestone-btns{display:flex;gap:.5rem;justify-content:center}.milestone-btn{flex:1;max-width:170px;padding:.625rem .75rem;border-radius:8px;border:none;background:#f5a623;color:#1a1a2e;font-weight:600;font-size:.9rem;cursor:pointer}.milestone-btn:hover{background:#e6951a}.landing{max-width:640px;margin:0 auto;padding:0 1rem 3rem}.landing-header{text-align:center;padding:2.5rem 0 1rem}.landing-header-row{display:flex;justify-content:space-between;align-items:center}.landing-brand{display:flex;align-items:center;gap:.5rem}.landing-logo{width:40px;height:40px}.header-logo{width:32px;height:32px}.landing-header h1{font-size:2.5rem;font-weight:800;color:#f5a623;letter-spacing:-1px}.landing-tagline{color:#ccc;font-size:1rem;margin-top:.25rem}.landing-hero{text-align:center;padding:1.5rem 0 2rem}.landing-lead{font-size:1.1rem;color:#ccc;line-height:1.6;max-width:480px;margin:0 auto 1.5rem}.landing-cta{display:inline-block;padding:.875rem 2.5rem;border-radius:10px;border:none;background:#f5a623;color:#1a1a2e;font-weight:700;font-size:1.1rem;cursor:pointer;transition:background .15s,transform .1s}.landing-cta:hover{background:#e6951a;transform:translateY(-1px)}.landing-free{color:#ccc;font-size:.8rem;margin-top:.75rem}.landing-features{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin:1.5rem 0}@media (max-width: 500px){.landing-features{grid-template-columns:1fr}}.feature-card{background:#16213e;border:1px solid #2a2a4a;border-radius:12px;padding:1.25rem}.feature-icon{width:28px;height:28px;display:block;margin-bottom:.75rem;color:#f5a623}.feature-card h3{color:#e0e0e0;font-size:.95rem;margin-bottom:.375rem}.feature-card p{color:#777;font-size:.8rem;line-height:1.5}.landing-how{margin:2rem 0;text-align:center}.landing-how h2{color:#e0e0e0;font-size:1.3rem;margin-bottom:1.25rem}.how-steps{display:flex;flex-direction:column;gap:1rem}.how-step{display:flex;align-items:flex-start;gap:1rem;text-align:left;background:#16213e;border-radius:10px;padding:1rem}.step-num{flex-shrink:0;width:32px;height:32px;border-radius:50%;background:#f5a623;color:#1a1a2e;font-weight:700;font-size:1rem;display:flex;align-items:center;justify-content:center}.how-step h4{color:#e0e0e0;font-size:.95rem;margin-bottom:.25rem}.how-step p{color:#777;font-size:.8rem;line-height:1.4}.landing-stats{display:flex;justify-content:space-around;gap:.5rem;padding:1.5rem 0;border-top:1px solid #2a2a4a;border-bottom:1px solid #2a2a4a;margin:1.5rem 0}.stat-item{text-align:center}.stat-big{display:block;font-size:1.5rem;font-weight:700;color:#4ecdc4}.stat-desc{font-size:.7rem;color:#ccc;text-transform:uppercase;letter-spacing:.05em}.landing-bottom{text-align:center;padding:1.5rem 0}.landing-bottom h2{color:#e0e0e0;font-size:1.2rem;margin-bottom:1rem}.landing-footer{text-align:center;padding:1.5rem 0 0;border-top:1px solid #2a2a4a}.landing-footer p{color:#ccc;font-size:.75rem;margin-bottom:.5rem}.landing-link{background:none;border:none;color:#4ecdc4;font-size:.75rem;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.landing-link:hover{color:#6ee7de}h2{font-size:var(--text-xl);margin-bottom:.5rem;color:#f5a623;line-height:1.25}.hint{color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:.75rem;line-height:1.5}.venue-list-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.25rem}.venue-add-btn{flex-shrink:0;white-space:nowrap;padding:.5rem .875rem;font-size:.85rem}.venue-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem;margin-top:.75rem}.venue-card{position:relative;background:#1f1f3a;border:1px solid #2a2a4a;border-radius:8px;padding:.875rem 1rem;text-align:left;cursor:pointer;color:var(--text-primary);transition:border-color .15s,background .15s}.venue-kind{display:inline-block;font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.15rem .5rem;border-radius:10px;margin-bottom:.5rem}.venue-kind-brewery{background:#f5a6232e;color:#f5c06b;border:1px solid rgba(245,166,35,.4)}.venue-kind-taproom{background:#4ecdc426;color:#4ecdc4;border:1px solid rgba(78,205,196,.35)}.venue-kind-restaurant{background:#ff8a6526;color:#ff8a65;border:1px solid rgba(255,138,101,.35)}.venue-kind-bar{background:#a898ea26;color:#b4a4f5;border:1px solid rgba(168,152,234,.35)}.venue-kind-place{background:#2a2a4a;color:var(--text-secondary);border:1px solid #3a3a5a}.venue-card:hover{border-color:#f5a623;background:#25254a}.venue-card h3{margin:0 0 .25rem;color:#f5a623;font-size:var(--text-lg);line-height:1.25}.venue-location{color:var(--text-secondary);font-size:var(--text-sm);margin:0 0 .5rem}.venue-meta{color:var(--text-muted);font-size:var(--text-sm);margin:0}.venue-empty{text-align:center;padding:2.5rem 1rem;color:#ccc}.venue-empty h3{color:#f5a623;margin:.5rem 0}.venue-empty p{margin:0 auto 1rem;max-width:32rem}.venue-empty-ctas{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.venue-secondary-btn{background:transparent;border:1px solid #4ecdc4;color:#4ecdc4;padding:.5rem 1rem;border-radius:6px;cursor:pointer}.venue-secondary-btn:hover{background:#4ecdc4;color:#1a1a2e}.venue-detail-header{margin-bottom:.75rem}.venue-back-btn{background:none;border:none;color:#4ecdc4;cursor:pointer;padding:0;margin-bottom:.5rem;font-size:.85rem}.venue-back-btn:hover{color:#6ee7de}.app-footer{margin-top:2rem;padding:1rem .5rem 1.25rem;text-align:center;font-size:.7rem;color:#555;display:flex;justify-content:center;align-items:center;gap:.4rem;flex-wrap:wrap}.footer-sep{color:#3a3a4a}.footer-link{background:none;border:none;color:#555;cursor:pointer;padding:0;font-size:inherit;text-decoration:none}.footer-link:hover{color:#888;text-decoration:underline}.legal-body h4{color:#f5a623;font-size:.9rem;margin:1rem 0 .25rem}.legal-body p,.legal-body li{color:#ccc;font-size:.85rem;line-height:1.5}.legal-body ul{margin:.25rem 0 .5rem 1.25rem}.venue-toast{position:fixed;bottom:1.25rem;left:50%;transform:translate(-50%);background:#1f1f3a;border:1px solid #4ecdc4;color:#e0e0e0;padding:.625rem 1rem;border-radius:8px;cursor:pointer;z-index:100;box-shadow:0 4px 12px #0006;font-size:.85rem}.recent-scans-trigger{display:flex;justify-content:flex-end;margin-bottom:1rem}.recent-scans-link{display:inline-flex;align-items:center;gap:.4rem;background:transparent;border:1px solid #3a3a5a;color:var(--text-secondary);padding:.4rem .75rem;border-radius:999px;font-size:var(--text-sm);cursor:pointer;transition:all .15s ease}.recent-scans-link:hover{color:var(--text-primary);border-color:#4ecdc4}.recent-scans-link svg{width:14px;height:14px}.active-scan-banner{display:flex;align-items:center;gap:.75rem;width:100%;background:#1f1f3a;border:1px solid #3a3a5a;border-radius:12px;padding:.75rem 1rem;margin-bottom:1rem;color:var(--text-primary);cursor:pointer;text-align:left;transition:border-color .15s ease}.active-scan-banner:hover{border-color:#4ecdc4}.active-scan-pin{font-size:1.1rem;line-height:1}.active-scan-info{flex:1;display:flex;flex-direction:column;gap:.15rem;min-width:0}.active-scan-venue{font-weight:600;font-size:var(--text-base);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.active-scan-meta{font-size:var(--text-sm);color:var(--text-secondary)}.active-scan-chevron{width:16px;height:16px;color:var(--text-muted);flex-shrink:0}.recent-scans-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:200;display:flex;align-items:flex-end;justify-content:center}.recent-scans-sheet{background:#1f1f3a;border:1px solid #3a3a5a;border-radius:16px 16px 0 0;width:100%;max-width:560px;max-height:70vh;overflow-y:auto;padding:1rem 1rem 1.5rem;padding-bottom:calc(1.5rem + env(safe-area-inset-bottom,0));box-shadow:0 -4px 24px #00000080}.recent-scans-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.recent-scans-header h3{font-size:var(--text-lg);color:var(--text-primary)}.recent-scans-close{background:transparent;border:none;color:var(--text-muted);font-size:1.5rem;width:32px;height:32px;cursor:pointer;line-height:1}.recent-scans-close:hover{color:var(--text-primary)}.recent-scans-list{list-style:none;display:flex;flex-direction:column;gap:.4rem}.recent-scan-row{display:flex;flex-direction:column;gap:.2rem;width:100%;background:#2a2a4a;border:1px solid transparent;border-radius:10px;padding:.75rem .875rem;color:var(--text-primary);text-align:left;cursor:pointer;transition:border-color .15s ease}.recent-scan-row:hover{border-color:#4ecdc4}.recent-scan-active{border-color:#4ecdc4;background:#243a52}.recent-scan-name{font-weight:600;font-size:var(--text-base);display:flex;align-items:center;gap:.5rem}.recent-scan-meta{font-size:var(--text-sm);color:var(--text-secondary)}.recent-scan-badge{font-size:var(--text-xs);background:#4ecdc4;color:#0a0a1e;padding:.1rem .45rem;border-radius:999px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.scan-item-actions{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:.5rem}.save-beer-btn{background:transparent;border:1px solid #3a3a5a;color:var(--text-muted);font-size:1.25rem;width:36px;height:36px;border-radius:50%;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;line-height:1;flex-shrink:0;transition:all .15s ease}.save-beer-btn:hover{color:var(--text-secondary);border-color:#4ecdc4}.save-beer-btn-saved{color:#ff6b8b;border-color:#ff6b8b73;background:#ff6b8b14}.save-beer-btn-saved:hover{color:#ff8ba5;border-color:#ff6b8b}.save-beer-btn:disabled{opacity:.5;cursor:wait}.subtab-bar{display:flex;gap:.5rem;border-bottom:1px solid #2a2a4a;margin-bottom:1.25rem}.subtab{background:transparent;border:none;color:var(--text-muted);font-size:var(--text-base);font-weight:600;padding:.625rem .25rem;margin-bottom:-1px;border-bottom:2px solid transparent;cursor:pointer;transition:color .15s ease,border-color .15s ease}.subtab:hover{color:var(--text-secondary)}.subtab-active{color:var(--text-primary);border-bottom-color:#4ecdc4}.to-try-list{display:flex;flex-direction:column;gap:1.5rem}.to-try-venue{display:flex;flex-direction:column;gap:.5rem}.to-try-venue-header{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:0 .25rem .5rem;border-bottom:1px solid #2a2a4a}.to-try-venue-header h3{font-size:var(--text-lg);color:var(--text-primary)}.to-try-venue-meta{font-size:var(--text-sm);color:var(--text-muted)}.to-try-beers{list-style:none;display:flex;flex-direction:column;gap:.5rem}.to-try-beer{display:flex;justify-content:space-between;align-items:center;gap:1rem;background:#1f1f3a;border:1px solid #2a2a4a;border-radius:10px;padding:.75rem 1rem}.to-try-beer-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.2rem}.to-try-beer-name{font-weight:600;font-size:var(--text-base);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.to-try-beer-meta{display:flex;flex-wrap:wrap;gap:.5rem;font-size:var(--text-sm);color:var(--text-secondary)}.to-try-beer-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.tried-list{list-style:none;display:flex;flex-direction:column;gap:.5rem}.tried-beer{display:flex;justify-content:space-between;align-items:center;gap:1rem;background:#1f1f3a;border:1px solid #2a2a4a;border-radius:10px;padding:.75rem 1rem}.tried-beer-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.2rem}.tried-beer-name{font-weight:600;font-size:var(--text-base);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tried-beer-meta{display:flex;flex-wrap:wrap;gap:.5rem;font-size:var(--text-sm);color:var(--text-secondary)}.tried-beer-actions{flex-shrink:0}.beer-card-actions{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:.5rem}.beer-new-badge{display:inline-block;margin-left:.5rem;font-size:var(--text-xs);font-weight:700;letter-spacing:.04em;background:#4ecdc4;color:#0a0a1e;padding:.1rem .4rem;border-radius:999px;vertical-align:middle}.scan-unmatched-section{margin-top:1.5rem}.scan-unmatched-title{font-size:var(--text-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.5rem}.scan-unmatched-list{list-style:none;display:flex;flex-direction:column;gap:.3rem}.scan-unmatched-row{display:flex;flex-direction:column;gap:.15rem;padding:.5rem .75rem;background:#7d7d8e14;border-radius:6px;border-left:2px solid #3a3a5a}.scan-unmatched-name{font-size:var(--text-sm);color:var(--text-secondary)}.scan-unmatched-meta{display:flex;gap:.5rem;font-size:var(--text-xs);color:var(--text-muted);flex-wrap:wrap}.venue-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}.venue-meta-time{color:var(--text-muted)}.venue-liked-chip{display:inline-flex;align-items:center;gap:.2rem;font-size:var(--text-xs);font-weight:700;color:#ffc857;background:#ffc8571a;padding:.1rem .45rem;border-radius:999px}.mybeers-controls{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.25rem}.mybeers-sort-row{display:flex;align-items:center;gap:.5rem;font-size:var(--text-sm);color:var(--text-secondary)}.mybeers-sort-row label{color:var(--text-muted)}.mybeers-sort-row select{background:#1f1f3a;color:var(--text-primary);border:1px solid #3a3a5a;border-radius:8px;padding:.4rem .75rem;font-size:var(--text-sm);cursor:pointer}.invite-landing{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;background:linear-gradient(180deg,#1a1a2e,#232342)}.invite-landing-header{display:flex;align-items:center;gap:.6rem;margin-bottom:2rem}.invite-landing-header h1{font-size:var(--text-2xl);color:var(--text-primary)}.invite-landing-logo{width:36px;height:36px}.invite-card{background:#1f1f3a;border:1px solid #3a3a5a;border-radius:16px;padding:2rem 1.75rem;width:100%;max-width:440px;text-align:center;box-shadow:0 8px 24px #0006}.invite-eyebrow{font-size:var(--text-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.5rem}.invite-name{font-size:var(--text-2xl);color:var(--text-primary);margin-bottom:1rem}.invite-stats{display:flex;justify-content:center;gap:.5rem;font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:1.5rem}.invite-stats strong{color:var(--text-primary);font-size:var(--text-base)}.invite-stat-sep{color:var(--text-muted)}.invite-blurb{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:1.75rem;line-height:1.5}.invite-primary-btn{width:100%;background:#4ecdc4;color:#0a0a1e;border:none;border-radius:10px;padding:.875rem 1rem;font-size:var(--text-base);font-weight:700;cursor:pointer;transition:background .15s ease;margin-bottom:.75rem}.invite-primary-btn:hover:not(:disabled){background:#6dd9d1}.invite-primary-btn:disabled{opacity:.6;cursor:not-allowed}.invite-secondary-btn{width:100%;background:transparent;color:var(--text-muted);border:1px solid #3a3a5a;border-radius:10px;padding:.625rem 1rem;font-size:var(--text-sm);cursor:pointer;transition:all .15s ease}.invite-secondary-btn:hover{color:var(--text-primary);border-color:#4ecdc4}.feed-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.feed-header h2{font-size:var(--text-xl);color:var(--text-primary)}.feed-invite-btn{display:inline-flex;align-items:center;gap:.4rem;background:#4ecdc41a;border:1px solid rgba(78,205,196,.4);color:#4ecdc4;padding:.5rem .875rem;border-radius:999px;font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all .15s ease}.feed-invite-btn:hover{background:#4ecdc433;border-color:#4ecdc4}.feed-invite-btn svg{width:16px;height:16px}.feed-list{list-style:none;display:flex;flex-direction:column;gap:.6rem}.feed-event{background:#1f1f3a;border:1px solid #2a2a4a;border-radius:10px;padding:.75rem 1rem;display:flex;flex-direction:column;gap:.4rem}.feed-event-head{display:flex;justify-content:space-between;align-items:baseline;gap:.75rem}.feed-actor{background:transparent;border:none;color:var(--text-primary);font-weight:700;font-size:var(--text-base);cursor:pointer;padding:0;text-align:left}.feed-actor:hover{color:#4ecdc4}.feed-time{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap}.feed-event-body{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5}.feed-event-body strong{color:var(--text-primary);font-weight:600}.feed-event-body em{font-style:normal;color:var(--text-primary)}.feed-meta{color:var(--text-muted);font-size:var(--text-xs)}.feed-rating-pill{display:inline-block;margin-left:.5rem;padding:.1rem .5rem;border-radius:999px;font-size:var(--text-xs);font-weight:700;background:#ffc8571f;color:#ffc857;border:1px solid rgba(255,200,87,.3)}.feed-rating-1,.feed-rating-2{background:#ff6b8b1f;color:#ff8ba5;border-color:#ff6b8b4d}.feed-rating-5{background:#4ecdc41f;color:#6dd9d1;border-color:#4ecdc466}.profile-counts{display:flex;gap:1.25rem;padding:.75rem 0 1rem;border-bottom:1px solid #2a2a4a;margin-bottom:1rem;font-size:var(--text-sm);color:var(--text-secondary)}.profile-counts strong{color:var(--text-primary);font-size:var(--text-base)}.profile-follow-row{margin-bottom:1rem}.profile-unfollow-btn,.profile-follow-hint{width:100%;background:transparent;border:1px solid #3a3a5a;border-radius:10px;padding:.6rem 1rem;font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.profile-unfollow-btn:hover{color:#ff8ba5;border-color:#ff6b8b80}.profile-follow-hint{cursor:default}.profile-section-title{font-size:var(--text-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.5rem}.profile-venue-list{list-style:none;display:flex;flex-direction:column;gap:.4rem}.profile-venue-row{width:100%;background:#1f1f3a;border:1px solid transparent;border-radius:10px;padding:.75rem .875rem;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:.75rem;transition:border-color .15s ease}.profile-venue-row:hover{border-color:#4ecdc4}.profile-venue-name{font-weight:600;color:var(--text-primary);font-size:var(--text-base)}.profile-venue-meta{display:flex;align-items:center;gap:.5rem;font-size:var(--text-sm);color:var(--text-muted)}.profile-venue-beers{list-style:none;display:flex;flex-direction:column;gap:.4rem}.profile-venue-beer{display:flex;justify-content:space-between;align-items:center;gap:.75rem;background:#1f1f3a;border:1px solid #2a2a4a;border-radius:10px;padding:.6rem .875rem}.profile-venue-beer-info{display:flex;flex-direction:column;gap:.15rem;min-width:0;flex:1}.profile-venue-beer-name{font-weight:600;color:var(--text-primary);font-size:var(--text-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-venue-beer-meta{display:flex;gap:.5rem;font-size:var(--text-xs);color:var(--text-muted);flex-wrap:wrap}.rating-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:250;display:flex;align-items:flex-end;justify-content:center}.rating-sheet-close{background:transparent;border:none;color:var(--text-muted);font-size:1.5rem;width:32px;height:32px;cursor:pointer;line-height:1;flex-shrink:0}.rating-sheet-close:hover{color:var(--text-primary)}.rating-sheet-cancel,.rating-sheet-save{flex:1;padding:.75rem 1rem;border-radius:10px;font-size:var(--text-base);font-weight:600;cursor:pointer;border:1px solid transparent;transition:all .15s ease}.rating-sheet-cancel{background:transparent;border-color:#3a3a5a;color:var(--text-secondary)}.rating-sheet-cancel:hover{color:var(--text-primary);border-color:#4ecdc4}.rating-sheet-save{background:#4ecdc4;color:#0a0a1e}.rating-sheet-save:hover:not(:disabled){background:#6dd9d1}.rating-sheet-save:disabled{opacity:.5;cursor:not-allowed}.invite-sheet{background:#1f1f3a;border:1px solid #3a3a5a;border-radius:16px 16px 0 0;width:100%;max-width:460px;max-height:90vh;overflow-y:auto;padding:1.25rem 1.25rem 1.5rem;padding-bottom:calc(1.5rem + env(safe-area-inset-bottom,0));box-shadow:0 -4px 24px #00000080}.invite-sheet-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.invite-sheet-header h3{font-size:var(--text-lg);color:var(--text-primary)}.invite-sheet-blurb{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5;margin-bottom:1.25rem}.invite-qr-wrap{background:#fff;padding:1rem;border-radius:12px;display:flex;justify-content:center;margin:0 auto 1.25rem;width:fit-content}.invite-url-row{background:#0a0a1e;border:1px solid #2a2a4a;border-radius:8px;padding:.625rem .75rem;margin-bottom:1rem;overflow-x:auto}.invite-url{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:var(--text-sm);color:var(--text-secondary);white-space:nowrap}.invite-sheet-actions{display:flex;gap:.75rem}.onboarding-launcher{max-width:460px;margin:0 auto;padding:1rem .75rem 2rem;text-align:center}.onboarding-launcher h2{color:#e0e0e0;font-size:1.4rem;margin-bottom:.5rem}.onboarding-launcher-lead{color:#ccc;font-size:.9rem;margin-bottom:1.5rem}.onboarding-launcher-card{display:block;width:100%;text-align:left;background:#16213e;border:2px solid #2a2a4a;border-radius:14px;padding:1rem 1.1rem;margin-bottom:.875rem;cursor:pointer;transition:border-color .15s,transform .1s;color:inherit}.onboarding-launcher-card:hover{border-color:#f5a623}.onboarding-launcher-card:active{transform:scale(.99)}.onboarding-launcher-card-title{color:#f5a623;font-size:1.05rem;font-weight:700;margin-bottom:.2rem}.onboarding-launcher-card-meta{color:#888;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.5rem}.onboarding-launcher-card-body{color:#ccc;font-size:.85rem;line-height:1.4}.quiz-flow{max-width:460px;margin:0 auto;padding:1rem .75rem 6rem}.quiz-flow-header{position:relative;text-align:center;margin-bottom:1rem}.quiz-flow-header h2{color:#e0e0e0;font-size:1.3rem;margin-bottom:.25rem}.quiz-flow-sub{color:#ccc;font-size:.85rem;line-height:1.4}.quiz-flow-back{position:absolute;left:0;top:0;background:none;border:none;color:#ccc;font-size:1.4rem;cursor:pointer;padding:.25rem .5rem}.quiz-flow-back:hover{color:#f5a623}.quiz-flow-questions{display:flex;flex-direction:column;gap:.75rem}.quiz-question{background:#16213e;border:1px solid #2a2a4a;border-radius:12px;padding:.875rem 1rem}.quiz-question-title{color:#e0e0e0;font-size:.95rem;font-weight:600;margin-bottom:.15rem}.quiz-question-hint{color:#888;font-size:.75rem;margin-bottom:.625rem}.quiz-pills{display:flex;gap:.4rem;flex-wrap:wrap}.quiz-pill{flex:1 1 0;min-width:0;background:#2a2a4a;border:1.5px solid #3a3a5a;border-radius:999px;color:#ccc;padding:.55rem .6rem;font-size:.78rem;cursor:pointer;transition:all .12s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quiz-pill:hover{border-color:#4ecdc4}.quiz-pill-active{background:#f5a623;border-color:#f5a623;color:#1a1a2e;font-weight:600}.quiz-flow-footer{position:sticky;bottom:0;left:0;right:0;padding:.875rem 0;background:linear-gradient(180deg,#1a1a2e00,#1a1a2e 35%);margin-top:1rem}.quiz-flow-cta{display:block;width:100%;background:#f5a623;border:none;border-radius:12px;padding:.875rem;font-size:1rem;font-weight:700;color:#1a1a2e;cursor:pointer;transition:background .15s}.quiz-flow-cta:hover:not(:disabled){background:#e6951a}.quiz-flow-cta:disabled{background:#3a3a5a;color:#888;cursor:not-allowed}.quiz-confirm{max-width:460px;margin:0 auto;padding:1rem .75rem 6rem}.quiz-confirm-loading,.quiz-confirm-error{text-align:center;color:#ccc;font-size:.9rem;padding:2rem .5rem}.quiz-confirm-error{color:#f56565}.quiz-confirm-list{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.quiz-confirm-row{display:flex;align-items:center;gap:.75rem;background:#16213e;border:1px solid #2a2a4a;border-radius:10px;padding:.625rem .75rem}.quiz-confirm-row-info{flex:1;min-width:0}.quiz-confirm-row-name{color:#e0e0e0;font-size:.9rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quiz-confirm-row-meta{color:#888;font-size:.75rem;display:flex;gap:.25rem;margin-top:.1rem}