:root{--color-parchment: #FAF7F0;--color-cream: #FFF9ED;--color-aged-paper: #F5F0E8;--color-burgundy: #722F37;--color-burgundy-dark: #5A252C;--color-burgundy-light: #8C3A43;--color-gold: #C4A265;--color-gold-light: #D4B87A;--color-ink: #2C2C2C;--color-ink-light: #8B8680;--color-terracotta: #C4725B;--color-success: #4A6741;--color-error: #8B0000;--font-display: "Cormorant Garamond", Georgia, serif;--font-serif: "Libre Baskerville", Georgia, serif;--font-mono: "Courier Prime", "Courier New", monospace;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--card-radius: 4px;--card-shadow: 0 1px 3px rgba(44, 44, 44, .12), 0 1px 2px rgba(44, 44, 44, .24);--skeleton-base: #e8e0d4;--skeleton-highlight: #f0e9de}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;overscroll-behavior-y:contain}body{font-family:var(--font-serif);background:var(--color-parchment);color:var(--color-ink);line-height:1.6;min-height:100vh;overscroll-behavior-y:contain}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600}#root,.app{min-height:100vh;display:flex;flex-direction:column}a{color:var(--color-burgundy);text-decoration:underline;text-decoration-style:dotted}a:hover{color:var(--color-burgundy-dark)}::selection{background:var(--color-burgundy);color:var(--color-cream)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:.75rem 1.5rem;background:var(--color-burgundy);color:var(--color-cream);border:none;border-radius:var(--card-radius);font-family:var(--font-serif);font-size:.95rem;cursor:pointer;transition:background .2s}.btn-primary:hover:not(:disabled){background:var(--color-burgundy-dark)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:.5rem 1rem;background:transparent;color:var(--color-burgundy);border:1px solid var(--color-burgundy);border-radius:var(--card-radius);font-family:var(--font-serif);font-size:.85rem;cursor:pointer;transition:background .2s,color .2s}.btn-secondary:hover:not(:disabled){background:var(--color-burgundy);color:var(--color-cream)}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.btn-small{padding:.35rem .75rem;font-size:.8rem}.btn-danger{background:var(--color-error)}.btn-danger:hover:not(:disabled){background:#6d0000}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-group label{font-family:var(--font-mono);font-size:.8rem;color:var(--color-ink-light);text-transform:uppercase;letter-spacing:.05em}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.6rem .75rem;border:1px solid var(--color-gold);border-radius:var(--card-radius);font-family:var(--font-serif);font-size:.95rem;background:var(--color-cream);color:var(--color-ink);transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-burgundy)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-ink-light)}.error-boundary{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);background:var(--color-parchment)}.error-boundary-content{max-width:500px;text-align:center;padding:var(--spacing-xl);background:var(--color-cream);border:1px solid var(--color-gold);border-radius:var(--card-radius);box-shadow:var(--card-shadow)}.error-boundary-title{font-family:var(--font-display);font-size:1.5rem;color:var(--color-burgundy);margin-bottom:var(--spacing-md)}.error-boundary-message{font-family:var(--font-serif);font-size:.95rem;color:var(--color-ink-light);margin-bottom:var(--spacing-lg)}.error-boundary-details{text-align:left;margin-bottom:var(--spacing-lg);font-family:var(--font-mono);font-size:.85rem;color:var(--color-ink-light)}.error-boundary-details summary{cursor:pointer;margin-bottom:var(--spacing-sm)}.error-boundary-details pre{background:var(--color-aged-paper);padding:var(--spacing-md);border-radius:var(--card-radius);overflow-x:auto;white-space:pre-wrap;word-break:break-word}.header{position:relative;text-align:center;padding:var(--spacing-md) var(--spacing-md) var(--spacing-sm)}.header-title-row{display:inline-flex;align-items:center;gap:var(--spacing-sm)}.header-vine{color:var(--color-burgundy);opacity:.6;flex-shrink:0}.header-title{font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:var(--color-burgundy);letter-spacing:.05em}.header-tagline{font-family:var(--font-mono);font-size:.75rem;color:var(--color-ink-light);margin-top:var(--spacing-xs)}.reading-toggle{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);width:36px;height:36px;border-radius:50%;border:1px solid var(--color-aged-paper);background:transparent;color:var(--color-ink-light);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s,border-color .2s}.reading-toggle:hover{border-color:var(--color-gold);color:var(--color-burgundy)}.reading-toggle.active{background:var(--color-burgundy);border-color:var(--color-burgundy);color:var(--color-cream)}.app.enhanced-reading .cellar,.app.enhanced-reading .tasting-table,.app.enhanced-reading .friends,.app.enhanced-reading .profile,.app.enhanced-reading .home,.app.enhanced-reading .chat-messages,.app.enhanced-reading .wine-card{font-weight:600;font-size:1rem;letter-spacing:.01em;line-height:1.8}@keyframes fadeInScale{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#2c2c2c99;display:flex;align-items:center;justify-content:center;z-index:100;padding:var(--spacing-md);animation:fadeInScale .2s ease-out}.modal-content{background:var(--color-cream);border:1px solid var(--color-gold);border-radius:var(--card-radius);box-shadow:var(--card-shadow);max-width:480px;width:100%;padding:var(--spacing-xl);animation:fadeInScale .2s ease-out}.wotm-placeholder{color:var(--color-ink-light);font-size:.85rem}.wotm-name{font-family:var(--font-display);font-size:1.1rem;color:var(--color-burgundy);font-weight:600}.wotm-meta{font-family:var(--font-mono);font-size:.75rem;color:var(--color-ink-light)}.header-title-link{text-decoration:none;color:inherit}.header-vine--flipped{transform:scaleX(-1)}.protected-route-loading{text-align:center;padding:var(--spacing-xl)}@media(max-width:767px){.header{padding:var(--spacing-sm) var(--spacing-md) var(--spacing-xs)}.header-title{font-size:1.2rem}.header-tagline{display:none}.header-vine{width:24px;height:14px}.reading-toggle{width:32px;height:32px}.modal-content{max-width:100%;margin:var(--spacing-sm);padding:var(--spacing-lg)}}.page-container{max-width:800px;margin:0 auto;padding:var(--spacing-lg)}@supports (padding-bottom: env(safe-area-inset-bottom)){.nav{padding-bottom:calc(var(--spacing-sm) + env(safe-area-inset-bottom))}.modal-overlay{padding-bottom:env(safe-area-inset-bottom)}}@media(max-width:767px){.btn-primary,.btn-secondary{min-height:44px}.wine-card-action{min-height:44px;display:inline-flex;align-items:center;justify-content:center}input,textarea,select{font-size:16px}}.signout-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100;padding:var(--spacing-md);animation:fadeInScale .2s ease-out}.signout-modal{background:var(--color-parchment);border:1px solid var(--color-aged-paper);border-radius:var(--card-radius);padding:var(--spacing-xl) var(--spacing-lg);max-width:360px;width:100%;text-align:center;animation:fadeInScale .2s ease-out}.signout-modal-title{font-family:var(--font-display);font-size:1.4rem;color:var(--color-burgundy);margin-bottom:var(--spacing-sm)}.signout-modal-body{font-size:.9rem;color:var(--color-ink-light);margin-bottom:var(--spacing-lg);line-height:1.5}.signout-modal-actions{display:flex;gap:var(--spacing-sm);justify-content:center}.signout-modal-actions .btn-primary,.signout-modal-actions .btn-secondary{min-width:100px}.skeleton{background:linear-gradient(90deg,var(--skeleton-base, #e8e0d4) 25%,var(--skeleton-highlight, #f0e9de) 50%,var(--skeleton-base, #e8e0d4) 75%);background-size:200% 100%;animation:skeleton-pulse 1.5s ease-in-out infinite;border-radius:4px}.skeleton-text{border-radius:4px;margin-bottom:.5em}.skeleton-text:last-child{margin-bottom:0}.skeleton-rect{border-radius:4px}.skeleton-circle{border-radius:50%}.skeleton-card,.skeleton-item,.skeleton-message{pointer-events:none}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.nav{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-cream);border-bottom:1px solid var(--color-aged-paper)}.nav-tabs{display:flex;align-items:center;gap:var(--spacing-xs)}.nav-link{font-family:var(--font-mono);font-size:.8rem;color:var(--color-ink-light);text-decoration:none;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--card-radius);transition:color .2s,background .2s}.nav-link:hover{color:var(--color-gold)}.nav-link.active{color:var(--color-burgundy);font-weight:700}.nav-user{display:flex;align-items:center;gap:var(--spacing-sm);margin-left:auto}.nav-user span{font-family:var(--font-mono);font-size:.8rem;color:var(--color-ink-light)}.nav-signout{background:none;border:none;font-family:var(--font-mono);font-size:.75rem;color:var(--color-ink-light);cursor:pointer;text-decoration:underline;text-decoration-style:dotted}.nav-signout:hover{color:var(--color-burgundy)}.nav-signout:disabled{opacity:.5;cursor:not-allowed}.nav-signin{font-family:var(--font-mono);font-size:.8rem;color:var(--color-burgundy);text-decoration:none}.nav-signin:hover{color:var(--color-burgundy-dark)}.nav-role-switcher{display:flex;gap:0;border:1px solid var(--color-aged-paper);border-radius:var(--card-radius);overflow:hidden}.nav-role-pill{font-family:var(--font-mono);font-size:.65rem;padding:.2rem .5rem;border:none;background:transparent;color:var(--color-ink-light);cursor:pointer;transition:background .2s,color .2s}.nav-role-pill.active{background:var(--color-burgundy);color:var(--color-cream)}@media(max-width:767px){.nav{position:fixed;bottom:0;left:0;right:0;z-index:50;border-bottom:none;border-top:1px solid var(--color-aged-paper);padding:var(--spacing-sm) var(--spacing-xs);background:var(--color-cream)}.nav-tabs{flex:1;justify-content:space-around}.nav-link{font-size:.7rem;padding:var(--spacing-xs);text-align:center;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.nav-user{display:none}.app{padding-bottom:60px}}@media(min-width:768px){.nav{padding:var(--spacing-sm) var(--spacing-lg)}.nav-tabs{gap:var(--spacing-sm)}.nav-user span{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media(min-width:1024px){.nav{padding:var(--spacing-sm) var(--spacing-xl)}.nav-tabs{gap:var(--spacing-md)}.nav-user span{max-width:none}}.auth-container{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl)}.auth-card{max-width:400px;width:100%;padding:var(--spacing-xl);background:var(--color-cream);border:1px solid var(--color-gold);border-radius:var(--card-radius);box-shadow:var(--card-shadow);text-align:center}.auth-title{font-family:var(--font-display);font-size:2rem;font-weight:600;color:var(--color-burgundy);letter-spacing:.08em;margin-bottom:var(--spacing-xs)}.auth-subtitle-label{font-family:var(--font-mono);font-size:.75rem;color:var(--color-gold);text-transform:uppercase;letter-spacing:.15em;margin-bottom:var(--spacing-lg)}.auth-step-description{font-size:.9rem;color:var(--color-ink-light);margin-bottom:var(--spacing-lg)}.auth-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.auth-message{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--card-radius);font-size:.85rem;margin-top:var(--spacing-md)}.auth-message.success{background:#4a67411a;color:var(--color-success);border:1px solid rgba(74,103,65,.2)}.auth-message.error{background:#8b00001a;color:var(--color-error);border:1px solid rgba(139,0,0,.2)}.auth-links{display:flex;justify-content:center;gap:var(--spacing-md)}.auth-link{background:none;border:none;color:var(--color-burgundy);font-family:var(--font-serif);font-size:.85rem;cursor:pointer;text-decoration:underline;text-decoration-style:dotted}.auth-link:hover{color:var(--color-burgundy-dark)}.auth-link:disabled{opacity:.5;cursor:not-allowed}.auth-note{font-family:var(--font-mono);font-size:.75rem;color:var(--color-ink-light);margin-top:var(--spacing-lg)}.auth-vendor-link{font-size:.85rem;color:var(--color-ink-light);margin-top:var(--spacing-lg)}.auth-vendor-link a{color:var(--color-gold)}.onboarding-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#2c2c2cb3;display:flex;align-items:center;justify-content:center;z-index:200;padding:var(--spacing-md);animation:fadeInScale .2s ease-out}.onboarding-card{background:var(--color-parchment);border:1px solid var(--color-gold);border-radius:var(--card-radius);box-shadow:var(--card-shadow);max-width:440px;width:100%;padding:var(--spacing-xl) var(--spacing-lg);text-align:center;overflow:hidden}.onboarding-step{animation:onboardingSlideIn .25s ease-out}.onboarding-step--back{animation:onboardingSlideInBack .25s ease-out}@keyframes onboardingSlideIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes onboardingSlideInBack{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.onboarding-icon{display:flex;justify-content:center;margin-bottom:var(--spacing-md)}.onboarding-icon svg{width:48px;height:48px;color:var(--color-burgundy)}.onboarding-title{font-family:var(--font-display);font-size:1.5rem;color:var(--color-burgundy);margin-bottom:var(--spacing-xs)}.onboarding-subtitle{font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-gold);margin-bottom:var(--spacing-md)}.onboarding-body{font-family:var(--font-body);font-size:.95rem;line-height:1.6;color:var(--color-ink);margin-bottom:var(--spacing-lg)}.onboarding-dots{display:flex;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.onboarding-dot{width:8px;height:8px;border-radius:50%;border:1.5px solid var(--color-gold);background:transparent;padding:0;cursor:default;transition:background .2s,transform .2s}.onboarding-dot--active{background:var(--color-burgundy);border-color:var(--color-burgundy);transform:scale(1.3)}.onboarding-dot--visited{background:var(--color-gold)}.onboarding-actions{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md)}.onboarding-btn-next{font-family:var(--font-display);font-size:1rem;background:var(--color-burgundy);color:var(--color-parchment);border:none;border-radius:var(--card-radius);padding:var(--spacing-sm) var(--spacing-lg);cursor:pointer;transition:opacity .2s;min-width:120px}.onboarding-btn-next:hover:not(:disabled){opacity:.9}.onboarding-btn-next:disabled{opacity:.6;cursor:not-allowed}.onboarding-btn-back,.onboarding-btn-skip{font-family:var(--font-body);font-size:.85rem;color:var(--color-ink-light);background:none;border:none;cursor:pointer;padding:var(--spacing-xs);text-decoration:underline;text-underline-offset:2px}.onboarding-btn-back:hover,.onboarding-btn-skip:hover{color:var(--color-ink)}@media(max-width:480px){.onboarding-card{max-width:100%;padding:var(--spacing-lg) var(--spacing-md)}.onboarding-title{font-size:1.3rem}.onboarding-body{font-size:.9rem}}