.toast-container[data-v-f83097ab]{position:fixed;top:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:12px;pointer-events:none}.toast-item[data-v-f83097ab]{pointer-events:auto;min-width:250px;max-width:400px;padding:12px 20px;border-radius:var(--border-radius-lg);display:flex;align-items:center;gap:12px;box-shadow:var(--shadow-floating);cursor:pointer;transition:all .3s ease}.toast-item[data-v-f83097ab]:hover{transform:translateY(-2px);filter:brightness(1.1)}.toast-icon[data-v-f83097ab]{font-size:1.2rem;flex-shrink:0}.toast-message[data-v-f83097ab]{font-size:.95rem;font-weight:500;color:var(--color-text)}.toast-item.success[data-v-f83097ab]{border-left:4px solid #28a745}.toast-item.error[data-v-f83097ab]{border-left:4px solid #dc3545}.toast-item.info[data-v-f83097ab]{border-left:4px solid var(--color-accent)}.toast-enter-from[data-v-f83097ab]{opacity:0;transform:translate(30px)}.toast-leave-to[data-v-f83097ab]{opacity:0;transform:scale(.9)}.toast-enter-active[data-v-f83097ab],.toast-leave-active[data-v-f83097ab]{transition:all .3s ease}.app-container[data-v-94940dfe]{display:flex;flex-direction:column;min-height:100dvh;margin:0;padding:0;background-color:transparent}.content[data-v-94940dfe]{flex:1}.floating-nav-container[data-v-94940dfe]{position:fixed;bottom:12px;left:0;right:0;display:flex;justify-content:center;pointer-events:none;z-index:1000;padding:0 16px}.glass-pill-nav[data-v-94940dfe]{pointer-events:auto;display:flex;justify-content:space-around;align-items:center;background-color:var(--color-nav-bg);border-radius:var(--border-radius-pill);padding:8px 16px;width:100%;max-width:400px;box-shadow:0 0 12px #0000001a;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1)}.nav-item[data-v-94940dfe]{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:var(--color-nav-text);font-size:.75rem;font-weight:500;padding:6px 12px;border-radius:var(--border-radius-md);transition:all .2s ease}.nav-item[data-v-94940dfe]:hover,.nav-item.router-link-active[data-v-94940dfe]{color:var(--color-nav-active)}.nav-item.router-link-active .icon[data-v-94940dfe]{color:var(--color-nav-active-accent)}.icon[data-v-94940dfe]{font-size:1.3rem;margin-bottom:4px;transition:color .2s ease;filter:grayscale(100%)}.nav-item.router-link-active .icon[data-v-94940dfe]{filter:grayscale(0%)}.offline-banner[data-v-94940dfe]{position:sticky;top:0;z-index:2000;display:flex;align-items:center;justify-content:center;gap:8px;padding:6px 16px;background-color:#e8860c;color:#fff;font-size:.8rem;font-weight:600;letter-spacing:.02em;text-align:center;-webkit-user-select:none;user-select:none}.offline-dot[data-v-94940dfe]{width:8px;height:8px;border-radius:50%;background-color:var(--color-accent);flex-shrink:0;animation:pulse-dot-94940dfe 2s ease-in-out infinite}.offline-dot--online[data-v-94940dfe]{background-color:#34d058}.offline-banner--online[data-v-94940dfe]{background-color:var(--color-surface, #1a1a2e);color:var(--color-text-muted)}@keyframes pulse-dot-94940dfe{0%,to{opacity:1}50%{opacity:.4}}.offline-banner-enter-active[data-v-94940dfe],.offline-banner-leave-active[data-v-94940dfe]{transition:transform .3s ease,opacity .3s ease}.offline-banner-enter-from[data-v-94940dfe],.offline-banner-leave-to[data-v-94940dfe]{transform:translateY(-100%);opacity:0}:root,:root[data-theme=light]{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;--color-bg: #f9f9f9;--color-surface: #ffffff;--color-surface-hover: #f1f1f1;--color-text: #1a1a1a;--color-text-muted: #666666;--color-accent: #800020;--color-accent-hover: #5a0016;--color-accent-light: #f5eaea;--color-nav-bg: rgba(255, 255, 255, .5);--color-nav-text: #666666;--color-nav-active: #1a1a1a;--color-nav-active-accent: #ff4d6d;--border-radius-sm: 8px;--border-radius-md: 16px;--border-radius-lg: 16px;--border-radius-pill: 50px;--border-color: rgba(0, 0, 0, .08);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .04);--shadow-md: 0 4px 16px rgba(0, 0, 0, .08);--shadow-floating: 0 10px 40px rgba(0, 0, 0, .15);--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .3)}:root[data-theme=dark]{--color-bg: #121212;--color-surface: #1e1e1e;--color-surface-hover: #2c2c2c;--color-text: #ffffff;--color-text-muted: #a0a0a0;--color-accent: #a31032;--color-accent-hover: #c4183f;--color-accent-light: rgba(163, 16, 50, .15);--color-nav-bg: rgba(30, 30, 30, .4);--color-nav-text: #888888;--color-nav-active: #ffffff;--color-nav-active-accent: #a31032;--border-color: rgba(255, 255, 255, .08);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .2);--shadow-md: 0 4px 16px rgba(0, 0, 0, .3);--shadow-floating: 0 10px 40px rgba(0, 0, 0, .5);--glass-bg: rgba(30, 30, 30, .6);--glass-border: rgba(255, 255, 255, .1)}*{box-sizing:border-box}body{margin:0;padding:0;background-color:var(--color-bg);color:var(--color-text);min-height:100dvh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .4s ease,color .4s ease}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:600}a{color:var(--color-accent);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-accent-hover)}#app{width:100%;max-width:600px;margin:0 auto;min-height:100dvh;position:relative}.view-container{padding:1rem}.app-header{position:sticky;top:0;z-index:10;background:linear-gradient(180deg,var(--color-bg) 80%,transparent 100%);padding:12px 0;margin-bottom:0}.header-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;position:relative}.page-title{font-size:1.8rem;font-weight:700;color:var(--color-text);margin:0}.header-spacer{width:40px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:var(--border-radius-sm);font-weight:600;cursor:pointer;transition:all .2s ease;border:none;font-size:1rem;font-family:inherit}.btn-primary{background-color:var(--color-accent);color:#fff}.btn-primary:hover{background-color:var(--color-accent-hover)}.btn-secondary{background-color:var(--glass-bg);color:var(--color-text);border:1px solid var(--border-color);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.btn-secondary:hover{background-color:#ffffff14}.btn-outline{background:transparent;color:var(--color-text);border:1px solid var(--border-color)}.btn-sm{padding:6px 16px;font-size:.85rem;border-radius:var(--border-radius-pill)}.icon-btn{background:transparent;border:none;color:var(--color-text);cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;transition:opacity .2s ease,background-color .2s ease;border-radius:50%;font-size:1.2rem;font-weight:600}.icon-btn.long-press-pop{background-color:#8c001e1f!important;outline:2px solid rgba(140,0,30,.22);outline-offset:2px}.icon-btn:hover{background:var(--color-surface-hover)}.header-btn{height:40px;padding:8px 16px;border-radius:var(--border-radius-pill);background-color:var(--color-accent);color:#fff;font-size:.85rem;font-weight:600;font-family:inherit;line-height:1;border:none;display:flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap;cursor:pointer;box-shadow:0 2px 8px #0003;transition:transform .2s ease,box-shadow .2s ease}.header-btn.header-btn-primary{background-color:var(--color-accent);color:#fff}.header-btn.header-btn-secondary{background-color:var(--glass-bg);color:var(--color-text);border:1px solid var(--border-color);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.header-btn:active{transform:scale(.95)}.header-btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.5)}.fab-btn{position:fixed;bottom:calc(80px + env(safe-area-inset-bottom));right:24px;width:56px;height:56px;border-radius:50%;background-color:var(--color-accent);color:#fff;font-size:1.5rem;border:none;box-shadow:0 4px 12px #0000004d;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,box-shadow .2s ease;z-index:100}.fab-btn:active{transform:scale(.95);box-shadow:0 2px 8px #0003}.delete-btn{padding:6px 14px;border-radius:var(--border-radius-pill);border:1px solid rgba(220,38,38,.3);background:#dc26261f;color:#ef4444;font-size:.78rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background .15s ease;white-space:nowrap}.delete-btn:hover{background:#dc262633}.delete-btn:active{opacity:.8}.delete-btn:disabled{opacity:.5;cursor:not-allowed}.delete-slide-enter-active{transition:opacity .2s ease,transform .2s ease}.delete-slide-leave-active{transition:opacity .15s ease,transform .15s ease}.delete-slide-enter-from,.delete-slide-leave-to{opacity:0;transform:translate(12px)}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:.85rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.glass-input{width:100%;box-sizing:border-box;padding:12px 16px;border-radius:var(--border-radius-md);background:var(--glass-bg);border:1px solid var(--border-color);color:var(--color-text);font-size:1rem;outline:none;font-family:inherit;transition:border-color .2s ease,box-shadow .2s ease}.glass-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-light)}.glass-input::placeholder{color:var(--color-text-muted)}.select-input{appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23999999%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 16px top 50%;background-size:12px auto;padding-right:40px}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--border-color);transition:.2s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.2s;border-radius:50%;box-shadow:0 2px 4px #0000001a}input:checked+.toggle-slider{background-color:var(--color-accent)}input:checked+.toggle-slider:before{transform:translate(20px)}.app-slider{-webkit-appearance:none;appearance:none;width:100%;height:4px;background:var(--border-color);border-radius:2px;outline:none;margin:10px 0}.app-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:var(--color-accent);box-shadow:0 2px 6px #0000004d;cursor:pointer;border:none}.app-slider::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--color-accent);box-shadow:0 2px 6px #0000004d;cursor:pointer;border:none}.app-slider-ends{display:flex;justify-content:space-between;font-size:.75rem;color:var(--color-text-muted);margin-top:4px}.app-slider.slider-unset{opacity:.5}.app-slider.slider-unset::-webkit-slider-thumb{background:var(--color-text-muted)!important;opacity:1!important}.app-slider.slider-unset::-moz-range-thumb{background:var(--color-text-muted)!important;opacity:1!important}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);transition:background-color .4s ease,border-color .4s ease,box-shadow .4s ease}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.stat-block{display:flex;flex-direction:column;padding:16px;border-radius:var(--border-radius-lg);min-height:120px}.block-title{font-size:.8rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px;font-weight:600}.block-content{display:flex;flex-direction:column;flex-grow:1;justify-content:center}.cellar-stats{gap:6px;justify-content:flex-start}.stat-row{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--color-text)}.grape-bars{display:flex;flex-direction:column;gap:8px}.grape-bar-row{display:flex;flex-direction:column;gap:4px}.grape-bar-meta{display:flex;justify-content:space-between;align-items:baseline}.grape-bar-meta .grape-name{font-size:.85rem;font-weight:600;color:var(--color-text)}.grape-pct{font-size:.78rem;font-weight:700;color:var(--color-text-muted)}.grape-bar-track{height:6px;background:#ffffff12;border-radius:3px;overflow:hidden}.grape-bar-fill{height:100%;border-radius:3px;transform-origin:left center;animation:growBar .55s cubic-bezier(.25,.46,.45,.94) both}@keyframes growBar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.grape-color-0{background:#8b1a2e}.grape-color-1{background:#c0763a}.grape-color-2{background:#5b84b1}.grape-color-3{background:#7e5bab}.grape-color-4{background:#3e8c6b}.grape-color-other{background:#ffffff1f}.text-center{text-align:center}.text-muted{color:var(--color-text-muted);opacity:.5}.text-accent{color:var(--color-accent)}.p-4{padding:16px}.mt-2{margin-top:8px}.mt-4{margin-top:1rem}.w-100{width:100%;box-sizing:border-box}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.section-title{font-size:1.1rem;color:var(--color-text-muted);margin-bottom:12px;margin-left:4px;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.empty-state{display:flex;flex-direction:column;align-items:center;padding:32px 16px;color:var(--color-text-muted);text-align:center;gap:8px;font-size:.95rem}.empty-icon{font-size:2.5rem;margin-bottom:8px;opacity:.5}.card-padding{padding:16px}.empty-content{font-size:.85rem;color:var(--color-text-muted);text-align:left;font-style:italic}.loading-spinner{font-size:3rem;margin-bottom:8px;opacity:.5;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.danger-text{color:#ff4d4d}.error-msg{color:#ff4d4d;font-size:.9rem;font-weight:500}.long-pressed{background-color:#8c001e0d!important;transition:background-color .2s ease}.long-press-pop{animation:pop-in .5s cubic-bezier(.2,.8,.2,1)}@keyframes pop-in{0%{transform:scale(1);filter:brightness(1)}70%{transform:scale(.95);filter:brightness(.94)}85%{transform:scale(1.05);filter:brightness(1)}to{transform:scale(1);filter:brightness(1)}}.progress-bar-bg{height:4px;background-color:var(--border-color);border-radius:2px;overflow:hidden}.progress-bar-fill{height:100%;background-color:var(--color-accent);transition:width .3s ease}.step-header{display:flex;flex-direction:column;gap:8px}.step-title{font-size:1.5rem;font-weight:700;margin:0;color:var(--color-text);line-height:1.2}.step-desc{font-size:1.05rem;color:var(--color-text-muted);margin:0;line-height:1.5}.step-indicator{position:absolute;left:50%;transform:translate(-50%);font-size:.9rem;font-weight:600;color:var(--color-text-muted)}.slide-fade-enter-active,.slide-fade-leave-active{transition:all .25s ease}.slide-fade-enter-from{opacity:0;transform:translate(24px)}.slide-fade-leave-to{opacity:0;transform:translate(-24px)}.list-enter-active,.list-leave-active{transition:all .2s ease}.list-enter-from,.list-leave-to{opacity:0;transform:scale(.95)}.list-move{transition:transform .2s ease}.rating-score{display:flex;align-items:baseline;gap:1px}.rating-score-num{font-size:2rem;font-weight:800;line-height:1;color:var(--color-text)}.rating-score-num.accent{color:var(--color-accent)}.rating-score-denom{font-size:.8rem;color:var(--color-text-muted);font-weight:600}.rating-score-row{display:flex;align-items:center;gap:6px}.rating-icon{padding-top:12px;font-size:.85rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;line-height:1}.wine-context-badge{position:absolute;right:16px;text-align:right;line-height:1.3;max-width:55%;z-index:1}.wine-context-producer{font-size:.7rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.wine-context-name{font-size:.85rem;font-weight:700;color:var(--color-text)}.wine-context-origin{font-size:.75rem;color:var(--color-text-muted)}.step-panel{display:flex;flex-direction:column;gap:12px}.rating-row{padding:14px 16px 10px;border-radius:var(--border-radius-md)}.rating-header{display:flex;justify-content:space-between;align-items:center;min-height:28px}.rating-val-group{display:flex;align-items:center;gap:8px}.reset-slider-btn{background:var(--color-surface);border:1px solid var(--border-color);border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);cursor:pointer;font-size:.8rem;transition:all .2s}.reset-slider-btn:hover{background:var(--color-surface-hover);color:var(--color-text)}.rating-label{font-size:.9rem;font-weight:600;color:var(--color-text)}.rating-value{font-size:1.1rem;font-weight:700;color:var(--color-accent);min-width:28px;text-align:right}.rating-value.muted{color:var(--color-text-muted);font-style:italic}.suggestions-list{background:var(--color-surface);border:1px solid var(--border-color);border-radius:var(--border-radius-md)}.suggestion-item{padding:12px 16px;cursor:pointer;font-size:.9rem;transition:background .15s ease}.suggestion-item:hover{background:var(--color-accent-light)}.consumption-prompt{padding:16px;border-radius:var(--border-radius-md)}.consumption-btns{display:flex;gap:8px}.sheet-backdrop{position:fixed;inset:0;background:#00000080;z-index:2000;animation:fadeIn .2s ease}.sheet-container{max-height:90dvh;position:fixed;bottom:0;left:0;right:0;margin:0 auto;width:100%;max-width:600px;z-index:2001;background:var(--color-surface, #1a1a2e);border-radius:24px 24px 0 0;padding:8px 0 calc(0px + env(safe-area-inset-bottom));box-shadow:0 -8px 32px #0006;transform:translateY(120%);transition:transform .3s cubic-bezier(.32,.72,0,1);display:flex;flex-direction:column}.sheet-container.sheet-open{transform:translateY(0);animation:slideUp .3s cubic-bezier(.32,.72,0,1) forwards}.sheet-header{position:relative;min-height:20px}.sheet-handle{width:40px;height:4px;background:color-mix(in srgb,var(--color-text) 20%,transparent);border-radius:2px;margin:0 auto 12px;display:none!important}.sheet-close-btn{position:absolute;top:10px;right:20px;width:42px;height:42px;border-radius:50%;border:none;background:var( --sheet-close-btn-bg, color-mix(in srgb, var(--color-text) 6%, transparent) );color:var(--color-text);font-size:1.25rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.sheet-close-btn:active{background:var( --sheet-close-btn-bg-active, color-mix(in srgb, var(--color-text) 16%, transparent) )}.sheet-content{padding:0 24px;display:flex;flex-direction:column;overflow:hidden;flex-grow:1}.sheet-title{font-size:1.1rem;font-weight:700;color:var(--color-text);margin:0 0 12px;text-align:center}.scrollable-content{flex-grow:1;overflow-y:auto;display:flex;flex-direction:column;gap:14px;padding-top:12px;padding-bottom:20px;-webkit-overflow-scrolling:touch;mask-image:linear-gradient(to bottom,transparent,black 18px,black calc(100% - 22px),transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,black 18px,black calc(100% - 22px),transparent)}.sheet-footer{margin-top:auto;padding:12px 24px 0}@keyframes slideUp{0%{transform:translateY(120%)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}