:root{--background: #F2F0EB;--text-primary: #444E4C;--text-secondary: #B9C2C1;--border: #B9C2C1;--accent-green: #DAE200;--accent-rose: #FF8D7E;font-family:system-ui,Segoe UI,Roboto,sans-serif;font-size:16px;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;background-color:#f2f0eb;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n' x='0' y='0'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");background-blend-mode:multiply}@media (min-width: 520px){body{background-color:#2c3130;background-image:none;display:flex;justify-content:center;padding:32px 0;min-height:100svh;box-sizing:border-box}#root{border-radius:40px;min-height:auto;height:fit-content;box-shadow:0 24px 80px #00000080;overflow:hidden}}p{margin:0}#root{width:480px;max-width:100%;margin:0 auto;min-height:100svh;display:flex;flex-direction:column;box-sizing:border-box}.home-hero{position:relative;height:185px;overflow:hidden}.home-hero-img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.home-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0000001a,#0000008c)}.home-hero-lockup{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:0;white-space:nowrap}.home-hero-logo{max-width:160px;width:100%;display:block}.home-hero-favicon{height:22px;width:auto;display:block;flex-shrink:0;margin-right:-10px}.home-page{padding:0 16px 20px}.selection-strip{margin:0 -16px;padding:0 16px 12px;overflow:hidden;background:linear-gradient(to bottom,#e4e2dd,#f2f0eb)}.selection-scroll{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:12px;padding:0 32px 8px 16px;margin:0 -16px}.selection-scroll::-webkit-scrollbar{display:none}.selection-card{flex:0 0 140px;scroll-snap-align:start;background:#fff;border-radius:10px;overflow:hidden;cursor:pointer;box-shadow:0 2px 8px #00000014}.selection-card-image{width:140px;height:160px;background:#fff;overflow:hidden;display:flex;align-items:center;justify-content:center}.selection-card-image img{width:100%;height:100%;object-fit:contain;display:block}.selection-card-image-placeholder{font-size:10px;color:var(--text-secondary);text-align:center;padding:8px}.selection-card-info{padding:6px 10px 8px}.selection-card-producer{font-size:13px;font-weight:700;color:var(--text-primary);margin-bottom:2px}.selection-card-cuvee{font-size:12px;font-weight:500;color:var(--text-primary);margin-bottom:2px}.selection-card-country{font-size:11px;color:var(--text-secondary)}.selection-caption{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-rose);text-align:center;margin:8px 0}.selection-empty{padding:24px 0 16px;text-align:center}.selection-empty-heading{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:6px}.selection-empty-sub{font-size:13px;color:var(--text-secondary);line-height:1.5}.tile-zone{margin-top:6px;display:flex;flex-direction:column;gap:6px}.btn-share-bar{width:100%;margin-top:6px;padding:11px;background:var(--text-primary);color:#fff;border:none;border-radius:8px;cursor:pointer;font-family:inherit;display:flex;flex-direction:column;align-items:center;gap:3px;box-sizing:border-box}.btn-share-bar-label{font-size:14px;font-weight:500;letter-spacing:.01em}.btn-share-bar-sub{font-size:10px;opacity:.65}.btn-primary{width:100%;padding:14px;background:var(--text-primary);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;letter-spacing:.01em;font-family:inherit}.btn-added{cursor:default}.btn-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.btn-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:56px;padding:5px 10px;border-radius:10px;border:none;cursor:pointer;text-decoration:none;text-align:center;gap:4px;box-sizing:border-box;font-family:inherit;box-shadow:0 4px #0000002e;transition:transform .1s ease,box-shadow .1s ease}.btn-tile-label{font-size:13px;font-weight:500;line-height:1.3}.btn-tile-sub{font-size:10px;opacity:.8;font-weight:400;line-height:1.3}.btn-tile-sparkle{font-size:18px;margin-top:2px;opacity:.75}.btn-tile-img{max-height:32px;width:auto;margin-top:4px;object-fit:contain;background:transparent;mix-blend-mode:multiply}.btn-tile--rose{background:#ff8d7e;color:#fff}.btn-tile--charcoal{background:#444e4c;color:#fff}.btn-tile--outlined{background:transparent;border:1.5px solid var(--border);color:var(--text-primary)}.btn-primary:focus-visible,.btn-tile:focus-visible{outline:2px solid var(--text-primary);outline-offset:2px}.btn-tile:active{transform:translateY(3px);box-shadow:0 1px #0000002e}.discover{text-align:left;padding:16px 16px 80px;background:var(--background)}.discover-search-wrap{margin-bottom:24px}.discover-search{width:100%;box-sizing:border-box;padding:10px 14px;border:1px solid var(--border);border-radius:8px;background:var(--background);color:var(--text-primary);font:inherit;font-size:15px;outline:none;-webkit-appearance:none}.discover-search:focus{border-color:var(--accent-green)}.discover-search::placeholder{color:var(--text-secondary);opacity:.8}.discover-group{margin-bottom:32px}.discover-month-row{display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid #FF8D7E;padding-bottom:8px;margin:0 0 16px}.discover-month{font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:#444e4c;margin:0}.discover-add-month-btn{flex-shrink:0;font-size:10px;font-weight:600;letter-spacing:.04em;color:var(--text-secondary);background:none;border:1px solid var(--border);border-radius:20px;padding:3px 10px;cursor:pointer;font-family:inherit;white-space:nowrap;transition:color .15s,border-color .15s;-webkit-tap-highlight-color:transparent}.discover-add-month-btn:hover:not(:disabled){color:var(--text-primary);border-color:var(--text-primary)}.discover-add-month-btn.added,.discover-add-month-btn:disabled{opacity:.6;cursor:default}.discover-grid{display:flex;flex-direction:column;gap:12px}.bottle-card-link{text-decoration:none;display:block;color:inherit}.bottle-card{border:1px solid rgba(0,0,0,.06);border-radius:8px;overflow:hidden;background-color:#fff;box-shadow:0 2px #00000014,0 3px 8px #0000000d}.bottle-card-inner{display:flex;flex-direction:row;align-items:stretch}.bottle-card-image{width:80px;height:100px;background-color:#fff;flex-shrink:0;overflow:hidden;align-self:stretch}.bottle-card-image img{width:100%;height:100%;object-fit:contain;display:block}.bottle-card-image-placeholder{width:100%;height:100%;background:#f2f0eb;border-right:1px solid #B9C2C1;display:flex;align-items:center;justify-content:center;padding:8px;box-sizing:border-box}.bottle-card-image-placeholder span{font-size:10px;color:var(--text-secondary);text-align:center;line-height:1.3;word-break:break-word}.bottle-card-info{flex:1;min-width:0;padding:10px 12px}.bottle-card-name-row{display:flex;align-items:center;justify-content:space-between;gap:6px}.heart-btn{background:none;border:none;font-size:18px;color:var(--text-secondary);cursor:pointer;line-height:1;padding:8px;margin:-8px;flex-shrink:0}.heart-btn.hearted{color:var(--accent-rose)}.bottle-card-name{font-weight:700;color:#444e4c;font-size:15px;line-height:1.3;margin:0}.bottle-card-cuvee{font-size:13px;font-weight:500;color:var(--text-primary);margin:3px 0 0}.bottle-card-region{font-size:12px;color:#6b7776;margin:4px 0 0}.bottle-card-meta{font-size:12px;color:#6b7776;margin:2px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bottle-card-price{font-size:12px;font-weight:400;color:#6b7776;margin:6px 0 0}.discover-empty{text-align:center;padding:48px 0;color:var(--text-secondary);margin:0}.bottle-detail{text-align:left;background:var(--background);min-height:100svh}.bottle-detail-back{display:inline-flex;align-items:center;gap:6px;padding:14px 16px;font-size:14px;color:var(--text-primary);text-decoration:none}.bottle-detail-back:hover{opacity:.7}.bottle-detail-image-wrap{width:100%;height:200px;overflow:hidden;background:#fff}.bottle-detail-image{width:100%;height:calc(100% + 120px);object-fit:cover;object-position:center 68%;transform:translateY(-120px)}.bottle-detail-body{padding:16px 16px 100px}.bottle-detail-producer{font-size:22px;font-weight:700;color:var(--text-primary);margin:0;line-height:1.2}.bottle-detail-cuvee{font-size:16px;font-weight:400;color:var(--text-primary);margin:4px 0 0}.bottle-detail-meta{margin:14px 0 0;display:flex;flex-direction:column;gap:7px}.bottle-detail-meta-line{font-size:13px;color:var(--text-primary);margin:0}.bottle-detail-price{font-size:15px;font-weight:600;color:var(--text-primary);margin:8px 0 0}.bottle-detail-divider{border:none;border-top:1px solid var(--border);margin:20px 0}.bottle-detail-section{margin-bottom:20px}.bottle-detail-label{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-primary);margin:0 0 6px}.bottle-detail-text{font-size:15px;color:var(--text-primary);line-height:1.65;margin:0}.bottle-detail-notable{border-left:3px solid #FF8D7E;padding-left:12px;margin-bottom:20px}.bottle-detail-notable .bottle-detail-text{font-style:italic}.bottle-detail-loading,.bottle-detail-error{text-align:center;padding:48px 16px;color:var(--text-secondary)}.detail-header-row{display:flex;justify-content:space-between;align-items:center}.detail-actions{display:flex;justify-content:space-evenly;margin:16px -4px 4px}.detail-action-btn{display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:6px 12px;font-family:inherit;transition:color .15s;-webkit-tap-highlight-color:transparent;flex:1}.detail-action-btn span{font-size:8px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.detail-action-btn.active{color:var(--accent-green)}.detail-action-btn:disabled{cursor:default}.detail-notes-section{margin-top:4px}.detail-notes-input{width:100%;box-sizing:border-box;padding:12px;border:1.5px solid var(--text-secondary);border-radius:6px;background:var(--background);font-size:14px;color:var(--text-primary);font-family:inherit;resize:none;margin-top:10px}.detail-notes-input:focus{outline:none;border-color:var(--accent-green)}.detail-notes-save{display:block;width:100%;margin-top:10px;padding:12px;background:var(--accent-green);border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;color:var(--text-primary);text-align:center}.detail-remove-btn{display:block;width:100%;margin-top:16px;padding:10px;background:none;border:1.5px solid var(--border);border-radius:6px;font-size:13px;font-weight:500;color:var(--text-secondary);cursor:pointer;text-align:center}.detail-remove-btn:hover{border-color:var(--accent-rose);color:var(--accent-rose)}.my-bottles{padding:16px 16px 100px;background:var(--background);display:flex;flex-direction:column;gap:12px}.my-bottles-empty-wrap{display:flex;align-items:center;justify-content:center;min-height:60svh}.my-bottles-empty{text-align:center;color:var(--text-secondary);font-size:15px;margin:0;padding:48px 16px}.my-bubbles-fav-header{display:flex;flex-direction:column;gap:10px;margin-bottom:4px}.my-bubbles-fav-title-row{display:flex;align-items:center;justify-content:space-between}.my-bubbles-fav-title{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-primary)}.my-bubbles-filter-clear{background:none;border:none;font-size:14px;color:var(--text-secondary);cursor:pointer;padding:0 4px;line-height:1}.my-bubbles-toggle{display:flex;gap:0;border:1.5px solid var(--border);border-radius:8px;overflow:hidden;align-self:flex-start}.my-bubbles-toggle-btn{flex:1;padding:7px 16px;font-size:12px;font-weight:600;font-family:inherit;background:none;border:none;color:var(--text-secondary);cursor:pointer;transition:background .15s,color .15s;white-space:nowrap}.my-bubbles-toggle-btn+.my-bubbles-toggle-btn{border-left:1.5px solid var(--border)}.my-bubbles-toggle-btn.active{background:var(--accent-green);color:var(--text-primary)}.my-bottle-card{background-color:#fff;border:none;border-radius:8px;overflow:hidden;display:flex;flex-direction:row;align-items:stretch;cursor:pointer;box-shadow:0 2px #00000014,0 3px 8px #0000000d}.my-bottle-image{flex-shrink:0;width:90px;background-color:#fff}.my-bottle-image img{width:100%;height:100%;object-fit:contain;display:block}.my-bottle-image-placeholder{width:100%;height:100%;background:#f2f0eb;border:1px solid #B9C2C1;display:flex;align-items:center;justify-content:center;padding:6px;box-sizing:border-box}.my-bottle-image-placeholder span{font-size:10px;color:var(--text-secondary);text-align:center;line-height:1.3;word-break:break-word}.my-bottle-content{flex:1;min-width:0;padding:14px 14px 14px 12px;display:flex;flex-direction:column;gap:12px}.my-bottle-header{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.my-bottle-producer{font-size:15px;font-weight:700;color:var(--text-primary);margin:0;line-height:1.3}.my-bottle-notes-btn{flex-shrink:0;font-size:11px;color:var(--text-secondary);background:none;border:1px solid var(--border);border-radius:20px;padding:2px 8px;white-space:nowrap;cursor:pointer;font-family:inherit;transition:color .15s,border-color .15s}.my-bottle-notes-btn:hover{color:var(--text-primary);border-color:var(--text-primary)}.my-bottle-info{display:flex;flex-direction:column}.my-bottle-cuvee{font-size:13px;font-weight:600;color:#444e4c;margin:3px 0 0}.my-bottle-meta{font-size:12px;color:#6b7776;margin:3px 0 0}.my-bottle-date{font-size:12px;color:var(--text-secondary);margin:6px 0 0}.bubble-rating{display:flex;gap:8px}.bubble{width:24px;height:24px;border-radius:50%;border:2px solid #B9C2C1;background:transparent;cursor:pointer;padding:0;position:relative;transition:background .15s,border-color .15s;-webkit-tap-highlight-color:transparent}.bubble:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px}.bubble-filled{background:#dae200;border-color:#dae200}.connect-page{padding:24px 20px 0;max-width:480px;margin:0 auto}.connect-section{margin-bottom:28px}.connect-section-label{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-primary);margin-bottom:14px}.connect-textarea{width:100%;box-sizing:border-box;padding:14px;border:1.5px solid var(--text-secondary);border-radius:6px;background:var(--background);font-size:14px;color:var(--text-primary);font-family:inherit;resize:none;min-height:120px}.connect-textarea::placeholder{color:var(--text-secondary)}.connect-textarea:focus{outline:none;border-color:var(--accent-green)}.connect-submit{margin-top:12px;width:100%;padding:14px;background:var(--accent-green);border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;color:var(--text-primary)}.connect-submit:disabled{opacity:.5;cursor:default}.connect-confirmation{font-size:14px;color:var(--text-secondary);font-style:italic;margin-top:12px}.connect-send-another{display:block;width:100%;margin-top:16px;padding:12px;background:none;border:1.5px solid var(--border);border-radius:6px;font-size:13px;font-weight:500;color:var(--text-secondary);cursor:pointer;text-align:center;font-family:inherit}.connect-send-another:hover{border-color:var(--text-primary);color:var(--text-primary)}.connect-photo-wrap{margin:-32px -20px 0}.connect-photo{width:100%;display:block;opacity:.4;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 28%);mask-image:linear-gradient(to bottom,transparent 0%,black 28%)}.connect-signout{display:block;width:100%;padding:20px 0 32px;background:none;border:none;font-size:11px;color:var(--text-secondary);cursor:pointer;text-align:center;font-family:inherit;opacity:.5}.connect-signout:hover{opacity:.8}.login-page{min-height:100svh;background:var(--background);display:flex;align-items:center;justify-content:center;padding:24px 32px;box-sizing:border-box}.login-inner{width:100%;max-width:340px;display:flex;flex-direction:column;gap:32px}.login-brand{text-align:center}.login-brand-name{font-size:32px;font-weight:700;color:var(--text-primary);letter-spacing:-.5px}.login-brand-dot{color:var(--accent-green)}.login-brand-sub{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);margin:8px 0 0}.login-form{display:flex;flex-direction:column;gap:12px}.login-input{width:100%;box-sizing:border-box;padding:14px;border:1.5px solid var(--border);border-radius:6px;background:#fff;font-size:15px;color:var(--text-primary);font-family:inherit}.login-input::placeholder{color:var(--text-secondary)}.login-input:focus{outline:none;border-color:var(--accent-green)}.login-error{font-size:13px;color:var(--accent-rose);margin:0;text-align:center}.login-submit{width:100%;padding:14px;background:var(--accent-green);border:none;border-radius:6px;font-size:15px;font-weight:600;color:var(--text-primary);cursor:pointer;margin-top:4px}.login-submit:disabled{opacity:.45;cursor:default}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;display:flex;justify-content:space-around;align-items:center;padding:6px 0 max(10px,env(safe-area-inset-bottom));background:#444e4c;border-top:none}.bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:3px;text-decoration:none;color:#b9c2c1;font-size:10px;letter-spacing:.02em;padding:4px 8px;border-radius:8px;transition:color .15s}.bottom-nav a.active{color:#fff}.bottom-nav a.active svg{stroke:#dae200}