@import "https://fonts.googleapis.com/css2?family=Gloock&family=Inter:wght@400;500;600;700&display=swap";:root{color:#ffffffeb;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background-color:#050505;font-family:Inter,system-ui,sans-serif;font-weight:400;line-height:1.45}*{box-sizing:border-box}body{touch-action:pan-y;min-height:100svh;margin:0}#root{min-height:100svh}*,:before,:after{scrollbar-width:none;-ms-overflow-style:none}::-webkit-scrollbar{background:0 0;width:0;height:0}@media (width<=767px){.demo-viewport,.demo-phone-frame,.demo-phone-screen{display:contents}.demo-phone-notch{display:none!important}.demo-main{display:contents}.demo-root{width:100%;min-width:0;max-width:100%;min-height:100svh;overflow-x:hidden}.demo-top{position:fixed}}@media (width>=768px){.demo-viewport{min-height:100dvh;padding:max(12px, env(safe-area-inset-top,0px)) 24px max(20px, env(safe-area-inset-bottom,0px));background:radial-gradient(85% 65% at 50% 18%,#2e2840 0%,#121018 52%,#070709 100%);flex-direction:column;justify-content:center;align-items:center;gap:clamp(14px,2.2vh,22px);display:flex}.demo-phone-frame{aspect-ratio:9/19.6;background:linear-gradient(158deg,#4d4d56 0%,#28282f 42%,#15151a 100%);border-radius:46px;flex-direction:column;flex-shrink:0;width:min(400px,100vw - 32px);max-height:min(880px,90dvh);padding:11px;display:flex;box-shadow:0 0 0 1px #ffffff12,0 28px 70px #00000094,inset 0 1px 1px #ffffff1c}.demo-phone-screen{background:#050505;border-radius:36px;flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.demo-phone-notch{z-index:60;pointer-events:none;background:#08080a;border-radius:999px;width:92px;height:26px;position:absolute;top:10px;left:50%;transform:translate(-50%);box-shadow:inset 0 1px 2px #0009}.demo-root{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.demo-main{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;touch-action:pan-y;cursor:grab;flex:1;min-width:0;min-height:0;overflow:hidden auto}.demo-main.demo-main--drag-scroll{cursor:grabbing;-webkit-user-select:none;user-select:none}.demo-main .intro-panel,.demo-main .refine-panel,.demo-main .submitting-panel{box-sizing:border-box;min-height:100%}.demo-main .reveal-panel{min-height:unset;padding-bottom:calc(48px + env(safe-area-inset-bottom,0px) + 20px);box-sizing:border-box}.quiz-screen{min-height:100%!important}.demo-top{position:absolute;top:0;left:0;right:0}}.demo-root{color:#ffffffeb;width:100%;min-width:0;max-width:100%;position:relative;overflow-x:hidden}.demo-top{z-index:50;padding:max(12px, env(safe-area-inset-top,0px) + 2px) max(22px, env(safe-area-inset-right,0px) + 4px) 12px max(12px, env(safe-area-inset-left,0px) + 4px);box-sizing:border-box;pointer-events:none;justify-content:flex-end;align-items:flex-start;gap:8px;width:100%;max-width:100%;display:flex;top:0;left:0;right:0}.demo-top .icon-btn{pointer-events:auto;color:inherit;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0cbf;border:1px solid #fff3;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:8px 10px;font-size:13px;font-weight:600;display:inline-flex}.demo-top .icon-btn:hover{border-color:#ffffff59}.demo-home{top:max(10px, env(safe-area-inset-top,0px));left:max(12px, env(safe-area-inset-left,0px));z-index:60;width:44px;height:44px;color:inherit;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;background:#0a0a0cd1;border:1px solid #ffffff38;border-radius:999px;justify-content:center;align-items:center;text-decoration:none;transition:border-color .15s,filter .15s;display:inline-flex;position:absolute;box-shadow:0 4px 24px #00000059}.demo-home:hover{filter:brightness(1.06);border-color:#fff6}.demo-home:focus-visible{outline-offset:3px;outline:2px solid #8b5cf6}@media (width<=767px){.quiz-content{padding-left:64px}}.demo-panel{text-align:center;box-sizing:border-box;min-width:0;max-width:min(520px,100%);margin:0 auto;padding:72px 20px 48px}.intro-panel .intro-logo-morph-wrap{transform-origin:top;box-sizing:border-box;justify-content:center;width:calc(100% + 40px);min-width:0;max-width:calc(100% + 40px);margin-bottom:36px;margin-left:-20px;margin-right:-20px;display:flex}.intro-panel .intro-logo-morph-wrap .header-logo{aspect-ratio:4000/632;object-fit:contain;object-position:center;width:100%;max-width:100%;height:auto;max-height:104px;margin:0;display:block}.intro-block--after-kicker{margin-top:28px}.intro-kicker{letter-spacing:.04em;margin:.2em 0;font-family:Gloock,serif;font-size:clamp(1.5rem,5vw,2rem)}.intro-kicker--muted{opacity:.65}.intro-panel .intro-copy,.intro-panel .intro-hint{white-space:pre-line}.intro-copy{color:#ffffffd1;margin:.85em 0 0;font-size:1.05rem}.intro-copy--dim{opacity:.75}.intro-hint{color:#ffffff8c;margin-top:1.75em;font-size:.95rem}.primary-cta{color:#fff;letter-spacing:.06em;cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#6d28d9);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:1.75em;padding:14px 22px;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex}.primary-cta:hover{filter:brightness(1.08)}.secondary-cta{color:#ffffffe0;cursor:pointer;background:0 0;border:1px solid #ffffff47;border-radius:12px;margin-top:12px;padding:12px 18px;font-weight:600;display:inline-flex}.refine-panel h2{font-family:Gloock,serif;font-size:1.75rem;font-weight:400}.refine-panel p{color:#ffffffc7;margin-top:1em}.refine-row{flex-direction:column;align-items:center;gap:6px;margin-top:1.5em;display:flex}.submitting-panel{padding-top:40vh}.submitting-text{color:#ffffffb3;font-size:1.1rem}.quiz-screen{flex-direction:column;min-height:100svh;display:flex;position:relative}.quiz-bg{filter:saturate(1.05);background-position:50%;background-size:cover;position:absolute;inset:0}.quiz-scrim{background:linear-gradient(#0000008c 0%,#0000000d 40%,#0009 100%);position:absolute;inset:0}.quiz-content{z-index:2;flex-direction:column;flex:1;width:100%;max-width:560px;margin:0 auto;padding:56px 18px 32px;display:flex;position:relative}.quiz-head{align-items:center;gap:10px;margin-bottom:6px;display:flex}.quiz-back,.quiz-back-spacer{flex:0 0 28px;width:28px;height:28px}.quiz-back-spacer{visibility:hidden}.quiz-back{color:#fff;cursor:pointer;background:#00000059;border:1px solid #ffffff26;border-radius:14px;justify-content:center;align-items:center;padding:0;display:inline-flex}.quiz-head-progress{color:#ffffff80;text-align:left;flex:1;font-size:13px;font-weight:600}.quiz-head-pct{color:#8b5cf6;font-size:13px;font-weight:700}.quiz-progress-bar{background:#ffffff1a;border-radius:2px;height:3px;margin-bottom:20px;overflow:hidden}.quiz-progress-fill{background:#8b5cf6;border-radius:2px;height:3px;transition:width .25s}.quiz-progress{letter-spacing:.12em;text-transform:uppercase;color:#ffffff80;margin:0 0 16px;font-size:12px;font-weight:700}.quiz-q-inlet{background:#080808a6;border-top:2px solid #000000bf;border-bottom:1px solid #ffffff12;border-left:2px solid #000000a6;border-right:1px solid #ffffff0d;border-radius:20px;margin:0 0 1.25em;padding:16px 18px;position:relative;overflow:hidden}.quiz-q-inlet--blur{background:0 0}.quiz-q-inlet-backdrop{pointer-events:none;position:absolute;inset:0;overflow:hidden}.quiz-q-inlet-layer{background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute}.quiz-q-inlet-layer--sharp{opacity:.2}.quiz-q-inlet-layer--blur{opacity:.82}.quiz-q-inlet-layer-scrim{background:#0808085c;position:absolute;inset:0}.quiz-q-inlet-body{z-index:1;flex-direction:column;gap:12px;display:flex;position:relative}.quiz-q-inlet .answers{gap:10px}.quiz-q{text-align:center;margin:0;font-family:Gloock,serif;font-size:clamp(1.35rem,4.5vw,1.85rem);font-weight:400;line-height:1.25}.answers{flex-direction:column;gap:14px;display:flex}.answers--q6-image{gap:18px}.answers--q6-image .answer-pill{min-height:99px;padding-top:14px;padding-bottom:14px}.answers--q6-image .answer-pill:after{content:"";border-radius:inherit;pointer-events:none;z-index:0;background:linear-gradient(165deg,#0000001f 0%,#00000038 35%,#00000085 72%,#000000ad 100%);position:absolute;inset:0}.answers--q6-image .answer-letter{z-index:1;position:relative}.answer-pill{text-align:left;cursor:pointer;appearance:none;color:#ffffffeb;width:100%;min-height:50px;box-shadow:none;background-color:#0006;border:1px solid #0000;border-top:1.5px solid #ffffff0b;border-left:1.5px solid #ffffff07;border-radius:25px;flex-direction:row;align-items:center;gap:12px;padding:14px 16px;font-size:15px;font-weight:500;transition:transform 90ms cubic-bezier(.33,1,.68,1),box-shadow 90ms cubic-bezier(.33,1,.68,1),border-color 90ms cubic-bezier(.33,1,.68,1);display:flex;position:relative;overflow:hidden}.answer-letter{color:#e9d5ff;background:#8b5cf673;border-radius:15px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;font-weight:800;display:inline-flex}.answer-pill:hover{filter:brightness(1.06)}.answer-pill:active{box-shadow:none;border-width:2px 1px 1px 2px;border-color:#0000008c #ffffff12 #ffffff1a #00000073;transform:scale(.99)}.answer-pill__text{z-index:1;flex:1;position:relative}.answers--q6-image .answer-pill__text{text-shadow:0 1px 2px #000000e6,0 0 20px #00000073}.reveal-panel{max-width:560px}.reveal-visual{justify-content:center;margin-bottom:8px;display:flex}.reveal-img-ring{background:#121018;border:3px solid #8b5cf6;border-radius:50%;justify-content:center;align-items:center;width:min(280px,78vw);height:min(280px,78vw);display:flex;position:relative;overflow:hidden}.reveal-arch-img{object-fit:cover;opacity:.35;width:100%;height:100%;position:absolute;inset:0}.reveal-radar{z-index:2;position:relative;transform:scale(.92)}.reveal-title{margin:.3em 0 .5em;font-family:Gloock,serif;font-size:clamp(1.45rem,4.5vw,1.9rem);font-weight:400}.reveal-desc{text-align:left;color:#ffffffc7;font-size:1rem;line-height:1.5}.reveal-actions{margin-top:1.75em}.reveal-title--display{letter-spacing:.06em;text-align:center;margin:0 0 .75em;font-family:Gloock,serif;font-size:clamp(1.35rem,4.2vw,1.85rem);font-weight:400;line-height:1.2}.reveal-desc--roast{text-align:center;font-style:italic;color:#ccc!important;margin-bottom:1.25em!important;font-size:1rem!important;line-height:1.5rem!important}.reveal-top3{flex-direction:column;gap:12px;width:100%;margin-top:1.25rem;display:flex}.reveal-dim-row{flex-direction:row;align-items:center;gap:12px;padding:0 12px;display:flex}.reveal-dim-text{text-align:left;flex:1;min-width:0}.reveal-dim-statement{color:#fff;margin:0;font-size:15px;font-weight:700}.reveal-dim-label{color:#888;margin:2px 0 0;font-size:12px}.reveal-dim-pct{color:#a78bfa;font-size:18px;font-weight:800}.reveal-matches{text-align:center;margin-top:1.75rem}.reveal-matches-body{color:#ffffffb8;text-align:center;margin:0;font-size:13px;line-height:1.5}.reveal-matches-rule{border:none;border-top:1px solid #ffffff24;margin:1.2rem 0 1rem}.reveal-matches-next{color:#ffffffe6;text-align:center;margin:0;font-size:14px;font-weight:600;line-height:1.45}.reveal-cta-col{border-top:1px solid #ffffff14;flex-direction:column;align-items:stretch;gap:12px;margin-top:1.25rem;padding-top:8px;display:flex}.reveal-cta-full{justify-content:center;width:100%}.reveal-share-cta{color:#ffffffe0;cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:14px 18px;font-family:inherit;font-size:15px;font-weight:600;display:inline-flex}.reveal-share-cta:hover:not(:disabled){color:#fff;border-color:#ffffff47}.reveal-share-cta:disabled{opacity:.45;cursor:not-allowed}.radar-wrap{position:relative}.radar-svg{display:block}.radar-dim-hit{cursor:pointer;background:#0a0a0c73;border:none;border-radius:10px;justify-content:center;align-items:center;padding:0;display:flex;position:absolute}.radar-tooltip{pointer-events:none;background:#121216f2;border:1px solid #ffffff40;border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:10px 14px;font-size:12px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-58%)}@media (width<=480px){.quiz-content{padding-top:64px}}