:root{--bg: #edf3ee;--ink: #1b1a20;--ink-soft: rgba(27, 26, 32, .72);--accent: #2d736d;--accent-soft: rgba(45, 115, 109, .18);--accent-strong: #4f9a90;--shadow: rgba(19, 16, 24, .24);--line: rgba(44, 35, 56, .16);--line-strong: rgba(44, 35, 56, .3);--paper: rgba(248, 245, 235, .92);--paper-strong: rgba(252, 249, 241, .96);--glass: rgba(255, 255, 255, .7);--font-title: "Cormorant Garamond", "Baskerville", "Times New Roman", serif;--font-body: "Mulish", "Segoe UI", system-ui, sans-serif;--result-primary: #3b7f78;--result-secondary: #f0c78d;--result-accent: #2e3d54;--theme-top: #f8f0de;--theme-mid: #e3edf0;--theme-bottom: #cbd9db;--theme-glow: rgba(112, 166, 156, .38);--theme-mist: rgba(248, 255, 250, .52);--runes: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%20fill='none'%3e%3cdefs%3e%3cradialGradient%20id='glow'%20cx='50%25'%20cy='50%25'%20r='50%25'%3e%3cstop%20offset='0'%20stop-color='%23f7d4a5'%20stop-opacity='0.55'/%3e%3cstop%20offset='1'%20stop-color='%23f7d4a5'%20stop-opacity='0'/%3e%3c/radialGradient%3e%3c/defs%3e%3ccircle%20cx='256'%20cy='256'%20r='236'%20stroke='%236e3f2f'%20stroke-width='6'%20stroke-opacity='0.55'/%3e%3ccircle%20cx='256'%20cy='256'%20r='196'%20stroke='%238f5a42'%20stroke-width='3'%20stroke-opacity='0.55'%20stroke-dasharray='10%2018'/%3e%3ccircle%20cx='256'%20cy='256'%20r='146'%20stroke='%23bc7b58'%20stroke-width='2'%20stroke-opacity='0.58'%20stroke-dasharray='4%2010'/%3e%3ccircle%20cx='256'%20cy='256'%20r='72'%20fill='url(%23glow)'/%3e%3cpath%20d='M256%2070v78M256%20364v78M70%20256h78M364%20256h78'%20stroke='%236e3f2f'%20stroke-width='8'%20stroke-linecap='round'%20stroke-opacity='0.58'/%3e%3cpath%20d='M126%20126l52%2052M334%20334l52%2052M126%20386l52-52M334%20178l52-52'%20stroke='%238f5a42'%20stroke-width='5'%20stroke-linecap='round'%20stroke-opacity='0.52'/%3e%3cpath%20d='M256%20180l22%2044%2049%207-36%2035%209%2049-44-23-44%2023%209-49-36-35%2049-7%2022-44z'%20stroke='%235f2d1f'%20stroke-width='5'%20stroke-linejoin='round'%20stroke-opacity='0.58'/%3e%3ccircle%20cx='256'%20cy='256'%20r='12'%20fill='%235f2d1f'%20fill-opacity='0.65'/%3e%3c/svg%3e");--bubbles: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20180%20360'%20fill='none'%3e%3cdefs%3e%3clinearGradient%20id='bubbleFill'%20x1='90'%20y1='20'%20x2='90'%20y2='340'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23fff6e5'%20stop-opacity='0.85'/%3e%3cstop%20offset='1'%20stop-color='%23f2b57e'%20stop-opacity='0.2'/%3e%3c/linearGradient%3e%3c/defs%3e%3ccircle%20cx='70'%20cy='320'%20r='26'%20fill='url(%23bubbleFill)'%20stroke='%239d5a40'%20stroke-opacity='0.45'/%3e%3ccircle%20cx='120'%20cy='288'%20r='18'%20fill='url(%23bubbleFill)'%20stroke='%239d5a40'%20stroke-opacity='0.42'/%3e%3ccircle%20cx='52'%20cy='258'%20r='15'%20fill='url(%23bubbleFill)'%20stroke='%239d5a40'%20stroke-opacity='0.4'/%3e%3ccircle%20cx='98'%20cy='236'%20r='12'%20fill='url(%23bubbleFill)'%20stroke='%239d5a40'%20stroke-opacity='0.38'/%3e%3ccircle%20cx='68'%20cy='214'%20r='10'%20fill='url(%23bubbleFill)'%20stroke='%239d5a40'%20stroke-opacity='0.38'/%3e%3ccircle%20cx='118'%20cy='198'%20r='9'%20fill='url(%23bubbleFill)'%20stroke='%239d5a40'%20stroke-opacity='0.36'/%3e%3ccircle%20cx='85'%20cy='178'%20r='8'%20fill='url(%23bubbleFill)'%20stroke='%239d5a40'%20stroke-opacity='0.34'/%3e%3ccircle%20cx='58'%20cy='160'%20r='7'%20fill='url(%23bubbleFill)'%20stroke='%239d5a40'%20stroke-opacity='0.32'/%3e%3ccircle%20cx='104'%20cy='146'%20r='6'%20fill='url(%23bubbleFill)'%20stroke='%239d5a40'%20stroke-opacity='0.3'/%3e%3ccircle%20cx='80'%20cy='132'%20r='6'%20fill='url(%23bubbleFill)'%20stroke='%239d5a40'%20stroke-opacity='0.28'/%3e%3ccircle%20cx='56'%20cy='118'%20r='5'%20fill='url(%23bubbleFill)'%20stroke='%239d5a40'%20stroke-opacity='0.26'/%3e%3ccircle%20cx='98'%20cy='104'%20r='4'%20fill='url(%23bubbleFill)'%20stroke='%239d5a40'%20stroke-opacity='0.24'/%3e%3ccircle%20cx='76'%20cy='92'%20r='4'%20fill='url(%23bubbleFill)'%20stroke='%239d5a40'%20stroke-opacity='0.22'/%3e%3ccircle%20cx='66'%20cy='74'%20r='3'%20fill='url(%23bubbleFill)'%20stroke='%239d5a40'%20stroke-opacity='0.2'/%3e%3c/svg%3e");--filigree: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20220%20220'%20fill='none'%3e%3cpath%20d='M12%20208C28%20184%2046%20168%2074%20156C102%20144%20134%20136%20208%20132'%20stroke='%237f4632'%20stroke-opacity='0.58'%20stroke-width='4'%20stroke-linecap='round'/%3e%3cpath%20d='M22%20188C42%20165%2064%20148%2090%20138C122%20126%20154%20120%20198%20116'%20stroke='%23c07b58'%20stroke-opacity='0.62'%20stroke-width='3'%20stroke-linecap='round'/%3e%3cpath%20d='M34%20170C52%20151%2072%20137%2098%20127C126%20116%20155%20110%20184%20106'%20stroke='%237f4632'%20stroke-opacity='0.48'%20stroke-width='2'%20stroke-linecap='round'%20stroke-dasharray='4%207'/%3e%3ccircle%20cx='30'%20cy='186'%20r='7'%20fill='%23f7d5ab'%20fill-opacity='0.48'%20stroke='%237f4632'%20stroke-opacity='0.45'/%3e%3ccircle%20cx='54'%20cy='164'%20r='5'%20fill='%23f7d5ab'%20fill-opacity='0.42'%20stroke='%237f4632'%20stroke-opacity='0.42'/%3e%3ccircle%20cx='82'%20cy='144'%20r='4'%20fill='%23f7d5ab'%20fill-opacity='0.38'%20stroke='%237f4632'%20stroke-opacity='0.4'/%3e%3ccircle%20cx='114'%20cy='128'%20r='3'%20fill='%23f7d5ab'%20fill-opacity='0.32'%20stroke='%237f4632'%20stroke-opacity='0.38'/%3e%3c/svg%3e");--spark: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20260%20260'%20fill='none'%3e%3cdefs%3e%3cradialGradient%20id='core'%20cx='50%25'%20cy='50%25'%20r='50%25'%3e%3cstop%20offset='0'%20stop-color='%23ffe7c1'%20stop-opacity='0.75'/%3e%3cstop%20offset='1'%20stop-color='%23ffe7c1'%20stop-opacity='0'/%3e%3c/radialGradient%3e%3c/defs%3e%3ccircle%20cx='130'%20cy='130'%20r='44'%20fill='url(%23core)'/%3e%3cpath%20d='M130%2024L145%20102L236%20130L145%20158L130%20236L115%20158L24%20130L115%20102L130%2024Z'%20stroke='%23834733'%20stroke-width='6'%20stroke-linejoin='round'%20stroke-opacity='0.58'/%3e%3cpath%20d='M130%2058L140%20108L202%20130L140%20152L130%20202L120%20152L58%20130L120%20108L130%2058Z'%20stroke='%23c07b58'%20stroke-width='3'%20stroke-linejoin='round'%20stroke-opacity='0.65'/%3e%3ccircle%20cx='130'%20cy='130'%20r='11'%20fill='%236e3f2f'%20fill-opacity='0.66'/%3e%3ccircle%20cx='130'%20cy='130'%20r='69'%20stroke='%23934f39'%20stroke-opacity='0.4'%20stroke-width='2'%20stroke-dasharray='5%208'/%3e%3c/svg%3e")}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--ink);font-family:var(--font-body);background:radial-gradient(circle at 12% 10%,var(--theme-glow),transparent 45%),radial-gradient(circle at 82% 12%,rgba(137,110,87,.35),transparent 55%),radial-gradient(circle at 55% 85%,var(--theme-mist),transparent 50%),linear-gradient(160deg,var(--theme-top) 0%,var(--theme-mid) 55%,var(--theme-bottom) 100%);position:relative}body:before,body:after{content:"";position:fixed;pointer-events:none;z-index:0;opacity:.23}body:before{width:460px;height:460px;top:-120px;left:-130px;background:var(--runes) center / contain no-repeat;animation:runeDrift 24s linear infinite}body:after{width:340px;height:340px;right:-70px;bottom:-90px;background:var(--spark) center / contain no-repeat;animation:runeDrift 20s linear infinite reverse}.scene-decor{position:fixed;z-index:0;pointer-events:none;opacity:.42}.scene-decor--left{width:200px;height:330px;left:max(8px,1.2vw);top:28vh;background:var(--bubbles) center / contain no-repeat;animation:bubbleLift 10s ease-in-out infinite}.scene-decor--right{width:220px;height:220px;right:max(10px,1.8vw);top:7vh;background:var(--spark) center / contain no-repeat;animation:shimmerTwist 8s ease-in-out infinite}.app{width:min(1140px,92vw);margin:2.2rem auto 1.5rem;padding:2rem;border-radius:28px;border:1px solid var(--line);background:linear-gradient(145deg,#fff9f0eb,#fff0dde0),var(--bubbles) right 6% bottom 8% / 180px auto no-repeat;box-shadow:0 34px 90px #120d0a47;display:grid;gap:1.35rem;position:relative;z-index:1;overflow:hidden;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.app:before,.app:after{content:"";position:absolute;pointer-events:none}.app:before{width:180px;height:180px;right:24px;top:18px;background:var(--filigree) center / contain no-repeat;opacity:.38}.app:after{top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 6% 18%,rgba(255,255,255,.5),transparent 45%),radial-gradient(circle at 96% 82%,rgba(198,123,87,.18),transparent 40%);opacity:.65}.hero,.progress,.question,.result-panel,.footer,.toast{position:relative;z-index:1}.hero{display:flex;flex-wrap:wrap;gap:1.4rem;align-items:flex-start;justify-content:space-between}.hero__eyebrow{font-size:.72rem;text-transform:uppercase;letter-spacing:.2em;color:#1f1c18a8;margin-bottom:.35rem}.hero h1{margin:0;font-family:var(--font-title);font-size:clamp(2.2rem,4.4vw,3.45rem);letter-spacing:.03em;line-height:.95}.tagline{margin:.55rem 0 0;max-width:72ch;font-size:1.02rem;color:var(--ink-soft)}.hero__panel{border:1px solid var(--line);border-radius:18px;padding:.9rem 1.2rem 1rem;min-width:280px;max-width:380px;background:linear-gradient(160deg,var(--paper-strong),rgba(244,230,212,.92)),var(--spark) right 8px top 6px / 52px auto no-repeat;box-shadow:inset 0 0 0 1px #fff9,0 8px 24px #19110c14;position:relative}.hero__panel-sigil{width:46px;height:46px;border-radius:999px;background:var(--runes) center / 42px 42px no-repeat,radial-gradient(circle,#fffc,#f4dabc33);border:1px solid rgba(152,86,61,.34);position:absolute;right:10px;top:10px;opacity:.72}.hero__panel-title{font-size:.73rem;text-transform:uppercase;letter-spacing:.2em;color:#1f1c1894;margin-bottom:.45rem}.hero__panel-body{color:#1e1814d6;padding-right:2.4rem;line-height:1.45}.hero__panel-actions{margin-top:.72rem}.progress{display:grid;gap:.62rem;padding:1rem 1.05rem 1.05rem;border:1px solid rgba(255,236,217,.28);border-radius:18px 18px 26px 26px;background:radial-gradient(circle at 50% 0%,rgba(255,233,210,.2),transparent 44%),linear-gradient(180deg,#4c3529f2,#30221bf5);box-shadow:inset 0 1px #fff3,inset 0 -10px 18px #0000003d,0 14px 28px #140b083d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);position:relative;overflow:visible}.progress:before{content:"";position:absolute;left:14px;right:14px;top:-8px;height:12px;border-radius:999px;background:linear-gradient(180deg,#fff4e59e,#7a5f4cdb);border:1px solid rgba(255,238,220,.35);box-shadow:0 3px 8px #120b0847}.progress:after{content:"";position:absolute;left:22%;right:22%;bottom:-10px;height:10px;border-radius:0 0 999px 999px;background:linear-gradient(180deg,#34251df2,#1c120ef2);box-shadow:0 5px 10px #00000047}.progress__bar{width:100%;height:20px;border-radius:999px;background:linear-gradient(180deg,#ffffffeb,#fff6 16%,#1e171233),radial-gradient(circle at 10% 140%,rgba(145,93,63,.2),transparent 50%),#1f1a1633;border:1px solid rgba(52,36,28,.3);box-shadow:inset 0 2px 6px #ffffff8c,inset 0 -3px 8px #1e120c33,0 4px 12px #1c130d24;overflow:hidden;position:relative;z-index:1}.progress__bar:before{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:999px;pointer-events:none;background:linear-gradient(90deg,#ffffff57,#fff0 18%),linear-gradient(180deg,#ffffff70,#fff0 55%);z-index:2}.progress__bar:after{content:"";position:absolute;left:8px;right:8px;top:5px;height:3px;border-radius:999px;pointer-events:none;background:linear-gradient(90deg,#ffffffa6,#fff0);opacity:.8;z-index:3}.progress__fill{height:100%;width:0%;background:radial-gradient(circle,rgba(255,255,255,.9) 0 18%,transparent 24%) 0 50% / 18px 18px repeat,radial-gradient(circle,rgba(255,222,178,.55) 0 14%,transparent 20%) 12px 40% / 24px 24px repeat,var(--ingredient-url, none) 0 50% / 18px 18px repeat,linear-gradient(180deg,#ffffff4d,#fff0 50%),linear-gradient(90deg,var(--result-primary),var(--accent-strong) 60%,#f0ab71);border-radius:999px;transition:width .34s ease;box-shadow:inset 0 0 0 1px #ffffff73,inset 0 -5px 8px #5326183d,0 0 14px #c2684157;position:relative;overflow:hidden;animation:ingredientFlow 4s linear infinite,potionSlosh 2.7s ease-in-out infinite}.progress__fill:before{content:"";position:absolute;left:8%;right:8%;top:-15px;height:26px;pointer-events:none;background:radial-gradient(ellipse at 8% 88%,rgba(255,245,232,.58) 0 18%,transparent 32%),radial-gradient(ellipse at 34% 70%,rgba(255,241,224,.46) 0 14%,transparent 30%),radial-gradient(ellipse at 63% 76%,rgba(255,239,220,.5) 0 14%,transparent 30%),radial-gradient(ellipse at 89% 84%,rgba(255,247,235,.52) 0 16%,transparent 32%);filter:blur(1.2px);opacity:.78;animation:cauldronSteam 3.2s ease-in-out infinite;mix-blend-mode:screen}.progress__fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 12% 70%,rgba(255,255,255,.72) 0 8%,transparent 10%),radial-gradient(circle at 36% 40%,rgba(255,255,255,.55) 0 6%,transparent 8%),radial-gradient(circle at 62% 58%,rgba(255,255,255,.62) 0 7%,transparent 9%),radial-gradient(circle at 82% 46%,rgba(255,255,255,.48) 0 5%,transparent 7%);background-repeat:repeat-x;background-size:180px 100%;animation:brewBubbleRise 2.4s linear infinite;opacity:.85;mix-blend-mode:screen}@keyframes ingredientFlow{0%{background-position:0 50%,12px 40%,0 50%,0 0,0 0}to{background-position:36px 50%,48px 40%,36px 50%,0 0,0 0}}@keyframes brewBubbleRise{0%{transform:translateY(3px);opacity:.45}50%{opacity:.9}to{transform:translateY(-3px);opacity:.45}}@keyframes potionSlosh{0%,to{transform:translateY(0)}50%{transform:translateY(-1px)}}@keyframes cauldronSteam{0%,to{transform:translateY(4px) scale(.98);opacity:.5}50%{transform:translateY(-3px) scale(1.02);opacity:.88}}.progress__meta{display:flex;align-items:center;justify-content:space-between;gap:.8rem;color:#ffefdbeb}.progress__meta-left{display:grid;gap:.08rem}.progress__count{font-size:.88rem;font-weight:700;letter-spacing:.06em;color:#fff2e2f2}.progress__hint{font-size:.8rem;color:#ffe2c6d1}.progress__actions{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.btn{padding:.52rem .98rem;border-radius:999px;border:1px solid var(--line);background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#fff;font-weight:700;font-family:var(--font-body);letter-spacing:.02em;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.btn:hover,.btn:focus-visible{box-shadow:0 10px 20px #a9543d40;transform:translateY(-1px)}.btn:focus-visible,.option:focus-visible{outline:2px solid rgba(194,99,62,.48);outline-offset:2px}.btn--ghost{background:#ffffff47;color:var(--ink);border-color:#271f1a33}.btn--small{padding:.34rem .72rem;font-size:.78rem;letter-spacing:.04em}.question{border:1px solid rgba(198,214,222,.34);border-radius:20px 20px 28px 28px;padding:1.35rem 1.25rem 1.2rem;background:radial-gradient(circle at 50% 116%,rgba(83,170,156,.26),transparent 44%),radial-gradient(circle at 16% -18%,rgba(246,211,158,.32),transparent 42%),linear-gradient(170deg,#242a42f5,#302642f5 48%,#253a43f5);display:grid;gap:.72rem;box-shadow:inset 0 1px #fff3,inset 0 -14px 24px #00000047,0 12px 34px #120c1c5c;position:relative;overflow:hidden}.question:before{content:"";position:absolute;left:18px;right:18px;top:10px;height:7px;border-radius:999px;background:linear-gradient(180deg,#e6f4f9a8,#7984a5b8);border:1px solid rgba(212,226,240,.4);opacity:.76;pointer-events:none}.question:after{content:"";position:absolute;left:24%;right:24%;bottom:-8px;height:10px;border-radius:0 0 999px 999px;background:linear-gradient(180deg,#1e222cf2,#11131af2);box-shadow:0 5px 10px #00000057;pointer-events:none}.question__cauldron-rim{position:absolute;left:14px;right:14px;top:-6px;height:12px;border-radius:999px;background:linear-gradient(180deg,#ecf6fc9e,#687291db);border:1px solid rgba(211,226,241,.45);box-shadow:0 3px 8px #0c0a1857;pointer-events:none}.question__steam{position:absolute;inset:16px 12% auto;height:46px;border-radius:999px;background:radial-gradient(ellipse at 8% 90%,rgba(228,247,250,.44) 0 16%,transparent 34%),radial-gradient(ellipse at 36% 72%,rgba(224,239,255,.3) 0 14%,transparent 32%),radial-gradient(ellipse at 67% 78%,rgba(226,233,255,.36) 0 14%,transparent 32%),radial-gradient(ellipse at 90% 88%,rgba(236,249,255,.32) 0 16%,transparent 34%);filter:blur(2px);opacity:.6;pointer-events:none;animation:steamDrift 4.8s ease-in-out infinite}.question__index{display:inline-flex;width:fit-content;padding:.22rem .52rem;border-radius:999px;font-size:.68rem;letter-spacing:.15em;text-transform:uppercase;color:#e4eeffe0;border:1px solid rgba(213,225,255,.34);background:#3038546b}.question__prompt{margin:0;font-family:var(--font-title);font-size:clamp(1.38rem,2.45vw,1.95rem);line-height:1.12;color:#f8f5fff5}.question__image{width:100%;max-height:220px;object-fit:cover;border-radius:16px;border:1px solid transparent;opacity:0;transition:opacity .28s ease;display:none}@media (min-width: 721px){.question__image{max-height:360px}}.question__image.is-loading{opacity:0;min-height:140px;background:linear-gradient(100deg,#ffffff73,#ffffffd9,#ffffff73 70%),linear-gradient(135deg,#f4e4cf,#f0dcc2);background-size:220% 100%,100% 100%;animation:imageShimmer 1.1s linear infinite}.question__image.is-ready{opacity:1;min-height:0;border-color:#31231b29;animation:none}@keyframes imageShimmer{0%{background-position:200% 0,0 0}to{background-position:-20% 0,0 0}}.question__options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.82rem}.option{border:1px solid rgba(84,87,121,.38);border-radius:14px;padding:.82rem .9rem;background:linear-gradient(165deg,#fdf7ebfa,#e3efe9f5),radial-gradient(circle at 90% 10%,rgba(179,232,220,.45),transparent 36%);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;text-align:left;display:flex;align-items:center;gap:.78rem;min-height:96px;font-family:var(--font-body);font-weight:600;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffb8,0 8px 16px #11182229}.option:before{content:"";position:absolute;left:12px;right:12px;top:9px;height:7px;border-radius:999px;background:linear-gradient(180deg,#7ea1adbf,#627592bd);border:1px solid rgba(88,104,132,.34);opacity:.68}.option:hover,.option:focus-visible{transform:translateY(-2px);border-color:#4a86819e;box-shadow:inset 0 1px #ffffffc7,0 14px 22px #45857e33}.option.is-selected{border-color:#4e9a91b8;box-shadow:inset 0 1px #ffffffe0,0 14px 26px #4b9b903d}.option:disabled{cursor:default;pointer-events:none}.option.is-selected:after{content:"";position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;background:radial-gradient(circle,rgba(255,255,255,.55) 0 25%,transparent 35%),radial-gradient(circle,rgba(255,255,255,.35) 0 20%,transparent 45%);animation:potionRipple .45s ease}@keyframes potionRipple{0%{opacity:0;transform:scale(.2)}60%{opacity:1}to{opacity:0;transform:scale(1)}}.question.is-transitioning{opacity:.2;transform:translateY(-6px) scale(.98);transition:opacity .25s ease,transform .25s ease}.question__brew{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;background:radial-gradient(circle at 20% 120%,rgba(255,255,255,.7),transparent 40%),radial-gradient(circle at 80% 120%,rgba(255,255,255,.45),transparent 45%),radial-gradient(circle at 40% 110%,rgba(255,255,255,.5),transparent 50%),linear-gradient(180deg,#fff0 20%,#b65a3a1f)}.question.is-brewing .question__brew{opacity:1;animation:brewRise .5s ease}@keyframes brewRise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(-8px)}}@keyframes steamDrift{0%,to{transform:translateY(0) scale(.98);opacity:.42}50%{transform:translateY(-5px) scale(1.02);opacity:.75}}.option__media{width:52px;height:52px;border-radius:999px;border:1px solid rgba(84,111,122,.36);background:radial-gradient(circle at 35% 30%,#ffffffd6,#ccf1ea9e),#ffffffb8;display:grid;place-items:center;flex:0 0 auto;margin-top:8px;box-shadow:inset 0 -2px 6px #426d6f33}.option__media img{width:28px;height:28px;object-fit:contain;border-radius:0;filter:drop-shadow(0 1px 0 rgba(255,255,255,.45))}.option__content{display:grid;gap:.2rem;padding-top:8px}.option__text{font-family:var(--font-body);font-weight:700;color:#231d21f2;line-height:1.38}.result-panel{display:grid;opacity:0;transform:translateY(12px);transition:opacity .4s ease,transform .4s ease}.is-hidden,.result__dimensions-panel.is-hidden{display:none}.is-visible{opacity:1;transform:translateY(0)}.panel{background:linear-gradient(150deg,#fffffff5,#f8e8d4e6),var(--filigree) right 14px top 14px / 120px auto no-repeat;border-radius:18px;padding:1rem;border:1px solid var(--line);box-shadow:inset 0 0 0 1px #ffffff9e,0 14px 30px #22150b14;display:grid;gap:.78rem}.panel__header{display:flex;align-items:center;justify-content:space-between}.panel__header h3{font-weight:700;letter-spacing:.16em;text-transform:uppercase;font-size:.8rem;color:#000000d1}.result{display:grid;gap:.72rem;padding:1rem;border-radius:16px;border:1px solid var(--line);background:radial-gradient(circle at top left,rgba(255,255,255,.9),transparent 58%),linear-gradient(135deg,rgba(255,255,255,.88),var(--result-secondary));box-shadow:inset 0 0 0 1px #ffffff9e}.result__image{width:min(260px,70vw);height:auto;max-height:320px;margin:0 auto;display:none;filter:drop-shadow(0 18px 24px rgba(24,16,12,.25))}.result__title{font-weight:800;font-size:1.24rem;letter-spacing:.01em;color:var(--result-accent)}.result__summary{color:#1f1c18c2;line-height:1.45}.result__lore{font-style:italic;color:#1f1c18bf;line-height:1.5}.result__signals{margin:0;padding-left:1.1rem;color:#1f1c18bd;line-height:1.35}.result__dimensions{display:grid;gap:.6rem;margin-top:.9rem}.result__dimensions-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.result__dimensions-panel{display:grid;gap:.6rem}.result__dimensions-title{font-size:.8rem;text-transform:uppercase;letter-spacing:.18em;color:#000000d1;font-weight:800}.dimension-list{display:grid;gap:.9rem}.dimension{display:grid;gap:.35rem}.dimension__label{display:flex;justify-content:space-between;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:#1f1c1899}.dimension__label span:first-child,.dimension__label span:last-child{font-size:.67rem;letter-spacing:.06em}.dimension__label span:nth-child(2){font-weight:800;color:#1f1c18c4}.dimension__track{height:10px;border-radius:999px;background:#1f1c181a;overflow:hidden}.dimension__fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--result-secondary),var(--result-primary));transition:width .3s ease}.dimension-legend{display:grid;gap:.35rem;padding:.62rem .78rem;border-radius:12px;border:1px dashed var(--line);background:#ffffffad;font-size:.85rem;color:#1f1c18a6}.dimension-legend__item{display:grid;grid-template-columns:minmax(60px,70px) 1fr;gap:.4rem .75rem}.dimension-legend__name{font-weight:800;color:var(--ink)}.dimension-legend__desc{color:#1f1c1899}.result__label{margin-top:.4rem;padding:.6rem .75rem;border-radius:12px;border:1px dashed var(--line);background:#ffffffbd;display:grid;gap:.35rem;font-size:.85rem}.result__label-row{display:block;margin-bottom:.6rem}.result__label-key{display:block;text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:#000000d6;font-size:.68rem}.result__label-value{display:block;margin-top:.25rem;color:#1f1c18c2;line-height:1.4}.result__label-notes{display:flex;flex-wrap:wrap;gap:.35rem .5rem;margin-top:.4rem}.result__note{display:inline-flex;align-items:center;padding:.2rem .45rem;border-radius:999px;border:1px solid var(--line);background:#fffc;font-size:.75rem;color:#1f1c18bd}.result__actions{display:flex;flex-wrap:wrap;gap:.56rem}.footer{text-align:center;padding:.1rem 1rem 1.5rem;color:#1f1c188f;font-size:.88rem;position:relative;z-index:1}.toast{position:fixed;right:18px;bottom:18px;z-index:999;padding:.45rem .7rem;border-radius:10px;background:#1f1814f0;color:#fff7ef;font-size:.8rem;letter-spacing:.01em;border:1px solid rgba(255,255,255,.16);box-shadow:0 10px 20px #0000002e;opacity:0;transform:translateY(6px);transition:opacity .18s ease,transform .18s ease;pointer-events:none}.toast.is-visible{opacity:1;transform:translateY(0)}.toast.is-error{background:#742828f2}.codex-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:radial-gradient(circle at 20% 15%,rgba(255,226,194,.28),transparent 40%),#110b09ad;display:grid;place-items:center;padding:1.2rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.codex{width:min(1180px,96vw);max-height:min(90vh,900px);overflow:auto;border-radius:20px;border:1px solid rgba(255,240,220,.28);background:linear-gradient(145deg,#fffaf1fa,#f6e6d3f2),var(--filigree) right 16px top 12px / 144px auto no-repeat;box-shadow:0 30px 100px #0006;padding:1rem}.codex__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.8rem;position:sticky;top:0;background:linear-gradient(180deg,#fdf7eefa,#fdf7eee6);padding:.2rem 0 .7rem;z-index:1}.codex__eyebrow{font-size:.72rem;text-transform:uppercase;letter-spacing:.18em;color:#31211894}.codex__title{margin:.15rem 0 0;font-family:var(--font-title);font-size:clamp(1.55rem,2.5vw,2.1rem);letter-spacing:.03em}.codex__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.codex-card{border-radius:16px;border:1px solid rgba(43,30,23,.14);background:linear-gradient(145deg,#ffffffe0,#fff4e6f2),radial-gradient(circle at 92% 8%,var(--codex-secondary),transparent 38%);box-shadow:inset 0 0 0 1px #ffffff80;overflow:hidden;display:grid}.codex-card__swatch{height:8px;background:linear-gradient(90deg,var(--codex-primary),var(--codex-secondary),var(--codex-accent))}.codex-card__image{width:100%;height:180px;object-fit:contain;background:#ffffff9e;border-bottom:1px solid rgba(36,26,20,.1);padding:.6rem}.codex-card__content{padding:.75rem .78rem .5rem;display:grid;gap:.32rem}.codex-card__id{font-size:.67rem;letter-spacing:.1em;text-transform:uppercase;color:#33241b8a}.codex-card__title{margin:0;font-size:1.06rem;color:#221610e6}.codex-card__summary{margin:0;color:#291e18bf;font-size:.9rem;line-height:1.43}.codex-card__meta{margin:.12rem 0 0;color:#2a1b15a8;font-size:.82rem;line-height:1.38}.codex-card__actions{padding:0 .78rem .8rem}@media (max-width: 960px){.scene-decor{display:none}.hero{gap:1rem}.hero__panel{min-width:min(100%,340px)}.codex__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 720px){.app{width:min(96vw,100%);padding:1.25rem;margin:1rem auto;border-radius:20px}.hero h1{font-size:clamp(1.9rem,8vw,2.6rem)}.hero__panel{width:100%;max-width:none}.hero__panel-body{padding-right:1rem}.progress__meta{flex-direction:column;align-items:flex-start}.progress__actions{width:100%}.question{padding:1rem}.question__options{grid-template-columns:1fr}.option{min-height:82px}.result__actions{width:100%;flex-direction:column}.result__actions .btn{width:100%}.codex{padding:.85rem}.codex__header{flex-direction:column;align-items:flex-start}.codex__grid{grid-template-columns:1fr}}@media (max-width: 380px){.app{border-radius:16px;padding:1rem}.option__media{width:46px;height:46px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.question.is-transitioning{opacity:1;transform:none}.question.is-brewing .question__brew{opacity:0}}@keyframes bubbleLift{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(3deg)}}@keyframes shimmerTwist{0%,to{transform:rotate(0) scale(1);opacity:.4}50%{transform:rotate(6deg) scale(1.03);opacity:.6}}@keyframes runeDrift{0%{transform:rotate(0)}to{transform:rotate(360deg)}}