.toast-container[data-v-b384bd9c]{position:fixed;top:24px;left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;gap:12px;pointer-events:none}.toast-item[data-v-b384bd9c]{pointer-events:auto;min-width:250px;max-width:400px;padding:12px;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-b384bd9c]:hover{transform:translateY(-2px);filter:brightness(1.1)}.toast-icon[data-v-b384bd9c]{font-size:1.2rem;flex-shrink:0}.toast-message[data-v-b384bd9c]{font-size:.95rem;font-weight:500;color:var(--color-text)}.toast-item.success[data-v-b384bd9c]{border:1px solid var(--color-success-border)}.toast-item.error[data-v-b384bd9c]{border:1px solid var(--color-danger-border)}.toast-item.info[data-v-b384bd9c]{border:1px solid var(--color-accent)}.toast-enter-from[data-v-b384bd9c]{opacity:0;transform:translateY(-30px)}.toast-leave-to[data-v-b384bd9c]{opacity:0;transform:scale(.9)}.toast-enter-active[data-v-b384bd9c],.toast-leave-active[data-v-b384bd9c]{transition:all .3s ease}.app-container[data-v-4247ba23]{display:flex;flex-direction:column;min-height:100dvh;margin:0;padding:0;background-color:transparent}.content[data-v-4247ba23]{flex:1}.floating-nav-container[data-v-4247ba23]{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-4247ba23]{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:var(--shadow-sm);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border)}.nav-item[data-v-4247ba23]{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-4247ba23]:hover,.nav-item.router-link-active[data-v-4247ba23]{color:var(--color-nav-active)}.nav-item.router-link-active .icon[data-v-4247ba23]{color:var(--color-nav-active-accent)}.icon[data-v-4247ba23]{font-size:1.3rem;margin-bottom:4px;transition:color .2s ease;filter:grayscale(100%)}.nav-item.router-link-active .icon[data-v-4247ba23]{filter:grayscale(0%)}.offline-banner[data-v-4247ba23]{position:sticky;top:0;z-index:2000;display:flex;align-items:center;justify-content:center;gap:8px;padding:6px 16px;background-color:var(--color-offline);color:var(--color-on-accent);font-size:.8rem;font-weight:600;letter-spacing:.02em;text-align:center;-webkit-user-select:none;user-select:none}.offline-dot[data-v-4247ba23]{width:8px;height:8px;border-radius:50%;background-color:var(--color-accent);flex-shrink:0;animation:pulse-dot-4247ba23 2s ease-in-out infinite}.offline-dot--online[data-v-4247ba23]{background-color:var(--color-success)}.offline-banner--online[data-v-4247ba23]{background-color:var(--color-surface, #1a1a2e);color:var(--color-text-muted)}@keyframes pulse-dot-4247ba23{0%,to{opacity:1}50%{opacity:.4}}.offline-banner-enter-active[data-v-4247ba23],.offline-banner-leave-active[data-v-4247ba23]{transition:transform .3s ease,opacity .3s ease}.offline-banner-enter-from[data-v-4247ba23],.offline-banner-leave-to[data-v-4247ba23]{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-surface-subtle: rgba(0, 0, 0, .03);--color-surface-raised: rgba(0, 0, 0, .04);--color-text: #1a1a1a;--color-text-muted: #666666;--color-on-accent: #ffffff;--color-accent: #800020;--color-accent-hover: #5a0016;--color-accent-light: #f5eaea;--color-danger: #dc2626;--color-danger-bg: rgba(220, 38, 38, .1);--color-danger-border: rgba(220, 38, 38, .3);--color-success: #16a34a;--color-success-bg: rgba(34, 197, 94, .15);--color-success-border: rgba(62, 229, 90, .42);--color-warning: #b45309;--color-warning-bg: rgba(245, 158, 11, .12);--color-warning-border: rgba(245, 158, 11, .3);--color-purple: #7c3aed;--color-purple-bg: rgba(139, 92, 246, .1);--color-note-appearance: #3498db;--color-note-appearance-bg: rgba(52, 152, 219, .12);--color-note-nose: #9b59b6;--color-note-nose-bg: rgba(155, 89, 182, .12);--color-note-taste: #2ecc71;--color-note-taste-bg: rgba(46, 204, 113, .12);--color-star: #f5c518;--color-star-glow: rgba(245, 197, 24, .55);--color-star-empty: rgba(125, 125, 125, .1);--color-temp-cold: #4da1ff;--color-temp-warm: #ff8a00;--grape-color-0: #8b1a2e;--grape-color-1: #c0763a;--grape-color-2: #5b84b1;--grape-color-3: #7e5bab;--grape-color-4: #3e8c6b;--color-offline: #e8860c;--color-backdrop: rgba(0, 0, 0, .5);--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);--shadow-sheet: 0 -8px 32px rgba(0, 0, 0, .2);--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-surface-subtle: rgba(255, 255, 255, .04);--color-surface-raised: rgba(255, 255, 255, .06);--color-text: #ffffff;--color-text-muted: #a0a0a0;--color-on-accent: #ffffff;--color-accent: #a31032;--color-accent-hover: #c4183f;--color-accent-light: rgba(163, 16, 50, .15);--color-danger: #ef4444;--color-danger-bg: rgba(239, 68, 68, .12);--color-danger-border: rgba(239, 68, 68, .3);--color-success: #22c55e;--color-success-bg: rgba(34, 197, 94, .15);--color-success-border: rgba(62, 229, 90, .42);--color-warning: #f59e0b;--color-warning-bg: rgba(245, 158, 11, .12);--color-warning-border: rgba(245, 158, 11, .3);--color-purple: #a78bfa;--color-purple-bg: rgba(139, 92, 246, .12);--color-note-appearance: #3498db;--color-note-appearance-bg: rgba(52, 152, 219, .15);--color-note-nose: #9b59b6;--color-note-nose-bg: rgba(155, 89, 182, .15);--color-note-taste: #2ecc71;--color-note-taste-bg: rgba(46, 204, 113, .15);--color-star: #f5c518;--color-star-glow: rgba(245, 197, 24, .55);--color-star-empty: rgba(125, 125, 125, .1);--color-temp-cold: #4da1ff;--color-temp-warm: #ff8a00;--grape-color-0: #8b1a2e;--grape-color-1: #c0763a;--grape-color-2: #5b84b1;--grape-color-3: #7e5bab;--grape-color-4: #3e8c6b;--color-offline: #e8860c;--color-backdrop: rgba(0, 0, 0, .6);--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);--shadow-sheet: 0 -8px 32px rgba(0, 0, 0, .5);--glass-bg: rgba(30, 30, 30, .6);--glass-border: rgba(255, 255, 255, .1)}*{box-sizing:border-box}html{background-color:var(--color-bg);transition:background-color .4s ease}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}.header-scroll-fix{position:sticky;top:0;background-color:var(--color-bg);transition:background-color .4s ease;z-index:1;height:5px}.view-container{padding:1rem}.app-header{position:sticky;top:0;z-index:10;background:linear-gradient(180deg,var(--color-bg) 80%,transparent 100%);padding:env(safe-area-inset-top,0px) 0 12px;margin-bottom:0;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.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:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.5)}.btn-primary{background-color:var(--color-accent);color:var(--color-on-accent)}.btn-primary:hover{background-color:var(--color-accent-hover)}.btn-primary:disabled:hover{background-color:var(--color-accent)}.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:var(--color-surface-hover)}.btn-secondary:disabled:hover{background-color:var(--glass-bg)}.btn-outline{background:transparent;color:var(--color-text);border:1px solid var(--border-color)}.btn-outline:disabled:hover{background:transparent}.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:var(--color-accent-light)!important;outline:2px solid var(--color-accent-light);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:var(--color-on-accent);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:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease}.header-btn.header-btn-primary{background-color:var(--color-accent);color:var(--color-on-accent)}.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:var(--color-on-accent);font-size:1.5rem;border:none;box-shadow:var(--shadow-md);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:var(--shadow-sm)}.delete-btn{padding:6px 14px;border-radius:var(--border-radius-pill);border:1px solid var(--color-danger-border);background:var(--color-danger-bg);color:var(--color-danger);font-size:.78rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background .15s ease;white-space:nowrap}.delete-btn:hover{background:var(--color-danger-bg)}.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:var(--color-on-accent);transition:.2s;border-radius:50%;box-shadow:var(--shadow-sm)}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 var(--shadow-sm);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 var(--shadow-sm);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:var(--color-surface-subtle);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:var(--grape-color-0)}.grape-color-1{background:var(--grape-color-1)}.grape-color-2{background:var(--grape-color-2)}.grape-color-3{background:var(--grape-color-3)}.grape-color-4{background:var(--grape-color-4)}.grape-color-other{background:var(--color-surface-subtle)}.text-center{text-align:center}.text-muted{color:var(--color-text-muted);opacity:.5}.text-accent{color:var(--color-accent)}.p-0{padding:0!important}.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:var(--color-danger)}.error-msg{color:var(--color-danger);font-size:.9rem;font-weight:500}.required-star{color:var(--color-danger)}.long-pressed{background-color:var(--color-accent-light)!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:5px 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;display:none!important}.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:top;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:var(--color-backdrop);z-index:2000;animation:fadeIn .2s ease}.sheet-container{max-height:95dvh;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:var(--shadow-sheet);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{padding:10px 24px;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}}