.stage{--wall: #8A8581;--paper: #FAF8F4;--paper-2: #F2EFE9;--paper-3: #EAE6DF;--ink: #16181D;--ink-2: #4A4D55;--ink-3: #5E6169;--line: rgb(22 24 29 / .1);--line-2: rgb(22 24 29 / .16);--accent: #243B8A;--accent-soft: rgb(36 59 138 / .07);--on-accent: #fff;--text: var(--ink);--text-2: var(--ink-2);--text-3: var(--ink-3);--accent-2: var(--accent);--accent-ink: var(--on-accent);--serif: var(--pr-font), ui-sans-serif, system-ui, sans-serif;--sans: var(--pr-font), ui-sans-serif, system-ui, sans-serif;--mono: var(--sans);--ease: cubic-bezier(.2, .7, .2, 1);--ease-out: var(--ease);--ease-in-out: cubic-bezier(.45, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-spring: var(--ease);--t-fast: .18s;--t-base: .28s;--t-slow: .42s;--stagger: 24ms;--shadow: 0 1px 2px rgb(40 30 20 / .06), 0 24px 48px -28px rgb(40 30 20 / .35);--theo-h: min( calc(100svh - 16px) , 1000px, calc(46vw * 748 / 562));--theo-w: calc(var(--theo-h) * 562 / 748);--theo-x: 25vw;--panel-l: calc(var(--theo-x) + var(--theo-w) / 2 + 8px);--panel-r: max(24px, 3.2vw);--r: 14px;position:relative;isolation:isolate;width:100%;height:100svh;min-height:600px;overflow:hidden;background:radial-gradient(ellipse 60% 55% at 0% 0%,rgb(0 0 0 / .08),transparent 70%),linear-gradient(to right,#9D9693 0,#9B9491 calc(var(--theo-x) - var(--theo-w) * .42),#8C8683 var(--theo-x),#77726F calc(var(--theo-x) + var(--theo-w) * .5),#74706D 100%);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;color-scheme:light}.stage.world-air{--accent: #243B8A;--accent-soft: rgb(36 59 138 / .07)}.stage.world-bank{--accent: #1E5A45;--accent-soft: rgb(30 90 69 / .08)}.stage.world-maths{--accent: #2A2D33;--accent-soft: rgb(42 45 51 / .06);--signal: #D2472C;--deriv: #2E7D4F}.stage *,.stage *:before,.stage *:after{box-sizing:border-box}.stage :is(h1,h2,h3,p,dl,dd,ul,ol,figure){margin:0;color:inherit}.stage :is(h1,h2,h3){font-family:inherit;font-weight:500;letter-spacing:0}.stage button,.stage input,.stage select{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}.stage button{cursor:pointer}.stage a{color:inherit;text-decoration:none}.stage :is(button,a,input,select,summary,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:3px}.stage .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.stage .mono,.stage .num{font-variant-numeric:tabular-nums;letter-spacing:0}.stage-plate,.stage-horizon,.stage-grain,.panel-edge,.panel-comet{display:none!important}.stage-pool{display:none}.stage .scene-guide{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.stage .dg{position:absolute;top:0;right:0;bottom:0;left:0}.stage .dg-face{position:absolute;bottom:0;left:calc(var(--theo-x) - var(--theo-w) / 2);width:var(--theo-w);height:var(--theo-h);overflow:hidden;pointer-events:none;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 8%,#000 92%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 8%,#000 100%);mask-image:linear-gradient(to right,transparent 0,#000 8%,#000 92%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 8%,#000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.stage .dg-face img,.stage .dg-face iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;object-fit:contain}.stage .dg-face iframe{opacity:0;transition:opacity .24s ease;pointer-events:auto}.stage .dg-face iframe.is-ready{opacity:1}.stage .dg.is-live .dg-face img{opacity:0;transition:opacity .24s ease .2s}.stage-top{position:absolute;z-index:8;inset:0 0 auto;height:68px;display:flex;align-items:center;gap:20px;padding:0 var(--panel-r) 0 max(20px,2.4vw)}.stage-home{display:flex;align-items:baseline;gap:6px;font-size:19px;font-weight:500;letter-spacing:-.03em;color:var(--ink)}.stage-home span{font-size:12px;font-weight:400;letter-spacing:0;color:#16181db8}.stage-glass-btn{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 12px;border:1px solid rgb(22 24 29 / .14);border-radius:8px;background:#fbfaf7d1;color:var(--ink);font-size:13px;font-weight:500;transition:background var(--t-fast) var(--ease),transform 80ms ease}.stage-glass-btn:hover{background:var(--paper)}.stage-glass-btn:active{transform:scale(.98)}.stage-picker{position:relative;margin-left:auto}.stage-picker .stage-glass-btn h1{margin:0;font-size:13px;font-weight:500;color:var(--ink);line-height:1}.stage-menu{position:absolute;top:44px;right:0;min-width:260px;padding:6px;border:1px solid var(--line);border-radius:12px;background:var(--paper);box-shadow:var(--shadow);animation:st-fade-down .18s var(--ease) both}@keyframes st-fade-down{0%{opacity:0;transform:translateY(-4px)}}.stage-menu a,.stage-menu button{display:flex;align-items:center;gap:12px;width:100%;min-height:40px;padding:0 10px;border:0;border-radius:8px;background:none;font-size:14px;color:var(--ink-2);text-align:left}.stage-menu a:hover,.stage-menu button:hover{background:var(--paper-2);color:var(--ink)}.stage-menu a[aria-current]{color:var(--ink);font-weight:500}.stage-menu .menu-sep{height:1px;margin:6px 8px;background:var(--line)}.stage-menu .menu-end{margin-left:auto;font-size:12px;color:var(--ink-3)}.stage-menu small{margin-left:auto;color:var(--ink-3);font-size:12px}.stage .dg-controls{position:absolute;z-index:4;bottom:28px;left:var(--theo-x);width:max-content;max-width:min(400px,calc(var(--theo-w) - 24px));transform:translate(-50%);pointer-events:auto;animation:st-rise .32s var(--ease) .2s both}.stage .scene-welcome{margin:0 auto 10px;max-width:320px;text-align:center;font-size:13px;line-height:1.45;color:#16181dc7}.stage .scene-welcome h2{display:none}.stage .dg-bar{display:flex;align-items:center;gap:6px;padding:5px;border:1px solid rgb(22 24 29 / .08);border-radius:12px;background:var(--paper);box-shadow:var(--shadow)}.stage .dg-who{display:grid;gap:0;min-width:0;padding:0 8px 0 14px}.stage .dg-who strong{font-size:15px;font-weight:500;color:var(--ink)}.stage .dg-who span{font-size:12px;color:var(--ink-2);white-space:nowrap}.stage .dg-who .dg-mobile-status{display:block}.stage .dg-who:has(.dg-mobile-status) .dg-role{display:none}.stage .dg-status{display:none}.stage .dg-call{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:0 14px 0 12px;border:1px solid var(--line-2);border-radius:8px;background:#fff;color:var(--ink);font-size:14px;font-weight:500;transition:background var(--t-fast) ease,transform 80ms ease}.stage .dg-call svg{color:var(--accent)}.stage .dg-call:hover:not(:disabled){background:var(--paper-2)}.stage .dg-call:active:not(:disabled){transform:scale(.98)}.stage .dg-call:disabled{opacity:.5;cursor:default}.stage .dg-icon{display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid var(--line-2);border-radius:8px;background:var(--paper);color:var(--ink);transition:background var(--t-fast) ease}.stage .dg-icon:hover{background:var(--paper-2)}.stage .dg-icon[aria-pressed=true]{background:var(--ink);color:var(--paper)}.stage .dg-icon.is-end{border-color:#b3261e59;background:#fff;color:#b3261e}.stage .dg-wave{display:inline-flex;gap:2px;align-items:center;height:12px;margin-right:6px;vertical-align:-1px;color:var(--accent)}.stage .dg-wave i{width:2px;height:4px;border-radius:1px;background:currentColor}.stage .dg-wave i:nth-child(2),.stage .dg-wave i:nth-child(4){height:8px}.stage .dg-wave i:nth-child(3){height:12px}.stage .dg-wave.is-active i{animation:st-voice .7s ease-in-out infinite alternate}.stage .dg-wave.is-active i:nth-child(2n){animation-delay:-.35s}@keyframes st-voice{to{transform:scaleY(.4)}}.stage .dg-note{max-width:340px;margin:0 auto 10px;padding:10px 14px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);font-size:13px;line-height:1.45}.stage:has(.dg-note) .scene-welcome{display:none}.stage-panel{position:absolute;z-index:3;top:76px;max-height:calc(100svh - 132px);left:var(--panel-l);right:var(--panel-r);max-width:980px;display:flex;flex-direction:column;overflow:hidden;border-radius:var(--r);background:var(--paper);border:1px solid rgb(22 24 29 / .06);box-shadow:var(--shadow);animation:st-rise .32s var(--ease) 60ms both}.panel-head{flex-shrink:0;display:flex;flex-wrap:wrap;align-items:center;gap:14px 32px;padding:22px 32px 0;border-bottom:1px solid var(--line)}.panel-brand{display:flex;align-items:center;gap:9px;flex-shrink:0;font-size:15px;font-weight:500;white-space:nowrap;color:var(--ink)}.panel-brand em{font-style:normal;color:var(--ink-3);font-weight:400}.panel-brand svg{color:var(--accent)}.panel-body{position:relative;flex:0 1 auto;min-height:0;scroll-padding-bottom:24px;overflow:hidden auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line-2) transparent;padding:32px 32px 24px}.panel-foot{flex-shrink:0;display:flex;align-items:center;gap:20px;min-height:72px;padding:14px 32px;border-top:1px solid var(--line)}.panel-foot .foot-summary{flex:1;min-width:0;display:flex;align-items:center;gap:10px;color:var(--ink);font-size:13px}.panel-foot .foot-summary>span{min-width:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.panel-foot .foot-summary>.sg-filled{flex:none;overflow:visible}.panel-foot .foot-summary>svg{flex:none;color:var(--ink-3)}.panel-foot .foot-total{display:grid;justify-items:end;gap:0;padding-left:20px;border-left:1px solid var(--line);white-space:nowrap}.panel-foot .foot-total small{font-size:12px;color:var(--ink-3)}.panel-foot .foot-total strong{font-size:26px;font-weight:500;line-height:1.1;letter-spacing:-.02em}.stage .panel-note{position:absolute;z-index:3;left:calc(var(--panel-l) + 32px);right:var(--panel-r);bottom:20px;display:flex;gap:8px;align-items:center;font-size:12px;color:#fff}.stage-steps{position:relative;flex:1 0 100%;min-width:0;display:flex;gap:22px}.stage-steps .st-track,.stage-steps .st-streak,.stage-steps .st-dot,.stage-steps .st-count{display:none}.stage-steps button{position:relative;flex:0 1 auto;min-width:0;display:flex;align-items:baseline;gap:6px;min-height:40px;padding:0 0 12px;border:0;background:none;color:var(--ink-3);font-size:13px;font-weight:400;white-space:nowrap;transition:color var(--t-fast) ease}.stage-steps button:disabled{cursor:default}.stage-steps button:hover:not(:disabled){color:var(--ink)}.stage-steps .st-label{overflow:hidden;text-overflow:ellipsis}.stage-steps .st-label:before{content:attr(data-n);margin-right:6px;font-size:12px;font-variant-numeric:tabular-nums;color:var(--ink-3)}.stage-steps .is-passed{color:var(--ink-2)}.stage-steps .is-current{color:var(--ink);font-weight:500}.stage-steps .is-current .st-label:before{color:var(--accent)}.stage-steps .is-current:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--accent);transform-origin:0 50%;animation:st-under .28s var(--ease) both}@keyframes st-under{0%{transform:scaleX(0)}}.stage-steps [data-staged]{color:var(--accent)}.step-stack{display:grid}.step-stack>[data-step-view]{position:relative;grid-area:1 / 1;min-width:0}.stage .stage-h{margin:0 0 28px;font-family:var(--sans);font-size:clamp(28px,2.4vw,36px);font-weight:500;line-height:1.12;letter-spacing:-.02em;color:var(--ink);animation:st-rise var(--t-slow) var(--ease) calc(var(--base, 60ms)) both}.stage-sub{margin:-14px 0 24px;color:var(--ink-2);font-size:15px;line-height:1.5}.rise{animation:st-rise var(--t-slow) var(--ease) calc(var(--base, 80ms) + var(--i, 0) * var(--stagger)) both}.stage.is-arriving{--base: .2s}@keyframes st-rise{0%{opacity:0;transform:translate3d(0,8px,0)}}@keyframes stage-rise{0%{opacity:0;transform:translate3d(0,8px,0)}}@keyframes stage-rise-in{0%{opacity:0;transform:translate3d(0,8px,0)}}.sg-grid{display:grid;gap:12px}.sg-card{position:relative;display:grid;gap:4px;align-content:start;min-width:0;padding:16px 18px;text-align:left;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);transition:transform var(--t-fast) var(--ease),border-color var(--t-fast) ease,box-shadow var(--t-fast) ease,opacity var(--t-base) ease}.sg-card:hover:not(:disabled){transform:translateY(-2px);border-color:var(--line-2);box-shadow:0 8px 20px -14px #281e1466}.sg-card:active:not(:disabled){transform:translateY(0)}.sg-card.is-on{border-color:var(--accent);box-shadow:0 0 0 .5px var(--accent);background:color-mix(in srgb,var(--accent) 4%,#fff)}.sg-card>strong{font-size:15px;font-weight:500}.sg-card>span{color:var(--ink-2);font-size:13px;line-height:1.45}.sg-card>em{font-style:normal;color:var(--ink);font-weight:500;font-size:15px;font-variant-numeric:tabular-nums}.sg-radio{position:absolute;top:16px;right:16px;width:16px;height:16px;border-radius:50%;border:1px solid var(--line-2);transition:border-color var(--t-fast) ease}.sg-radio:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;background:var(--accent);transform:scale(0);transition:transform var(--t-base) var(--ease)}.is-on>.sg-radio{border-color:var(--accent)}.is-on>.sg-radio:after{transform:scale(1)}.stage .is-lit:not(.is-on):not([aria-pressed=true]){outline:1.5px solid var(--accent);outline-offset:3px}.stage [data-hand-group]:has(>[data-staged])>[data-hand-id]:not([data-staged]){opacity:.8}.sg-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:42px;padding:0 18px;border:1px solid transparent;border-radius:10px;font-size:14px;font-weight:500;white-space:nowrap;transition:background var(--t-fast) ease,opacity var(--t-fast) ease,transform 80ms ease}.sg-btn:active:not(:disabled){transform:scale(.98)}.sg-btn.is-primary{background:var(--accent);color:var(--on-accent)}.sg-btn.is-primary:hover:not(:disabled){filter:brightness(1.12)}.sg-btn.is-quiet{border-color:var(--line-2);background:var(--paper);color:var(--ink)}.sg-btn.is-quiet:hover:not(:disabled){background:var(--paper-2)}.sg-btn:disabled{opacity:.36;cursor:default}.sg-btn .sheen{display:none}.sg-nav{display:flex;align-items:center;gap:8px}.sg-field{display:grid;gap:6px;min-width:0;border-radius:10px}.sg-field>span{font-size:13px;font-weight:500;color:var(--ink-2)}.sg-field input{width:100%;min-width:0;min-height:46px;padding:0 14px;border:1px solid var(--line-2);border-radius:8px;background:#fff;color:var(--ink);font-size:16px;transition:border-color var(--t-fast) ease,box-shadow var(--t-fast) ease}.sg-field input::placeholder{color:#9a9ca2}.sg-field input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.sg-field input[aria-invalid=true]{border-color:#b3261e}.sg-field small{font-size:12px;line-height:1.4;color:var(--ink-3)}.sg-field small.is-bad{color:#b3261e}.sg-seg{display:inline-flex;flex-wrap:wrap;gap:2px;padding:3px;border:1px solid var(--line);border-radius:10px;background:var(--paper-2)}.sg-seg button{min-height:34px;padding:0 14px;border:0;border-radius:7px;background:transparent;color:var(--ink-2);font-size:13px;font-weight:500;transition:background var(--t-fast) ease,color var(--t-fast) ease,box-shadow var(--t-fast) ease}.sg-seg button.is-on{background:var(--paper);color:var(--ink);box-shadow:0 1px 2px #281e141f,0 0 0 1px var(--line)}.sg-seg button:disabled{cursor:default}.sg-rows{display:grid;margin:0;border-top:1px solid var(--line)}.sg-rows>div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--line)}.sg-rows dt{flex:none;color:var(--ink-3);font-size:13px}.sg-rows dd{min-width:0;margin:0;font-size:14px;text-align:right;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.sg-muted{color:var(--ink-2);font-size:13px;line-height:1.5}.sg-filled{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:var(--accent);white-space:nowrap;animation:st-filled 2.6s var(--ease) both}.sg-filled i{width:5px;height:5px;border-radius:50%;background:currentColor}@keyframes st-filled{0%{opacity:0}8%{opacity:1}82%{opacity:1}to{opacity:0}}.odo{display:inline-flex;align-items:baseline;font-variant-numeric:tabular-nums;white-space:nowrap}.odo-col{position:relative;display:inline-block;overflow:hidden;height:1.15em;line-height:1.15em;vertical-align:bottom}.odo-size{visibility:hidden;display:block}.odo-strip{position:absolute;left:0;right:0;top:0;display:flex;flex-direction:column;text-align:center;transform:translate3d(0,calc(var(--d) * -1.15em),0);transition:transform var(--odo-dur, .42s) var(--ease) var(--odo-delay, 0ms)}.odo-strip>span{display:block;height:1.15em}.odo-sym{display:inline-block;line-height:1.15em}.odo.is-intro .odo-strip{animation:odo-in .52s var(--ease) calc(var(--base, 80ms) + .12s + var(--odo-delay, 0ms)) backwards}@keyframes odo-in{0%{transform:translate3d(0,calc(var(--d) * -1.15em + 1.15em),0)}}@media(max-width:1100px){.panel-head{gap:10px 24px;padding:18px 24px 0}.stage-steps{gap:16px;overflow-x:auto;scrollbar-width:none}.panel-body{padding:24px 24px 20px}.panel-foot{padding:12px 24px}.stage-steps .st-label:before{display:none}}@media(max-width:760px){.stage{--theo-x: 50vw;--theo-h: 47svh;--theo-w: calc(var(--theo-h) * 562 / 748);--sheet: 55svh;min-height:560px}.stage-top{height:56px;padding:0 12px;gap:8px}.stage-home span,.stage-back span{display:none}.stage .dg-face{top:40px;bottom:auto}.stage-panel{top:auto;left:0;right:0;bottom:0;height:var(--sheet);max-width:none;border-radius:16px 16px 0 0;animation:st-sheet .38s var(--ease) 60ms both;transition:height var(--t-slow) var(--ease)}.stage-panel.is-tall{--sheet: 88svh}.sheet-handle{display:block!important}.panel-head{padding:24px 20px 12px;gap:8px}.panel-brand{display:none}.panel-body{padding:18px 20px 32px;scroll-padding-bottom:32px}.panel-foot{padding:10px 20px calc(10px + env(safe-area-inset-bottom));min-height:64px;gap:12px}.panel-foot .foot-summary{display:none}.panel-foot .foot-total{border-left:0;padding-left:0;justify-items:start;margin-right:auto}.panel-foot .foot-total strong{font-size:24px}.stage .panel-note{display:none}.stage-steps{display:grid;grid-template-columns:repeat(var(--n, 7),1fr);gap:4px}.stage-steps .st-track{display:none}.stage-steps button{display:block;min-height:3px;height:3px;padding:0;border-radius:2px;background:var(--line)}.stage-steps button.is-passed,.stage-steps button.is-current{background:var(--accent)}.stage-steps .st-label{display:none}.stage-steps .st-count{display:block;grid-column:1 / -1;margin-top:8px;font-size:12px;color:var(--ink-3)}.stage-steps .is-current:after{display:none}.stage .dg-controls{bottom:calc(var(--sheet) + 12px);transition:bottom var(--t-slow) var(--ease)}.stage:has(.stage-panel.is-tall) .dg-controls{bottom:auto;top:58px}.stage .scene-welcome,.stage .dg-who{display:none}.stage .stage-h{font-size:28px;margin-bottom:18px}.stage-menu{position:fixed;top:54px;left:12px;right:12px;min-width:0}}@keyframes st-sheet{0%{transform:translate3d(0,24px,0);opacity:0}}.sheet-handle{display:none;position:absolute;top:0;left:50%;width:64px;height:20px;margin-left:-32px;border:0;background:none;touch-action:none}.sheet-handle:before{content:"";position:absolute;top:7px;left:20px;right:20px;height:3px;border-radius:3px;background:var(--line-2)}@media(max-height:700px)and (min-width:761px){.stage-panel{top:60px;bottom:40px}.stage-top{height:56px}.stage .panel-note{bottom:12px}}@media(prefers-reduced-motion:reduce){.stage:not(.motion-full) *:not([data-step-view]),.stage:not(.motion-full) *:before,.stage:not(.motion-full) *:after{animation-duration:1ms!important;animation-delay:0ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;transition-delay:0ms!important}.stage:not(.motion-full) .stage-panel{animation:st-fade .2s ease both!important}}@keyframes st-fade{0%{opacity:0}}.stage.motion-reduce *:not([data-step-view]),.stage.motion-reduce *:before,.stage.motion-reduce *:after{animation-duration:1ms!important;animation-delay:0ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;transition-delay:0ms!important}
