:root{--color-wine: #722f37;--color-wine-dark: #4a1e24;--color-wine-light: #9a4a54}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8f9fa;color:#1a1a1a}#root{min-height:100vh}input,textarea,button{font-family:inherit;font-size:inherit}input:focus,textarea:focus{outline:none}img{max-width:100%;height:auto}::-webkit-scrollbar{width:8px;height:8px}.leaflet-default-icon-path{background-image:url(https://unpkg.com/leaflet@1.9.4/dist/images/marker-icon.png)}.landing{min-height:100vh;background:#fff;color:#1a1a1a}.landing-header{position:fixed;top:0;left:0;right:0;z-index:100;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.05)}.landing-header-content{max-width:1200px;margin:0 auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between}.landing-logo{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:700;color:#722f37}.landing-login-btn{background:transparent;border:2px solid #722f37;color:#722f37;padding:10px 24px;border-radius:100px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.landing-login-btn:hover{background:#722f37;color:#fff}.landing-hero{min-height:100vh;padding:100px 24px 80px;padding-top:max(140px,15vh);display:flex;align-items:flex-start;justify-content:center;gap:80px;max-width:1200px;margin:0 auto}.landing-hero-content{margin-top:60px}.landing-hero-visual{margin-top:40px}.landing-hero-content{flex:1;max-width:580px}.landing-hero-title{font-size:clamp(32px,4.5vw,56px);font-weight:800;line-height:1.3;letter-spacing:-.02em;margin-bottom:24px}.landing-hero-title .title-line{display:block}.landing-hero-title .highlight{display:block;color:#722f37;position:relative}.landing-hero-title .highlight:after{content:"";position:absolute;bottom:4px;left:0;right:0;height:8px;background:#722f3726;z-index:-1;border-radius:4px}.landing-hero-subtitle{font-size:18px;line-height:1.8;color:#666;margin-bottom:40px}.landing-hero-subtitle span{display:block}.landing-hero-actions{display:flex;flex-direction:column;gap:16px}.landing-cta-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#722f37,#9a4a54);color:#fff;border:none;padding:18px 36px;border-radius:100px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 20px #722f3740}.landing-cta-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #722f3759}.landing-cta-primary.large{padding:20px 48px;font-size:18px}.landing-cta-secondary{background:transparent;border:none;color:#666;padding:12px;font-size:14px;font-weight:500;cursor:pointer;transition:color .2s}.landing-cta-secondary:hover{color:#722f37}.landing-hero-visual{flex:1;display:flex;justify-content:center;align-items:center}.landing-hero-mockup{position:relative;width:300px;height:600px;background:#1a1a1a;border-radius:40px;padding:12px;box-shadow:0 50px 100px #00000026,0 20px 40px #0000001a}.mockup-screen{width:100%;height:100%;background:#f8f9fa;border-radius:28px;overflow:hidden;padding:12px;position:relative;display:flex;flex-direction:column}.mockup-header{display:flex;align-items:center;gap:6px;color:#722f37;font-weight:700;font-size:13px;margin-bottom:12px;padding:6px 4px}.mockup-view-toggle{display:flex;gap:2px;margin-bottom:12px;background:#fff;border-radius:10px;padding:4px;position:relative;box-shadow:0 1px 4px #0000000d}.mockup-toggle-btn{flex:1;text-align:center;padding:6px 4px;font-size:10px;font-weight:600;color:#888;border-radius:8px;z-index:1;transition:color .3s}.mockup-toggle-slider{position:absolute;top:4px;left:4px;width:calc(50% - 4px);height:calc(100% - 8px);background:#722f37;border-radius:8px;transition:transform .4s cubic-bezier(.4,0,.2,1);animation:toggleSlide 6s ease-in-out infinite}@keyframes toggleSlide{0%,45%{transform:translate(0)}50%,95%{transform:translate(100%)}to{transform:translate(0)}}.mockup-views-container{flex:1;position:relative;overflow:hidden;margin-top:8px}.mockup-view{position:absolute;inset:0;transition:opacity .4s ease,transform .4s ease}.mockup-list-view{animation:listViewAnim 6s ease-in-out infinite}.mockup-map-view{animation:mapViewAnim 6s ease-in-out infinite}@keyframes listViewAnim{0%,45%{opacity:1;transform:translate(0);pointer-events:auto}48%,95%{opacity:0;transform:translate(-20px);pointer-events:none}98%,to{opacity:1;transform:translate(0);pointer-events:auto}}@keyframes mapViewAnim{0%,45%{opacity:0;transform:translate(20px);pointer-events:none}48%,95%{opacity:1;transform:translate(0);pointer-events:auto}98%,to{opacity:0;transform:translate(20px);pointer-events:none}}.mockup-list-view{display:flex;flex-direction:column;gap:8px;padding-bottom:50px}.mockup-wine-card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px #0000000f;display:flex;flex-direction:row;height:80px}.mockup-wine-image{position:relative;width:70px;flex-shrink:0;background:linear-gradient(135deg,#f5f5f5,#e8e8e8);display:flex;align-items:center;justify-content:center}.mockup-wine-bottle{width:20px;height:50px;border-radius:3px 3px 2px 2px;position:relative}.mockup-wine-bottle:before{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%);width:8px;height:8px;border-radius:2px;background:inherit}.mockup-wine-bottle.red{background:linear-gradient(180deg,#5a232a,#722f37,#4a1e24)}.mockup-wine-bottle.white{background:linear-gradient(180deg,#e8deb5,#d4c896,#c5b87a)}.mockup-category-badge{position:absolute;top:6px;left:4px;padding:2px 6px;border-radius:8px;font-size:7px;font-weight:700;color:#fff}.mockup-category-badge.red{background:#722f37}.mockup-category-badge.white{background:#a89860}.mockup-rating{position:absolute;bottom:6px;right:4px;background:#fffffff2;color:#f59e0b;padding:2px 6px;border-radius:8px;font-size:8px;font-weight:700}.mockup-wine-content{flex:1;padding:8px 10px;display:flex;flex-direction:column;justify-content:center;min-width:0}.mockup-wine-name{font-size:11px;font-weight:700;color:#1a1a1a;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mockup-wine-producer{font-size:9px;color:#722f37;font-weight:500;margin-bottom:4px}.mockup-wine-details{display:flex;gap:6px;font-size:8px;color:#888;margin-bottom:2px}.mockup-wine-location{font-size:8px;color:#aaa}.mockup-map{width:100%;height:100%;border-radius:12px;overflow:hidden;position:relative}.mockup-map-bg{width:100%;height:100%;background:linear-gradient(90deg,transparent 49%,#e0e0e0 49%,#e0e0e0 51%,transparent 51%),linear-gradient(0deg,transparent 49%,#e0e0e0 49%,#e0e0e0 51%,transparent 51%),linear-gradient(135deg,#e8f4e8,#d4e8d4,#e0ece0,#d8ecd8,#e4f0e4);background-size:60px 60px,60px 60px,100% 100%}.mockup-map-marker{position:absolute;width:32px;height:32px;background:#722f37;border-radius:50% 50% 50% 0;transform:rotate(-45deg);display:flex;align-items:center;justify-content:center;box-shadow:0 3px 10px #722f3766;animation:markerPulse 2s ease-in-out infinite}.mockup-map-marker span{transform:rotate(45deg);font-size:14px}.mockup-map-marker.marker-1{top:30%;left:25%;animation-delay:0s}.mockup-map-marker.marker-2{top:50%;left:60%;animation-delay:.3s}.mockup-map-marker.marker-3{top:70%;left:35%;animation-delay:.6s}@keyframes markerPulse{0%,to{transform:rotate(-45deg) scale(1)}50%{transform:rotate(-45deg) scale(1.1)}}.mockup-map-popup{position:absolute;top:calc(30% - 50px);left:calc(25% + 20px);background:#fff;border-radius:8px;padding:8px 12px;box-shadow:0 4px 16px #00000026;animation:popupFade 6s ease-in-out infinite}.mockup-map-popup:before{content:"";position:absolute;bottom:-6px;left:12px;width:12px;height:12px;background:#fff;transform:rotate(45deg);box-shadow:2px 2px 4px #0000001a}.mockup-popup-title{font-size:10px;font-weight:700;color:#1a1a1a;margin-bottom:2px}.mockup-popup-location{font-size:8px;color:#888}@keyframes popupFade{0%,45%{opacity:0;transform:translateY(5px)}55%,90%{opacity:1;transform:translateY(0)}95%,to{opacity:0;transform:translateY(5px)}}.mockup-fab{position:absolute;bottom:16px;right:16px;width:44px;height:44px;background:linear-gradient(135deg,#722f37,#9a4a54);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;font-weight:300;box-shadow:0 4px 16px #722f3766;z-index:10}.landing-features{padding:100px 24px;background:linear-gradient(180deg,#f8f9fa,#fff)}.landing-section-header{text-align:center;margin-bottom:60px}.landing-section-header h2{font-size:clamp(28px,4vw,40px);font-weight:700;margin-bottom:12px;letter-spacing:-.02em}.landing-section-header p{font-size:16px;color:#888}.landing-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;max-width:1100px;margin:0 auto}.landing-feature-card{background:#fff;border-radius:24px;padding:40px 32px;text-align:center;border:1px solid rgba(0,0,0,.06);transition:all .3s}.landing-feature-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #00000014;border-color:transparent}.landing-feature-icon{width:72px;height:72px;background:linear-gradient(135deg,#722f3714,#722f3726);border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;color:#722f37}.landing-feature-card h3{font-size:20px;font-weight:700;margin-bottom:16px}.landing-feature-card p{font-size:15px;line-height:1.7;color:#666}.landing-comparison{padding:100px 24px;background:#fff}.landing-comparison-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;max-width:900px;margin:0 auto}.landing-comparison-card{background:linear-gradient(135deg,#faf8f8,#f5f0f0);border-radius:24px;padding:40px;position:relative;border:1px solid rgba(114,47,55,.1)}.comparison-number{position:absolute;top:-20px;left:32px;width:48px;height:48px;background:linear-gradient(135deg,#722f37,#9a4a54);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;box-shadow:0 6px 20px #722f374d}.landing-comparison-card h3{font-size:22px;font-weight:700;margin-bottom:16px;margin-top:12px;color:#1a1a1a}.landing-comparison-card p{font-size:16px;line-height:1.8;color:#555}.landing-cta-section{padding:100px 24px;background:linear-gradient(180deg,#faf8f8,#f5f0f0)}.landing-cta-content{max-width:600px;margin:0 auto;text-align:center}.landing-cta-icon{color:#722f37;margin-bottom:24px}.landing-cta-content h2{font-size:clamp(28px,4vw,36px);font-weight:700;margin-bottom:16px}.landing-cta-content p{font-size:16px;color:#666;margin-bottom:32px}.landing-footer{padding:40px 24px;background:#1a1a1a;color:#fff}.landing-footer-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.landing-footer-logo{display:flex;align-items:center;gap:8px;font-weight:600;color:#ffffffe6}.landing-footer-copy{font-size:13px;color:#ffffff80}@media(max-width:900px){.landing-hero{flex-direction:column;text-align:center;gap:60px;padding-top:120px;align-items:center}.landing-hero-content{max-width:100%;margin-top:0}.landing-hero-visual{margin-top:0;display:flex;justify-content:center;width:100%}.landing-hero-actions{align-items:center}.landing-hero-mockup{width:260px;height:520px}.landing-features-grid{grid-template-columns:1fr;max-width:400px}.landing-comparison-grid{grid-template-columns:1fr;max-width:500px}.landing-footer-content{flex-direction:column;gap:16px;text-align:center}}@media(max-width:480px){.landing-header-content{padding:12px 16px}.landing-hero{padding:80px 16px 60px}.landing-hero-subtitle{font-size:16px}.landing-cta-primary{padding:16px 32px;font-size:15px}.landing-features,.landing-comparison,.landing-cta-section{padding:60px 16px}.landing-comparison-card,.landing-feature-card{padding:32px 24px}}.wine-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #00000014;cursor:pointer;transition:transform .2s,box-shadow .2s}.wine-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001f}.wine-card-image{position:relative;width:100%;height:180px;overflow:hidden}.wine-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.wine-card:hover .wine-card-image img{transform:scale(1.05)}.wine-card-category{position:absolute;top:12px;left:12px;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.wine-card-actions{position:absolute;bottom:12px;right:12px;display:flex;gap:6px;opacity:0;transform:translateY(8px);transition:opacity .2s,transform .2s}.wine-card:hover .wine-card-actions{opacity:1;transform:translateY(0)}.wine-card-action-btn{background:#fffffff2;border:none;padding:8px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#666;transition:all .2s;box-shadow:0 2px 8px #0000001a}.wine-card-action-btn:hover{transform:scale(1.1)}.wine-card-action-btn.active{color:#ef4444}.wine-card-action-btn.active:last-child{color:#3b82f6}.wine-card-rating{position:absolute;top:12px;right:12px;background:#fffffff2;color:#f59e0b;padding:4px 10px;border-radius:20px;font-size:13px;font-weight:600;display:flex;align-items:center;gap:4px}.wine-card-content{padding:16px}.wine-card-name{font-size:18px;font-weight:700;color:#1a1a1a;margin:0 0 4px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.wine-card-producer{font-size:14px;color:#722f37;margin:0 0 12px;font-weight:500}.wine-card-details{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.wine-card-detail{display:flex;align-items:center;gap:4px;font-size:13px;color:#666}.wine-card-location{display:flex;align-items:center;gap:4px;font-size:13px;color:#888;margin-bottom:8px}.wine-card-date{font-size:12px;color:#aaa}@media(max-width:768px){.wine-card-actions{opacity:1;transform:translateY(0)}}.wine-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;padding:20px}@media(max-width:640px){.wine-list{grid-template-columns:1fr;padding:16px}}.wine-list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 20px;min-height:400px}.wine-list-empty-icon{font-size:64px;margin-bottom:20px}.wine-list-empty h3{font-size:20px;color:#333;margin:0 0 12px}.wine-list-empty p{color:#888;font-size:15px;line-height:1.6;margin:0}.bottom-navigation{position:fixed;bottom:0;left:0;right:0;z-index:100;padding:0 16px 24px;pointer-events:none}.bottom-nav-container{display:flex;align-items:center;justify-content:space-around;background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px;padding:8px 16px;box-shadow:0 4px 30px #0000001a,0 1px 3px #0000000d;border:1px solid rgba(255,255,255,.3);pointer-events:auto;max-width:400px;margin:0 auto}.bottom-nav-item{display:flex;align-items:center;justify-content:center;padding:12px 24px;background:transparent;border:none;border-radius:16px;cursor:pointer;transition:all .2s ease;color:#888}.bottom-nav-item:hover{color:#555;background:#722f370d}.bottom-nav-item.active{color:#722f37;background:#722f371a}.bottom-nav-item.active .bottom-nav-icon{transform:scale(1.1)}.bottom-nav-icon{display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.bottom-nav-item:active{transform:scale(.95)}@supports (padding-bottom: env(safe-area-inset-bottom)){.bottom-navigation{padding-bottom:calc(24px + env(safe-area-inset-bottom))}}@media(min-width:768px){.bottom-nav-container{max-width:280px}.bottom-nav-item{padding:12px 28px}}.home{min-height:100vh;background:#f8f9fa}.home-tabs{display:flex;background:#fff;border-bottom:1px solid #eee;overflow-x:auto;-webkit-overflow-scrolling:touch}.home-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 20px;background:none;border:none;border-bottom:3px solid transparent;color:#888;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.home-tab:hover{color:#555;background:#f9fafb}.home-tab.active{color:#722f37;border-bottom-color:#722f37}.tab-count{background:#f3f4f6;padding:2px 8px;border-radius:10px;font-size:12px;color:#666}.home-tab.active .tab-count{background:#fce4e6;color:#722f37}.home-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#fff;border-bottom:1px solid #eee;gap:16px}.home-filters{flex:1;overflow-x:auto;-webkit-overflow-scrolling:touch}.category-filter{display:flex;gap:8px;padding:4px 0}.category-chip{padding:8px 16px;border-radius:20px;border:1px solid #e5e7eb;background:#fff;color:#666;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.category-chip:hover{border-color:#ccc;background:#f9fafb}.category-chip.active{background:var(--category-color, #722f37);border-color:var(--category-color, #722f37);color:#fff}.home-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.view-toggle{display:flex;background:#f3f4f6;border-radius:12px;padding:4px}.view-toggle-btn{display:flex;align-items:center;gap:6px;background:transparent;border:none;padding:10px 16px;border-radius:10px;font-size:14px;font-weight:500;color:#666;cursor:pointer;transition:all .2s}.view-toggle-btn:hover{color:#333}.view-toggle-btn.active{background:#fff;color:#722f37;box-shadow:0 2px 8px #00000014}.home-content{padding-bottom:140px}.home-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.spinner{width:40px;height:40px;border:3px solid #f3f4f6;border-top-color:#722f37;border-radius:50%;animation:spin 1s linear infinite}.home-loading p{color:#888;font-size:15px}.fab{position:fixed;bottom:110px;right:24px;width:64px;height:64px;background:linear-gradient(135deg,#722f37,#9a4a54);color:#fff;border:none;border-radius:50%;box-shadow:0 6px 20px #722f3766;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s,box-shadow .2s;z-index:50}.fab:hover{transform:scale(1.1);box-shadow:0 8px 30px #722f3780}.fab:active{transform:scale(.95)}@media(max-width:768px){.home-tabs{padding:0}.home-tab{padding:14px 16px;font-size:13px}.home-tab span:not(.tab-count){display:none}.home-header{flex-direction:column;align-items:stretch;padding:12px 16px}.home-actions,.view-toggle{width:100%}.view-toggle-btn{flex:1;justify-content:center}.view-toggle-btn span{display:none}.fab{bottom:110px;right:20px;width:56px;height:56px}}@supports (padding-bottom: env(safe-area-inset-bottom)){.fab{bottom:calc(110px + env(safe-area-inset-bottom))}}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#722f37,#4a1e24);padding:20px}.auth-card{background:#fff;border-radius:24px;padding:40px;width:100%;max-width:420px;box-shadow:0 20px 60px #0000004d}.auth-header{text-align:center;margin-bottom:32px}.auth-logo{color:#722f37;margin-bottom:16px}.auth-header h1{font-size:28px;font-weight:700;color:#1a1a1a;margin:0 0 8px}.auth-header p{color:#888;font-size:15px;margin:0}.auth-error{background:#fef2f2;color:#dc2626;padding:12px 16px;border-radius:10px;font-size:14px;margin-bottom:20px;text-align:center}.auth-form{display:flex;flex-direction:column;gap:20px}.auth-field{display:flex;flex-direction:column;gap:8px}.auth-field label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#444}.auth-field input{padding:14px 16px;border:2px solid #e5e7eb;border-radius:12px;font-size:16px;transition:border-color .2s,box-shadow .2s}.auth-field input:focus{outline:none;border-color:#722f37;box-shadow:0 0 0 3px #722f371a}.auth-field input::placeholder{color:#aaa}.auth-submit{display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,#722f37,#9a4a54);color:#fff;border:none;padding:16px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;margin-top:8px}.auth-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #722f3766}.auth-submit:disabled{opacity:.7;cursor:not-allowed}.auth-divider{display:flex;align-items:center;margin:24px 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#e5e7eb}.auth-divider span{padding:0 16px;color:#888;font-size:14px}.auth-google{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;background:#fff;color:#333;border:2px solid #e5e7eb;padding:14px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s}.auth-google:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.auth-google:disabled{opacity:.7;cursor:not-allowed}.auth-switch{text-align:center;margin-top:24px;color:#666;font-size:14px}.auth-switch a{color:#722f37;font-weight:600;text-decoration:none}.auth-switch a:hover{text-decoration:underline}.auth-info{background:#f0f7ff;border:1px solid #bfdbfe;border-radius:12px;padding:16px;margin-bottom:20px;text-align:center}.auth-info p{margin:0;font-size:14px;color:#1e40af;line-height:1.6}.auth-info p strong{display:block;font-size:16px;color:#1e3a8a;margin-bottom:8px}.auth-cancel{display:block;width:100%;background:transparent;color:#666;border:none;padding:14px;font-size:15px;font-weight:500;cursor:pointer;margin-top:12px;transition:color .2s}.auth-cancel:hover:not(:disabled){color:#333}.auth-cancel:disabled{opacity:.5;cursor:not-allowed}.auth-success{background:#f0fdf4;color:#15803d;padding:12px 16px;border-radius:10px;font-size:14px;margin-bottom:20px;text-align:center}.auth-forgot-password{background:none;border:none;color:#722f37;font-size:13px;cursor:pointer;padding:0;margin-top:4px;text-decoration:none;transition:color .2s}.auth-forgot-password:hover{color:#9a4a54;text-decoration:underline}.auth-back{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;background:transparent;color:#666;border:none;padding:14px;font-size:15px;font-weight:500;cursor:pointer;margin-top:12px;transition:color .2s}.auth-back:hover:not(:disabled){color:#333}.auth-back:disabled{opacity:.5;cursor:not-allowed}@media(max-width:480px){.auth-card{padding:30px 24px;border-radius:20px}.auth-header h1{font-size:24px}}.camera-container{position:fixed;inset:0;background:#000;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center}.camera-close-btn{position:absolute;top:20px;right:20px;background:#fff3;border:none;color:#fff;padding:10px;border-radius:50%;cursor:pointer;z-index:10;transition:background .2s}.camera-close-btn:hover{background:#ffffff4d}.camera-video{width:100%;height:100%;object-fit:cover}.camera-preview{width:100%;height:100%;display:flex;flex-direction:column}.camera-preview img{flex:1;object-fit:contain;background:#000}.camera-preview-actions{display:flex;gap:16px;padding:20px;background:#000c}.camera-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 24px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,opacity .2s}.camera-btn:active{transform:scale(.98)}.camera-btn.primary{background:linear-gradient(135deg,#722f37,#9a4a54);color:#fff}.camera-btn.secondary{background:#ffffff26;color:#fff}.camera-controls{position:absolute;bottom:40px;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:40px;padding:0 40px}.camera-hint{position:absolute;top:72px;left:16px;right:16px;display:flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:14px;background:#0000008c;color:#fffffff2;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:9;font-size:15px;font-weight:600}.camera-control-btn{background:#fff3;border:none;color:#fff;padding:16px;border-radius:50%;cursor:pointer;transition:background .2s}.camera-control-btn:hover{background:#ffffff4d}.camera-capture-btn{width:80px;height:80px;background:#fff;border:4px solid rgba(255,255,255,.5);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s}.camera-capture-btn:active{transform:scale(.9)}.camera-capture-inner{width:60px;height:60px;background:linear-gradient(135deg,#722f37,#9a4a54);border-radius:50%}.camera-error{text-align:center;color:#fff;padding:40px}.camera-error p{margin-bottom:20px;font-size:16px}.camera-upload-btn{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#722f37,#9a4a54);color:#fff;border:none;padding:16px 32px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.camera-upload-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #722f3766}.camera-upload-btn:active{transform:scale(.98)}.camera-upload-btn.large{padding:20px 48px;font-size:18px;border-radius:16px}.camera-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;color:#fff}.camera-loading-spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.2);border-top-color:#9a4a54;border-radius:50%;animation:spin 1s linear infinite}.camera-loading p{font-size:16px;opacity:.8}.camera-upload-only{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px;color:#fff;gap:16px}.camera-upload-icon{width:120px;height:120px;background:linear-gradient(135deg,#722f374d,#9a4a544d);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:16px;border:2px dashed rgba(255,255,255,.3)}.camera-upload-icon svg{opacity:.8}.camera-upload-only h3{font-size:22px;font-weight:600;margin:0}.camera-upload-only p{font-size:15px;opacity:.7;margin:0 0 16px}.trivia-loading-icon{animation:spin 1s linear infinite;color:#78350f}.trivia-card.loaded{animation:cardFadeIn .4s ease-out}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.trivia-card.skeleton{opacity:.7}.skeleton-line{height:16px;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:480px){.wine-trivia-expanded{margin-left:-20px;margin-right:-20px;padding:20px}.trivia-card-content{padding:14px}.trivia-item p{font-size:13px}}.chat-modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px}.chat-modal{width:100%;max-width:600px;max-height:80vh;background:#fff;border-radius:20px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;border:1px solid #e5e7eb}.chat-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--section-color);border-bottom:1px solid #e5e7eb}.chat-modal-title{display:flex;align-items:center;gap:10px;color:#fff;font-weight:600;font-size:15px}.chat-modal-actions{display:flex;align-items:center;gap:8px}.chat-clear-btn{background:#fff3;border:none;color:#fff;padding:8px;border-radius:8px;cursor:pointer;transition:background .2s;display:flex;align-items:center;justify-content:center}.chat-clear-btn:hover{background:#ffffff4d}.chat-close-btn{background:#fff3;border:none;color:#fff;padding:8px;border-radius:8px;cursor:pointer;transition:background .2s;display:flex;align-items:center;justify-content:center}.chat-close-btn:hover{background:#ffffff4d}.chat-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px;min-height:300px;max-height:50vh;background:#f8f9fa}.chat-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;height:100%;color:#6b7280}.chat-loading-spinner{animation:spin 1s linear infinite}.chat-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;color:#4b5563;gap:12px}.chat-empty svg{opacity:.6;color:var(--section-color)}.chat-empty h3{font-size:18px;font-weight:600;margin:0;color:#1f2937}.chat-empty p{font-size:14px;margin:0;color:#6b7280}.chat-suggestions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;justify-content:center}.chat-suggestions button{background:#fff;border:1px solid #d1d5db;color:#374151;padding:8px 16px;border-radius:20px;font-size:13px;cursor:pointer;transition:all .2s}.chat-suggestions button:hover{background:var(--section-color);border-color:var(--section-color);color:#fff}.chat-message{display:flex;flex-direction:column;max-width:85%;animation:messageIn .3s ease-out}@keyframes messageIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-message.user{align-self:flex-end}.chat-message.assistant{align-self:flex-start}.chat-message-content{padding:12px 16px;border-radius:16px;font-size:14px;line-height:1.6;white-space:pre-wrap;word-break:break-word}.chat-message.user .chat-message-content{background:var(--section-color);color:#fff;border-bottom-right-radius:4px}.chat-message.assistant .chat-message-content{background:#fff;color:#1f2937;border:1px solid #e5e7eb;border-bottom-left-radius:4px}.chat-message-time{font-size:11px;color:#9ca3af;margin-top:4px;padding:0 4px}.chat-message.user .chat-message-time{text-align:right}.typing-cursor{animation:blink 1s step-end infinite;color:var(--section-color)}@keyframes blink{50%{opacity:0}}.chat-input-area{display:flex;align-items:flex-end;gap:12px;padding:16px 20px;background:#fff;border-top:1px solid #e5e7eb}.chat-input-area textarea{flex:1;background:#f3f4f6;border:1px solid #d1d5db;border-radius:12px;padding:12px 16px;color:#1f2937;font-size:14px;resize:none;min-height:44px;max-height:120px;font-family:inherit;line-height:1.5}.chat-input-area textarea::placeholder{color:#9ca3af}.chat-input-area textarea:focus{outline:none;border-color:var(--section-color);box-shadow:0 0 0 2px color-mix(in srgb,var(--section-color) 20%,transparent)}.chat-send-btn{width:44px;height:44px;border-radius:12px;background:var(--section-color);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.chat-send-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 12px #0003}.chat-send-btn:disabled{opacity:.5;cursor:not-allowed}.chat-send-spinner{animation:spin 1s linear infinite}.chat-context{width:100%;display:flex;flex-direction:column;gap:12px;margin-bottom:20px;text-align:left}.chat-context-wine{background:#fff;border-radius:12px;padding:14px 16px;border:1px solid #e5e7eb}.chat-context-wine h4{font-size:13px;font-weight:600;color:#374151;margin:0 0 10px}.chat-context-details{display:flex;flex-direction:column;gap:4px}.chat-context-details .context-name{font-size:16px;font-weight:600;color:#1f2937;margin-bottom:4px}.chat-context-details .context-item{font-size:13px;color:#6b7280}.chat-context-section{background:#fff;border-radius:12px;padding:14px 16px;border:1px solid #e5e7eb}.chat-context-section h4{font-size:13px;font-weight:600;color:var(--section-color);margin:0 0 10px}.chat-context-trivia{display:flex;flex-direction:column;gap:8px}.chat-context-trivia p{font-size:13px;line-height:1.6;color:#374151;margin:0}.chat-context-trivia p strong{color:var(--section-color);font-weight:500;font-size:12px;display:block;margin-bottom:2px}.chat-empty-prompt{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:8px}.chat-empty-prompt svg{opacity:.6;color:var(--section-color)}.chat-empty-prompt h3{font-size:16px;font-weight:600;margin:0;color:#1f2937}.chat-empty-prompt p{font-size:13px;margin:0;color:#6b7280}.chat-modal-note{padding:8px 20px 12px;text-align:center;font-size:12px;color:#6b7280;background:#f3f4f6;border-top:1px solid #e5e7eb}@media(max-width:600px){.chat-modal-overlay{padding:0;align-items:flex-end}.chat-modal{max-width:100%;max-height:90vh;border-radius:20px 20px 0 0;border-bottom:none}.chat-messages{max-height:60vh}.chat-modal-title span{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.chat-empty{padding:16px}.chat-context-wine,.chat-context-section{padding:12px 14px}}.capture-page{min-height:100vh;background:#f8f9fa}.capture-content{padding:20px 20px 160px;max-width:600px;margin:0 auto}.capture-start{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 20px;min-height:60vh}.capture-start-icon{font-size:80px;margin-bottom:24px}.capture-start h2{font-size:24px;font-weight:700;color:#1a1a1a;margin:0 0 12px}.capture-start p{color:#666;font-size:15px;line-height:1.7;margin:0 0 32px}.capture-btn{display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#722f37,#9a4a54);color:#fff;border:none;padding:18px 36px;border-radius:14px;font-size:18px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.capture-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px #722f3766}.capture-analyzing{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 20px;min-height:60vh}.capture-analyzing-spinner{color:#722f37;animation:spin 1s linear infinite;margin-bottom:24px}.capture-analyzing h2{font-size:22px;color:#1a1a1a;margin:0 0 8px}.capture-analyzing p{color:#888;margin:0}.capture-result{padding-bottom:40px}.capture-image-preview{position:relative;border-radius:16px;overflow:hidden;margin-bottom:24px;box-shadow:0 4px 20px #0000001a}.capture-image-preview img{width:100%;max-height:300px;object-fit:cover}.capture-reset-btn{position:absolute;top:12px;right:12px;background:#0009;color:#fff;border:none;padding:10px;border-radius:50%;cursor:pointer;transition:background .2s}.capture-reset-btn:hover{background:#000c}.compression-info{position:absolute;bottom:12px;left:12px;display:flex;align-items:center;gap:6px;background:#000000b3;color:#fff;padding:6px 12px;border-radius:20px;font-size:11px}.compression-info svg{opacity:.8}.capture-wine-info{background:#fff;border-radius:20px;padding:24px;box-shadow:0 4px 20px #00000014}.wine-name{font-size:26px;font-weight:700;color:#1a1a1a;margin:0 0 8px;line-height:1.3}.wine-producer{font-size:16px;color:#722f37;font-weight:500;margin:0 0 20px}.wine-details{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.wine-detail{background:#f8f9fa;padding:8px 14px;border-radius:20px;font-size:14px;color:#555}.wine-section{margin-bottom:24px}.wine-section h3{font-size:16px;font-weight:600;color:#333;margin:0 0 12px}.wine-section p{color:#555;font-size:15px;line-height:1.7;margin:0}.trivia-loading-icon{color:#d97706;animation:spin 1s linear infinite}.trivia-card.loaded{animation:triviaFadeIn .4s ease-out}@keyframes triviaFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.trivia-card.skeleton{background:#fff}.trivia-card-skeleton-content{padding:16px;display:flex;flex-direction:column;gap:10px}.skeleton-line{height:14px;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:skeletonPulse 1.5s ease-in-out infinite;border-radius:4px}@keyframes skeletonPulse{0%{background-position:200% 0}to{background-position:-200% 0}}.category-selector{display:flex;flex-wrap:wrap;gap:8px}.category-option{padding:8px 16px;border-radius:20px;border:2px solid #e5e7eb;background:#fff;color:#666;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.category-option:hover{border-color:var(--cat-color, #722f37);color:var(--cat-color, #722f37)}.category-option.active{background:var(--cat-color, #722f37);border-color:var(--cat-color, #722f37);color:#fff}.list-toggles{display:flex;gap:12px}.list-toggle{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 16px;border-radius:12px;border:2px solid #e5e7eb;background:#fff;color:#666;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.list-toggle:hover{border-color:#ccc;background:#f9fafb}.list-toggle.active.favorite{border-color:#fecaca;background:#fef2f2;color:#ef4444}.list-toggle.active.wishlist{border-color:#bfdbfe;background:#eff6ff;color:#3b82f6}.rating-stars{display:flex;gap:8px}.rating-star{background:none;border:none;cursor:pointer;color:#d1d5db;padding:4px;transition:transform .2s}.rating-star:hover{transform:scale(1.2)}.rating-star.active{color:#f59e0b}.wine-section textarea{width:100%;padding:14px;border:2px solid #e5e7eb;border-radius:12px;font-size:15px;resize:vertical;font-family:inherit;transition:border-color .2s}.wine-section textarea:focus{outline:none;border-color:#722f37}.location-btn{display:flex;align-items:center;gap:8px;background:#f3f4f6;color:#444;border:none;padding:14px 20px;border-radius:12px;font-size:15px;font-weight:500;cursor:pointer;transition:background .2s}.location-btn:hover:not(:disabled){background:#e5e7eb}.location-btn:disabled{opacity:.7;cursor:not-allowed}.location-info{display:flex;align-items:center;gap:10px;background:#ecfdf5;color:#065f46;padding:14px 20px;border-radius:12px;font-size:15px}.location-check{color:#10b981}.location-container{display:flex;flex-direction:column;gap:12px}.location-area{color:#6b7280;font-size:13px}.venue-input-container{display:flex;flex-direction:column;gap:6px}.venue-input-container label{font-size:13px;color:#6b7280;font-weight:500}.venue-input{width:100%;padding:12px 14px;border:2px solid #e5e7eb;border-radius:10px;font-size:15px;font-family:inherit;transition:border-color .2s}.venue-input:focus{outline:none;border-color:#722f37}.place-picker{display:flex;flex-direction:column;gap:12px}.place-picker-label{font-size:14px;color:#374151;font-weight:500;margin:0}.place-picker-list{display:flex;flex-direction:column;gap:8px;max-height:280px;overflow-y:auto}.place-picker-item{width:100%;padding:14px 16px;background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .2s;text-align:left}.place-picker-item:hover{background:#f3f4f6;border-color:#722f37;transform:translate(4px)}.place-picker-item-content{display:flex;flex-direction:column;gap:4px}.place-picker-item .place-name{font-size:15px;font-weight:600;color:#1f2937}.place-picker-item .place-address{font-size:13px;color:#6b7280}.place-picker-item .place-rating{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:#d97706;font-weight:500;margin-top:4px}.place-picker-item .place-rating svg{color:#f59e0b}.place-picker-skip{width:100%;padding:12px;background:transparent;border:2px dashed #d1d5db;border-radius:10px;color:#6b7280;font-size:14px;cursor:pointer;transition:all .2s}.place-picker-skip:hover{background:#f3f4f6;border-color:#9ca3af;color:#4b5563}.location-change-btn{margin-left:auto;background:none;border:none;color:#059669;font-size:13px;font-weight:500;cursor:pointer;text-decoration:underline}.location-change-btn:hover{color:#047857}.place-list{display:flex;flex-direction:column;gap:6px;max-height:200px;overflow-y:auto}.place-item{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 14px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;transition:all .2s;text-align:left}.place-item:hover{background:#f3f4f6;border-color:#722f37}.place-name{font-size:14px;font-weight:600;color:#1f2937}.place-address{font-size:12px;color:#6b7280}.location-reset-btn{background:none;border:none;color:#9ca3af;font-size:13px;cursor:pointer;padding:8px 0;text-decoration:underline}.location-reset-btn:hover{color:#6b7280}.place-skip-btn{width:100%;padding:12px;margin-top:8px;background:#f3f4f6;border:1px dashed #d1d5db;border-radius:10px;color:#6b7280;font-size:14px;cursor:pointer;transition:all .2s}.place-skip-btn:hover{background:#e5e7eb;border-color:#9ca3af;color:#4b5563}.save-btn-fixed{position:fixed;bottom:110px;right:24px;display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,#722f37,#9a4a54);color:#fff;border:none;padding:16px 28px;border-radius:50px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 20px #722f3766;z-index:90}.save-btn-fixed:hover:not(:disabled){transform:translateY(-2px) scale(1.02);box-shadow:0 8px 30px #722f3780}.save-btn-fixed:disabled{opacity:.7;cursor:not-allowed}.save-btn-fixed.saved{background:linear-gradient(135deg,#059669,#10b981);box-shadow:0 4px 20px #05966966;opacity:1;cursor:default}@media(max-width:480px){.save-btn-fixed{bottom:110px;right:16px;left:16px;padding:16px;border-radius:14px}}@supports (padding-bottom: env(safe-area-inset-bottom)){.save-btn-fixed{bottom:calc(110px + env(safe-area-inset-bottom))}}@media(max-width:480px){.capture-content{padding:16px 16px 160px}.capture-wine-info{padding:20px}.wine-name{font-size:22px}.wine-trivia-expanded{margin-left:-20px;margin-right:-20px;padding:20px}.trivia-card-content{padding:14px}.trivia-item p{font-size:13px}}.wine-detail-page{min-height:100vh;background:#f8f9fa}.wine-detail-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#fff;border-bottom:1px solid #eee}.back-btn{background:none;border:none;color:#333;cursor:pointer;padding:8px;border-radius:8px;transition:background .2s}.back-btn:hover{background:#f3f4f6}.wine-detail-actions{display:flex;gap:8px}.action-btn{background:#f3f4f6;border:none;padding:10px;border-radius:10px;cursor:pointer;transition:all .2s}.action-btn.edit{color:#666}.action-btn.edit:hover{background:#e5e7eb;color:#333}.action-btn.delete{color:#dc2626}.action-btn.delete:hover{background:#fef2f2}.action-btn.save{background:#722f37;color:#fff}.action-btn.save:hover{background:#5a252c}.action-btn.cancel{color:#666}.action-btn.cancel:hover{background:#e5e7eb}.action-btn.favorite{color:#666}.action-btn.favorite:hover,.action-btn.favorite.active{background:#fef2f2;color:#ef4444}.action-btn.wishlist{color:#666}.action-btn.wishlist:hover,.action-btn.wishlist.active{background:#eff6ff;color:#3b82f6}.wine-detail-content{max-width:600px;margin:0 auto;padding:20px 20px 140px}.wine-detail-image{position:relative;border-radius:16px;overflow:hidden;margin-bottom:24px;box-shadow:0 4px 20px #0000001a}.wine-detail-image img{width:100%;max-height:400px;object-fit:cover}.wine-detail-category{position:absolute;top:16px;left:16px;padding:6px 16px;border-radius:20px;font-size:13px;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.wine-detail-info{background:#fff;border-radius:20px;padding:24px;box-shadow:0 4px 20px #00000014}.wine-detail-info h1{font-size:26px;font-weight:700;color:#1a1a1a;margin:0 0 8px;line-height:1.3}.wine-detail-producer{font-size:16px;color:#722f37;font-weight:500;margin:0 0 20px}.wine-detail-meta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.meta-item{display:flex;align-items:center;gap:6px;background:#f8f9fa;padding:8px 14px;border-radius:20px;font-size:14px;color:#555}.wine-detail-badges{display:flex;gap:8px;margin-bottom:20px}.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:500}.badge.favorite{background:#fef2f2;color:#ef4444}.badge.wishlist{background:#eff6ff;color:#3b82f6}.wine-detail-rating{display:flex;gap:4px;margin-bottom:24px}.wine-detail-rating.editing{gap:8px}.wine-detail-rating .rating-star{background:none;border:none;cursor:pointer;color:#d1d5db;padding:2px;transition:transform .2s}.wine-detail-rating .rating-star:hover{transform:scale(1.2)}.wine-detail-rating .rating-star.active{color:#f59e0b}.wine-detail-section{margin-bottom:24px}.wine-detail-section h3{font-size:16px;font-weight:600;color:#333;margin:0 0 12px}.wine-detail-section p{color:#555;font-size:15px;line-height:1.7;margin:0}.wine-detail-section.trivia-legacy{background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:16px;margin-left:-24px;margin-right:-24px;padding:20px 24px}.wine-detail-section.trivia-legacy h3{color:#92400e}.wine-detail-section.trivia-legacy p{color:#78350f}.wine-trivia-expanded{margin-bottom:24px;margin-left:-24px;margin-right:-24px;padding:24px;background:linear-gradient(135deg,#fefce8,#fef3c7)}.trivia-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.trivia-header h3{font-size:18px;font-weight:700;color:#78350f;margin:0}.trivia-sections{display:flex;flex-direction:column;gap:16px}.trivia-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 8px #0000000f}.trivia-card-header{display:flex;align-items:center;gap:10px;padding:14px 16px;background:linear-gradient(90deg,rgba(0,0,0,.02) 0%,transparent 100%);border-bottom:1px solid rgba(0,0,0,.05)}.trivia-card-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--accent-color, #722f37);color:#fff;border-radius:8px}.trivia-card-header h4{font-size:15px;font-weight:600;color:#1f2937;margin:0;flex:1}.trivia-ask-btn{display:flex;align-items:center;gap:4px;background:var(--accent-color, #722f37);color:#fff;border:none;padding:6px 12px;border-radius:16px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;opacity:.9}.trivia-ask-btn:hover{opacity:1;transform:scale(1.05);box-shadow:0 2px 8px #0003}.trivia-ask-btn span{display:none}@media(min-width:400px){.trivia-ask-btn span{display:inline}}.trivia-card-content{padding:16px}.trivia-item{margin-bottom:14px}.trivia-item:last-child{margin-bottom:0}.trivia-label{display:block;font-size:12px;font-weight:600;color:var(--accent-color, #722f37);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.trivia-item p{color:#374151;font-size:14px;line-height:1.7;margin:0}.pairing-suggestions{display:flex;flex-wrap:wrap;gap:8px}.pairing-tag{display:inline-block;padding:6px 12px;background:#f0f9ff;color:#0369a1;border-radius:20px;font-size:13px;font-weight:500}.wine-detail-section textarea{width:100%;padding:14px;border:2px solid #e5e7eb;border-radius:12px;font-size:15px;resize:vertical;font-family:inherit;transition:border-color .2s}.wine-detail-section textarea:focus{outline:none;border-color:#722f37}.location-text{display:flex;align-items:center;gap:8px}.wine-detail-date{color:#888;font-size:13px;text-align:right;padding-top:16px;border-top:1px solid #eee}.wine-detail-loading,.wine-detail-not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:16px}.wine-detail-not-found p{color:#666;font-size:16px}.wine-detail-not-found button{background:#722f37;color:#fff;border:none;padding:12px 24px;border-radius:10px;font-size:15px;cursor:pointer}.delete-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.delete-modal{background:#fff;border-radius:20px;padding:28px;max-width:360px;width:100%;text-align:center}.delete-modal h3{font-size:18px;color:#1a1a1a;margin:0 0 8px}.delete-modal p{color:#666;font-size:14px;margin:0 0 24px}.delete-modal-actions{display:flex;gap:12px}.modal-btn{flex:1;padding:14px;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:opacity .2s}.modal-btn.cancel{background:#f3f4f6;color:#333}.modal-btn.delete{background:#dc2626;color:#fff}.modal-btn:hover{opacity:.9}@media(max-width:480px){.wine-detail-content{padding:16px}.wine-detail-info{padding:20px}.wine-detail-info h1{font-size:22px}.wine-detail-section.trivia-legacy{margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px}.wine-trivia-expanded{margin-left:-20px;margin-right:-20px;padding:20px}.trivia-card-content{padding:14px}.trivia-item p{font-size:13px}}.wine-map-container{width:100%;height:calc(100vh - 180px);min-height:400px}.wine-map-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 20px;min-height:400px}.wine-map-empty-icon{font-size:64px;margin-bottom:20px}.wine-map-empty h3{font-size:20px;color:#333;margin:0 0 12px}.wine-map-empty p{color:#888;font-size:15px;line-height:1.6;margin:0}.wine-map-empty code{background:#f5f5f5;padding:2px 6px;border-radius:4px;font-size:13px;color:#722f37}.wine-map-popup{cursor:pointer;min-width:200px;max-width:250px}.wine-map-popup img{width:100%;height:100px;object-fit:cover;border-radius:8px;margin-bottom:8px}.wine-map-popup-content h4{margin:0 0 4px;font-size:14px;font-weight:600;color:#1a1a1a}.wine-map-popup-content .producer{margin:0 0 4px;font-size:12px;color:#722f37}.wine-map-popup-content .venue{margin:0 0 2px;font-size:12px;color:#555}.wine-map-popup-content .location{margin:0;font-size:11px;color:#888}.gm-style-iw{padding:0!important}.gm-style-iw-d{overflow:hidden!important;padding:12px!important}.gm-ui-hover-effect{top:0!important;right:0!important}.map-page{min-height:100vh;background:#f8f9fa}.map-content{height:calc(100vh - 56px)}.map-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;height:100%}.map-loading .spinner{width:40px;height:40px;border:3px solid #f3f4f6;border-top-color:#722f37;border-radius:50%;animation:spin 1s linear infinite}.map-loading p{color:#888;font-size:15px}.map-content .wine-map-container{height:100%!important;min-height:unset!important}.map-content .wine-map-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.settings-page{min-height:100vh;background:#f8f9fa}.settings-content{padding:24px 16px 140px;max-width:600px;margin:0 auto}.settings-title{font-size:28px;font-weight:700;color:#1a1a1a;margin-bottom:24px}.settings-section{margin-bottom:24px}.settings-section-title{font-size:13px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;padding-left:4px}.settings-card{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000a;overflow:hidden}.settings-item{display:flex;align-items:center;padding:16px;gap:12px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background .2s}.settings-item:last-child{border-bottom:none}.settings-item:hover{background:#fafafa}.settings-item.user-info{cursor:default}.settings-item.user-info:hover{background:transparent}.user-avatar{width:48px;height:48px;background:linear-gradient(135deg,#722f37,#9a4a54);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.user-details{display:flex;flex-direction:column;gap:2px}.user-email{font-size:16px;font-weight:600;color:#1a1a1a}.user-label{font-size:13px;color:#22c55e;font-weight:500}.settings-item-icon{width:36px;height:36px;background:#f3f4f6;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#666}.settings-item-content{flex:1;display:flex;flex-direction:column;gap:2px}.settings-item-label{font-size:15px;font-weight:500;color:#1a1a1a}.settings-item-value{font-size:13px;color:#888}.settings-item-arrow{color:#ccc}.logout-button{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;background:#fff;border:1px solid #fee2e2;border-radius:16px;color:#ef4444;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.logout-button:hover:not(:disabled){background:#fef2f2;border-color:#fecaca}.logout-button:active:not(:disabled){transform:scale(.98)}.logout-button:disabled{opacity:.6;cursor:not-allowed}.settings-footer{text-align:center;padding:32px 16px;color:#888}.settings-footer p{margin:0;font-size:14px;font-weight:500}.settings-footer-sub{font-size:12px!important;font-weight:400!important;margin-top:4px!important;color:#aaa}@media(max-width:768px){.settings-content{padding:20px 16px 140px}.settings-title{font-size:24px}}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8f9fa}.app-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#722f37,#4a1e24)}.spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}button{font-family:inherit}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#aaa}