*,*:before,*:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;background:var(--bg-base);color:var(--tx-hi);font-family:var(--ff-sans);font-size:var(--fs-md);font-weight:300;overflow:hidden}@media (min-width: 769px){html,body{scrollbar-gutter:stable}}:root{--bg-base: #0a0602;--bg-1: #0f0f0e;--bg-2: #111111;--bg-3: #141414;--bg-4: #161616;--bg-5: #1e1e1e;--tx-hi: #EDEBE6;--tx-mid: #8a8880;--tx-danger: #9a6e6e;--tx-subtle: #555555;--accent: #ffc6bc;--accent-04: #ffc6bc0a;--accent-06: #ffc6bc0e;--accent-07: #ffc6bc11;--accent-08: #ffc6bc14;--accent-10: #ffc6bc22;--accent-20: #ffc6bc33;--accent-27: #ffc6bc44;--accent-40: #ffc6bc66;--br-default: #2e2e2e;--br-subtle: #1e1e1e;--br-danger: #2e2020;--shadow-md: #00000044;--shadow-lg: #00000066;--shadow-xl: #00000088;--bg-base-67: #0a0602aa;--bg-base-80: #0a0602cc;--bg-base-87: #0a0602dd;--bg-base-93: #0c0803ee;--surface-light: #f5f4f0;--surface-mid: #d4d4d0;--surface-dim: #c4c4c0;--fs-xs: 10px;--fs-sm: 12px;--fs-md: 14px;--fs-input: 16px;--fs-lg: 18px;--fs-xl: 28px;--ls-1: 1px;--ls-2: 2px;--lh-ui: 1.5;--lh-text: 1.7;--ff-sans: "Geist", sans-serif;--ff-mono: "Space Mono", monospace}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--br-default)}input::placeholder,textarea::placeholder{color:var(--br-default)}input:focus,textarea:focus,select:focus{border-color:var(--accent)!important;outline:none}.form-input:hover{background:var(--bg-3)!important}.form-input:focus{background:var(--bg-3)!important}.date-input::-webkit-calendar-picker-indicator{filter:invert(.6);cursor:pointer}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes appFadeIn{0%{opacity:0}to{opacity:1}}@keyframes loadingFadeOut{0%{opacity:1}to{opacity:0}}@keyframes shimmer{0%,to{opacity:.4}50%{opacity:1}}@keyframes shimmer-bg{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.chat-bubble{animation:fadeIn .3s ease}.loading-dot{animation:shimmer 1.2s ease infinite}.loading-dot:nth-child(2){animation-delay:.2s}.loading-dot:nth-child(3){animation-delay:.4s}.desktop-nav{display:flex}.mobile-menu-btn{display:none!important;border-radius:0;cursor:pointer;transition:all .2s}.mobile-menu-btn:hover{border-color:var(--accent)}.mobile-page-title{display:none}.page-title{display:block}.modal-padding{padding:32px}.modal-inner-padding{padding:24px 32px}.modal-content-padding{padding:32px}.library-grid{grid-template-columns:36px 2fr 90px 80px 90px 1fr 40px}.btn{border-radius:0;cursor:pointer;transition:all .2s;line-height:1;font-family:var(--ff-sans);font-size:var(--fs-md);font-weight:300;letter-spacing:var(--ls-1);display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;border:1px solid transparent}.btn:disabled{opacity:.4;cursor:default;pointer-events:none}.btn-primary{height:48px;padding:0 24px;background:linear-gradient(135deg,var(--accent),#d4877a);border:none;color:var(--bg-1);font-family:var(--ff-mono);font-weight:700;box-shadow:0 4px 24px var(--accent-40)}.btn-primary:hover:not(:disabled){box-shadow:0 6px 32px var(--accent-40)}.btn-salmon{height:48px;padding:0 24px;border-radius:9999px;background:linear-gradient(135deg,var(--accent),#d4877a);border:none;color:var(--bg-1);font-family:var(--ff-mono);font-size:var(--fs-md);font-weight:700;letter-spacing:var(--ls-1);box-shadow:0 4px 24px var(--accent-40)}.btn-salmon:hover:not(:disabled){box-shadow:0 6px 32px var(--accent-40)}.btn-salmon:disabled{background:var(--bg-4);color:var(--br-default);box-shadow:none;cursor:default;opacity:.6}.btn-secondary{height:40px;padding:0 20px;background:none;border:1px solid var(--br-default);color:var(--tx-mid)}.btn-secondary:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.btn-tertiary{height:40px;padding:0 20px;background:none;border:1px solid transparent;color:var(--tx-mid)}.btn-tertiary:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.btn-icon-tertiary{width:40px;height:40px;padding:0;background:none;border:1px solid transparent;color:var(--tx-mid)}.btn-icon-tertiary:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.btn-destructive{height:40px;padding:0 20px;background:none;border:1px solid #3a2020;color:var(--tx-danger)}.btn-destructive:hover:not(:disabled){border-color:#5a2e2e;color:#c87a7a}.btn-icon{width:40px;height:40px;padding:0;background:none;border:1px solid var(--br-default);color:var(--tx-mid)}.btn-icon:hover:not(:disabled){border-color:var(--accent);color:var(--tx-hi)}.btn-icon-menu{width:40px;height:40px;padding:0;background:none;border:1px solid transparent;color:var(--tx-mid);opacity:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .15s,border-color .15s,color .15s;flex-shrink:0}.btn-icon-menu:hover{border-color:var(--accent);color:var(--tx-hi);opacity:1}.card-hover:hover .btn-icon-menu,.row-hover:hover .btn-icon-menu{opacity:1}@media (max-width: 768px){.btn-icon-menu{opacity:1}}.btn-lg{height:48px;padding:0 24px}.btn-md{height:40px;padding:0 20px}.btn-icon-lg{width:48px;height:48px;padding:0}.btn-bottle-upload:hover{border-color:var(--accent)!important;color:var(--accent)!important}.dropdown-item{width:100%;background:none;border:none;padding:10px 16px;color:var(--bg-1);cursor:pointer;font-size:var(--fs-md);font-family:var(--ff-sans);text-align:left;transition:background .15s;display:flex;align-items:center;gap:10px}.dropdown-item:hover{background:var(--surface-mid)!important}.dropdown-item-danger{color:var(--tx-danger)}.t-heading{font-family:var(--ff-mono);font-size:var(--fs-xl);color:var(--tx-hi);letter-spacing:var(--ls-2);margin:0}.t-label{font-size:var(--fs-xs);color:var(--tx-mid);letter-spacing:var(--ls-2);margin-bottom:8px}.t-card-name{font-family:var(--ff-mono);font-size:var(--fs-md);color:var(--tx-hi);font-weight:400;line-height:1.3}.t-meta{font-size:var(--fs-sm);color:var(--tx-mid);line-height:var(--lh-ui)}.t-subtle{font-size:var(--fs-xs);color:var(--tx-subtle)}.discover-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media (max-width: 900px){.discover-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 560px){.discover-grid{grid-template-columns:1fr}}.discover-card{background:linear-gradient(135deg,var(--bg-4) 0%,var(--bg-5) 100%);display:flex;flex-direction:column;cursor:pointer;overflow:hidden;position:relative;transition:background .15s}.discover-rating-bar{opacity:0;transition:opacity .15s;display:flex;border-top:1px solid var(--br-default);flex-shrink:0}.discover-rate-bar{position:absolute;bottom:0;left:0;right:0;height:114px;display:flex;align-items:center;justify-content:center;gap:8px;background:#0f0f0ef2;opacity:0;pointer-events:none;transition:opacity .18s ease}.discover-rate-bar.visible{opacity:1}.discover-rate-icon-btn{pointer-events:auto}.discover-rate-icon-btn.is-active{border-color:var(--accent)!important;color:var(--accent)!important;background:var(--accent-10)!important}@keyframes iconBounce{0%{transform:scale(1)}30%{transform:scale(.7)}65%{transform:scale(1.35)}85%{transform:scale(.92)}to{transform:scale(1)}}.icon-bounce{animation:iconBounce .38s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes confettiParticle{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--cdx),var(--cdy)) scale(.2);opacity:0}}.confetti-particle{pointer-events:none;z-index:9999;animation:confettiParticle .55s ease-out forwards;margin-left:-5px;margin-top:-5px}.card-hover{transition:background .15s}.card-hover:hover{background:linear-gradient(135deg,#1a1a1a,#222)!important}.card-hover:hover .discover-rating-bar{opacity:1!important}.row-hover{transition:background .15s}.row-hover:hover{background:var(--bg-4)!important}@media (max-width: 768px){.desktop-nav{display:none}.mobile-menu-btn{display:flex!important}.mobile-page-title{display:block}.page-title{display:none}.modal-padding{padding:16px!important}.modal-inner-padding{padding-left:16px!important;padding-right:16px!important}.modal-content-padding{padding:16px 16px 64px!important}.header-bar{padding:0 16px!important}.nav-wordmark{display:none}.library-grid{grid-template-columns:36px 1fr 90px 80px}.library-col-type,.library-col-size,.library-col-summary{display:none!important}.card-hover,.row-hover,.discover-rating-bar,.discover-rate-bar,.discover-card{transition:none!important}}.cellar-desktop-controls{display:flex;align-items:center;gap:8px}.cellar-mobile-btn,.cellar-mobile-drawer-section{display:none!important}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@media (max-width: 768px){.cellar-desktop-controls{display:none!important}.cellar-mobile-btn{display:flex!important}.cellar-mobile-drawer-section{display:block!important}.app-root{overflow-y:auto!important}.cellar-content{height:auto!important}.cellar-toolbar{position:sticky;top:0;z-index:100}.cellar-scroll{overflow:visible!important}.sommelier-content{height:calc(100dvh - 80px)!important}.sommelier-input-bar{padding-bottom:max(20px,env(safe-area-inset-bottom))!important}}.logo-eye-open{animation:logo-eye-open 1.5s ease-in-out infinite}.logo-eye-closed{animation:logo-eye-closed 1.5s ease-in-out infinite}@keyframes logo-eye-open{0%,18%{opacity:1}20%{opacity:0}27%{opacity:0}29%,44%{opacity:1}46%{opacity:0}53%{opacity:0}55%,to{opacity:1}}@keyframes logo-eye-closed{0%,18%{opacity:0}20%{opacity:1}27%{opacity:1}29%,44%{opacity:0}46%{opacity:1}53%{opacity:1}55%,to{opacity:0}}.nav-logo-eye-open{transition:opacity .05s;opacity:1}.nav-logo-eye-closed{transition:opacity .05s;opacity:0}.nav-logo:hover .nav-logo-eye-open{opacity:0}.nav-logo:hover .nav-logo-eye-closed{opacity:1}.cellar-list-grid{display:grid;grid-template-columns:48px 1fr 180px 80px 120px 40px}@media (max-width: 768px){.cellar-list-grid{grid-template-columns:48px 1fr 80px 40px}.cellar-col-tags,.cellar-col-date{display:none!important}}button,input,textarea,select{font-weight:inherit}.sake-detail-outer{max-width:960px;width:100%;display:flex;flex-direction:column;background:var(--bg-base);border:1px solid var(--br-default);animation:slideUp .22s ease;overflow:hidden}.sake-detail-body{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.sake-detail-image-col{display:flex;flex-direction:column;flex-shrink:0;min-height:240px;background:var(--bg-2)}.sake-detail-content-col{flex:1;overflow-y:auto;overflow-x:hidden;padding:32px 32px 96px;min-height:0}@media (min-width: 769px){.sake-detail-outer{height:88vh;max-height:900px}.sake-detail-body{flex-direction:row}.sake-detail-image-col{width:340px;min-height:0;border-right:1px solid var(--br-default)}.sake-detail-content-col{padding-bottom:80px}}@media (max-width: 768px){.sake-detail-overlay{padding:0!important;align-items:flex-end!important}.sake-detail-outer{width:100vw!important;max-width:100%!important;height:100dvh;max-height:100dvh;border:none;border-radius:0}.sake-detail-image-col{height:240px;flex-shrink:0}}