@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Cormorant+Garamond:wght@600&display=swap";:root{--black: #1A1A1A;--charcoal: #2C2C2C;--grey-dark: #4A4A4A;--grey-medium: #6A6A6A;--grey-light: #9A9A9A;--white: #FFFFFF;--off-white: #F5F2EE;--cream: #FAF7F2;--accent-green: #6B8E5C;--accent-green-soft: #8FA57F;--accent-green-tint: rgba(107, 142, 92, .1);--copper: #B8744A;--copper-deep: #8B5A36;--gold: #FFD700;--gold-dark: #D4A017;--score-perfect: var(--copper);--score-excellent: var(--accent-green);--score-good: #8A8A85;--score-poor: #A05050;--roast-fresh: #C77A2C;--roast-prime: var(--accent-green);--roast-stale: #9A9A95;--roast-old: #A05050;--text-primary: #2C2C2C;--text-secondary: #4A4A4A;--text-tertiary: #6A6A6A;--border: #E5E0D8;--border-light: #EDE9E2;--shadow: rgba(0, 0, 0, .08);--shadow-warm: rgba(60, 40, 20, .08);--transition: all .2s ease;--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-brand: "Cormorant Garamond", Georgia, serif;--app-max-width: 428px;--header-height: 56px;--bottom-nav-height: 64px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--shadow-sm: 0 1px 4px rgba(45, 30, 10, .07), 0 1px 2px rgba(45, 30, 10, .04);--shadow-md: 0 4px 16px rgba(45, 30, 10, .1), 0 2px 6px rgba(45, 30, 10, .06);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .16);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-full: 9999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%;overflow:hidden;overscroll-behavior:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-primary);font-size:16px;font-weight:400;line-height:1.5;color:var(--text-primary);background-color:var(--cream)}#root{height:100%;display:flex;justify-content:center;background-color:var(--charcoal)}.app{position:relative;display:flex;flex-direction:column;width:100%;max-width:var(--app-max-width);height:100%;background-color:var(--cream);overflow:hidden}.screen-content{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;padding-bottom:calc(var(--bottom-nav-height) + var(--safe-bottom));scroll-behavior:smooth}.screen-top-pad{padding-top:12px}.screen-content::-webkit-scrollbar{width:3px}.screen-content::-webkit-scrollbar-track{background:transparent}.screen-content::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}button{font-family:var(--font-primary);cursor:pointer;border:none;background:none;-webkit-tap-highlight-color:transparent}input,select,textarea{font-family:var(--font-primary);font-size:1rem}input:focus,select:focus{outline:none;border-color:var(--accent-green)!important;box-shadow:0 0 0 3px #6b8e5c26}::selection{background:#6b8e5c38}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.25;color:var(--text-primary)}p{color:var(--text-secondary)}a{color:inherit;text-decoration:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes scoreReveal{0%{opacity:0;transform:scale(.5)}70%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes brewingDot{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideDown{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes brewPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.animate-fade-in{animation:fadeIn .25s ease-out both}.animate-scale-in{animation:scaleIn .2s ease-out both}.animate-score{animation:scoreReveal .35s cubic-bezier(.34,1.56,.64,1) both}.score-perfect{color:var(--score-perfect)}.score-excellent{color:var(--score-excellent)}.score-good{color:var(--score-good)}.score-poor{color:var(--score-poor)}.text-xs{font-size:11px}.text-sm{font-size:13px}.text-base{font-size:15px}.text-lg{font-size:18px}.text-xl{font-size:22px}.text-mono{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.text-brand{font-family:var(--font-brand)}.text-gold{color:var(--gold)}.text-green{color:var(--accent-green)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.card{background:var(--white);border-radius:16px;border:1px solid var(--border-light);box-shadow:0 1px 3px var(--shadow-warm),0 4px 12px #3c28140a;transition:box-shadow .2s ease,transform .2s ease}.card--hover:hover{box-shadow:var(--shadow-md);transform:translateY(-1px);transition:var(--transition)}.section-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-tertiary);padding:0 16px;margin-bottom:8px}.empty-state{display:flex;flex-direction:column;align-items:center;gap:8px;padding:32px 24px;text-align:center}.empty-state__icon{color:var(--border)}.empty-state__title{font-size:15px;font-weight:700;color:var(--text-primary)}.empty-state__body{font-size:13px;color:var(--text-tertiary);line-height:1.5;max-width:240px}.pill-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:9999px;font-size:11px;font-weight:700;letter-spacing:.3px}.pill-badge--green{background:var(--accent-green-tint);color:var(--accent-green)}.pill-badge--gold{background:#b8744a1f;color:var(--copper-deep)}.pill-badge--red{background:#a050501a;color:#8a4040}.pill-badge--grey{background:#6b728014;color:var(--grey-medium)}