:root{--color-cream:#fbf3e7;--color-cream-soft:#f3e6d3;--color-espresso:#3b2a20;--color-espresso-soft:#5a4433;--color-berry:#a23b3b;--color-berry-dark:#832e2e;--color-gold:#c1861f;--color-caramel:#b5764a;--color-white:#fffdfa;--shadow-card:0 8px 24px #3b2a201f;--radius-lg:20px;--radius-md:14px;--radius-sm:10px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--color-espresso);background:var(--color-cream);font:16px/1.5 Segoe UI,system-ui,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100svh;margin:0}body{background:var(--color-cream)}h1,h2{color:var(--color-espresso);margin:0;font-family:Georgia,Segoe UI,serif}p{margin:0}button{font:inherit}a{color:inherit}.screen{flex-direction:column;width:100%;max-width:480px;min-height:100svh;margin:0 auto;padding:24px 20px 40px;animation:.4s both fade-in-up;display:flex}@keyframes fade-in-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.screen,.quiz-question,.fun-fact-text{animation:none!important}}.logo{justify-content:center;align-items:center;gap:10px;display:flex}.logo-mark{width:var(--logo-size,56px);height:var(--logo-size,56px);flex-shrink:0}.logo-word{letter-spacing:.02em;color:var(--color-espresso);font-family:Georgia,serif;font-size:1.5rem;font-weight:700}.home-wrap{background:radial-gradient(circle at 20% 0%, #c1861f29, transparent 55%), radial-gradient(circle at 85% 15%, #a23b3b24, transparent 50%), linear-gradient(180deg, var(--color-cream) 0%, var(--color-cream-soft) 100%);min-height:100svh;position:relative}.floating-beans{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.floating-bean{animation-name:float-bean;animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute;top:100%}@keyframes float-bean{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-60vh) rotate(calc(var(--drift,1) * 25deg))}to{transform:translateY(-120vh)rotate(0)}}@media (prefers-reduced-motion:reduce){.floating-bean{opacity:.08;animation:none}}.home-screen{z-index:1;justify-content:center;gap:28px;position:relative}.home-header{text-align:center;flex-direction:column;align-items:center;gap:14px;display:flex}.home-tagline{color:var(--color-espresso-soft);max-width:26em;font-size:1rem}.home-cards{flex-direction:column;gap:16px;display:flex}.test-card{background:linear-gradient(165deg, var(--color-white) 0%, #fff8ef 100%);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:1px solid #c1861f2e;flex-direction:column;align-items:flex-start;gap:8px;padding:22px;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex}.test-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #3b2a2029}.test-card:active{transform:scale(.98)}.test-card-icon{background:var(--color-cream-soft);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;display:flex}.test-card-title{color:var(--color-espresso);font-family:Georgia,serif;font-size:1.25rem;font-weight:700}.test-card-desc{color:var(--color-espresso-soft);font-size:.92rem}.fun-fact-card{background:var(--color-espresso);color:var(--color-cream);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);flex-direction:column;gap:8px;padding:18px 20px;display:flex}.fun-fact-head{align-items:center;gap:8px;display:flex}.fun-fact-icon{font-size:1.1rem}.fun-fact-label{text-transform:uppercase;letter-spacing:.08em;color:var(--color-gold);font-size:.75rem;font-weight:700}.fun-fact-text{color:var(--color-cream);font-size:.92rem;line-height:1.5;animation:.35s both fade-in}.fun-fact-refresh{color:var(--color-gold);cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:4px 0;font-size:.82rem;font-weight:700;transition:opacity .15s,transform .15s}.fun-fact-refresh:active{opacity:.7;transform:scale(.95)}.owner-link{color:var(--color-espresso-soft);align-self:center;padding:8px;font-size:.85rem;text-decoration:underline}.quiz-screen{gap:20px}.quiz-topbar{align-items:center;gap:12px;display:flex}.icon-button{background:var(--color-white);width:40px;height:40px;box-shadow:var(--shadow-card);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;font-size:1.1rem;transition:transform .15s}.icon-button:active{transform:scale(.9)}.progress-track{background:var(--color-cream-soft);border-radius:999px;flex:1;height:8px;overflow:hidden}.progress-fill{background:var(--color-berry);border-radius:999px;height:100%;transition:width .2s}.quiz-step-count{color:var(--color-espresso-soft);flex-shrink:0;font-size:.85rem}.quiz-kicker{text-transform:uppercase;letter-spacing:.08em;color:var(--color-berry);font-size:.8rem;font-weight:700}.quiz-prompt{font-size:1.4rem;line-height:1.3}.quiz-question{flex-direction:column;gap:20px;animation:.3s both fade-in-up;display:flex}.quiz-options{flex-direction:column;gap:12px;display:flex}.quiz-option{text-align:left;background:var(--color-white);border-radius:var(--radius-md);box-shadow:inset 5px 0 0 var(--opt-accent,transparent), var(--shadow-card);cursor:pointer;border:2px solid #0000;align-items:center;gap:14px;min-height:44px;padding:16px;font-size:1rem;transition:border-color .2s,background-color .2s,transform .12s,box-shadow .2s;display:flex}.quiz-options .quiz-option:first-child{--opt-accent:#cda874;--opt-tint:#cda87429}.quiz-options .quiz-option:nth-child(2){--opt-accent:#b5764a;--opt-tint:#b5764a29}.quiz-options .quiz-option:nth-child(3){--opt-accent:#7a4a2b;--opt-tint:#7a4a2b24}.quiz-options .quiz-option:nth-child(4){--opt-accent:#a23b3b;--opt-tint:#a23b3b24}.quiz-option:active{transform:scale(.97)}.quiz-option:disabled{opacity:.6}.quiz-option.quiz-option-selected{border-color:var(--opt-accent);background:var(--opt-tint);transform:scale(.99)}.quiz-option-letter{background:var(--opt-accent,var(--color-cream-soft));width:30px;height:30px;color:var(--color-white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.9rem;font-weight:700;transition:background-color .2s;display:flex}.quiz-loading{text-align:center;color:var(--color-espresso-soft);animation:1.1s ease-in-out infinite pulse-fade}@keyframes pulse-fade{0%,to{opacity:.5}50%{opacity:1}}.quiz-exit{text-align:center;color:var(--color-espresso-soft);margin-top:auto;padding-top:20px;font-size:.85rem;text-decoration:underline}.result-screen{text-align:center;gap:10px;padding-top:40px}.result-kicker{text-transform:uppercase;letter-spacing:.12em;color:var(--color-berry);font-size:.85rem;font-weight:700}.result-coffee-name{font-size:2.1rem}.result-drink{color:var(--color-espresso-soft);font-size:1.05rem}.result-match-badge{background:var(--color-berry);color:var(--color-white);border-radius:999px;align-self:center;margin:10px auto 4px;padding:8px 18px;font-size:.95rem;font-weight:700}.result-description{color:var(--color-espresso-soft);margin-top:12px;line-height:1.5}.result-tags{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:18px;display:flex}.tag{background:var(--color-cream-soft);border-radius:999px;padding:6px 12px;font-size:.82rem}.result-flavor-row{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:8px;display:flex}.flavor-chip{background:var(--color-white);text-transform:capitalize;border:1px solid #3b2a201f;border-radius:999px;padding:5px 12px;font-size:.8rem}.result-alt-card{background:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-card);margin-top:26px;padding:16px}.result-alt-label{color:var(--color-espresso-soft);font-size:.85rem}.result-alt-value{margin-top:4px;font-weight:700}.result-alt-drink{color:var(--color-espresso-soft);font-weight:400}.result-actions{gap:12px;margin-top:auto;padding-top:30px;display:flex}.primary-button,.secondary-button{text-align:center;border-radius:var(--radius-md);cursor:pointer;border:none;flex:1;justify-content:center;align-items:center;min-height:44px;padding:14px;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .15s,opacity .15s;display:flex}.primary-button:active,.secondary-button:active{transform:scale(.96)}.primary-button{background:var(--color-berry);color:var(--color-white)}.secondary-button{background:var(--color-white);color:var(--color-espresso);box-shadow:var(--shadow-card)}.analytics-screen{gap:18px}.analytics-title{text-align:center;font-size:1.6rem}.analytics-login{flex-direction:column;gap:12px;margin-top:30px;display:flex}.text-input{border-radius:var(--radius-md);border:1px solid #3b2a2033;padding:14px;font-size:1rem}.form-error{color:var(--color-berry-dark);font-size:.85rem}.analytics-warning{border:1px solid var(--color-gold);border-radius:var(--radius-sm);color:var(--color-espresso-soft);background:#fff4e0;padding:12px;font-size:.85rem}.stat-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.stat-tile{background:var(--color-white);border-radius:var(--radius-md);text-align:center;box-shadow:var(--shadow-card);flex-direction:column;gap:4px;padding:14px 8px;display:flex}.stat-value{color:var(--color-berry);font-size:1.5rem;font-weight:700}.stat-label{color:var(--color-espresso-soft);font-size:.72rem}.stat-highlight-row{gap:10px;display:flex}.stat-highlight{background:var(--color-cream-soft);border-radius:var(--radius-md);text-align:center;flex:1;padding:12px}.stat-highlight-label{color:var(--color-espresso-soft);font-size:.75rem;display:block}.stat-highlight-value{margin-top:2px;font-weight:700;display:block}.analytics-subheading{margin-top:6px;font-size:1.05rem}.bar-list{flex-direction:column;gap:10px;display:flex}.bar-row{grid-template-columns:5.5rem 1fr 1.5rem;align-items:center;gap:8px;font-size:.82rem;display:grid}.bar-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.bar-track{background:var(--color-cream-soft);border-radius:999px;height:10px;overflow:hidden}.bar-fill{background:var(--color-berry);border-radius:999px;height:100%}.bar-count{text-align:right;font-weight:700}.analytics-empty{color:var(--color-espresso-soft);font-size:.85rem}@media (width>=540px){.screen{padding-top:40px}}