@layer properties;@layer theme,base,components,utilities;@layer theme{:root,:host{--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--color-orange-100: oklch(95.4% .038 75.164);--color-orange-200: oklch(90.1% .076 70.697);--color-orange-500: oklch(70.5% .213 47.604);--color-emerald-50: oklch(97.9% .021 166.113);--color-emerald-100: oklch(95% .052 163.051);--color-emerald-200: oklch(90.5% .093 164.15);--color-emerald-500: oklch(69.6% .17 162.48);--color-emerald-600: oklch(59.6% .145 163.225);--color-emerald-700: oklch(50.8% .118 165.612);--color-emerald-800: oklch(43.2% .095 166.913);--color-slate-200: oklch(92.9% .013 255.508);--color-slate-400: oklch(70.4% .04 256.788);--color-slate-500: oklch(55.4% .046 257.417);--color-slate-700: oklch(37.2% .044 257.287);--color-slate-800: oklch(27.9% .041 260.031);--color-slate-900: oklch(20.8% .042 265.755);--color-stone-800: oklch(26.8% .007 34.298);--color-stone-900: oklch(21.6% .006 56.043);--color-white: #fff;--spacing: .25rem;--text-xs: .75rem;--text-xs--line-height: calc(1 / .75);--text-sm: .875rem;--text-sm--line-height: calc(1.25 / .875);--text-base: 1rem;--text-base--line-height: 1.5 ;--text-lg: 1.125rem;--text-lg--line-height: calc(1.75 / 1.125);--text-xl: 1.25rem;--text-xl--line-height: calc(1.75 / 1.25);--text-2xl: 1.5rem;--text-2xl--line-height: calc(2 / 1.5);--text-3xl: 1.875rem;--text-3xl--line-height: 1.2 ;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-weight-black: 900;--tracking-tight: -.025em;--tracking-wide: .025em;--leading-tight: 1.25;--leading-snug: 1.375;--leading-relaxed: 1.625;--radius-md: .375rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem}}@layer utilities{.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border-width:0!important}.absolute{position:absolute!important}.relative{position:relative!important}.-top-4{top:calc(var(--spacing) * -4)!important}.-top-5{top:calc(var(--spacing) * -5)!important}.top-1\/2{top:50%!important}.-right-2{right:calc(var(--spacing) * -2)!important}.-right-5{right:calc(var(--spacing) * -5)!important}.right-4{right:calc(var(--spacing) * 4)!important}.mx-auto{margin-inline:auto!important}.my-6{margin-block:calc(var(--spacing) * 6)!important}.my-7{margin-block:calc(var(--spacing) * 7)!important}.mt-0\.5{margin-top:calc(var(--spacing) * .5)!important}.mt-1{margin-top:var(--spacing)!important}.mt-2{margin-top:calc(var(--spacing) * 2)!important}.mt-3{margin-top:calc(var(--spacing) * 3)!important}.mt-4{margin-top:calc(var(--spacing) * 4)!important}.mt-6{margin-top:calc(var(--spacing) * 6)!important}.mt-8{margin-top:calc(var(--spacing) * 8)!important}.mb-1{margin-bottom:var(--spacing)!important}.mb-3{margin-bottom:calc(var(--spacing) * 3)!important}.mb-4{margin-bottom:calc(var(--spacing) * 4)!important}.mb-5{margin-bottom:calc(var(--spacing) * 5)!important}.block{display:block!important}.flex{display:flex!important}.grid{display:grid!important}.hidden{display:none!important}.h-5{height:calc(var(--spacing) * 5)!important}.h-7{height:calc(var(--spacing) * 7)!important}.h-9{height:calc(var(--spacing) * 9)!important}.h-10{height:calc(var(--spacing) * 10)!important}.h-11{height:calc(var(--spacing) * 11)!important}.h-20{height:calc(var(--spacing) * 20)!important}.h-\[7px\]{height:7px!important}.h-\[52px\]{height:52px!important}.h-auto{height:auto!important}.h-px{height:1px!important}.min-h-\[200px\]{min-height:200px!important}.w-5{width:calc(var(--spacing) * 5)!important}.w-7{width:calc(var(--spacing) * 7)!important}.w-9{width:calc(var(--spacing) * 9)!important}.w-10{width:calc(var(--spacing) * 10)!important}.w-11{width:calc(var(--spacing) * 11)!important}.w-20{width:calc(var(--spacing) * 20)!important}.w-full{width:100%!important}.max-w-\[420px\]{max-width:420px!important}.min-w-0{min-width:0px!important}.shrink-0{flex-shrink:0!important}.-translate-y-1\/2{--tw-translate-y: -50% !important;translate:var(--tw-translate-x) var(--tw-translate-y)!important}.animate-\[ctaZoom_1\.4s_ease-in-out_infinite\]{animation:ctaZoom 1.4s ease-in-out infinite!important}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.grid-cols-\[1fr_auto_1fr\]{grid-template-columns:1fr auto 1fr!important}.flex-col{flex-direction:column!important}.items-baseline{align-items:baseline!important}.items-center{align-items:center!important}.items-start{align-items:flex-start!important}.justify-center{justify-content:center!important}.gap-1{gap:var(--spacing)!important}.gap-2{gap:calc(var(--spacing) * 2)!important}.gap-3{gap:calc(var(--spacing) * 3)!important}.gap-4{gap:calc(var(--spacing) * 4)!important}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse: 0 !important;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse))!important;margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))!important}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse: 0 !important;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse))!important;margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))!important}.overflow-hidden{overflow:hidden!important}.rounded-2xl{border-radius:var(--radius-2xl)!important}.rounded-3xl{border-radius:var(--radius-3xl)!important}.rounded-\[4px\]{border-radius:4px!important}.rounded-\[16px\]{border-radius:16px!important}.rounded-\[18px\]{border-radius:18px!important}.rounded-\[20px\]{border-radius:20px!important}.rounded-\[24px\]{border-radius:24px!important}.rounded-\[26px\]{border-radius:26px!important}.rounded-full{border-radius:calc(infinity * 1px)!important}.rounded-md{border-radius:var(--radius-md)!important}.rounded-xl{border-radius:var(--radius-xl)!important}.border{border-style:var(--tw-border-style)!important;border-width:1px!important}.border-emerald-200{border-color:var(--color-emerald-200)!important}.border-orange-100{border-color:var(--color-orange-100)!important}.border-orange-200{border-color:var(--color-orange-200)!important}.border-orange-200\/70{border-color:color-mix(in srgb,oklch(90.1% .076 70.697) 70%,transparent)!important}@supports (color: color-mix(in lab,red,red)){.border-orange-200\/70{border-color:color-mix(in oklab,var(--color-orange-200) 70%,transparent)!important}}.border-slate-200\/70{border-color:color-mix(in srgb,oklch(92.9% .013 255.508) 70%,transparent)!important}@supports (color: color-mix(in lab,red,red)){.border-slate-200\/70{border-color:color-mix(in oklab,var(--color-slate-200) 70%,transparent)!important}}.bg-\[\#f3e2c8\]{background-color:#f3e2c8!important}.bg-\[\#fff0d8\]{background-color:#fff0d8!important}.bg-\[\#fffaf6\]{background-color:#fffaf6!important}.bg-emerald-50{background-color:var(--color-emerald-50)!important}.bg-emerald-100{background-color:var(--color-emerald-100)!important}.bg-emerald-100\/60{background-color:color-mix(in srgb,oklch(95% .052 163.051) 60%,transparent)!important}@supports (color: color-mix(in lab,red,red)){.bg-emerald-100\/60{background-color:color-mix(in oklab,var(--color-emerald-100) 60%,transparent)!important}}.bg-emerald-100\/70{background-color:color-mix(in srgb,oklch(95% .052 163.051) 70%,transparent)!important}@supports (color: color-mix(in lab,red,red)){.bg-emerald-100\/70{background-color:color-mix(in oklab,var(--color-emerald-100) 70%,transparent)!important}}.bg-emerald-500{background-color:var(--color-emerald-500)!important}.bg-orange-100{background-color:var(--color-orange-100)!important}.bg-orange-200\/70{background-color:color-mix(in srgb,oklch(90.1% .076 70.697) 70%,transparent)!important}@supports (color: color-mix(in lab,red,red)){.bg-orange-200\/70{background-color:color-mix(in oklab,var(--color-orange-200) 70%,transparent)!important}}.bg-orange-500{background-color:var(--color-orange-500)!important}.bg-white{background-color:var(--color-white)!important}.bg-gradient-to-br{--tw-gradient-position: to bottom right in oklab !important;background-image:linear-gradient(var(--tw-gradient-stops))!important}.from-emerald-50{--tw-gradient-from: var(--color-emerald-50) !important;--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important}.to-white{--tw-gradient-to: var(--color-white) !important;--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important}.p-5{padding:calc(var(--spacing) * 5)!important}.px-3{padding-inline:calc(var(--spacing) * 3)!important}.px-4{padding-inline:calc(var(--spacing) * 4)!important}.px-5{padding-inline:calc(var(--spacing) * 5)!important}.px-6{padding-inline:calc(var(--spacing) * 6)!important}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)!important}.py-3{padding-block:calc(var(--spacing) * 3)!important}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)!important}.py-4{padding-block:calc(var(--spacing) * 4)!important}.py-5{padding-block:calc(var(--spacing) * 5)!important}.py-6{padding-block:calc(var(--spacing) * 6)!important}.py-7{padding-block:calc(var(--spacing) * 7)!important}.pt-5{padding-top:calc(var(--spacing) * 5)!important}.pt-7{padding-top:calc(var(--spacing) * 7)!important}.pr-24{padding-right:calc(var(--spacing) * 24)!important}.pb-6{padding-bottom:calc(var(--spacing) * 6)!important}.pb-7{padding-bottom:calc(var(--spacing) * 7)!important}.text-center{text-align:center!important}.text-2xl{font-size:var(--text-2xl)!important;line-height:var(--tw-leading, var(--text-2xl--line-height))!important}.text-3xl{font-size:var(--text-3xl)!important;line-height:var(--tw-leading, var(--text-3xl--line-height))!important}.text-base{font-size:var(--text-base)!important;line-height:var(--tw-leading, var(--text-base--line-height))!important}.text-lg{font-size:var(--text-lg)!important;line-height:var(--tw-leading, var(--text-lg--line-height))!important}.text-sm{font-size:var(--text-sm)!important;line-height:var(--tw-leading, var(--text-sm--line-height))!important}.text-xl{font-size:var(--text-xl)!important;line-height:var(--tw-leading, var(--text-xl--line-height))!important}.text-xs{font-size:var(--text-xs)!important;line-height:var(--tw-leading, var(--text-xs--line-height))!important}.text-\[11px\]{font-size:11px!important}.text-\[12px\]{font-size:12px!important}.text-\[13px\]{font-size:13px!important}.text-\[14px\]{font-size:14px!important}.text-\[15px\]{font-size:15px!important}.text-\[16px\]{font-size:16px!important}.text-\[17px\]{font-size:17px!important}.text-\[18px\]{font-size:18px!important}.text-\[19px\]{font-size:19px!important}.text-\[20px\]{font-size:20px!important}.text-\[21px\]{font-size:21px!important}.text-\[22px\]{font-size:22px!important}.text-\[25px\]{font-size:25px!important}.text-\[26px\]{font-size:26px!important}.text-\[30px\]{font-size:30px!important}.text-\[34px\]{font-size:34px!important}.text-\[38px\]{font-size:38px!important}.text-\[54px\]{font-size:54px!important}.text-\[58px\]{font-size:58px!important}.leading-6{--tw-leading: calc(var(--spacing) * 6) !important;line-height:calc(var(--spacing) * 6)!important}.leading-none{--tw-leading: 1 !important;line-height:1!important}.leading-relaxed{--tw-leading: var(--leading-relaxed) !important;line-height:var(--leading-relaxed)!important}.leading-snug{--tw-leading: var(--leading-snug) !important;line-height:var(--leading-snug)!important}.leading-tight{--tw-leading: var(--leading-tight) !important;line-height:var(--leading-tight)!important}.font-black{--tw-font-weight: var(--font-weight-black) !important;font-weight:var(--font-weight-black)!important}.font-bold{--tw-font-weight: var(--font-weight-bold) !important;font-weight:var(--font-weight-bold)!important}.font-extrabold{--tw-font-weight: var(--font-weight-extrabold) !important;font-weight:var(--font-weight-extrabold)!important}.font-medium{--tw-font-weight: var(--font-weight-medium) !important;font-weight:var(--font-weight-medium)!important}.font-semibold{--tw-font-weight: var(--font-weight-semibold) !important;font-weight:var(--font-weight-semibold)!important}.tracking-\[0\.08em\]{--tw-tracking: .08em !important;letter-spacing:.08em!important}.tracking-tight{--tw-tracking: var(--tracking-tight) !important;letter-spacing:var(--tracking-tight)!important}.tracking-wide{--tw-tracking: var(--tracking-wide) !important;letter-spacing:var(--tracking-wide)!important}.text-\[\#2e1608\]{color:#2e1608!important}.text-\[\#8b6348\]{color:#8b6348!important}.text-\[\#8f755f\]{color:#8f755f!important}.text-\[\#9a6b4b\]{color:#9a6b4b!important}.text-\[\#9a6848\]{color:#9a6848!important}.text-\[\#a46c45\]{color:#a46c45!important}.text-\[\#a4673f\]{color:#a4673f!important}.text-\[\#a06443\]{color:#a06443!important}.text-emerald-500{color:var(--color-emerald-500)!important}.text-emerald-600{color:var(--color-emerald-600)!important}.text-emerald-600\/60{color:color-mix(in srgb,oklch(59.6% .145 163.225) 60%,transparent)!important}@supports (color: color-mix(in lab,red,red)){.text-emerald-600\/60{color:color-mix(in oklab,var(--color-emerald-600) 60%,transparent)!important}}.text-emerald-700{color:var(--color-emerald-700)!important}.text-emerald-700\/70{color:color-mix(in srgb,oklch(50.8% .118 165.612) 70%,transparent)!important}@supports (color: color-mix(in lab,red,red)){.text-emerald-700\/70{color:color-mix(in oklab,var(--color-emerald-700) 70%,transparent)!important}}.text-emerald-800{color:var(--color-emerald-800)!important}.text-orange-500{color:var(--color-orange-500)!important}.text-slate-400{color:var(--color-slate-400)!important}.text-slate-500{color:var(--color-slate-500)!important}.text-slate-700{color:var(--color-slate-700)!important}.text-slate-800{color:var(--color-slate-800)!important}.text-slate-900{color:var(--color-slate-900)!important}.text-stone-800{color:var(--color-stone-800)!important}.text-stone-900{color:var(--color-stone-900)!important}.text-white{color:var(--color-white)!important}.text-white\/90{color:color-mix(in srgb,#fff 90%,transparent)!important}@supports (color: color-mix(in lab,red,red)){.text-white\/90{color:color-mix(in oklab,var(--color-white) 90%,transparent)!important}}.uppercase{text-transform:uppercase!important}.decoration-2{text-decoration-thickness:2px!important}.shadow-\[0_4px_10px_rgba\(80\,45\,20\,0\.12\)\]{--tw-shadow: 0 4px 10px var(--tw-shadow-color, rgba(80,45,20,.12)) !important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}.shadow-\[0_6px_24px_rgba\(120\,72\,30\,0\.08\)\]{--tw-shadow: 0 6px 24px var(--tw-shadow-color, rgba(120,72,30,.08)) !important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}.shadow-md{--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / .1)) !important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}.shadow-sm{--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / .1)) !important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}@media(width>=40rem){.sm\:p-6{padding:calc(var(--spacing) * 6)!important}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)!important}.sm\:text-2xl{font-size:var(--text-2xl)!important;line-height:var(--tw-leading, var(--text-2xl--line-height))!important}.sm\:text-3xl{font-size:var(--text-3xl)!important;line-height:var(--tw-leading, var(--text-3xl--line-height))!important}.sm\:text-\[24px\]{font-size:24px!important}}@media(max-height:900px){.\[\@media\(max-height\:900px\)\]\:mt-1{margin-top:var(--spacing)!important}.\[\@media\(max-height\:900px\)\]\:flex-row{flex-direction:row!important}.\[\@media\(max-height\:900px\)\]\:items-center{align-items:center!important}.\[\@media\(max-height\:900px\)\]\:gap-2{gap:calc(var(--spacing) * 2)!important}.\[\@media\(max-height\:900px\)\]\:p-1\.5{padding:calc(var(--spacing) * 1.5)!important}.\[\@media\(max-height\:900px\)\]\:py-1{padding-block:var(--spacing)!important}.\[\@media\(max-height\:900px\)\]\:text-2xl{font-size:var(--text-2xl)!important;line-height:var(--tw-leading, var(--text-2xl--line-height))!important}.\[\@media\(max-height\:900px\)\]\:text-base{font-size:var(--text-base)!important;line-height:var(--tw-leading, var(--text-base--line-height))!important}}}@keyframes ctaZoom{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/poppins-latin-400-normal.woff2) format("woff2")}@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/poppins-latin-500-normal.woff2) format("woff2")}@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/poppins-latin-600-normal.woff2) format("woff2")}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/poppins-latin-700-normal.woff2) format("woff2")}@font-face{font-family:Poppins;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/poppins-latin-800-normal.woff2) format("woff2")}*,:before,:after{border-width:0;border-style:solid}html{line-height:1.5;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}button,input{margin:0;padding:0;line-height:inherit}button{background-image:none}a{color:inherit}strong{font-weight:700}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:root{--positive: #28af60;--positive-dark: #17763f;--positive-soft: #e9f7ee;--positive-border: #bfe5ca;--primary: #ff6a00;--primary-dark: #d95700;--cream: #fff0df;--ivory: #fffbf5;--accent: #d99b54;--accent-light: #f3d4af;--text: #482d20;--heading: #454545;--muted: #795f50;--success: #9c3a0c;--danger: #a53e3e;--surface: #ffffff;--soft: #fff0e4;--border: #ecd7c3;--outside: #f3e5d5;--shadow: 0 7px 26px rgb(112 49 17 / 5%);--font-sans: "Poppins", system-ui, sans-serif;font-family:var(--font-sans);color:var(--text);background:var(--outside);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;font-size:16px}button,input{font:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{cursor:default}button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}h1,h2,h3,p,figure,blockquote{margin:0}h1:focus{outline:none}img{max-width:100%;display:block}ul,ol{padding:0;margin:0;list-style:none}.app-shell{height:100vh;height:100dvh;max-width:512px;margin-inline:auto;display:flex;flex-direction:column;background:var(--ivory);box-shadow:0 0 60px #7031110f}.screen-scroller{container-type:size;flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.screen-transition{min-height:100%;display:flex;flex-direction:column;animation:screen-in .26s ease-out}.screen-scroller:not(.reading-screen) .screen-transition{height:100%}.screen-scroller:not(.reading-screen) .screen{flex:1;min-height:min-content;padding:clamp(12px,2.5cqh,26px) 20px max(12px,env(safe-area-inset-bottom));gap:clamp(10px,2cqh,22px)}.screen-scroller:not(.reading-screen) .quiz-button{flex-shrink:0;min-height:clamp(52px,9cqh,76px);padding:clamp(10px,2cqh,20px) 18px;font-size:18px;line-height:1.3}.screen-scroller:not(.reading-screen) .screen-heading{flex-shrink:0;gap:6px}.screen-scroller:not(.reading-screen) h1{font-size:clamp(24px,4.6cqh,32px);line-height:1.2}.screen{padding:30px 22px max(30px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:24px}.quiz-header{flex-shrink:0;padding:max(10px,env(safe-area-inset-top)) 20px 12px;background:var(--ivory);border-bottom:1px solid var(--cream);z-index:2}.header-row{display:grid;grid-template-columns:52px minmax(0,1fr) 52px;align-items:center;margin-bottom:10px;min-height:52px;gap:8px}.back-button{border:1px solid var(--border);border-radius:50%;width:52px;height:52px;color:var(--primary);background:transparent;font-size:23px;flex-shrink:0}.progress-track{height:5px;border-radius:10px;background:var(--accent-light);overflow:hidden}.progress-fill{height:100%;background:var(--primary);border-radius:inherit;transition:width .3s ease}.screen-heading{text-align:center;display:flex;flex-direction:column;gap:11px}.eyebrow{text-transform:uppercase;letter-spacing:1.9px;font-size:12px;font-weight:600;color:var(--muted);line-height:1.6}h1{color:var(--heading);font-size:25px;line-height:1.35;font-weight:600;letter-spacing:-.7px;text-wrap:pretty}.subtitle{font-size:14px;line-height:1.8;color:var(--muted)}.quiz-button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid var(--primary);background:var(--primary);color:var(--ivory);padding:22px 24px;min-height:76px;border-radius:16px;font-size:20px;font-weight:700;line-height:1.45;box-shadow:0 5px 13px #ff6a0038;transition:background .16s,transform .16s,opacity .16s}.quiz-button>span:first-child{flex:1;text-align:center}.quiz-button>span:last-child{font-size:26px;font-weight:400}.quiz-button:active{transform:scale(.985)}.quiz-button:disabled{opacity:.38;box-shadow:none}.question-screen h1,.name-screen h1,.measure-screen h1{font-size:clamp(28px,7vw,34px);line-height:1.25}.panel{padding:22px;border:1px solid var(--border);border-radius:17px;background:var(--surface);box-shadow:var(--shadow)}.panel p{line-height:1.85;font-size:15px}.soft-panel{background:#dcfce7;border-color:#86efac}.centered-screen{min-height:calc(100dvh - 105px);justify-content:center;text-align:center;gap:27px}.centered-screen>.quiz-button{margin-top:4px}.round-symbol{align-self:center;display:grid;place-items:center;width:72px;height:72px;font:35px var(--font-sans);color:var(--primary);border:1px solid var(--accent-light);border-radius:50%;background:var(--cream)}.panel .editorial-lead,.editorial-lead{font-family:var(--font-sans);font-size:27px;line-height:1.3}.highlight-orange{color:#ff5a1f;font-weight:700}.identification-panel{display:flex;flex-direction:column;align-items:center;gap:18px}.pill{padding:9px 13px;border-radius:8px;text-align:center;color:var(--primary);background:var(--soft);font-size:13px;font-weight:500;line-height:1.7}.identification-panel .pill{background:var(--cream)}.small-note,figcaption{font-size:12px;line-height:1.8;color:var(--muted);text-align:center}.check-list{display:flex;flex-direction:column;gap:10px}.check-list li{display:flex;align-items:center;gap:12px;padding:14px;background:var(--soft);border-radius:10px;font-size:14px;line-height:1.7}.check-list li>span{color:var(--primary);font-size:18px}summary{cursor:pointer;padding:16px 0;min-height:56px;font-size:16px}.section-title{font-size:20px;font-weight:600;text-align:center;color:var(--heading);line-height:1.5;margin-bottom:18px}@media(hover:hover){.quiz-button:not(:disabled):hover{background:var(--primary-dark)}.back-button:hover,.measure-controls button:hover{background:var(--soft)}}@media(max-width:359px){.screen,.intro-screen{padding-inline:16px}h1{font-size:23px}.quiz-header{padding-inline:14px}}@media(min-width:768px){.screen{padding-inline:28px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@keyframes screen-in{0%{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes chart-in{0%{stroke-dashoffset:420}to{stroke-dashoffset:0}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.25}}@keyframes intro-cta-pulse{0%,to{transform:scale(1);box-shadow:0 5px 13px #28af6038}50%{transform:scale(1.025);box-shadow:0 7px 22px #28af6059,0 0 0 7px #28af6014}}@media(max-height:740px){.quiz-header{padding:max(6px,env(safe-area-inset-top)) 16px 8px}.header-row{min-height:44px;grid-template-columns:44px minmax(0,1fr) 44px;margin-bottom:6px}.back-button{width:44px;height:44px}.screen-scroller:not(.reading-screen) .panel{padding:14px}.screen-scroller:not(.reading-screen) .panel p{line-height:1.5}.screen-scroller:not(.reading-screen) .editorial-lead{font-size:22px;line-height:1.35}.screen-scroller:not(.reading-screen) .round-symbol{width:48px;height:48px;font-size:26px;flex-shrink:0}.screen-scroller:not(.reading-screen) .subtitle{line-height:1.5}}@media(max-height:600px){.screen-scroller:not(.reading-screen) .screen{padding:10px 16px max(10px,env(safe-area-inset-bottom));gap:8px}.screen-scroller:not(.reading-screen) .quiz-button{min-height:50px;padding-block:8px}}h2,h3{color:var(--heading)}h1 strong,h2 strong,h3 strong,.heading-highlight{color:var(--primary)}.heading-highlight{font-weight:inherit}.quiz-button.green-cta{background:#28af60;border-color:#28af60;box-shadow:0 5px 13px #28af6038}.quiz-button.green-cta:not(:disabled):hover{background:#229651;border-color:#229651}.green-cta:focus-visible{outline-color:#28af60}.pulse-cta:not(:disabled){animation:intro-cta-pulse 2s ease-in-out infinite}.pulse-cta:hover,.pulse-cta:focus-visible,.pulse-cta:active{animation:none}@media(prefers-reduced-motion:reduce){.pulse-cta:not(:disabled){animation:none}}@property --tw-translate-x{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-translate-y{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-translate-z{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-space-y-reverse{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-border-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-gradient-position{syntax: "*"; inherits: false;}@property --tw-gradient-from{syntax: "<color>"; inherits: false; initial-value: #0000;}@property --tw-gradient-via{syntax: "<color>"; inherits: false; initial-value: #0000;}@property --tw-gradient-to{syntax: "<color>"; inherits: false; initial-value: #0000;}@property --tw-gradient-stops{syntax: "*"; inherits: false;}@property --tw-gradient-via-stops{syntax: "*"; inherits: false;}@property --tw-gradient-from-position{syntax: "<length-percentage>"; inherits: false; initial-value: 0%;}@property --tw-gradient-via-position{syntax: "<length-percentage>"; inherits: false; initial-value: 50%;}@property --tw-gradient-to-position{syntax: "<length-percentage>"; inherits: false; initial-value: 100%;}@property --tw-leading{syntax: "*"; inherits: false;}@property --tw-font-weight{syntax: "*"; inherits: false;}@property --tw-tracking{syntax: "*"; inherits: false;}@property --tw-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: "*"; inherits: false;}@property --tw-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: "*"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: "*"; inherits: false;}@property --tw-ring-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: "*"; inherits: false;}@property --tw-inset-ring-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: "*"; inherits: false;}@property --tw-ring-offset-width{syntax: "<length>"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: "*"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x: 0;--tw-translate-y: 0;--tw-translate-z: 0;--tw-space-y-reverse: 0;--tw-border-style: solid;--tw-gradient-position: initial;--tw-gradient-from: #0000;--tw-gradient-via: #0000;--tw-gradient-to: #0000;--tw-gradient-stops: initial;--tw-gradient-via-stops: initial;--tw-gradient-from-position: 0%;--tw-gradient-via-position: 50%;--tw-gradient-to-position: 100%;--tw-leading: initial;--tw-font-weight: initial;--tw-tracking: initial;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000}}}
