.home-demo{width:100%;min-width:0;overflow:hidden;border:1px solid var(--surface-border);border-radius:var(--site-panel-radius);background:var(--white);color:var(--text-primary);box-shadow:0 16px 48px color-mix(in srgb,var(--text-primary) 3%,transparent);font-family:inherit}.home-demo *,.home-demo *:before,.home-demo *:after{box-sizing:border-box}.home-demo button{font:inherit;cursor:pointer}.home-demo button:focus-visible{outline:3px solid var(--action);outline-offset:4px}.home-demo button:disabled{cursor:default}.home-demo__header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 28px;border-bottom:1px solid var(--surface-border)}.home-demo__header>div{display:grid;gap:5px}.home-demo__header strong{font-size:15px;font-weight:600}.home-demo__eyebrow{color:var(--text-secondary);font-size:11px;letter-spacing:.06em}.home-demo__variation{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:var(--site-control-radius);padding:8px 12px;background:var(--action-soft);color:var(--action);font-size:12px!important;font-weight:600!important}.home-demo__variation:disabled{color:var(--text-secondary)}.home-demo__variation>span{font-size:17px}.home-demo__body{padding:26px 28px;min-height:435px}.home-demo__prompt{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.home-demo__prompt h3{margin:0;font-size:15px;line-height:1.5;font-weight:600}.home-demo__toggle{display:inline-flex;gap:7px;align-items:center;border:1px solid var(--surface-border);border-radius:var(--site-control-radius);padding:7px 10px;background:var(--white);color:var(--text-secondary);font-size:11px!important;white-space:nowrap}.home-demo__toggle[aria-pressed=true]{background:var(--action-soft);border-color:var(--action);color:var(--text-primary)}.home-demo__math{min-width:0;max-width:100%;overflow-x:auto;overflow-y:hidden}.home-demo__math .katex-display{margin:.5em 0}.home-demo__question{margin:24px 0;padding:4px 0;font-size:20px}.home-demo__structure{margin:0 0 20px;padding:17px 18px;border:1px solid var(--surface-border);border-left:3px solid var(--action);border-radius:var(--site-control-radius);background:var(--action-subtle)}.home-demo__structure strong{font-size:12px;font-weight:600}.home-demo__formula{margin:13px 0;font-size:17px}.home-demo__structure p{margin:0;font-size:12px;line-height:1.6;color:var(--text-secondary)}.home-demo__options{display:grid;grid-template-columns:minmax(0,1fr);gap:9px;margin-bottom:20px}.home-demo__option{width:100%;min-width:0;display:flex;align-items:center;gap:14px;border:1px solid var(--surface-border);border-radius:var(--site-control-radius);padding:13px 15px;text-align:left;background:var(--white);color:var(--text-primary)}.home-demo__option:hover:not(:disabled){border-color:var(--surface-border-hover);background:var(--surface)}.home-demo__option[aria-pressed=true]{border-color:var(--action);background:var(--action-soft);box-shadow:inset 0 0 0 1px var(--action)}.home-demo__letter{flex:0 0 23px;display:grid;place-items:center;height:23px;border:1px solid var(--surface-border);border-radius:5px;color:var(--text-secondary);font-size:11px}.home-demo__answer{flex:1;font-size:14px}.home-demo__option.is-correct{border-color:var(--action);background:var(--action-soft);box-shadow:none}.home-demo__option.is-incorrect{border-color:var(--error);background:var(--error-soft);box-shadow:none}.home-demo__mark{flex-shrink:0;font-size:19px}.home-demo__check{width:100%;display:flex;align-items:center;justify-content:center;gap:14px;padding:13px 16px;border:1px solid var(--action);border-radius:var(--site-control-radius);background:var(--action);color:var(--white);font-size:13px!important;font-weight:600!important}.home-demo__check:disabled{background:var(--surface-muted);border-color:var(--surface-muted);color:var(--text-secondary)}.home-demo__feedback{display:grid;justify-items:start;gap:8px;font-size:13px;line-height:1.6}.home-demo__feedback.is-correct{color:var(--action)}.home-demo__feedback.is-incorrect{color:var(--error)}.home-demo__footer{display:flex;justify-content:center;align-items:center;gap:8px;padding:15px 20px;background:var(--surface);border-top:1px solid var(--surface-border);color:var(--text-secondary);font-size:11px;text-align:center}.home-demo__notice{display:grid;gap:12px;align-content:center;min-height:350px;font-size:14px;line-height:1.6}.home-demo__notice p{margin:0 0 8px;color:var(--text-secondary)}@media(max-width:480px){.home-demo__header{padding:18px;gap:10px;flex-wrap:wrap}.home-demo__header strong{font-size:13px}.home-demo__body{padding:22px 18px}.home-demo__question{font-size:17px}.home-demo__option{padding:12px 10px;gap:10px}.home-demo__answer{font-size:13px}}.home-demo__prompt h3{font-family:var(--font-display);font-weight:var(--font-display-weight);font-size:24px;letter-spacing:-.035em}.home-demo__answer{font-size:17px}@media(max-width:480px){.home-demo__prompt h3{font-size:21px}.home-demo__answer{font-size:15px}.home-demo__variation,.home-demo__toggle{min-height:44px}}.scroll-book{--book-cover-angle: 10deg;--book-cover-lift: 0px;--book-page-1-angle: 10deg;--book-page-2-angle: 10deg;--book-page-3-angle: 10deg;--book-stem-offset: 0;--book-left-leaf: 1;--book-right-leaf: 1;--book-shadow-scale: 1;--book-scale: 2.3;position:relative;display:grid;place-items:center;width:100%;height:100%;min-height:320px;overflow:hidden;isolation:isolate;background:var(--action-soft);border-radius:var(--site-panel-radius)}.scroll-book__halo{position:absolute;width:78%;aspect-ratio:1;border-radius:50%;background:var(--surface);opacity:.65}.scroll-book__art{position:relative;width:190px;height:150px;perspective:600px;transform:scale(var(--book-scale))}.scroll-book__shadow{position:absolute;left:12px;right:6px;bottom:-9px;height:17px;border-radius:50%;background:color-mix(in srgb,var(--action) 13%,transparent);filter:blur(5px);transform:scaleX(var(--book-shadow-scale))}.scroll-book__stage{position:absolute;left:19px;top:78px;width:152px;height:74px;transform:rotateX(42deg) rotate(-6deg);transform-style:preserve-3d}.scroll-book__half,.scroll-book__sheet{position:absolute;top:0;width:76px;height:74px;transform-style:preserve-3d;border-radius:3px}.scroll-book__right{left:76px;background:var(--surface);border:1px solid var(--surface-border);box-shadow:1px 2px 0 var(--surface-border),2px 4px 0 var(--surface),3px 6px 0 var(--action),5px 9px 10px color-mix(in srgb,var(--text-primary) 15%,transparent)}.scroll-book__cover{left:0;transform-origin:right center;transform:translateZ(var(--book-cover-lift)) rotateY(var(--book-cover-angle))}.scroll-book__inside,.scroll-book__outside{position:absolute;inset:0;border-radius:3px;backface-visibility:hidden}.scroll-book__inside{background:var(--surface);border:1px solid var(--surface-border);box-shadow:-1px 2px 0 var(--surface-border),-2px 4px 0 var(--surface),-3px 6px 0 var(--action)}.scroll-book__outside{background:var(--action);color:var(--surface);transform:rotateY(180deg) translateZ(1px);border:1px solid var(--action);box-shadow:2px 3px 6px color-mix(in srgb,var(--text-primary) 20%,transparent)}.scroll-book__cover-border{position:absolute;inset:7px;border:1px solid color-mix(in srgb,var(--surface) 45%,transparent);border-radius:2px}.scroll-book__outside svg{position:absolute;inset:0;width:100%;height:100%}.scroll-book__lines{backface-visibility:hidden;position:absolute;inset:13px 10px;background:repeating-linear-gradient(to bottom,transparent 0 8px,var(--surface-border) 8px 9px)}.scroll-book__sheet{backface-visibility:hidden;left:0;background:var(--surface);border:1px solid var(--surface-border);transform-origin:right center}.scroll-book__sheet--1{--book-page-depth: 1px;transform:rotateY(var(--book-page-1-angle)) translateZ(var(--book-page-depth))}.scroll-book__sheet--2{--book-page-depth: 1.4px;transform:rotateY(var(--book-page-2-angle)) translateZ(var(--book-page-depth))}.scroll-book__sheet--3{--book-page-depth: 1.8px;transform:rotateY(var(--book-page-3-angle)) translateZ(var(--book-page-depth))}.scroll-book__spine{position:absolute;top:0;bottom:0;left:75px;width:2px;background:var(--surface-border);transform:translateZ(2px)}.scroll-book__sprout{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.scroll-book__stem{stroke-dasharray:1;stroke-dashoffset:var(--book-stem-offset)}.scroll-book__leaf{transform-box:fill-box;transform-origin:bottom right;transform:scale(var(--book-left-leaf))}.scroll-book__leaf--right{transform-origin:bottom left;transform:scale(var(--book-right-leaf))}@media(prefers-reduced-motion:no-preference){.scroll-book[data-book-motion]{--book-cover-angle: 180deg;--book-cover-lift: 6px;--book-page-1-angle: 180deg;--book-page-2-angle: 180deg;--book-page-3-angle: 180deg;--book-stem-offset: 1;--book-left-leaf: 0;--book-right-leaf: 0;--book-shadow-scale: .6}.scroll-book[data-book-open] .scroll-book__cover{animation:book-cover-open 1.7s .25s cubic-bezier(.35,0,.2,1) both}.scroll-book[data-book-open] .scroll-book__sheet{animation:book-page-open 1.4s .5s cubic-bezier(.35,0,.2,1) both}.scroll-book[data-book-open] .scroll-book__sheet--2{animation-delay:.65s}.scroll-book[data-book-open] .scroll-book__sheet--3{animation-delay:.8s}.scroll-book[data-book-open] .scroll-book__stem{animation:book-stem-grow .6s 1.85s ease-out both}.scroll-book[data-book-open] .scroll-book__leaf{animation:book-leaf-grow .65s 2.15s ease-out both}.scroll-book[data-book-open] .scroll-book__leaf--right{animation-delay:2.4s}.scroll-book[data-book-open] .scroll-book__shadow{animation:book-shadow-open 1.7s .25s ease-out both}}@keyframes book-cover-open{0%{transform:translateZ(6px) rotateY(180deg)}to{transform:translateZ(0) rotateY(10deg)}}@keyframes book-page-open{0%{transform:rotateY(180deg) translateZ(var(--book-page-depth))}to{transform:rotateY(10deg) translateZ(var(--book-page-depth))}}@keyframes book-stem-grow{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes book-leaf-grow{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes book-shadow-open{0%{transform:scaleX(.6)}to{transform:scaleX(1)}}@media(min-width:801px)and (max-width:1100px){.scroll-book{--book-scale: 1.85}}@media(max-width:800px){.scroll-book{--book-scale: 2}}@media(max-width:420px){.scroll-book{--book-scale: 1.6}}@media(max-width:360px){.scroll-book{--book-scale: 1.4}}