*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body, system-ui, -apple-system, sans-serif);background-color:var(--color-bg, #FAF6F1);color:var(--color-text, #2E1810);position:relative;min-height:100vh}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 250 250' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.36, 0 0 0 0 0.23, 0 0 0 0 0.13, 0 0 0 1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:250px 250px;mix-blend-mode:multiply}#root{position:relative;z-index:1}:root{--color-primary: #5C3A21;--color-primary-deep: #3E2A1A;--color-accent: #B87333;--color-bg: #FAF6F1;--color-paper: #F5EBD9;--color-text: #2E1810;--color-bubble-bg: #FFFFFF;--color-bubble-border: #D4C5B0;--color-bubble-selected: #5C3A21;--color-gold: #D4A24C;--radius-bubble: 9999px;--transition: .2s ease;--font-display: "Fraunces", Georgia, "Times New Roman", serif;--font-body: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}.welcome__title,.bubble-question__title,.deepen__title,.archetype-card__name,.blend__title,.alternatives__title,.recap__title,.recap__archetype{font-family:var(--font-display);font-weight:400;letter-spacing:-.01em}.welcome__title{font-weight:300;font-style:italic}.archetype-card__name{font-weight:500;font-style:italic}.recap__archetype{font-style:italic}.bubble-question{display:flex;flex-direction:column;align-items:center;gap:2rem;padding:2rem 1rem;max-width:720px;margin:0 auto}.bubble-question__title{font-size:clamp(1.25rem,4vw,2rem);text-align:center;color:var(--color-text);font-weight:500}.bubble-question__options{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;width:100%}.bubble{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 1.5rem;background:var(--color-bubble-bg);border:2px solid var(--color-bubble-border);border-radius:var(--radius-bubble);color:var(--color-text);font-size:1rem;cursor:pointer;transition:transform var(--transition),background var(--transition),color var(--transition),border-color var(--transition)}.bubble:hover{transform:translateY(-2px);border-color:var(--color-primary)}.bubble--selected{background:var(--color-bubble-selected);border-color:var(--color-bubble-selected);color:#fff}@media (prefers-reduced-motion: reduce){.bubble{transition:none}.bubble:hover{transform:none}}.progress{width:100%;max-width:720px;margin:0 auto 1rem;padding:0 1rem}.progress__label{font-size:.85rem;color:var(--color-text);opacity:.6;margin-bottom:.4rem;text-align:center}.progress__bar{height:4px;background:var(--color-bubble-border);border-radius:2px;overflow:hidden}.progress__fill{height:100%;background:var(--color-primary);transition:width .3s ease}.welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:70vh;text-align:center;padding:2rem 1rem;gap:1.5rem}.welcome__title{font-size:clamp(2rem,6vw,3.5rem);color:var(--color-primary);font-weight:500;max-width:600px}.welcome__subtitle{font-size:1.125rem;color:var(--color-text);opacity:.75;max-width:500px}.cta{background:var(--color-primary);color:#fff;border:none;padding:1rem 2.5rem;font-size:1.125rem;border-radius:9999px;cursor:pointer;transition:transform var(--transition),box-shadow var(--transition)}.cta:hover{transform:translateY(-2px);box-shadow:0 8px 24px #5c3a2140}@media (prefers-reduced-motion: reduce){.cta{transition:none}.cta:hover{transform:none}}.deepen{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem 1rem;gap:1rem;max-width:600px;margin:0 auto}.deepen__title{font-size:1.5rem;color:var(--color-primary)}.deepen__hint{color:var(--color-text);opacity:.75}.deepen__actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;margin-top:1rem}.cta--secondary{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.cta--secondary:hover{background:var(--color-primary);color:#fff}.result{max-width:800px;margin:0 auto;padding:2rem 1rem 4rem;display:flex;flex-direction:column;gap:3rem}.archetype-card{background:var(--accent, var(--color-primary));color:#fff;border-radius:1.25rem;padding:2.5rem 2rem;text-align:center}.archetype-card__eyebrow{opacity:.7;font-size:.85rem;text-transform:uppercase;letter-spacing:.1em}.archetype-card__name{font-size:clamp(1.75rem,5vw,2.5rem);margin:.5rem 0}.archetype-card__tagline{font-style:italic;opacity:.9;margin-bottom:1.5rem}.archetype-card__illustration{max-width:200px;margin:1rem auto;display:block}.archetype-card__description{line-height:1.6;opacity:.95}.blend{background:#fff;border:1px solid var(--color-bubble-border);border-radius:1.25rem;padding:2rem;text-align:center}.blend__title{color:var(--color-primary);margin-bottom:.5rem}.blend__roast{color:var(--color-text);opacity:.7;font-size:.9rem;margin-bottom:1.5rem}.blend__bar{display:flex;height:32px;border-radius:16px;overflow:hidden;background:var(--color-bubble-border);margin-bottom:1rem}.blend__segment{background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.85rem}.blend__segment:nth-child(2){background:#7a5230}.blend__segment:nth-child(3){background:#a8784a}.blend__legend{list-style:none;padding:0;margin:1rem 0 1.5rem;text-align:left}.blend__legend li{padding:.5rem 0;border-bottom:1px dashed var(--color-bubble-border)}.blend__story{font-style:italic;color:var(--color-text);opacity:.85;margin-bottom:1.5rem}.alternatives{background:var(--color-bg);padding:2rem;border-radius:1.25rem}.alternatives__title{color:var(--color-primary);text-align:center;margin-bottom:1.5rem}.alternatives__list{list-style:none;padding:0;display:grid;gap:1.5rem}.alternatives__item{background:#fff;padding:1.25rem;border-radius:.75rem}.alternatives__name{color:var(--color-primary);margin-bottom:.25rem}.alternatives__origin{font-size:.85rem;opacity:.7;margin-bottom:.5rem}.alternatives__reason{font-style:italic;margin-bottom:.5rem}.alternatives__story{color:var(--color-text);opacity:.85;font-size:.95rem}.result__footer{display:flex;justify-content:center;padding:1rem}main{position:relative;min-height:100vh;padding-top:3rem}.back-btn{position:absolute;top:1rem;left:1rem;background:transparent;border:none;color:var(--color-text);opacity:.7;cursor:pointer;font-size:.95rem;padding:.5rem 1rem;border-radius:9999px;transition:background var(--transition);z-index:10}.back-btn:hover{background:var(--color-bubble-border);opacity:1}.result__footer{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;padding:1rem}.cta--small{display:inline-block;padding:.55rem 1.25rem;font-size:.95rem;margin-top:.5rem;text-decoration:none}.recap{max-width:720px;margin:0 auto;padding:2rem 1rem 4rem;display:flex;flex-direction:column;gap:1.5rem}.recap__title{color:var(--color-primary);font-size:clamp(1.5rem,4vw,2rem);text-align:center}.recap__subtitle{color:var(--color-text);opacity:.8;text-align:center;line-height:1.5;max-width:600px;margin:0 auto 1rem}.recap__block{background:#fff;border:1px solid var(--color-bubble-border);border-radius:.875rem;padding:1.25rem 1.5rem}.recap__eyebrow{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text);opacity:.6;margin-bottom:.5rem}.recap__archetype{color:var(--color-primary);font-size:1.5rem;margin-bottom:.25rem}.recap__tagline{font-style:italic;color:var(--color-text);opacity:.85}.recap__value{color:var(--color-text);font-size:1.125rem}.recap__composition{list-style:none;padding:0}.recap__composition li{padding:.5rem 0;border-bottom:1px dashed var(--color-bubble-border)}.recap__composition li:last-child{border-bottom:none}.recap__origin{color:var(--color-text);opacity:.7}.recap__actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;padding:1rem 0}.recap__hint{font-size:.85rem;color:var(--color-text);opacity:.65;line-height:1.5;text-align:center;max-width:600px;margin:0 auto}.recap__form{display:flex;flex-direction:column;gap:1rem}.recap__field{display:flex;flex-direction:column;gap:.4rem}.recap__field>span{font-size:.85rem;font-weight:500;color:var(--color-text)}.recap__input{width:100%;padding:.7rem .9rem;border:1.5px solid var(--color-bubble-border);border-radius:.5rem;background:#fff;color:var(--color-text);font-size:1rem;font-family:inherit;transition:border-color var(--transition)}.recap__input:focus{outline:none;border-color:var(--color-primary)}.recap__input--textarea{resize:vertical;min-height:60px}.recap__weights{display:flex;flex-wrap:wrap;gap:.5rem}.bubble--small{padding:.5rem 1rem;font-size:.95rem}.cta--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.recap__hint--warn{color:#b85c2a;opacity:1;font-weight:500}.recap__next-step{background:#fff8ee;border:1px solid #E8D8B8;border-radius:.875rem;padding:1rem 1.25rem;color:var(--color-text);font-size:.95rem;line-height:1.5;text-align:center}.bubble--recommended{border-color:#d4a24c}.bubble--recommended.bubble--selected{border-color:var(--color-bubble-selected)}.bubble__star{color:#d4a24c;font-weight:600}.bubble--selected .bubble__star{color:#ffe4b0}.bubble-question__hint{font-size:.85rem;color:var(--color-text);opacity:.65;text-align:center;margin-top:.5rem}.welcome{position:relative;overflow:hidden}.welcome__inner{display:flex;flex-direction:column;align-items:center;gap:1.5rem;position:relative;z-index:2}.welcome__decor{position:absolute;width:90px;color:var(--color-primary);opacity:.18;pointer-events:none;z-index:1}.welcome__decor--top-left{top:-40px;left:-10px;transform:rotate(-15deg)}.welcome__decor--bottom-right{bottom:-40px;right:-10px;transform:rotate(165deg)}.welcome__beans{width:80px;color:var(--color-accent);opacity:.7;margin-bottom:.5rem}@media (min-width: 768px){.welcome__decor{width:130px}.welcome__decor--top-left{top:-20px;left:20px}.welcome__decor--bottom-right{bottom:-20px;right:20px}}.cta--hero{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-deep) 100%);box-shadow:0 4px 16px #5c3a2133}.archetype-card{position:relative;overflow:hidden}.archetype-card__leaf{position:absolute;width:60px;color:#fff;opacity:.12;pointer-events:none}.archetype-card__leaf--left{top:20px;left:18px;transform:rotate(-25deg)}.archetype-card__leaf--right{bottom:20px;right:18px;transform:rotate(155deg)}@media (min-width: 768px){.archetype-card__leaf{width:90px}}.bubble--selected{box-shadow:0 4px 12px #5c3a212e}.recap__block{transition:border-color var(--transition)}.recap__block:hover{border-color:var(--color-accent)}.recap__eyebrow,.archetype-card__eyebrow{font-family:var(--font-body);font-weight:600}.welcome:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at top right,rgba(184,115,51,.12),transparent 50%),radial-gradient(ellipse at bottom left,rgba(92,58,33,.1),transparent 50%);pointer-events:none;z-index:0}.welcome{background-image:linear-gradient(#2e181073,#2e181099),url(../img/hero.webp);background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:1.25rem;min-height:80vh;margin:0 1rem}.welcome:before{display:none}.welcome__title{color:#fff;text-shadow:0 2px 20px rgba(0,0,0,.35)}.welcome__subtitle{color:#fff;opacity:.95;text-shadow:0 1px 12px rgba(0,0,0,.3)}.welcome__decor{color:#fff;opacity:.32}.welcome__beans{color:var(--color-gold);opacity:1}.cta--hero{background:linear-gradient(135deg,var(--color-accent) 0%,#95591F 100%);box-shadow:0 6px 24px #0000004d}.cta--hero:hover{box-shadow:0 10px 32px #0006}