.learning-scene__scroll{overscroll-behavior-y:contain;height:100dvh;padding-bottom:calc(44px + env(safe-area-inset-bottom));overflow-y:auto}.learning-scene__header{grid-template-columns:48px 1fr 48px;align-items:center;gap:10px;margin-bottom:26px;display:grid}.learning-scene__header button{border:1px solid var(--border);background:#0308128c;border-radius:50%;place-items:center;width:48px;height:48px;display:grid}.learning-scene__header button svg{width:22px;height:22px}.learning-scene__header strong{text-align:center;letter-spacing:.03em;font-size:13px}.learning-scene__hero{min-height:clamp(520px,72dvh,690px);margin-inline:calc(var(--page-pad) * -.45);isolation:isolate;background:radial-gradient(circle at 20% 69%,#d8974033,#0000 33%),radial-gradient(circle at 82% 47%,#2665e24a,#0000 40%),#01050fc2;border:1px solid #efcb8b57;border-radius:40px 40px 116px;position:relative;overflow:hidden;transform:translateZ(0);box-shadow:0 38px 104px #00000094,inset 0 1px #ffefca1c}.learning-scene__hero:after{content:"";z-index:3;pointer-events:none;background:linear-gradient(#01050f08,#0000 36%,#01050fe6);position:absolute;inset:0}.learning-scene__hero-copy{z-index:5;padding:29px 26px 0;position:relative}.learning-scene__hero-copy>.animated-gradient-text,.learning-scene__hero-copy>span,.learning-scene__intro>span,.learning-scene__boundary>span,.learning-scene__details>span{color:var(--gold-bright);letter-spacing:.13em;font-size:10px;font-weight:600}.learning-scene__hero-title,.learning-scene__hero-copy h1{max-width:9ch;color:var(--ivory);font:500 clamp(49px,14vw,72px)/.86 var(--serif);letter-spacing:-.045em;text-wrap:balance;margin:14px 0 0}.learning-scene__hero-copy p{color:#c8d0dd;max-width:38ch;margin:17px 0 0;font-size:13px;line-height:1.58}.learning-scene__hero-art{z-index:2;border-radius:inherit;position:absolute;inset:190px -22% -3%;overflow:hidden}.learning-scene__hero-art img{object-fit:contain;position:absolute}.learning-scene__hero-art img:first-child{filter:drop-shadow(0 0 35px #d89e4752);width:51%;top:29%;left:3%}.learning-scene__hero-art img:last-child{filter:saturate(.88)drop-shadow(0 0 34px #417cff4a);width:48%;top:31%;right:3%}.learning-scene__gate,.learning-scene__status{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:46dvh;display:flex}.learning-scene__gate>span,.learning-scene__status>span{color:var(--gold-bright)}.learning-scene__gate>span svg,.learning-scene__status>span svg{width:30px;height:30px}.learning-scene__gate h2,.learning-scene__status h2{max-width:14ch;color:var(--ivory);font:500 33px/1 var(--serif);margin:0}.learning-scene__gate p,.learning-scene__status p{max-width:38ch;color:var(--muted);margin:0;line-height:1.58}.learning-scene__gate .star-border-container{background:0 0;border:0}.learning-scene__gate .inner-content{border-color:var(--border-gold);background:linear-gradient(#1b2234,#0b1321)}.learning-scene__status button{border:1px solid var(--border-gold);background:var(--surface);border-radius:999px;min-height:48px;padding:0 22px}.learning-scene__content{gap:23px;margin-top:22px;display:grid}.learning-scene__mode-glass{border:1px solid #b3c6e43d}.learning-scene__mode{background:#040c1ba6;border-radius:22px;grid-template-columns:1fr 1fr;gap:5px;padding:6px;display:grid}.learning-scene__mode button{min-height:49px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:16px;font-weight:600}.learning-scene__mode button[aria-pressed=true]{color:var(--gold-bright);background:linear-gradient(#dab57138,#18223aad);box-shadow:inset 0 0 0 1px #dab5714f,0 0 26px #3d73d914}.learning-scene__flow{gap:18px;display:grid}.learning-scene__intro h2{color:var(--ivory);font:500 31px/1.05 var(--serif);margin:9px 0 7px}.learning-scene__intro p,.learning-scene__register>p,.learning-scene__details>p,.learning-scene__boundary p{color:var(--muted);margin:0;font-size:13px;line-height:1.58}.learning-scene .outer-container{width:100%}.learning-scene .step-circle-container{background:#070e1ccc;border-radius:24px;overflow:hidden;border-color:var(--border)!important;padding:16px!important}.learning-scene .step-indicator-row{margin-bottom:11px}.learning-scene .step-indicator-row>button{border:1px solid var(--border);width:34px;height:34px;color:var(--muted);background:#0a1425;border-radius:50%;place-items:center;display:grid}.learning-scene .step-indicator-row>button.is-active{border-color:var(--gold-bright);color:var(--gold-bright);box-shadow:0 0 18px #dab57138}.learning-scene .step-indicator-row>button.is-complete{color:var(--teal);border-color:#69c7c066}.learning-scene .step-connector{background:#a0b4d329!important}.learning-scene .step-content-default{min-height:160px}.learning-scene__step{padding:14px 5px}.learning-scene__step>span{color:var(--teal);letter-spacing:.12em;font-size:11px}.learning-scene__step h3{color:var(--ivory);font:500 27px/1.08 var(--serif);margin:9px 0 7px}.learning-scene__step p{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.learning-scene .footer-container{padding-top:8px}.learning-scene .back-button,.learning-scene .next-button{border-radius:13px;min-height:43px;padding:0 16px;font-weight:600}.learning-scene .back-button{color:var(--muted)}.learning-scene .next-button{color:#070b12;background:#b99353;font-size:0}.learning-scene .next-button:after{content:attr(data-label);font-size:13px}.learning-scene__restart{border:1px solid var(--border);background:var(--surface);min-height:48px;color:var(--gold-bright);border-radius:16px}.learning-scene__glare{display:block;box-shadow:0 24px 76px #0000006b,0 0 46px #2b70ea17}.learning-scene__glare .card-spotlight{width:100%}.learning-scene__example.card-spotlight,.learning-scene__calculation.card-spotlight{background:radial-gradient(circle at 88% 10%,#366fde29,#0000 34%),radial-gradient(circle at 7% 98%,#c594411f,#0000 34%),#050c1beb;border-color:#69c7c057;border-radius:32px;min-height:300px;padding:27px}.learning-scene__example .animated-gradient-text{color:var(--teal);letter-spacing:.12em;font-size:10px;font-weight:600}.learning-scene__example h2{color:var(--ivory);font:500 clamp(37px,10vw,49px)/.94 var(--serif);margin:18px 0 11px}.learning-scene__example>p,.learning-scene__example div p{color:#cbd4e1;margin:0;font-size:14px;line-height:1.62}.learning-scene__example div{border-top:1px solid #a0b4d329;gap:7px;margin-top:21px;padding-top:17px;display:grid}.learning-scene__example div strong{color:var(--teal);font-size:12px}.learning-scene__example div small{color:var(--faint);line-height:1.45}.learning-scene__boundary-glass{border:1px solid var(--border-gold)}.learning-scene__boundary{background:radial-gradient(circle at 94% 9%,#c4954521,#0000 38%),#050c1bb3;border-radius:25px;padding:22px}.learning-scene__boundary h2{color:var(--ivory);font:500 27px/1.04 var(--serif);margin:10px 0 7px}.learning-scene__calculation.card-spotlight{border-color:var(--border-gold)}.learning-scene__eyebrow,.learning-scene__register-title{color:var(--gold-bright);letter-spacing:.09em;justify-content:space-between;gap:15px;font-size:10px;font-weight:600;display:flex}.learning-scene__calculation h2{color:var(--ivory);font:500 27px/1.08 var(--serif);margin:12px 0 6px}.learning-scene__calculation>strong{color:var(--muted);font-size:12px}.learning-scene__calculation>p,.learning-scene__calculation>small{color:var(--muted);margin:12px 0 0;font-size:12px;line-height:1.5;display:block}.learning-scene__pills{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.learning-scene__pills span{color:var(--muted);border:1px solid #a0b4d32e;border-radius:999px;padding:6px 9px;font-size:10px}.learning-scene__register,.learning-scene__details{border:1px solid var(--border);background:#070e1ccc;border-radius:22px;padding:20px}.learning-scene__register-title strong{color:var(--muted);font-weight:500}.learning-scene__register>p{margin-top:10px}.learning-scene__register ul{margin:14px 0 0;padding:0;list-style:none}.learning-scene__register li{border-top:1px solid #a0b4d31f;grid-template-columns:8px 1fr auto;align-items:center;gap:11px;min-height:55px;display:grid}.learning-scene__register li>i,.learning-scene__details article>i{background:var(--gold-bright);border-radius:50%;width:7px;height:7px}.learning-scene__register li div{gap:2px;display:grid}.learning-scene__register li strong{color:var(--ivory);font-size:12px}.learning-scene__register li span,.learning-scene__register li b{color:var(--muted);font-size:10px;font-weight:400}.learning-scene__register li.is-missing{opacity:.67}.learning-scene__details>h2{color:var(--ivory);font:500 25px/1.1 var(--serif);margin:10px 0 5px}.learning-scene__details>h2:not(:first-of-type){margin-top:23px}.learning-scene__details>div{gap:8px;margin-top:13px;display:grid}.learning-scene__details article{background:#0a1424ad;border:1px solid #a0b4d324;border-radius:14px;grid-template-columns:8px 1fr auto;align-items:center;gap:10px;min-height:58px;padding:11px;display:grid}.learning-scene__details article>div{gap:3px;display:grid}.learning-scene__details article strong{color:var(--ivory);font-size:11px}.learning-scene__details article span,.learning-scene__details article b{color:var(--muted);font-size:9px;font-weight:500}.learning-scene__details article.is-supportive>i{background:var(--teal)}.learning-scene__details article.is-sensitive>i{background:#bda6db}.learning-scene__details article.is-challenging>i{background:#e28c82}.learning-scene__empty{text-align:center;padding:17px}.learning-scene button:focus-visible{outline:2px solid var(--gold-bright);outline-offset:3px}@media (width<=360px){.learning-scene__hero{min-height:490px}.learning-scene__hero-art{inset-inline:-31%}}.learning-scene.is-reduced-motion .learning-scene__hero,.learning-scene.is-reduced-motion .learning-scene__glare{transform:none}