body{scrollbar-width:thin;margin:0;padding:0}@font-face{font-family:LoRes9PlusOt-NarrowBold;src:url(https://brewprint-app.pages.dev/assets/LoRes9PlusOTNarrow-Bold-CoKNr1PH.ttf);font-display:swap}:where(#brewprint-root) button,:where(#brewprint-root) .option-item{-webkit-tap-highlight-color:transparent}.no-select{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#brewprint-root{--body-bg:#f8f4ee;--font-body:"Fredoka", system-ui, sans-serif;--font-heading:"LoRes9PlusOt-NarrowBold", sans-serif;--shadow-embossed:inset 0px 5px 3px 0px #fff, 0px 2px 3px 0px #a85500e3;font-family:var(--font-body);color:#4b2e1f;background:var(--body-bg);box-sizing:border-box;flex-direction:column;min-width:320px;height:100dvh;margin:0;padding:0;font-size:16px;display:flex;overflow-y:auto}:where(#brewprint-root) h1,:where(#brewprint-root) h2,:where(#brewprint-root) h3,:where(#brewprint-root) h4,:where(#brewprint-root) h5,:where(#brewprint-root) h6,:where(#brewprint-root) p,:where(#brewprint-root) figure,:where(#brewprint-root) blockquote,:where(#brewprint-root) a{font:inherit;color:inherit;text-align:inherit;letter-spacing:inherit;margin:0;padding:0}:where(#brewprint-root) *,:where(#brewprint-root) :before,:where(#brewprint-root) :after{box-sizing:inherit}:where(#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}:where(#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}:where(#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;transition:transform .12s,box-shadow .12s;position:relative;overflow:hidden;box-shadow:0 4px 10px #01010173,inset 0 0 2px 2px #f4f3f2}:where(#brewprint-root) .btn-primary .droplet,:where(#brewprint-root) .btn-secondary .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}:where(#brewprint-root) .btn-secondary{color:var(--body-bg);cursor:pointer;font:inherit;outline-offset:-4px;background:#846f2c;border:none;border-radius:16px;outline:2px dashed #fff;transition:transform .12s,box-shadow .12s;position:relative;overflow:hidden;box-shadow:0 4px 10px #01010173,inset 0 0 2px 2px #f4f3f2}:where(#brewprint-root) .btn-primary:hover,:where(#brewprint-root) .btn-secondary:hover{transform:translateY(-2px);box-shadow:0 6px 14px #01010180,inset 0 0 2px 2px #f4f3f2}:where(#brewprint-root) .btn-primary:active,:where(#brewprint-root) .btn-secondary:active{transform:translateY(1px);box-shadow:0 2px 4px #01010166,inset 0 0 2px 2px #f4f3f2}#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;position:relative}.pattern{image-rendering:pixelated;z-index:1;opacity:.25;background-image:url(https://brewprint-app.pages.dev/assets/grid-BeSjHA_S.png);background-position:50%;background-size:40rem;position:absolute;inset:0}.quiz-section{z-index:2;box-sizing:border-box;flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;max-height:750px;padding:2rem 1rem;display:flex}#debug-switch{z-index:99;width:max-content;height:max-content;box-shadow:var(--shadow-embossed);background-color:#faebd7;border-radius:8px;gap:1rem;max-width:100vw;padding:.5rem 1rem;display:flex;position:fixed;inset:90% 0 0}.quiz-card{width:min(700px,100%);box-shadow:var(--shadow-embossed);color:#000;background:#f7efe7;border-radius:2rem;flex-direction:column;justify-content:start;align-items:center;height:100%;min-height:600px;margin:0 auto;padding:clamp(1rem,4vw,1.5rem);display:flex;position:static;overflow:hidden}.quiz-content{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;width:100%;max-width:600px;min-height:0;padding:2rem 0;display:flex}.quiz-intro{text-align:center;flex-direction:column;justify-content:flex-start;align-self:stretch;align-items:flex-start;gap:16px;display:flex}.quiz-title{align-self:stretch;padding:0 2rem;font-size:clamp(2.5rem,6vw,3rem);font-weight:700;line-height:100%}.quiz-subtitle{align-self:stretch;font-size:1.5rem;font-weight:400;line-height:100%}:where(#brewprint-root) .quiz-start-button{flex-direction:column;flex-shrink:0;justify-content:center;align-self:stretch;align-items:center;gap:0;height:64px;margin-top:1rem;padding:12px 0;display:flex;position:relative;overflow:hidden}.quiz-start-button-label{color:var(--body-bg);letter-spacing:normal;font-family:var(--font-heading);font-size:clamp(18px,3vw,24px);font-weight:400;line-height:100%}.quiz-restart-button-label{letter-spacing:normal;font-family:var(--font-heading);font-size:clamp(18px,3vw,24px);font-weight:400;line-height:100%}.quiz-hero-wrapper{border-radius:1rem;flex:.5;align-self:stretch;min-height:180px;overflow:hidden}.quiz-hero-image{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}.question-card{flex-direction:column;flex:1;justify-content:stretch;align-items:center;width:100%;max-width:600px;display:flex}.question-card-header{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-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{flex-wrap:wrap;justify-content:center;align-self:center;gap:1rem;margin-top:auto;padding-bottom:2rem;display:flex}.question-card-footer .btn-primary{min-width:5rem}.option-list{flex-direction:column;gap:2rem;width:100%;padding:0;display:flex}.option-item{cursor:pointer;min-height:clamp(5rem,18vw,8rem);box-shadow:var(--shadow-embossed);touch-action:manipulation;background:#e8e8e882;border:2px solid #0000;border-radius:1rem;flex-direction:column;justify-content:center;align-self:stretch;align-items:center;padding:1rem 1.5rem;list-style:none;transition:transform .12s,background-color .15s,border-color .15s;animation:.4s backwards option-slide-in;display:flex}.option-item:hover{box-shadow:var(--shadow-embossed);background:#d8eae582;border:2px solid #fff;transform:scale(1.01)}.option-item:active{transform:translateY(2px)}.option-item div{color:#6d4100;text-align:center;font-size:1.5rem;font-style:normal;font-weight:700;line-height:100%}.question-card-question{justify-content:center}.result-career-name{align-self:stretch;font-size:clamp(2.5rem,6vw,3rem);font-weight:700;line-height:100%;transition:transform .12s,background-color .15s,border-color .15s;animation:.4s backwards option-slide-in}.result-blurb{align-self:stretch;font-size:clamp(1.25rem,3vw,1.5rem);transition:transform .12s,background-color .15s,border-color .15s;animation:.4s 50ms backwards option-slide-in}.result-buttons{flex-flow:wrap;justify-content:stretch;align-self:stretch;align-items:stretch;gap:1rem;padding:0 clamp(0rem,15vw - 3.9rem,2rem) 2rem;display:flex}.icon-button{flex:none;justify-content:center;align-items:center;padding:.75rem;display:inline-flex}.icon-button svg{display:block}.read-more-anchor{text-align:left;color:#5e4300;box-shadow:var(--shadow-embossed);background-color:#efc73647;border-radius:16px;align-self:flex-start;padding:.5rem 1rem;font-size:1.2rem;text-decoration:none;transition:transform .12s,background-color .15s,border-color .15s;animation:.4s .15s backwards option-slide-in}.read-more-anchor:hover{color:#4b0000;background-color:#a2bca28f;transform:scale(1.01)}.read-more-anchor:active{transform:scale(.99)}.progres-bar{justify-content:center;align-items:center;gap:clamp(.1rem,2vw,1rem);width:min(700px,100%);margin-top:auto;margin-bottom:1rem;padding:0 1rem;display:inline-flex}.progress-segment{width:1rem;min-width:1px;min-height:.5rem;box-shadow:var(--shadow-embossed);border-radius:.5rem;flex:1;padding:.25rem}.progress-segment-active{background-color:#4b8001;box-shadow:0 2px 3px #a85500e3}.progress-segment-done{background-color:#a15a37;box-shadow:0 2px 3px #a85500e3}.interactive-desk-wrapper{aspect-ratio:1920/1080;width:100%;height:auto;min-height:0;max-height:100%;position:relative}.indesk-background{aspect-ratio:1920/1080;width:auto;max-width:100%;height:auto;max-height:100%;margin:auto;position:absolute;inset:0}.desk-controls{flex-direction:column;justify-self:start;gap:1rem;margin-top:1rem;display:none;inset:0}@media (width<=640px){.desk-controls{display:flex}.desk-panel{padding:2rem 1rem!important}.desk-panel button{display:none}.panel-group{flex-wrap:wrap;gap:.5rem}}.desk-panel{text-align:center;box-shadow:var(--shadow-embossed);background-color:var(--body-bg);text-align:left;border-radius:1rem;flex-wrap:wrap;justify-content:space-between;place-items:center flex-end;gap:1rem;width:100%;max-width:900px;margin-top:1rem;padding:1rem 2rem;font-size:1rem;display:flex}.desk-panel h2{margin:0;font-size:1.5rem;font-weight:700}.desk-back-label{font-family:var(--font-heading)}.desk-panel .read-more-anchor{align-self:center}.panel-group{background:#e2dcce;border-radius:.5rem;align-items:center;gap:2rem;max-width:500px;padding:1rem;display:flex}#desk-bg{object-fit:fill;pointer-events:none;width:100%;height:100%;box-shadow:var(--shadow-embossed);border:4px solid orange;border-radius:2rem}.desk-particles{pointer-events:none;border-radius:2rem;position:absolute;inset:0;overflow:hidden}.desk-particle{filter:blur(.5px);mix-blend-mode:soft-light;background:#fffaebd9;border-radius:50%;animation-name:particle-float;animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute;bottom:0%}@keyframes particle-float{0%{opacity:0;bottom:0%;transform:translate(0)scale(.6)}12%{opacity:1}30%{transform:translateX(var(--dx1)) scale(1)}55%{transform:translateX(var(--dx2)) scale(1)}78%{transform:translateX(var(--dx3)) scale(.9);opacity:.8}to{transform:translateX(var(--dx4)) scale(.3);opacity:0;bottom:100%}}.desk-particle:first-child{--dx1:10px;--dx2:-6px;--dx3:16px;--dx4:6px;width:3px;height:3px;animation-duration:13s;animation-delay:0s;left:6%}.desk-particle:nth-child(2){--dx1:-8px;--dx2:12px;--dx3:-4px;--dx4:-14px;width:2px;height:2px;animation-duration:16s;animation-delay:1.5s;left:14%}.desk-particle:nth-child(3){--dx1:15px;--dx2:4px;--dx3:20px;--dx4:10px;width:4px;height:4px;animation-duration:11s;animation-delay:3s;left:22%}.desk-particle:nth-child(4){--dx1:-12px;--dx2:-18px;--dx3:-6px;--dx4:-20px;width:2px;height:2px;animation-duration:14s;animation-delay:.8s;left:30%}.desk-particle:nth-child(5){--dx1:6px;--dx2:-14px;--dx3:2px;--dx4:12px;width:3px;height:3px;animation-duration:17s;animation-delay:4.2s;left:38%}.desk-particle:nth-child(6){--dx1:-18px;--dx2:-4px;--dx3:-22px;--dx4:-10px;width:2px;height:2px;animation-duration:12s;animation-delay:2.1s;left:46%}.desk-particle:nth-child(7){--dx1:9px;--dx2:16px;--dx3:5px;--dx4:18px;width:4px;height:4px;animation-duration:15s;animation-delay:5.5s;left:54%}.desk-particle:nth-child(8){--dx1:-6px;--dx2:3px;--dx3:-12px;--dx4:-2px;width:3px;height:3px;animation-duration:13.5s;animation-delay:1.1s;left:62%}.desk-particle:nth-child(9){--dx1:18px;--dx2:10px;--dx3:24px;--dx4:14px;width:2px;height:2px;animation-duration:16.5s;animation-delay:3.6s;left:70%}.desk-particle:nth-child(10){--dx1:-10px;--dx2:-20px;--dx3:-8px;--dx4:-18px;width:3px;height:3px;animation-duration:11.5s;animation-delay:6s;left:78%}.desk-particle:nth-child(11){--dx1:5px;--dx2:-8px;--dx3:4px;--dx4:12px;width:2px;height:2px;animation-duration:14.5s;animation-delay:2.7s;left:86%}.desk-particle:nth-child(12){--dx1:-16px;--dx2:-6px;--dx3:-20px;--dx4:-8px;width:4px;height:4px;animation-duration:12.5s;animation-delay:4.8s;left:94%}.desk-particle:nth-child(13){--dx1:12px;--dx2:20px;--dx3:8px;--dx4:16px;width:3px;height:3px;animation-duration:15.5s;animation-delay:7s;left:2%}.desk-particle:nth-child(14){--dx1:-9px;--dx2:2px;--dx3:-14px;--dx4:-4px;width:2px;height:2px;animation-duration:17.5s;animation-delay:.3s;left:50%}.desk-particles-near{pointer-events:none;border-radius:2rem;position:absolute;inset:0;overflow:hidden}.desk-particle-near{filter:blur(3px);mix-blend-mode:soft-light;background:#fffaeb59;border-radius:50%;animation-name:particle-float;animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute;bottom:0%}.desk-particle-near:first-child{--dx1:20px;--dx2:8px;--dx3:26px;--dx4:14px;width:14px;height:14px;animation-duration:9s;animation-delay:0s;left:12%}.desk-particle-near:nth-child(2){--dx1:-16px;--dx2:-26px;--dx3:-10px;--dx4:-20px;width:10px;height:10px;animation-duration:11s;animation-delay:2.5s;left:32%}.desk-particle-near:nth-child(3){--dx1:12px;--dx2:-10px;--dx3:22px;--dx4:6px;width:16px;height:16px;animation-duration:8s;animation-delay:5s;left:54%}.desk-particle-near:nth-child(4){--dx1:-20px;--dx2:-6px;--dx3:-24px;--dx4:-12px;width:11px;height:11px;animation-duration:10s;animation-delay:1.2s;left:74%}.desk-particle-near:nth-child(5){--dx1:15px;--dx2:28px;--dx3:10px;--dx4:22px;width:13px;height:13px;animation-duration:9.5s;animation-delay:3.8s;left:90%}.desk-item{object-fit:contain;transform-origin:50%;opacity:0;transition:transform .15s,filter .15s,opacity .1s}.desk-item:hover{--outline-color:#f5f1ea;opacity:1;filter:drop-shadow(2px 0 0 var(--outline-color)) drop-shadow(-2px 0 0 var(--outline-color)) drop-shadow(0 2px 0 var(--outline-color)) drop-shadow(0 -2px 0 var(--outline-color));animation:.35s ease-out forwards wiggle;transform:scale(1.03)}@keyframes wiggle{0%{transform:rotate(0)}25%{transform:rotate(-1deg)scale(1.05)}75%{transform:rotate(1deg)scale(1)}to{transform:rotate(0)}}.desk-item:active{animation:none;transform:scale(1)}.desk-item-editable{outline-offset:-1px;outline:1px dashed #4b8001b3}.desk-item-resize-handle{width:10px;height:10px;box-shadow:var(--shadow-embossed);cursor:nwse-resize;background:#4b8001;border-radius:50%;position:absolute;bottom:-4px;right:-4px}@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}.modal-wrapper{background-color:var(--body-bg);max-width:320px;box-shadow:var(--shadow-embossed);border-radius:1rem;padding:1rem 1.25rem}.modal-header{font-weight:300}.modal-content h2{padding-bottom:.5rem;font-size:1.5rem;font-weight:700}.modal-content h3{padding-bottom:.25rem;font-size:1.25rem;font-weight:700}.modal-content h4{padding-bottom:.5rem;font-size:1.15rem;font-weight:700}.modal-content>div:first-child>h3{margin-top:0}.modal-footer{margin-top:1rem}.modal-footer button{padding:.75rem}.modal-close-button-label{font-family:var(--font-heading)}.modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;background-color:#00000059;border-radius:2rem;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}