body{margin:0;padding:0}@font-face{font-family:LoRes9PlusOt-NarrowBold;src:url(https://brewprint-app.pages.dev/assets/LoRes9PlusOTNarrow-Bold-CoKNr1PH.ttf)}#brewprint-root button,#brewprint-root .option-item{-webkit-tap-highlight-color:transparent}#brewprint-root{--body-bg:#f8f4ee;color:#4b2e1f;background:var(--body-bg);box-sizing:border-box;flex-direction:column;min-width:320px;height:100vh;margin:0;padding:0;font-family:Fredoka,system-ui,sans-serif;font-size:16px;display:flex;overflow-y:auto}#brewprint-root *,#brewprint-root :before,#brewprint-root :after{box-sizing:inherit}#brewprint-root button{color:#fff;letter-spacing:.08em;cursor:pointer;background-color:#26221f;border:none;border-radius:2px;padding:.9em 2em;font-family:inherit;font-size:.85rem;font-weight:600;transition:background-color .2s,transform .15s,box-shadow .2s;display:inline-block}#brewprint-root button:hover{background-color:#3a342f;transform:translateY(-1px);box-shadow:0 4px 10px #0003}#brewprint-root button:active{box-shadow:none;transform:translateY(0)}#brewprint-root button:focus-visible{outline-offset:3px;outline:2px solid #26221f}#brewprint-root .btn-primary{color:var(--body-bg);cursor:pointer;font:inherit;outline-offset:-4px;background:#855200;border:none;border-radius:16px;outline:2px dashed #fff;position:relative;overflow:hidden;box-shadow:0 1px 4px #01010185,inset 0 0 2px 2px #f4f3f2}#brewprint-root .btn-primary .droplet{will-change:transform, opacity;pointer-events:none;background:#f8f4ee8c;border-radius:50%;animation:.6s cubic-bezier(0,0,.2,1) droplet-ripple;position:absolute}#leather-texture{z-index:1;mix-blend-mode:soft-light;opacity:.25;background-image:url(https://brewprint-app.pages.dev/assets/leather-D9q9ZA56.jpg);background-repeat:repeat;background-size:128px;position:absolute;inset:0}@keyframes droplet-ripple{0%{opacity:.55;transform:scale(0)}to{opacity:0;transform:scale(1)}}.brewprint-hello{flex-direction:column;flex:1;width:100%;min-height:0;display:flex}.quiz-section{box-sizing:border-box;flex:1;justify-content:center;align-items:center;width:100%;min-height:0;padding:2rem 1rem;display:flex}.quiz-card{background:#f7efe7;border-radius:2rem;flex-direction:column;justify-content:start;align-items:center;width:min(700px,100%);min-height:600px;margin:0 auto;padding:clamp(1rem,4vw,1.5rem);display:flex;overflow:hidden;box-shadow:inset 0 5px 3px #fff,0 2px 3px #a85500e3}.quiz-content{flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:16px;width:100%;max-width:600px;padding:2rem 0;display:flex}.quiz-intro{flex-direction:column;justify-content:flex-start;align-self:stretch;align-items:flex-start;gap:16px;display:flex}.quiz-title{color:#000;text-align:left;align-self:stretch;font-family:Fredoka,sans-serif;font-size:clamp(2.5rem,6vw,3rem);font-weight:700;line-height:100%;position:relative}.quiz-subtitle{color:#000;text-align:left;align-self:stretch;font-family:Fredoka,sans-serif;font-size:1.5rem;font-weight:400;line-height:100%;position:relative}#brewprint-root .quiz-start-button{flex-direction:column;justify-content:center;align-self:stretch;align-items:center;gap:0;height:64px;padding:12px 0;display:flex;position:relative;overflow:hidden}.quiz-start-button__label{color:var(--body-bg);text-align:center;text-transform:none;letter-spacing:normal;font-family:LoRes9PlusOt-NarrowBold,sans-serif;font-size:clamp(18px,3vw,24px);font-weight:400;line-height:100%;position:relative}.quiz-hero-image{object-fit:cover;mix-blend-mode:luminosity;filter:brightness(75%);border-radius:1rem;flex-shrink:0;align-self:stretch;width:100%;height:clamp(180px,40vw,324px);position:relative}.question-card{flex-direction:column;flex:1;justify-content:stretch;align-items:center;width:100%;max-width:600px;display:flex}.question-card-header{color:#000;border-bottom:2px solid #87620026;flex-direction:column;justify-content:center;align-self:stretch;min-height:calc(3*clamp(1.5rem,6vw,2rem));padding:2rem 0;font-family:Fredoka,sans-serif;font-size:clamp(1.5rem,6vw,2rem);font-style:normal;font-weight:700;line-height:1;display:flex}.question-card-content{flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;padding:0 1rem;display:flex}.question-card-footer{align-self:flex-start;margin-top:auto}.option-list{flex-direction:column;gap:2rem;width:100%;padding:0;display:flex}.option-item{cursor:pointer;background:#e8e8e882;border:2px solid #0000;border-radius:1rem;flex-direction:column;justify-content:center;align-self:stretch;align-items:center;min-height:clamp(5rem,18vw,8rem);padding:1rem 1.5rem;list-style:none;transition:transform .12s,background-color .15s,border-color .15s;animation:.4s backwards option-slide-in;display:flex;box-shadow:inset 0 5px 3px #fff,0 2px 3px #a85500e3}.option-item:hover{background:#d8eae582;border:2px solid #fff;transform:scale(1.01);box-shadow:inset 0 5px 3px #fff,0 2px 3px #a85500e3}.option-item:active{-webkit-user-select:none;user-select:none;transform:translateY(2px)}.option-item div{color:#6d4100;text-align:center;font-family:Fredoka,system-ui,sans-serif;font-size:1.5rem;font-style:normal;font-weight:700;line-height:100%}.question-card-question{justify-content:center}@keyframes option-slide-in{0%{opacity:0;transform:translate(-2rem)}to{opacity:1;transform:translate(0)}}.option-list li:first-child{animation-delay:50ms}.option-list li:nth-child(2){animation-delay:.15s}.option-list li:nth-child(3){animation-delay:.25s}.option-list li:nth-child(4){animation-delay:.35s}