:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eef5ff;background:#07111f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 10% 10%,#173b58 0,#07111f 35%,#050b14 100%);min-width:720px;margin:0}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,details:focus-visible{outline-offset:3px;outline:3px solid #75d5ff}button:disabled{cursor:not-allowed;opacity:.45}.setup-shell{max-width:1440px;margin:auto;padding:32px clamp(20px,4vw,64px) 64px}.setup-header,.configuration{background:#0d1a2a;border:1px solid #29425c;box-shadow:0 20px 45px #01050b55}.setup-header{border-radius:18px;justify-content:space-between;align-items:start;gap:24px;padding:28px;display:flex}h1,h2,h3,p{margin:0}h1{letter-spacing:-.05em;font-size:clamp(2rem,4vw,3.5rem)}h2{font-size:1.25rem}h3{color:#9fb5cb;text-transform:uppercase;letter-spacing:.08em;font-size:.9rem}.setup-header p:last-child{color:#b7c7d8;max-width:760px;margin-top:12px}.eyebrow{color:#58c8ff;letter-spacing:.12em;font-size:.72rem;font-weight:800}.configuration{border-radius:18px;gap:22px;margin-top:24px;padding:24px;display:grid}.configuration>div>p{color:#b7c7d8;margin-top:8px}.config-columns{grid-template-columns:1.3fr .7fr;gap:28px;display:grid}.roster-input-list{gap:7px;max-height:430px;margin:12px 0;padding:0;display:grid;overflow:auto}.roster-input-row{grid-template-columns:32px 1fr 32px 32px 32px;align-items:center;gap:6px;list-style:none;display:grid}.setup-position{color:#76d4ff;font-variant-numeric:tabular-nums;text-align:center}input{width:100%;color:inherit;background:#07111f;border:1px solid #3b5874;border-radius:7px;padding:9px 10px}label{color:#c9d7e6;gap:7px;display:grid}.two-fields{gap:13px;display:grid}.icon-button{color:#dfeeff;background:#132940;border:1px solid #3b5874;border-radius:6px;width:32px;height:32px}.primary,.secondary,.exit{border:1px solid #0000;border-radius:7px;padding:10px 14px;font-weight:750}.primary{color:#05131d;background:#68d6ff}.secondary{color:#dbeafa;background:#13263b;border-color:#47647d}.validation{color:#c9f6df;background:#0c2a29;border-left:3px solid #6be5b0;margin-top:16px;padding:12px}.validation.warning{color:#ffe2aa;background:#392a10;border-color:#ffc55c}.validation.invalid{color:#ffd0d0;background:#35191e;border-color:#ff7d7d}.preview-block{background:#050c15;border:1px solid #35526d;border-radius:10px;overflow:auto}.preview-block>span{color:#9fb5cb;padding:9px 12px;font-size:.78rem;display:block}.preview-block pre{color:#e6f1fb;white-space:pre;border-top:1px solid #29425c;margin:0;padding:15px;font:.95rem/1.55 ui-monospace,SFMono-Regular,Menlo,monospace}.setup-actions{justify-content:space-between;gap:12px;display:flex}.placeholder{opacity:.72}.projection-shell{grid-template-rows:48px minmax(0,1fr) 128px 22px;gap:12px;height:100dvh;min-height:720px;padding:14px;display:grid;overflow:hidden}.projection-header{background:#0b1928;border:1px solid #27435f;border-radius:10px;grid-template-columns:max-content minmax(0,1fr) max-content;align-items:center;gap:20px;min-width:0;padding:0 10px 0 16px;display:grid}.projection-header>strong{color:#e4ad42}.projection-header>span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.projection-actions{justify-content:end;align-items:center;gap:12px;min-width:0;display:flex}.page-navigator{align-items:center;gap:8px;min-width:0;display:flex}.page-navigator>span{color:#8ea6ba;letter-spacing:.08em;white-space:nowrap;font-size:.62rem;font-weight:850}.page-navigator>span strong{color:#eef8ff;font-size:.76rem}.page-navigator>div{scrollbar-width:none;gap:3px;max-width:360px;display:flex;overflow-x:auto}.page-navigator>div::-webkit-scrollbar{display:none}.page-navigator button{color:#91a9bb;background:#0c1824;border:1px solid #334e64;border-radius:6px;flex:none;place-items:center;width:24px;height:24px;padding:0;font-size:.62rem;font-weight:850;display:grid}.page-navigator button:hover,.page-navigator button:focus-visible{color:#eaf9ff;border-color:#6bd8ff}.page-navigator button.current{color:#06131d;background:#75dcff;border-color:#75dcff;box-shadow:0 0 12px #75dcff55}.exit{color:#d6e5f2;background:0 0;border-color:#46647f;padding:6px 10px;font-size:.83rem}.projection-main{grid-template-columns:42fr 58fr;gap:12px;min-height:0;display:grid}.panel{background:#0a1725;border:1px solid #294760;border-radius:12px;min-width:0;min-height:0;overflow:auto}.roster-panel{padding:12px;position:relative}.character-grid{grid-template-columns:repeat(var(--grid-columns), minmax(0, 1fr));align-content:start;gap:9px;display:grid}.character-card{background:#102237;border:1px solid #2c4a63;border-radius:8px;min-width:0;position:relative;overflow:hidden}.character-card img{aspect-ratio:1;object-fit:cover;filter:saturate(.85);width:100%;display:block}.character-card strong,.character-card small{text-overflow:ellipsis;white-space:nowrap;padding:0 7px;display:block;overflow:hidden}.character-card strong{padding-top:7px;font-size:clamp(.74rem,1.15vw,1rem)}.character-card small{color:#9ab0c6;padding-bottom:7px;font-size:clamp(.63rem,.86vw,.8rem)}.visual-position{z-index:1;color:#06101b;background:#eff7ff;border-radius:4px;min-width:23px;padding:2px 5px;font-size:clamp(.65rem,.85vw,.82rem);font-weight:800;position:absolute;top:5px;left:5px}.python-index{color:#70d8ff;padding:3px 7px 7px;font-size:clamp(.61rem,.8vw,.76rem);display:block}.character-card.pointed{border:3px solid #ffc55c}.character-card.chosen{border:3px solid #5ae1a0;box-shadow:0 0 24px #5ae1a066}.index-pointer{color:#ffe4ac;background:#34270f;border-left:3px solid #ffc55c;margin-top:10px;padding:9px;font-weight:750;position:sticky;bottom:0}.ap-index-row{grid-template-columns:repeat(var(--grid-columns), 1fr);color:#d8bdff;gap:4px;margin-top:10px;font-size:.75rem;display:grid}.ap-index-row strong{grid-column:1/-1}.ap-index-row span{text-align:center;border:1px solid #694796;padding:3px}.grid-3 .character-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4 .character-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-5 .character-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-6 .character-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.code-panel{color:#122033;background:#f4f7fb;flex-direction:column;display:flex}.code-panel pre{white-space:pre;flex:1;min-height:0;margin:0;padding:clamp(18px,2.4vw,38px);font:clamp(1.05rem,1.7vw,1.65rem)/1.65 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow:auto}.code-panel code{border-left:4px solid #0000;padding:2px 10px;display:block}.code-panel code span{color:#6e7d8b;text-align:right;-webkit-user-select:none;user-select:none;width:2.1em;margin-right:1em;display:inline-block}.code-panel code.active-line{color:#04121e;background:#c8efff;border-color:#067fb8;font-weight:750}.state-values,.runtime-error{background:#dceefa;border-left:4px solid #057daf;gap:6px;margin:0 16px 16px;padding:12px;font:1rem/1.4 ui-monospace,monospace;display:grid}.runtime-error{color:#492300;background:#fff0d7;border-color:#b66812;font-family:inherit}.runtime-error details{font-size:.8rem}.teaching-bar{background:#10243a;border:1px solid #3b5f7c;border-radius:12px;grid-template-columns:minmax(0,1fr) max-content;align-items:stretch;display:grid;overflow:hidden}.student-prompt{flex-wrap:wrap;align-content:center;gap:14px;padding:17px 22px;font-size:clamp(1rem,1.5vw,1.35rem);display:flex}.student-prompt p+p{color:#bcd0e3}.student-prompt code{color:#062233;background:#a9e7ff;border-radius:4px;padding:2px 5px;font:.9em ui-monospace,monospace}.response-labels{gap:8px;display:flex}.response-labels span{color:#dceefa;white-space:nowrap;border:1px solid #6690ae;border-radius:5px;padding:5px 8px;font-size:.77em}.teacher-controls{border-left:2px solid #547895;align-items:center;gap:9px;padding:15px 18px;display:flex}.teacher-hints{color:#7894ae;text-align:right;font-size:.72rem}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (width<=1000px){.config-columns{grid-template-columns:1fr}.projection-shell{gap:8px;padding:9px}.projection-main{gap:8px}}.setup-guide-link{color:#dbeafa;background:#132940;border:1px solid #3b5874;border-radius:12px;gap:4px;max-width:340px;padding:14px 18px;text-decoration:none;display:grid}.setup-guide-link:hover,.setup-guide-link:focus-visible{background:#17314d;border-color:#68d6ff}.setup-guide-link span{color:#58c8ff;letter-spacing:.12em;font-size:.68rem;font-weight:800}.setup-guide-link strong{font-size:1.05rem}.setup-guide-link strong:after{content:" ↗";color:#68d6ff}.setup-guide-link small{color:#9fb5cb;font-size:.82rem;line-height:1.4}@media (width<=720px){.course-map-shell .setup-header{flex-direction:column;align-items:stretch}.setup-guide-link{max-width:none}}.course-map-shell{max-width:1180px}.course-journey-route{gap:0;max-width:960px;margin:42px auto 0;padding:24px 0 40px;display:grid;position:relative}.course-journey-route:before{content:"";background:linear-gradient(#4bd2ff 0 24%,#23445c 24% 100%);border:2px solid #25435c;border-radius:99px;width:8px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 0 26px #45cfff33}.course-route-node{z-index:1;grid-template-columns:minmax(0,1fr) 96px minmax(0,1fr);align-items:center;min-height:126px;display:grid;position:relative}.course-route-node:before{content:"";background:#315570;width:58px;height:3px;position:absolute;top:50%}.course-route-node.side-left:before{right:50%}.course-route-node.side-right:before{left:50%}.course-route-copy{align-items:center;gap:10px;min-width:0;display:flex}.side-left .course-route-copy{grid-column:1;justify-content:end}.side-right .course-route-copy{flex-direction:row-reverse;grid-column:3;justify-content:start}.course-route-launch{color:#edf7ff;text-align:left;background:linear-gradient(145deg,#12314a,#0b1b2a);border:1px solid #355a75;border-radius:15px;align-content:center;gap:5px;width:min(100%,330px);min-height:82px;padding:14px 18px;display:grid;box-shadow:0 14px 28px #01050b66}button.course-route-launch:hover{background:linear-gradient(145deg,#174664,#0d2639);border-color:#6bd9ff;transform:translateY(-2px)}.course-route-launch>span{color:#72d9ff;letter-spacing:.13em;font-size:.68rem;font-weight:900}.course-route-launch>strong{text-overflow:ellipsis;white-space:nowrap;font-size:1.02rem;line-height:1.2;overflow:hidden}.course-route-launch>small{color:#768da1;letter-spacing:.11em;font-size:.61rem;font-weight:850}.course-route-launch.is-locked{color:#8193a4;box-shadow:none;background:linear-gradient(145deg,#101c28,#09121c);border-color:#283e51}.course-route-launch.is-locked>span{color:#61798c}.course-route-orb{z-index:2;color:#06131e;background:linear-gradient(145deg,#dff8ff,#65d6ff);border:5px solid #091522;border-radius:50%;grid-area:1/2;place-self:center;place-items:center;width:68px;height:68px;display:grid;position:relative;box-shadow:0 0 0 2px #4ba1c2,0 0 26px #51d2ff55,0 12px 22px #0008}.course-route-orb span{font-size:1.12rem;font-weight:950}.course-route-orb i{color:#062033;background:#9de7ff;border:3px solid #091522;border-radius:50%;place-items:center;width:25px;height:25px;font-size:.55rem;font-style:normal;display:grid;position:absolute;bottom:-3px;right:-5px}button.course-route-orb:hover{transform:scale(1.08)}.course-route-orb.is-locked{color:#6d8192;background:#182a39;box-shadow:0 0 0 2px #2b4559,0 10px 20px #0006}.course-route-orb.is-locked i{color:#71889a;background:#1d3446}.course-route-node.selected .course-route-launch{box-shadow:0 0 0 2px #65d8ff33,0 14px 28px #01050b77}@media (width<=820px){.course-map-shell .setup-header{align-items:center}.course-journey-route{margin-top:28px;padding:24px 0 40px}.course-journey-route:before{left:34px}.course-route-node{grid-template-columns:68px minmax(0,1fr);min-height:118px}.course-route-node.side-left:before,.course-route-node.side-right:before{width:52px;left:34px;right:auto}.course-route-node .course-route-orb{grid-column:1}.course-route-node .course-route-copy,.course-route-node.side-right .course-route-copy{flex-direction:row;grid-column:2;justify-content:start}}.course-map-footer{color:#b7c7d8;max-width:1180px;margin:0 auto;padding:0 clamp(20px,4vw,64px) 32px;font-size:.9375rem;line-height:1.6}.course-map-footer-content{border-top:1px solid #29425c;flex-wrap:wrap;justify-content:space-between;align-items:start;gap:16px 40px;padding-top:24px;display:flex}.course-map-footer-credits p+p{margin-top:4px}.course-map-footer strong{color:#eef5ff;font-weight:650}.course-map-footer-contact a{color:#68d6ff;text-underline-offset:.2em;text-decoration:underline}.course-map-footer-contact a:hover{color:#eef5ff}.course-map-footer-contact a:focus-visible{outline-offset:4px;border-radius:2px;outline:3px solid #68d6ff}@media (width<=820px){.course-map-footer-content{flex-direction:column;gap:12px}}.programming-history-shell .language-history-simple{grid-template-rows:1fr;align-items:center;gap:0;padding:24px}.programming-history-shell .language-history-simple .language-timeline{gap:8px}.programming-history-shell .language-history-simple .language-timeline-line{opacity:.65;background:#7495a8;top:66.5px;left:10%;right:10%}.programming-history-shell .language-history-simple .language-milestone{box-shadow:none;opacity:.35;background:0 0;border:0;border-radius:0;grid-template-rows:32px 24px 36px;gap:12px;padding:12px 2px;transform:none}.programming-history-shell .language-history-simple .language-year{letter-spacing:0;font-size:clamp(22px,1.6vw,28px);line-height:32px}.programming-history-shell .language-history-simple .language-dot{align-self:center}.programming-history-shell .language-history-simple .language-name{color:var(--systems-white);letter-spacing:0;white-space:nowrap;font-size:clamp(18px,1.4vw,26px);line-height:36px}.programming-history-shell .language-history-simple .language-milestone.is-revealed{opacity:1}.programming-history-shell .language-history-simple .language-milestone.is-current .language-name{color:var(--language-color)}.programming-history-shell .language-history-simple .language-dot{animation:none}.captain-badge{z-index:1;color:#062017;background:#79e8b1;border-radius:4px;padding:2px 5px;font-size:clamp(.65rem,.85vw,.82rem);font-weight:800;position:absolute;top:5px;right:5px}.character-card.spotlighted{border:3px solid #74dfff;box-shadow:0 0 0 2px #74dfff55,0 0 28px #74dfff77}.empty-roster{color:#9eb5ca;text-align:center;border:1px dashed #42637f;place-items:center;min-height:100%;padding:24px;font-size:clamp(1rem,1.4vw,1.25rem);display:grid}.state-values strong{color:#064d73}.state-values small{color:#52687c;margin-left:7px;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:.75em}.live-code{flex-direction:column;flex:1;min-height:0;display:flex}.live-code>p{color:#52687c;padding:12px 18px 0;font-size:.8rem}.live-code pre{padding-top:10px}.code-input{width:min(18ch,28vw);min-height:1.55em;color:inherit;font:inherit;vertical-align:baseline;background:#e8f7ff;border:1px solid #2786af;border-radius:3px;padding:0 3px}.number-input{width:4ch}.roster-code-input{width:min(12ch,18vw)}.code-panel code{position:relative}.code-token-focus{color:#182331;background:#fff4bd;border:2px solid #f09a21;border-radius:7px;margin:0 2px;padding:1px 4px;position:relative;box-shadow:0 0 0 3px #f09a2140}.code-token-focus b{z-index:2;color:#3e2500;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;background:#ffc55c;border-radius:5px;padding:2px 6px;font:800 .58em/1.25 Inter,ui-sans-serif,system-ui,sans-serif;position:absolute;top:-1.9em;left:0}.code-annotation{color:#392400;background:#fff2d6;border-left:4px solid #e38a13;grid-template-columns:max-content max-content 1fr;align-items:baseline;gap:8px;margin:0 16px 12px;padding:9px 12px;font-size:clamp(.78rem,1.05vw,.96rem);display:grid}.code-annotation>span{color:#7a5a25;letter-spacing:.08em;text-transform:uppercase;font-size:.73em;font-weight:800}.code-annotation>strong{color:#593600;white-space:nowrap}.code-annotation>p{color:#604a24;min-width:0}.visual-annotation{z-index:3;color:#fff0c8;background:#34270fe8;border:1px solid #efbf56;border-radius:8px;max-width:min(32ch,72%);padding:8px 11px;font-size:clamp(.75rem,1.05vw,.95rem);font-weight:700;position:absolute;bottom:18px;right:18px;box-shadow:0 8px 20px #07111f66}@media (width<=1000px){.code-annotation{grid-template-columns:max-content 1fr}.code-annotation>p{grid-column:1/-1}}.lesson-frame{grid-template-rows:48px minmax(0,1fr) 128px 22px}.lesson-canvas{background:linear-gradient(135deg,#0c1d30,#0a1725);grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:clamp(20px,4vw,64px);padding:clamp(28px,5vw,82px);display:grid;overflow:auto}.lesson-copy{align-self:center;max-width:760px}.lesson-purpose{color:#69d8ff;letter-spacing:.13em;text-transform:uppercase;margin-bottom:12px;font-size:clamp(.72rem,1vw,.9rem);font-weight:850}.lesson-copy h1{letter-spacing:-.055em;max-width:15ch;font-size:clamp(2rem,4.5vw,4.5rem);line-height:1}.lesson-prompt{color:#f1f7ff;margin-top:22px;font-size:clamp(1.2rem,2vw,1.85rem);font-weight:750;line-height:1.25}.lesson-copy>p:not(.lesson-purpose):not(.lesson-prompt){color:#b9ccdd;max-width:58ch;margin-top:15px;font-size:clamp(1rem,1.35vw,1.25rem);line-height:1.5}.lesson-copy .response-labels{margin-top:22px}.lesson-evidence{place-items:center;min-height:0;display:grid}.lesson-example{text-align:center;background:#102a42;border:1px solid #3a6281;border-radius:18px;gap:14px;width:min(100%,480px);padding:clamp(24px,4vw,54px);display:grid;box-shadow:0 24px 54px #03091155}.lesson-example code{overflow-wrap:anywhere;color:#fff4bd;font:clamp(1.45rem,2.9vw,2.8rem)/1.18 ui-monospace,SFMono-Regular,Menlo,monospace}.lesson-example span{color:#74dfff;font-size:clamp(.9rem,1.25vw,1.15rem);font-weight:800}.lesson-source{color:#152436;white-space:pre-wrap;background:#f4f7fb;border:1px solid #314f69;border-radius:14px;width:min(100%,520px);margin:0;padding:clamp(24px,3.5vw,48px);font:clamp(1rem,1.7vw,1.55rem)/1.65 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:auto}.lesson-source .code-token-focus{color:#182331}.lesson-frame .student-prompt{font-size:clamp(1.05rem,1.55vw,1.35rem)}.lesson-frame .student-prompt .response-labels{align-self:center}@media (width<=1000px){.lesson-canvas{grid-template-columns:1fr;gap:24px;padding:28px}.lesson-copy h1{max-width:none}.lesson-evidence{place-items:start}}.lesson2-trial{color:#f5f7fb;background:#050911;grid-template-rows:48px 50px 112px minmax(0,1fr)}.lesson2-trial .projection-header{background:#070d14}.trial-heading{justify-content:space-between;align-items:center;padding:0 18px;display:flex}.trial-heading h1{letter-spacing:-.035em;font-size:clamp(28px,2.3vw,40px)}.trial-phases{color:#aebac4;gap:20px;margin:0;padding:0;font-size:16px;list-style:none;display:flex}.trial-phases li{border-bottom:3px solid #0000;padding:8px 0}.trial-phases [aria-current]{color:#ffe0a1;border-color:#efbc60}.trial-question{background:linear-gradient(100deg,#33281780,#0a1420);border-left:3px solid #e9ad43;border-radius:0 16px 16px 0;align-content:center;gap:9px;padding:12px 20px;display:grid}.trial-question>div{align-items:baseline;gap:16px;display:flex}.trial-question>div>span{color:#f0c577;text-transform:uppercase;letter-spacing:.1em;font-size:14px;font-weight:800}.trial-question h2{font-size:clamp(24px,1.7vw,32px);line-height:1.2}.trial-question p{color:#c4ced8;font-size:clamp(17px,1.15vw,21px);line-height:1.3}.trial-stage{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:16px;min-height:0;display:grid}.lesson2-trial .panel{background:#08111b;border-color:#304151;overflow:visible}.lesson2-trial .trial-code{color:#182b3e;background:#f4f7fb;border-color:#c6d3df}.trial-code{flex-direction:column;padding:16px;display:flex}.trial-code>header,.trial-values>header,.trial-inputs>header{justify-content:space-between;align-items:center;gap:12px;min-height:30px;display:flex}.trial-code h2,.trial-values h2,.trial-inputs h2{font-size:18px}.trial-code>header>span,.trial-values>header>span{color:#b9c5d1;font-size:14px}.trial-code>header>span{color:#526477}.trial-source{margin-top:20px;font:clamp(20px,1.4vw,26px)/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}.trial-list-groups{color:#526477;flex-wrap:wrap;align-items:center;gap:8px;min-height:32px;margin-top:10px;font-size:14px;display:flex}.trial-list-groups button{color:#243b50;background:#fff;border:1px solid #8295a8;border-radius:5px;padding:5px 10px}.trial-list-groups button[aria-pressed=true]{color:#664100;background:#fff0c9;border-color:#a6690b}.trial-list-groups small{font-size:12px}.trial-omitted{color:#526477;border-left:2px dotted #708397;margin:4px 0 4px 50px;padding-left:10px;font:14px/1.4 ui-sans-serif,system-ui,sans-serif}.trial-line{border-left:3px solid #0000;grid-template-columns:2ch minmax(0,1fr);gap:16px;padding:4px 8px;display:grid;position:relative}.trial-line code{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;color:#182b3e}.trial-line.blank code{min-height:1lh}.trial-line-number{color:#5c7084;text-align:right;padding-top:.18em;font-size:.78em}.trial-line.is-next{background:#ffedb9;border-color:#a6690b}.next-marker{color:#805000;font-size:18px;position:absolute;left:-15px}.trial-side{grid-template-rows:minmax(0,1fr) 304px;gap:12px;min-height:0;display:grid;position:relative}.trial-values{flex-direction:column;gap:10px;padding:14px 16px;display:flex}.trial-empty{color:#b9c5d1;flex:1;align-content:center;justify-items:center;gap:10px;font-size:22px;display:grid}.trial-empty small{font-size:17px}.trial-scalars{grid-template-columns:1fr 1fr;gap:6px 16px;display:grid}.trial-scalars:empty{display:none}.trial-scalars>div{border-bottom:1px solid #273644;grid-template-columns:1fr auto;gap:2px 8px;padding:3px 0 6px;display:grid}.trial-scalars code{color:#c4d4e2;font-size:17px}.trial-scalars strong{overflow-wrap:anywhere;grid-area:2/1/auto/-1;font:20px/1.2 ui-monospace,monospace}.trial-scalars span{color:#adbdcc;font-size:13px}.trial-roster-label{align-items:baseline;gap:12px;display:flex}.trial-roster-label code{color:#c4d4e2;font-size:18px}.trial-roster-label span{color:#adbdcc;font-size:14px}.trial-roster{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.trial-roster li{background:#0d1b28;border:1px solid #354657;border-radius:7px;flex-wrap:wrap;align-items:center;gap:4px 6px;min-width:0;padding:8px;display:flex}.trial-roster img{object-fit:cover;border-radius:5px;width:34px;height:34px}.trial-roster strong{overflow-wrap:anywhere;flex:1;font-size:clamp(18px,1.1vw,21px);line-height:1.18}.trial-roster b{color:#ffe0a1;font-size:12px}.trial-badges{gap:8px;width:100%;min-height:14px;display:flex}.trial-roster .has-spotlight{border:2px solid #efbc60;padding:7px}.dense-roster{gap:4px}.dense-roster li{padding:5px 6px}.dense-roster .has-spotlight{padding:4px 5px}.dense-roster strong{font-size:18px;line-height:1.2}.trial-inputs{padding:12px 16px 66px}.trial-inputs .secondary{padding:6px 10px;font-size:13px}.trial-inputs fieldset{border:0;min-width:0;margin:7px 0 0;padding:0}.trial-fields{grid-template-columns:68px 1fr 1fr;gap:10px;display:grid}.trial-inputs label{gap:4px;font-size:13px}.trial-inputs input,.trial-inputs textarea{color:#f0f5fa;background:#050c14;border:1px solid #52677c;border-radius:5px;min-width:0;padding:5px 7px;font:14px/1.2 ui-sans-serif,system-ui,sans-serif}.trial-inputs :disabled{opacity:.8}.trial-roster-editor{grid-template-columns:max-content 1fr;align-items:center;margin-top:7px}.trial-roster-editor>span{color:#aebdcb;font-size:12px}.trial-roster-editor textarea{resize:none;grid-column:1/-1;height:48px;overflow:auto}.trial-validation{color:#b9c5d1;margin-top:6px;font-size:13px;line-height:1.25}.trial-validation.invalid{color:#ffb8ae}.trial-validation.pending{color:#ffe0a1}.lesson2-navigation{z-index:9;align-items:center;gap:9px;display:flex;position:fixed;bottom:14px;right:30px}.lesson2-navigation .classroom-step-button{flex:0 0 142px;width:142px;height:42px;font-size:14px}.lesson2-navigation button:disabled{opacity:.55;cursor:default}.lesson2-navigation :focus-visible{outline-offset:3px;outline:3px solid #f3c970}.lesson2-narrative{grid-template-rows:48px minmax(0,1fr)}.lesson2-narrative .lesson-canvas{padding-bottom:76px}.trial-error{color:#63222a;background:#ffe9e9;border-left:3px solid #aa3540;margin-top:16px;padding:12px;font-size:17px}.trial-error p{margin:7px 0}.trial-error details{font-size:13px}.trial-error pre{white-space:pre-wrap;max-height:80px;overflow:auto}.lesson2-trial :focus-visible,.trial-dialog :focus-visible{outline-offset:3px;outline:3px solid #f3c970}.trial-code :focus-visible{outline-color:#805000}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.trial-dialog{color:#f5f7fb;background:#0a1420;border:1px solid #718497;border-radius:16px;max-width:470px;padding:28px}.trial-dialog::backdrop{background:#02050bc9}.trial-dialog p{margin:16px 0 24px;line-height:1.5}.trial-dialog>div{justify-content:end;gap:12px;display:flex}@media (width>=1600px){.trial-side{grid-template-rows:minmax(0,1fr) 314px}.trial-roster img{width:52px;height:52px}.dense-roster strong{font-size:20px}.trial-scalars strong{font-size:23px}.trial-source{margin-top:26px}}@media (height<=940px){.lesson2-trial{grid-template-rows:48px 36px 84px minmax(0,1fr);gap:10px}.trial-source{margin-top:14px;font-size:20px;line-height:1.3}.trial-line{padding:3px 6px}.trial-side{grid-template-rows:minmax(0,1fr) 254px;gap:10px}.trial-values{gap:6px}.trial-inputs{padding-top:8px}.trial-inputs>header{min-height:26px}.trial-inputs fieldset,.trial-roster-editor{margin-top:4px}.trial-roster-editor textarea{height:36px}.trial-scalars strong{font-size:18px}.trial-scalars code{font-size:16px}}.lesson2-revised{grid-template-rows:48px 48px 124px minmax(0,1fr);gap:10px}.lesson2-revised [hidden]{display:none!important}.lesson2-revised .trial-heading h1{font-size:clamp(27px,2vw,36px);line-height:1.1}.lesson2-revised .trial-question{gap:8px;padding:10px 18px}.lesson2-revised .trial-question h2{font-size:clamp(22px,1.6vw,30px)}.lesson2-revised .trial-question p{font-size:clamp(17px,1.1vw,20px)}.lesson2-revised .trial-stage{grid-template-columns:1.05fr 1fr}.lesson2-revised .trial-code{padding:14px 16px}.lesson2-revised .trial-source{margin-top:18px}.l2-code-side{grid-template-rows:minmax(0,1fr);min-height:0;display:grid}.l2-code-side.with-inputs{grid-template-rows:minmax(0,1fr) 204px;gap:10px}.lesson2-revised .trial-values{gap:7px;padding:12px 14px 62px}.l2-code-side.with-inputs .trial-values{padding-bottom:12px}.lesson2-revised .trial-values h2{font-size:24px}.l2-model-groups{gap:6px;display:flex}.l2-model-groups button{color:#c9d7e2;background:#122332;border:1px solid #536778;border-radius:6px;padding:6px 9px;font-size:13px}.l2-model-groups [aria-pressed=true]{color:#ffe0a1;border-color:#f3c970}.l2-model-content{flex:1;min-height:0}.l2-print-motivation{flex-direction:column;justify-content:center;gap:28px;padding:32px;display:flex}.l2-print-motivation h2{font-size:28px}.l2-print-motivation p{font-size:24px;line-height:1.45}.l2-variable-labels{color:#ffe0a1;flex-wrap:wrap;gap:16px;font-size:23px;display:flex}.l2-variable-labels code{border:1px solid #64798b;border-radius:8px;padding:9px 12px}.l2-print-help{border-bottom:1px solid #425665;margin-bottom:14px;padding:16px 0}.l2-print-help h3{text-transform:none;letter-spacing:normal;margin-bottom:10px;font-size:24px}.l2-print-help p{font-size:21px;line-height:1.4}.l2-output{white-space:pre-wrap;overflow-wrap:anywhere;color:#f3f7fb;margin:0;font:22px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace}.l2-model-content .trial-empty{text-align:center;height:100%;font-size:21px}.l2-model-head{color:#becad5;grid-template-columns:174px 1fr;margin-bottom:8px;font-size:14px;display:grid}.l2-reference-model{gap:9px;display:grid}.l2-reference-row{grid-template-columns:126px minmax(0,1fr);align-items:center;gap:48px;min-width:0;display:grid;position:relative}.l2-name-column{gap:8px;display:grid}.l2-name{text-align:center;background:#172a39;border:1px solid #7894a8;border-radius:6px;padding:7px 6px;font-size:18px}.l2-name.changed{border:2px solid #efbc60;padding:6px 5px}.l2-arrows{fill:none;stroke:#90d9ec;stroke-width:2px;width:48px;height:100%;position:absolute;top:0;left:126px}.l2-object{background:#11202d;border:1px solid #64798b;border-radius:9px;min-width:0;padding:6px 10px}.l2-object header{color:#b6c7d4;justify-content:space-between;gap:10px;margin-bottom:3px;font-size:12px;display:flex}.l2-object header strong{color:#ffe0a1;font-size:16px}.l2-object-value{overflow-wrap:anywhere;font-size:20px;line-height:1.25}.shared .l2-object{border-color:#efbc60}.l2-model-note,.l2-display-note{color:#bbc9d5;margin:0;font-size:14px;line-height:1.35}.l2-profile-display{background:#1c3040;border-radius:7px;padding:7px 10px}.l2-profile-display>span{color:#b8cad7;font-size:12px}.l2-profile-display>div{flex-wrap:wrap;gap:6px 18px;font-size:16px;display:flex}.l2-list-value{overflow-wrap:anywhere;gap:4px;margin:0 0 5px;padding:0;font-size:18px;line-height:1.25;list-style:none;display:grid}.l2-object>small{color:#bdcbd6;font-size:13px}.lesson2-revised .trial-inputs{padding:8px 14px 60px}.lesson2-revised .trial-inputs h2{font-size:16px}.l2-input-fields{grid-template-columns:145px minmax(0,1fr);gap:12px;display:grid}.l2-input-fields label{font-size:12px}.l2-input-fields select{color:#f0f5fa;background:#050c14;border:1px solid #52677c;border-radius:5px;width:100%;min-width:0;padding:5px;font-size:14px}.l2-input-fields textarea{resize:none;height:40px}.lesson2-revised .l2-concept-stage{grid-template-columns:1.35fr .85fr;padding-bottom:62px}.l2-sample-panel{grid-template-rows:auto minmax(0,1fr) auto;gap:20px;padding:24px;display:grid}.l2-sample-panel h2{font-size:25px}.l2-sample-panel header p{color:#bbc9d5;margin-top:6px;font-size:16px}.l2-samples{grid-template-columns:1fr 1fr;gap:18px;display:grid}.l2-samples article{background:#142635;border-radius:12px;flex-direction:column;gap:12px;min-width:0;padding:18px;display:flex}.l2-samples article>span{color:#becedb;font-size:18px}.l2-samples article>code{overflow-wrap:anywhere;font-size:clamp(21px,1.5vw,28px);line-height:1.25}.l2-type-answer strong{color:#ffe0a1;font-size:23px}.l2-type-answer p{margin:5px 0 0;font-size:18px;line-height:1.35}.l2-literal-comparison{text-align:center;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;padding:24px;display:grid}.l2-literal-comparison article{gap:30px;display:grid}.l2-literal-comparison code{font-size:42px}.l2-literal-comparison strong{color:#ffe0a1;font-size:28px}.l2-explanation{border-left:3px solid #efbc60;border-radius:0 16px 16px 0;align-self:start;padding:24px}.l2-explanation h2{margin-bottom:14px;font-size:25px}.l2-explanation p{font-size:22px;line-height:1.45}.lesson2-revised .l2-concept-model{justify-content:center;gap:24px;padding:32px}.l2-concept-model .l2-model-note{font-size:17px}.l2-foundation-side{align-content:start;gap:14px;min-height:0;padding-bottom:62px;display:grid}.l2-foundation-card{padding:20px 24px}.l2-foundation-card h2{color:#ffe0a1;margin-bottom:8px}.l2-foundation-prompt{color:#c4ced8;padding:24px;font-size:24px;line-height:1.45}.lesson2-revised.l2-variable-page{--systems-scene:#f2c85d;--systems-scene-rgb:242, 200, 93;grid-template-rows:48px 48px minmax(0,1fr)}.l2-variable-source{padding-top:46px}.lesson2-revised .l2-variable-source .trial-line{padding-top:8px;padding-bottom:8px}.l2-types-source .trial-line+.trial-line,.l2-lists-source .trial-line:is([data-source-line="6"],[data-source-line="7"]){margin-top:44px}.l2-variable-token{display:inline-block;position:relative}.l2-variable-token[data-highlight]:before,.l2-assignment-rhs.is-highlighted:before,.l2-assignment-name.is-highlighted:before{content:"";border:2px solid var(--token-ink);background:var(--token-fill);pointer-events:none;z-index:-1;border-radius:3px;position:absolute;inset:-6px -5px}.l2-variable-token[data-highlight]{isolation:isolate}.l2-variable-token[data-highlight]:after{content:attr(data-label);color:var(--token-ink);background:var(--token-fill);white-space:nowrap;border-radius:3px;padding:4px 7px;font:700 18px/1.2 ui-sans-serif,system-ui,sans-serif;position:absolute;bottom:calc(100% + 15px);left:-5px}.l2-variable-token:is([data-variable-part=name],[data-variable-part=int],[data-variable-part=scores]),.l2-assignment-name{--token-ink:#165d91;--token-fill:#e0effb}.l2-variable-token:is([data-variable-part=value],[data-variable-part=str],[data-variable-part=characters]),.l2-assignment-rhs{--token-ink:#753697;--token-fill:#f3e5fa}.l2-variable-token:is([data-variable-part=float],[data-variable-part=speeds]){--token-ink:#176343;--token-fill:#e0f4e9}.l2-variable-page :is(#l2-variable-name-card,#l2-types-int-card,#l2-lists-scores-card){--systems-scene:#a7d9fa;--systems-scene-rgb:167, 217, 250}.l2-variable-page :is(#l2-variable-value-card,#l2-types-str-card,#l2-lists-characters-card){--systems-scene:#dfb5f3;--systems-scene-rgb:223, 181, 243}.l2-variable-page :is(#l2-types-float-card,#l2-lists-speeds-card){--systems-scene:#8be0b5;--systems-scene-rgb:139, 224, 181}.lesson2-revised:not([data-lesson2-page=profile]):not([data-lesson2-page=types]):not([data-lesson2-page=contrast]) .systems-question~.systems-explanation:not(.l2-roster-introduction){--systems-scene:#a7d9fa;--systems-scene-rgb:167, 217, 250;--systems-gold:#a7d9fa}.programming-history-shell .systems-explanation:first-child{--systems-scene:#63d4b0;--systems-scene-rgb:99, 212, 176}.programming-history-shell .systems-explanation:nth-child(2){--systems-scene:#70c7ef;--systems-scene-rgb:112, 199, 239}.programming-history-shell .systems-explanation:nth-child(3){--systems-scene:#f2c85d;--systems-scene-rgb:242, 200, 93}.programming-history-shell .systems-explanation:nth-child(4){--systems-scene:#ff8f75;--systems-scene-rgb:255, 143, 117}.programming-history-shell .systems-explanation:nth-child(5){--systems-scene:#b690ff;--systems-scene-rgb:182, 144, 255}.programming-history-shell .systems-card-slot .systems-explanation-stack .systems-explanation.compact{--systems-gold:var(--systems-scene);opacity:1}@media (prefers-reduced-motion:reduce){.l2-variable-page .systems-explanation{animation:none}}.l2-memory-side{grid-template-rows:auto minmax(0,1fr);align-content:stretch}.lesson2-revised .l2-foundation-model{grid-template-rows:38px minmax(0,1fr);gap:14px;padding:20px;display:grid;position:relative}.l2-foundation-model>h2{font-size:clamp(24px,1.7vw,32px)}.lesson2-revised .l2-memory-boundary{box-shadow:none;background:0 0;border:0;padding:0;display:block}.l2-memory-boundary>h2{text-align:center;z-index:1;width:100%;position:absolute;top:28px;left:0}.l2-memory-diagram{place-items:center;height:100%;min-height:0;display:grid;position:relative}.l2-memory-oval{fill:#0c1923;stroke:#7893a7;stroke-width:2px;width:100%;height:100%;position:absolute;inset:0}.l2-memory-oval ellipse{vector-effect:non-scaling-stroke}.l2-memory-rows{grid-template-rows:repeat(3,88px);gap:16px;width:74%;display:grid;position:relative}.l2-memory-row{grid-template-columns:minmax(0,.75fr) 48px minmax(0,1.25fr);align-items:center;display:grid}.l2-memory-arrow{fill:none;stroke:#90d9ec;stroke-width:2px;width:48px;height:100%}.l2-memory-diagram .l2-name{border-radius:0;padding:10px 4px;font-size:clamp(20px,1.3vw,25px)}.l2-memory-value{box-sizing:border-box;background:#123128;border:1px solid #78b99b;border-radius:20px;min-width:0;height:88px;padding:12px}.l2-memory-value dl{gap:8px;margin:0;display:grid}.l2-memory-value dl>div{grid-template-columns:100px minmax(0,1fr);align-items:baseline;gap:6px;display:grid}.l2-memory-value dt{color:#bdd5c8;font-size:17px}.l2-memory-value dd{color:#e2f7e9;margin:0;font-size:clamp(20px,1.3vw,25px)}.l2-memory-value .l2-object-value{white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(20px,1.3vw,25px)}.l2-memory-analogy{min-height:0;margin:0;display:grid}.l2-analogy-image{place-items:center;min-height:0;display:grid}.l2-analogy-image img{object-fit:contain;border-radius:8px;width:100%;height:100%;min-height:0;display:block}.l2-foundation-model.is-analogy{border-style:dashed}.l2-memory-empty{text-align:center;color:#c4ced8;width:65%;font-size:22px;line-height:1.4;position:relative}.l2-executed-side{grid-template-rows:252px minmax(0,1fr);gap:12px;min-height:0;padding-bottom:62px;display:grid}.l2-executed-side .l2-executed-cards{grid-template-rows:104px 138px;gap:10px;min-height:0;display:grid}.l2-executed-cards .systems-question{padding:12px 16px}.l2-executed-cards .systems-question strong{font-size:clamp(22px,1.4vw,26px);line-height:1.2}.l2-executed-cards .systems-explanation.compact{padding:12px 16px}.l2-executed-cards .systems-explanation.compact h2{margin-bottom:8px;font-size:22px;line-height:1.2}.l2-executed-cards .systems-explanation.compact li{font-size:clamp(17px,1.1vw,20px);line-height:1.28}.l2-executed-evidence{grid-template-rows:minmax(0,1fr);min-height:0;display:grid}.l2-executed-evidence.with-groups{grid-template-rows:36px minmax(0,1fr) 56px;gap:6px}.l2-executed-page .l2-memory-boundary>h2{font-size:24px;top:10px}.l2-executed-page .l2-memory-rows{grid-template-rows:repeat(3,64px);gap:10px;width:72%}.l2-executed-page .l2-memory-value{height:64px;padding:6px 10px}.l2-executed-page .l2-memory-value dl{gap:4px}.l2-executed-page .l2-memory-value dd{font-size:20px;line-height:1.15}.l2-executed-page .l2-memory-diagram .l2-name{padding:6px 4px;font-size:20px;line-height:1.2}.l2-executed-page .shared .l2-name-column{gap:4px}.l2-executed-page .shared .l2-name{padding:1px 4px}.l2-executed-page .has-list{grid-row:span 3}.l2-executed-page .has-list .l2-memory-value{height:auto;padding:12px 8px}.l2-executed-page .l2-list-value{margin:0;font-size:20px;line-height:1.25}.l2-executed-display{min-height:0}.l2-assignment-side{grid-template-rows:308px minmax(0,1fr)}.l2-assignment-side .l2-executed-cards{grid-template-rows:104px 92px 92px}.l2-assignment-side .systems-explanation.compact{align-items:center;display:grid}.l2-assignment-side .systems-explanation.compact h2{margin:0}.l2-assignment-side .l2-memory-rows{grid-template-rows:64px}.l2-assignment-rhs,.l2-assignment-name{isolation:isolate;display:inline-block;position:relative}.l2-assignment-side .l2-memory-value{grid-column:3}.l2-reassignment-side{grid-template-rows:164px minmax(0,1fr)}.l2-reassignment-side .l2-executed-cards{grid-template-rows:164px}.l2-stable-map{grid-template-columns:minmax(0,.75fr) 40px minmax(0,1.25fr);display:grid;position:relative}.l2-reassignment-map{grid-template-columns:minmax(0,.9fr) 40px minmax(0,1.1fr);width:78%;height:240px}.l2-executed-page .l2-reassignment-map [data-binding-name=backup_character]{font-size:18px}.l2-stable-names,.l2-stable-values{min-width:0;position:relative}.l2-stable-map .l2-name{box-sizing:border-box;border-width:1px}.l2-reassignment-map .l2-name,.l2-reassignment-map .l2-memory-value{box-sizing:border-box;width:100%;position:absolute;transform:translateY(-50%)}.l2-reassignment-map [data-name-slot="0"]{top:120px}.l2-reassignment-map [data-name-slot="1"]{top:192px}.l2-reassignment-map [data-object-slot="0"]{top:72px}.l2-reassignment-map [data-object-slot="1"]{top:168px}.l2-executed-page .l2-reassignment-map .l2-memory-value{height:88px}.l2-stable-arrows{fill:none;stroke:#90d9ec;stroke-width:2px;width:40px;height:100%;overflow:visible}.l2-memory-value.is-connected{background:#164d36;border-color:#8ad8a9}.l2-memory-value.is-historical{background:#252b31;border-color:#66717b}.l2-memory-value.is-historical dd,.l2-memory-value.is-historical dt{color:#9ea8b0}.l2-history-label{color:#9ea8b0;margin-top:3px;font-size:14px;line-height:16px;display:block}.l2-direct-trace .trial-line.is-next{background:#ffedb9;border-left-color:#a6690b}.l2-practice-side{grid-template-rows:80px minmax(0,1fr)}.l2-print-side{grid-template-rows:104px 164px minmax(0,1fr);gap:12px;min-width:0;min-height:0;padding-bottom:62px;display:grid}.l2-print-side .systems-question,.l2-print-side .systems-explanation{margin:0}.l2-print-side .systems-explanation h2{text-transform:none;letter-spacing:normal}.l2-print-result{background:#0b1923;min-height:0;padding:20px}.l2-print-result h2{margin:0 0 18px;font-size:24px}.l2-print-result .l2-output{margin:0;font-size:26px;line-height:1.6}.l2-practice-side .l2-executed-cards{grid-template-rows:80px}.l2-practice-map{grid-template-columns:minmax(0,.7fr) 40px minmax(0,1.3fr);width:66%;height:412px}.l2-practice-map .l2-stable-names,.l2-practice-map .l2-stable-values{grid-template-rows:52px 52px 52px 112px 52px 52px;align-items:center;gap:8px;display:grid}.l2-practice-map [data-name-slot="0"],.l2-practice-map [data-object-slot="0"]{grid-row:1}.l2-practice-map [data-name-slot="1"],.l2-practice-map [data-object-slot="1"]{grid-row:2}.l2-practice-map [data-name-slot="2"],.l2-practice-map [data-object-slot="2"]{grid-row:3}.l2-practice-map [data-name-slot="3"],.l2-practice-map [data-object-slot="3"]{grid-row:4}.l2-practice-map [data-name-slot="4"],.l2-practice-map [data-object-slot="4"]{grid-row:5}.l2-practice-map [data-name-slot="5"],.l2-practice-map [data-object-slot="5"]{grid-row:6}.l2-executed-page .l2-practice-map .l2-name{border-width:1px;padding:5px 3px;line-height:24px}.l2-executed-page .l2-practice-map .l2-memory-value{height:52px;padding:2px 8px}.l2-executed-page .l2-practice-map .l2-memory-value.has-list{height:112px}.l2-practice-map .l2-memory-value dl{gap:2px}.l2-transfer-map{height:352px}.l2-transfer-map .l2-stable-names,.l2-transfer-map .l2-stable-values{grid-template-rows:repeat(6,52px)}.l2-transfer-map [data-name-slot="0"]{grid-row:2}.l2-transfer-map [data-name-slot="1"]{grid-row:3}.l2-transfer-map [data-name-slot="2"]{grid-row:4}.l2-transfer-map [data-name-slot="3"]{grid-row:5}.l2-practice-map .l2-memory-value dl>div{grid-template-columns:94px minmax(0,1fr);gap:6px}.l2-practice-map .l2-memory-value dt{white-space:nowrap;font-size:16px;line-height:22px}.l2-practice-map .has-list dl>div:last-child{grid-template-columns:78px minmax(0,1fr)}.l2-practice-map .has-list dl>div:last-child dt{white-space:normal}.l2-executed-page .l2-practice-map .l2-memory-value dd{line-height:22px}.l2-executed-page .l2-practice-map .l2-list-value{gap:2px;padding:0;line-height:24px;list-style:none}@media (height<=940px){.lesson2-revised .trial-source{margin-top:12px}.lesson2-revised .trial-line{padding-top:1px;padding-bottom:1px}.l2-sample-panel{gap:14px;padding:18px}.l2-samples{gap:12px}.l2-samples article{gap:12px;padding:14px}.l2-type-answer p{font-size:17px}.l2-explanation p{font-size:20px}}.l2-sequence,.programming-history-shell{--systems-white:#f5f7fb}.l2-sequence .page-navigator>div,.programming-history-shell .page-navigator>div{max-width:none}.l2-sequence .trial-stage{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}.l2-sequence .trial-source{font-size:clamp(20px,1.4vw,26px);line-height:1.45}.l2-sequence .trial-line{padding-block:8px}.l2-sequence .trial-line-number{font-size:.78em}.l2-sequence-side{align-content:start;gap:12px;min-width:0;min-height:0;padding-bottom:62px;display:grid}.l2-sequence .systems-question{margin:0;padding:14px 18px}.l2-sequence .systems-question strong{font-size:clamp(22px,1.6vw,29px);line-height:1.2}:is(.l2-sequence,.programming-history-shell) :is(.systems-question>strong,.systems-explanation h2,.systems-explanation p,.systems-explanation li){text-wrap:wrap}:is(.l2-sequence,.programming-history-shell) :is(.systems-question>strong,.systems-explanation p,.systems-explanation li){text-align:left;text-align-last:auto}.l2-sequence .systems-explanation{--systems-scene:#a7d9fa;--systems-scene-rgb:167,217,250;--systems-gold:var(--systems-scene);opacity:1}.l2-sequence .systems-explanation.compact{padding:14px 18px}.l2-sequence .systems-explanation h2{color:var(--systems-scene);margin:0;font-size:clamp(23px,1.6vw,29px);line-height:1.2}.l2-sequence .systems-explanation li{font-size:clamp(19px,1.15vw,22px);line-height:1.3}.l2-sequence .systems-explanation li::marker{color:var(--systems-scene)}.l2-sequence .systems-explanation ul{gap:5px;margin:0;padding-left:20px;display:grid}.l2-sequence #l2-variable-value-card,.l2-sequence #l2-types-str-card{--systems-scene:#dfb5f3;--systems-scene-rgb:223,181,243}.l2-sequence :is(#l2-variable-definition-card,#l2-variable-name-card,#l2-variable-value-card) p{color:#f5f7fb;margin:8px 0 0;font-size:clamp(23px,1.5vw,29px);line-height:1.3}.l2-sequence[data-lesson2-page=profile] .l2-variable-token[data-variable-part=name]{--token-ink:#176343;--token-fill:#e0f4e9}.l2-sequence #l2-variable-name-card{--systems-scene:#8be0b5;--systems-scene-rgb:139,224,181}.l2-type-term{color:var(--systems-scene)}.l2-type-term[data-value-type=str]{color:#dfb5f3}.l2-type-term[data-value-type=int]{color:#a7d9fa}.l2-type-term[data-value-type=float]{color:#8be0b5}.l2-sequence #l2-types-float-card{--systems-scene:#8be0b5;--systems-scene-rgb:139,224,181}.l2-sequence :is(#l2-types-character-card,#l2-types-nickname-card){--systems-scene:#dfb5f3;--systems-scene-rgb:223,181,243}.l2-sequence #l2-types-speed-card{--systems-scene:#8be0b5;--systems-scene-rgb:139,224,181}.l2-sequence .l2-types-cards .systems-explanation-stack{gap:8px}.l2-sequence .l2-types-cards .systems-explanation.compact{gap:4px;padding:10px 16px}.l2-sequence .l2-types-cards .systems-explanation h2{font-size:clamp(22px,1.4vw,27px)}.l2-sequence .l2-types-cards .systems-explanation li{font-size:clamp(19px,1.1vw,21px);line-height:1.25}.l2-sequence :is(#l2-lists-character_names-card,#l2-lists-nicknames-card){--systems-scene:#dfb5f3;--systems-scene-rgb:223,181,243}.l2-list-source .trial-line+.trial-line{margin-top:44px}.l2-list-source .trial-line code{grid-template-columns:15ch 1ch minmax(0,1fr);align-items:start;column-gap:1ch;display:grid}.l2-list-name,.l2-list-equals{white-space:nowrap}.l2-list-source .l2-variable-token{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%}.l2-list-value-item{white-space:nowrap}.l2-sequence[data-lesson2-page=lists] .l2-concepts{grid-template-rows:max-content minmax(0,1fr)}.l2-sequence[data-lesson2-page=lists] .systems-explanation-stack .systems-explanation.compact{padding:10px 16px}.l2-assignment-intro{grid-template-rows:auto minmax(0,1fr);align-content:stretch}.l2-code-comment{color:#3e6b58}.l2-sequence #l2-assignment-intro-card{--systems-scene:#f2c85d;--systems-scene-rgb:242,200,93}.l2-sequence #l2-assignment-intro-card li{font-size:clamp(20px,1.3vw,25px);line-height:1.35}.l2-sequence .systems-explanation-stack{gap:12px}.l2-concepts{grid-template-rows:auto auto}.l2-roster-items{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.l2-roster-items li{text-align:center;background:#10202c;border:2px solid #44596a;border-radius:10px;gap:10px;padding:18px 8px;font-size:21px;display:grid}.l2-roster-items li span{color:#c2ced8;font-size:16px}.l2-roster-items .is-linked{background:#292239;border-color:#b995e6}.l2-variable-token[data-variable-part^=item]{--token-ink:#753697;--token-fill:#f3e5fa}.l2-roster-picker{flex-direction:column;justify-content:center;gap:22px;padding:24px;display:flex}.l2-roster-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.l2-roster-choices button{color:#f5f7fb;background:#10202e;border:2px solid #476077;border-radius:14px;align-content:start;justify-items:center;gap:14px;min-width:0;padding:10px 10px 14px;font-size:22px;display:grid}.l2-roster-choices button[data-selection-revealed]{background:#29271d;border-color:#f2c85d}.l2-character-image{aspect-ratio:1;object-fit:cover;border-radius:8px;width:100%;height:auto;display:block}.l2-character-title{white-space:nowrap;font-size:clamp(20px,1.3vw,25px)}.l2-character-attributes{text-align:left;width:100%;display:grid}.l2-character-attribute{border-top:1px solid #476077;gap:3px;padding:10px 2px;display:grid}.l2-character-attribute>span{color:#a7d9fa;font-size:clamp(17px,1vw,19px);line-height:1.2}.l2-character-attribute>strong{font-size:clamp(20px,1.2vw,23px);line-height:1.2}.l2-roster-side{gap:8px}.l2-sequence .l2-roster-introduction{--systems-scene:#f2c85d;--systems-scene-rgb:242,200,93;min-height:60px}.l2-sequence .systems-explanation.l2-roster-introduction p{color:var(--systems-scene);margin:0;font-size:clamp(21px,1.3vw,25px);line-height:1.25}.l2-sequence .l2-roster-field{grid-template-columns:1fr 1.2fr;align-items:center;gap:16px;min-height:70px;display:grid}.l2-sequence .systems-explanation.l2-roster-field h2{font-size:clamp(22px,1.4vw,27px)}.l2-sequence .systems-explanation.l2-roster-field p{color:#f5f7fb;margin:0;font-size:clamp(23px,1.5vw,29px);line-height:1.2}.l2-print-sequence{grid-template-rows:110px 140px minmax(0,1fr);align-content:stretch}.l2-sequence #l2-print-instruction-card p{color:#f5f7fb;margin:0;font-size:clamp(23px,1.5vw,29px);line-height:1.3}.l2-console{background:#0b1923;padding:14px 18px}.l2-console h2{margin:0 0 10px;font-size:21px}.l2-console pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font:clamp(20px,1.35vw,26px)/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}.l2-trace-side{grid-template-rows:86px minmax(0,1fr) 96px;align-content:stretch;gap:10px;padding-bottom:48px}.l2-trace-side:not(:has(.l2-console)){grid-template-rows:86px minmax(0,1fr)}.l2-trace-side.with-comparison{grid-template-rows:86px minmax(0,1fr) 172px}.l2-comparison-output{grid-template-columns:1fr;gap:8px;display:grid}.l2-comparison-output .l2-console{padding:7px 14px}.l2-comparison-output h2{margin-bottom:4px;font-size:16px}.l2-comparison-output pre{font-size:20px;line-height:1.2}.l2-trace-side .l2-console{grid-template-columns:90px minmax(0,1fr);align-content:start;gap:10px;padding:12px 16px;display:grid}.l2-trace-side .l2-console h2{margin:0}.l2-trace-side .l2-console pre{min-width:0}.l2-object-model{min-height:0;position:relative}.l2-object-model>h2{z-index:1;text-align:center;width:100%;margin:0;font-size:23px;position:absolute;top:10px;left:0}.l2-object-model>h2 small{color:#becfdc;margin-left:8px;font-size:14px;font-weight:400}.l2-refined-map{grid-template-columns:130px 40px minmax(0,1fr);width:68%;height:100%;margin:auto;display:grid;position:relative}.l2-refined-names,.l2-refined-values{min-width:0;position:relative}.l2-refined-map .l2-name,.l2-refined-object{box-sizing:border-box;width:100%;position:absolute;transform:translateY(-50%)}.l2-refined-map .l2-name{border-radius:0;padding:9px 6px;font:22px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}.l2-refined-object{background:#123128;border:1px solid #78b99b;border-radius:18px;height:110px;padding:8px 12px}.l2-object-model[data-slot-count="1"] .l2-refined-object{height:130px}.l2-object-model[data-slot-count="2"] .l2-refined-object{height:128px}.l2-object-model[data-slot-count="3"] .l2-refined-object{height:108px;padding:6px 10px}.l2-object-model[data-slot-count="4"] .l2-refined-object{height:84px;padding:6px 10px}.l2-object-model[data-slot-count="5"] .l2-refined-object{height:74px;padding:5px 9px}.l2-object-model[data-slot-count="3"] .l2-refined-object pre,.l2-object-model[data-slot-count="4"] .l2-refined-object pre,.l2-object-model[data-slot-count="5"] .l2-refined-object pre{font-size:17px;line-height:1.1}.l2-object-model[data-slot-count="4"] .l2-refined-object span,.l2-object-model[data-slot-count="5"] .l2-refined-object span{font-size:12px;line-height:14px}.l2-refined-object.is-orphan{opacity:.45}.l2-refined-object>div{grid-template-columns:86px minmax(0,1fr);align-items:baseline;gap:10px;margin-bottom:4px;display:grid}.l2-refined-object span{color:#bcd8c9;font-size:14px;line-height:17px}.l2-refined-object strong{color:#e2f7e9;font-size:21px}.l2-refined-object pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#e2f7e9;min-width:0;margin:0;font:20px/1.1 ui-monospace,SFMono-Regular,Menlo,monospace}.l2-refined-arrows{fill:none;stroke:#90d9ec;stroke-width:2px;width:100%;height:100%}.l2-refined-arrows path{vector-effect:non-scaling-stroke}.l2-refined-map .l2-name[data-binding-name=roster]{color:#a7d9fa;border-color:#a7d9fa}.l2-refined-map .l2-name[data-binding-name=backup]{color:#dfb5f3;border-color:#dfb5f3}.l2-refined-arrows path[data-arrow-name=roster]{stroke:#a7d9fa}.l2-refined-arrows path[data-arrow-name=backup]{stroke:#dfb5f3}.l2-run-error{z-index:4;max-width:500px;position:absolute;bottom:80px;left:40px}@media (width>=1600px){.l2-refined-map{grid-template-columns:140px 40px minmax(0,1fr)}.l2-refined-object{height:128px}.l2-refined-object pre{font-size:24px}}@media (width<=1500px){.l2-sequence .projection-header,.programming-history-shell .projection-header{gap:12px}.l2-sequence .projection-actions,.programming-history-shell .projection-actions{gap:8px}.l2-sequence .page-navigator button,.programming-history-shell .page-navigator button{width:23px}.l2-sequence .trial-heading h1{font-size:28px}.l2-refined-map{grid-template-columns:140px 36px minmax(0,1fr);width:62%}.l2-object-model[data-slot-count="3"] .l2-refined-object{height:92px}.l2-object-model[data-slot-count="2"] .l2-refined-object pre,.l2-object-model[data-slot-count="3"] .l2-refined-object pre{font-size:17px;line-height:1.1}.l2-object-model[data-slot-count="4"] .l2-refined-object{height:72px}.l2-object-model[data-slot-count="5"] .l2-refined-object{height:64px}}.l2-object-model[data-slot-count="1"] :is([data-name-slot="0"],[data-object-slot="0"]){top:50%}.l2-object-model[data-slot-count="2"] :is([data-name-slot="0"],[data-object-slot="0"]){top:33.3333%}.l2-object-model[data-slot-count="2"] :is([data-name-slot="1"],[data-object-slot="1"]){top:66.6667%}.l2-object-model[data-slot-count="3"] :is([data-name-slot="0"],[data-object-slot="0"]){top:25%}.l2-object-model[data-slot-count="3"] :is([data-name-slot="1"],[data-object-slot="1"]){top:50%}.l2-object-model[data-slot-count="3"] :is([data-name-slot="2"],[data-object-slot="2"]){top:75%}.l2-object-model[data-slot-count="4"] :is([data-name-slot="0"],[data-object-slot="0"]){top:20%}.l2-object-model[data-slot-count="4"] :is([data-name-slot="1"],[data-object-slot="1"]){top:40%}.l2-object-model[data-slot-count="4"] :is([data-name-slot="2"],[data-object-slot="2"]){top:60%}.l2-object-model[data-slot-count="4"] :is([data-name-slot="3"],[data-object-slot="3"]){top:80%}.l2-object-model[data-slot-count="5"] :is([data-name-slot="0"],[data-object-slot="0"]){top:16.6667%}.l2-object-model[data-slot-count="5"] :is([data-name-slot="1"],[data-object-slot="1"]){top:33.3333%}.l2-object-model[data-slot-count="5"] :is([data-name-slot="2"],[data-object-slot="2"]){top:50%}.l2-object-model[data-slot-count="5"] :is([data-name-slot="3"],[data-object-slot="3"]){top:66.6667%}.l2-object-model[data-slot-count="5"] :is([data-name-slot="4"],[data-object-slot="4"]){top:83.3333%}.l2-arrow-lane{min-height:0;position:relative}.l2-arrow-head{fill:none;stroke:#90d9ec;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:8px;height:12px;position:absolute;right:0;transform:translateY(-50%)}.l2-arrow-head[data-arrow-color=roster]{stroke:#a7d9fa}.l2-arrow-head[data-arrow-color=backup]{stroke:#dfb5f3}.l2-sequence .trial-code>.l2-console,.l2-sequence .trial-code>.l2-comparison-output{flex-shrink:0;margin-top:auto}.l2-sequence .trial-code>.l2-console{grid-template-columns:86px minmax(0,1fr);gap:10px;display:grid}.l2-sequence .trial-code .l2-console h2{color:#f3f7fb;margin:0}.l2-sequence .trial-code .l2-console pre{color:#f3f7fb;min-width:0}.l2-sequence .trial-code .l2-comparison-output{grid-template-columns:1fr 1fr;gap:10px}.l2-sequence .trial-code .l2-comparison-output h2{margin-bottom:6px;font-size:16px}.l2-sequence .l2-trace-side{grid-template-rows:86px minmax(0,1fr)}.l2-sequence .l2-print-sequence{grid-template-rows:110px auto}.l2-sequence:is([data-lesson2-page=read-item],[data-lesson2-page=write-item]) .l2-trace-side{grid-template-rows:70px auto minmax(0,1fr)}.l2-index-card strong{color:#f2c85d}.l2-sequence .l2-index-card{padding:12px 16px}.l2-sequence .l2-index-card h2{font-size:23px}.l2-sequence .l2-index-card li{font-size:20px;line-height:1.3}.l2-sequence:is([data-lesson2-page=read-item],[data-lesson2-page=write-item]) .trial-line{padding-block:2px}.l2-sequence:is([data-lesson2-page=read-item],[data-lesson2-page=write-item]) .trial-source{font-size:20px;line-height:1.3}.l2-sequence:is([data-lesson2-page=read-item],[data-lesson2-page=write-item]) .l2-console{min-height:188px}.l2-sequence:is([data-lesson2-page=read-item],[data-lesson2-page=write-item]) .l2-console pre{font-size:20px;line-height:1.3}.l2-sequence:is([data-lesson2-page=read-item],[data-lesson2-page=write-item]) .l2-refined-object{height:218px}.l2-sequence:is([data-lesson2-page=read-item],[data-lesson2-page=write-item]) .l2-refined-map{width:78%}.l2-sequence:is([data-lesson2-page=read-item],[data-lesson2-page=write-item]) .l2-refined-object pre{font-size:20px}.l2-write-highlight{color:#f2c85d}.l2-sequence[data-lesson2-page=mutability] .l2-trace-side{grid-template-rows:86px auto minmax(0,1fr)}.l2-sequence[data-lesson2-page=mutability] .l2-refined-object{height:84px}.l2-sequence .l2-inline-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.95em;font-weight:inherit;color:inherit;overflow-wrap:anywhere;background:#96bedc1a;border-radius:4px;padding:0 .15em}.l2-expected-error{color:#ffcfbc;background:#301a19;border-left:3px solid #ef9e83;grid-column:1/-1;padding:8px 12px;font-size:18px;line-height:1.35}.l2-expected-error p{margin-top:5px}.l2-sequence[data-lesson2-page=mutability] .l2-object-model[data-slot-count="2"] .l2-refined-object{height:112px}.l2-sequence[data-lesson2-page=string-index] .l2-trace-side{grid-template-rows:70px auto minmax(0,1fr)}.l2-sequence[data-lesson2-page=string-index] .trial-line{padding-block:4px}.l2-sequence[data-lesson2-page=string-index] .l2-console{min-height:188px}.l2-sequence[data-lesson2-page=string-index] .l2-console pre{font-size:20px;line-height:1.3}.l2-sequence[data-lesson2-page=string-index] .l2-index-card p{margin-top:8px;font-size:20px;line-height:1.3}.l2-string-index-table{border-collapse:collapse;width:100%;margin-top:10px;font-size:20px}.l2-string-index-table th{text-align:left;font-weight:500}.l2-string-index-table td{text-align:center}.l2-string-index-table th,.l2-string-index-table td{border-bottom:1px solid #304151;padding:4px 8px}.l2-sequence:is([data-lesson2-page=memory-model],[data-lesson2-page=reassign-move]) .l2-trace-side{grid-template-rows:70px auto minmax(0,1fr)}.l2-sequence:is([data-lesson2-page=memory-model],[data-lesson2-page=reassign-move]) .l2-object-model[data-slot-count="3"] .l2-refined-object{height:84px}#l3-final-explanation p{color:#f5f7fb;margin:8px 0 0;font-size:clamp(21px,1.35vw,26px);line-height:1.3}.l3-explanation-stack{gap:clamp(8px,.8vh,12px);display:grid}.lesson2-trial[data-lesson3-page=arithmetic-modulo] #l3-final-explanation :is(p,li){font-size:clamp(22px,1.45vw,28px);line-height:1.35}.lesson2-trial[data-lesson3-page] .l2-string-index-table td{font-variant-numeric:slashed-zero;font-feature-settings:"zero" 1;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.lesson2-trial[data-lesson3-page=length-and-last-index] [data-l3-line-card] h2,.lesson2-trial:is([data-lesson3-page=combine-string-operations],[data-lesson3-page=final-practice]) [data-l3-after-line-card] h2{font-size:clamp(25px,1.7vw,31px)}.lesson2-trial[data-lesson3-page=length-and-last-index] [data-l3-line-card] p,.lesson2-trial:is([data-lesson3-page=combine-string-operations],[data-lesson3-page=final-practice]) [data-l3-after-line-card] p{font-size:clamp(22px,1.45vw,28px);line-height:1.35}.lesson2-trial:is([data-lesson3-page=slice-start-stop],[data-lesson3-page=slice-step-direction],[data-lesson3-page=combine-string-operations]) .l2-index-card{gap:0}.lesson2-trial:is([data-lesson3-page=slice-start-stop],[data-lesson3-page=slice-step-direction],[data-lesson3-page=combine-string-operations]) .l2-index-card h2{line-height:1}.lesson2-trial:is([data-lesson3-page=slice-start-stop],[data-lesson3-page=slice-step-direction],[data-lesson3-page=combine-string-operations]) .l2-string-index-table{margin-top:0}.lesson2-trial[data-lesson3-page=combine-string-operations] .l2-string-index-table{font-size:18px;line-height:1.1}.lesson2-trial[data-lesson3-page=combine-string-operations] .l2-string-index-table :is(th,td){padding:1px 6px}.l2-string-index-table td.l3-index-included{color:#ffe0a1;background:#3a2d10;border-bottom-color:#f2c85d}.l2-string-index-table td.l3-index-included code{color:#ffe0a1}.l4-decision .trial-line{grid-template-columns:2ch minmax(0,1fr) auto}.l4-decision .trial-code{min-height:0;overflow:hidden}.l4-decision .trial-source{scrollbar-gutter:stable;flex:auto;min-height:0;padding-right:4px;overflow:hidden auto}.l4-decision .l2-console pre{overscroll-behavior:contain;scrollbar-gutter:stable;height:5.6em;overflow-y:auto}.l4-decision .l2-sequence-side{overscroll-behavior:contain;scrollbar-gutter:stable;grid-auto-rows:max-content;padding-right:4px;overflow-y:auto}.l4-decision .l2-sequence-side>*{min-height:max-content}.l4-decision :is(.trial-source,[data-python-output],.l2-sequence-side){scrollbar-color:#c4ccd3 transparent;scrollbar-width:thin}.l4-decision :is(.trial-source,[data-python-output],.l2-sequence-side)::-webkit-scrollbar{width:10px}.l4-decision :is(.trial-source,[data-python-output],.l2-sequence-side)::-webkit-scrollbar-track{background:0 0}.l4-decision :is(.trial-source,[data-python-output],.l2-sequence-side)::-webkit-scrollbar-thumb{background:#c4ccd3 padding-box padding-box;border:2px solid #0000;border-radius:999px}.l4-decision:is([data-lesson4-page=first-match-wins],[data-lesson4-page=resume-after-if]) .trial-source{margin-top:12px;font-size:clamp(17px,1.15vw,22px);line-height:1.25}.l4-decision:is([data-lesson4-page=first-match-wins],[data-lesson4-page=resume-after-if]) .trial-line{padding-block:2px}.l4-decision[data-lesson4-page=complex-nested] .trial-source{margin-top:8px;font-size:clamp(15.5px,.975vw,18.5px);line-height:1.3}.l4-decision[data-lesson4-page=complex-nested] .trial-line{padding:0 4px}.l4-decision[data-lesson4-page=complex-nested] .next-marker{font-size:14px;line-height:1;left:0}.l4-line-annotations{align-items:center;gap:6px;display:flex}.l4-active-expression{color:#102033;border-radius:4px;padding:1px 3px}.l4-active-expression.is-true{background:#c9efd5;box-shadow:0 0 0 2px #3f9c63}.l4-active-expression.is-false{background:#ffd9d9;box-shadow:0 0 0 2px #c05560}.l4-code-callout{color:inherit;background:0 0;border-radius:999px;position:relative;box-shadow:0 0 0 2px #a6690b}.l4-code-callout-label{color:#fff8e3;letter-spacing:.03em;white-space:nowrap;background:#8a5708;border-radius:999px;padding:1px 7px;font:750 .55em/1.35 ui-sans-serif,system-ui,sans-serif;position:absolute;bottom:calc(100% + 4px);left:50%;translate:-50%}.l4-evidence-badge{white-space:nowrap;border-radius:999px;align-self:center;padding:1px 9px;font:750 .62em/1.5 ui-sans-serif,system-ui,sans-serif;display:inline-block}.l4-evidence-badge.is-true{color:#0c3d20;background:#b9ecc9;border:1px solid #3f9c63}.l4-evidence-badge.is-false{color:#5a1420;background:#ffd9d9;border:1px solid #c05560}.l4-syntax-keyword{color:#00f}.l4-syntax-literal,.l4-syntax-number{color:#098658}.l4-syntax-string{color:#a31515}.l4-syntax-comment{color:green}.l4-syntax-function{color:#795e26}.l4-syntax-variable{color:#001080}.l4-syntax-operator{color:#af00db}.l4-title-highlight{color:#f2c85d!important;background:0 0!important}.l4-cond-badge,.l4-branch-badge{letter-spacing:.02em;white-space:nowrap;border-radius:999px;align-self:center;padding:1px 9px;font:700 .62em/1.5 ui-sans-serif,system-ui,sans-serif;display:inline-block}.l4-line-annotations>:first-child{margin-left:12px}.l4-cond-badge.is-true{color:#0c3d20;background:#b9ecc9;border:1px solid #3f9c63}.l4-cond-badge.is-false{color:#5a1420;background:#ffd9d9;border:1px solid #c05560}.l4-branch-badge.is-selected{color:#0c3d20;background:#d7f3df;border:1px solid #4d8e68}.l4-branch-badge.is-skipped{color:#4c5a68;background:#e2e8ee;border:1px dashed #8a99a8}.l4-scope-badge{letter-spacing:.02em;white-space:nowrap;border-radius:999px;align-self:center;padding:1px 9px;font:700 .62em/1.5 ui-sans-serif,system-ui,sans-serif;display:inline-block}.l4-scope-badge.is-outer{color:#0c3d20;background:#d7f3df;border:1px solid #4d8e68}.l4-scope-badge.is-inner,.l4-nested-inner .l4-branch-badge.is-selected{color:#42235f;background:#eadcf7;border-color:#9566bc}.l4-decision .trial-line.l4-cond-true,.l4-decision .trial-line.l4-cond-false{border-left-color:#6f9c7f}.l4-decision .trial-line.is-next.l4-cond-true,.l4-decision .trial-line.is-next.l4-cond-false{background:#ffedb9;border-left-color:#a6690b}.l4-decision .trial-line.l4-branch-skipped:not(.l4-cond-false):not(.l4-cond-true) code,.l4-decision .trial-line.l4-branch-skipped:not(.l4-cond-false):not(.l4-cond-true) .trial-line-number{opacity:.52}.l4-decision .trial-line.l4-branch-skipped:not(.l4-cond-false):not(.l4-cond-true){border-left-color:#c3ccd4}.l4-decision .trial-line.l4-block-selected{background:#f0f8f3;border-left-color:#4d8e68}.l4-decision .trial-line.l4-block-selected.is-next{background:#ffedb9;border-left-color:#a6690b}.l4-decision .trial-line.l4-block-executed{background:#eaf6ee;border-left-color:#3f9c63}.l4-decision .trial-line.l4-block-executed.is-next{background:#ffedb9;border-left-color:#a6690b}.l4-decision[data-lesson4-page=nested-gates] .trial-line.l4-within-outer:not(.is-next){background:#eaf6ee;border-left-color:#3f9c63}.l4-inner-code-highlight{background:#eadcf7;border-radius:4px;position:relative;box-shadow:0 0 0 4px #eadcf7}.l4-decision .trial-line.l4-block-skipped code,.l4-decision .trial-line.l4-block-skipped .trial-line-number{opacity:.52}.l4-decision .trial-line.l4-block-skipped{border-left-color:#c3ccd4}.l4-decision .trial-line.l4-block-unreachable code,.l4-decision .trial-line.l4-block-unreachable .trial-line-number{opacity:.38}.l4-decision .trial-line.l4-block-unreachable{border-left-color:#d6dde3}.l4-case-selector{color:#182b3e;margin-left:auto;position:relative}.l4-case-selector summary{color:#24394d;cursor:pointer;background:#fff;border:1px solid #71869a;border-radius:8px;align-items:center;gap:10px;min-width:150px;padding:6px 11px;font:700 15px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;list-style:none;display:flex}.l4-case-selector summary::-webkit-details-marker{display:none}.l4-case-selector summary span{flex:1}.l4-case-selector summary b{color:#52677c;transition:transform .15s}.l4-case-selector[open] summary b{transform:rotate(180deg)}.l4-case-selector summary:hover{background:#f7fafc;border-color:#3f607d}.l4-case-selector summary:focus-visible,.l4-case:focus-visible{outline-offset:2px;outline:3px solid #a6690b}.l4-case-menu{z-index:20;background:#fff;border:1px solid #71869a;border-radius:9px;min-width:100%;padding:6px;display:grid;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 12px 28px #10203038}.l4-case{color:#334a60;text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:8px 10px;font:650 15px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}.l4-case:hover{background:#e8f1f8}.l4-case.is-active{color:#704700;background:#fff0c4}.l4-branch-visualization{background:#0b151fdd;border-left:3px solid #7cc8eb;border-radius:0 17px 17px 0;padding:14px 18px 12px;box-shadow:0 14px 32px #0004}.l4-branch-visualization h2{color:#a8dcf5;margin:0 0 4px;font-size:clamp(21px,1.45vw,27px)}.l4-branch-visualization svg{width:100%;max-height:286px;display:block;overflow:visible}.l4-branch-trunk,.l4-route-base{fill:none;stroke:#587083;stroke-width:4px;stroke-linecap:round}.l4-decision-node{fill:#73899b}.l4-branch-route circle{fill:#73899b;transform-box:fill-box;transform-origin:50%;transition:fill .28s,transform .28s}.l4-branch-route rect{fill:#122231;stroke:#526b80;stroke-width:2px;transition:fill .28s,stroke .28s,opacity .28s}.l4-route-highlight{fill:none;stroke:#65d28a;stroke-width:6px;stroke-linecap:round;stroke-dasharray:150;stroke-dashoffset:150px;transition:stroke-dashoffset .42s}.l4-branch-route.is-selected .l4-route-highlight{stroke-dashoffset:0}.l4-branch-route.is-selected circle{fill:#65d28a;transform:scale(1.35)}.l4-branch-route.is-selected rect{fill:#123321;stroke:#65d28a}.l4-branch-route.is-skipped{opacity:.48}.l4-route-label{fill:#f3f7fb;font:700 21px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.l4-route-status{fill:#9fb2c2;font:700 16px/1 ui-sans-serif,system-ui,sans-serif}.l4-branch-route.is-selected .l4-route-status{fill:#8de5aa}.l4-trunk-label{fill:#9fb2c2;letter-spacing:.04em;text-transform:uppercase;font:750 17px/1 ui-sans-serif,system-ui,sans-serif}.l4-decision .l4-teaching-card{--l4-teaching-font-size:clamp(23px, 1.6vw, 29px)}.l4-decision.l2-sequence .l4-teaching-card.systems-explanation :is(h2,p,li,th,td){font-size:var(--l4-teaching-font-size);line-height:1.2}.l4-decision .l4-teaching-card p{margin:0}.l4-truth-table{border-collapse:collapse;table-layout:fixed;width:100%;margin-top:8px}.l4-truth-table th,.l4-truth-table td{text-align:center;border:1px solid #607589;padding:5px 8px}.l4-truth-table th{color:#dceaf4;background:#16293a}.l4-truth-table td.is-true{color:#b9ecc9}.l4-truth-table td.is-false{color:#ffd0d0}.l4-practice-requirements{gap:6px;margin:10px 0 0;padding-left:24px;display:grid}.l4-practice-requirements li{color:#fff5d7;text-align:left;text-align-last:auto;font-size:clamp(17px,1.1vw,20px);line-height:1.25}.l4-decision[data-lesson4-page=final-practice] .l2-sequence-side{gap:10px}#l4-final-explanation p{color:#f5f7fb;margin:8px 0 0;font-size:clamp(21px,1.35vw,26px);line-height:1.3}@media (prefers-reduced-motion:reduce){.l4-decision .systems-explanation,.l4-decision .systems-question{animation:none}.l4-branch-route circle,.l4-branch-route rect,.l4-route-highlight{transition:none}}.l5-return-badge{letter-spacing:.02em;white-space:nowrap;color:#164a78;background:#dceeff;border:1px solid #5c9ed6;border-radius:999px;align-self:center;padding:1px 9px;font:700 .62em/1.5 ui-sans-serif,system-ui,sans-serif;display:inline-block}.l5-return-badge.is-compact{padding-inline:6px;font-size:.54em}.l5-call-value{color:#102033;background:#ffedb9;border-radius:4px;padding:1px 3px;box-shadow:0 0 0 2px #a6690b}.l5-functions .trial-line.is-next:has(.l5-call-value){background:0 0;border-left-color:#0000}.l5-function-body{background:#e4f4e9;border-left-color:#4d8e68}.l5-function-body.is-next{background:#ffedb9;border-left-color:#a6690b}.l5-function-body-callout{color:#17633d;letter-spacing:.08em;text-align:left;align-items:center;gap:7px;min-height:32px;font:850 .72em/1 ui-sans-serif,system-ui,sans-serif;display:inline-flex;position:absolute;top:50%;right:20px;transform:translateY(-50%)}.l5-function-body-callout>b{font:900 2.2em/.8 ui-sans-serif,system-ui,sans-serif}.l5-function-body-callout>span{grid-template-columns:1fr;grid-auto-rows:max-content;gap:2px;display:grid}.l5-function-body-callout i{font-style:normal}.l5-assignment-badge{color:#164a78;letter-spacing:.02em;white-space:nowrap;background:#dceeff;border:1px solid #5c9ed6;border-radius:999px;align-self:center;align-items:center;gap:5px;margin-left:8px;padding:3px 7px;font:800 .6em/1 ui-sans-serif,system-ui,sans-serif;display:inline-flex}.l5-assignment-badge>b{color:#164a78;font-size:1.3em}.l5-assignment-badge code{letter-spacing:0;font:700 1.1em/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.l5-functions[data-lesson5-page=return-gives-back-value] .trial-line:has(:is(.l5-assignment-badge,.l5-return-badge)){grid-template-columns:2ch minmax(0,1fr)}.l5-functions[data-lesson5-page=return-gives-back-value] .trial-line:has(:is(.l5-assignment-badge,.l5-return-badge)) .l4-line-annotations{grid-area:2/2;justify-self:end}.l5-functions[data-lesson5-page=return-gives-back-value] .trial-line:has(:is(.l5-assignment-badge,.l5-return-badge)) .l4-line-annotations>:first-child{margin-left:0}.l5-functions[data-lesson5-page=empty-function-output-none] .trial-line:has(:is(.l5-assignment-badge,.l5-return-badge)){grid-template-columns:2ch minmax(0,1fr)}.l5-functions[data-lesson5-page=empty-function-output-none] .trial-line:has(:is(.l5-assignment-badge,.l5-return-badge)) .l4-line-annotations{grid-area:2/2;justify-self:end}.l5-functions[data-lesson5-page=empty-function-output-none] .trial-line:has(:is(.l5-assignment-badge,.l5-return-badge)) .l4-line-annotations>:first-child{margin-left:0}.l5-binding-badge{white-space:nowrap;align-items:center;gap:6px;display:inline-flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.l5-binding-badge>b{color:#52677b;font-size:1.15em}.l5-binding-token{letter-spacing:.035em;border:1px solid;border-radius:999px;flex-direction:column;align-items:center;gap:2px;padding:3px 7px 4px;font:800 .55em/1 ui-sans-serif,system-ui,sans-serif;display:inline-flex}.l5-binding-token small{font:inherit;text-transform:uppercase}.l5-binding-token code{letter-spacing:0;font:700 1.42em/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.l5-binding-token.is-parameter{color:#164a78;background:#dceeff;border-color:#5c9ed6}.l5-binding-token.is-parameter code{color:#0d3558}.l5-binding-token.is-argument{color:#17633d;background:#dff5e6;border-color:#54a978}.l5-binding-token.is-argument code{color:#0d4729}.l5-functions .trial-code>.l5-output-console{box-sizing:border-box;flex-direction:column;gap:6px;height:140px;min-height:72px;max-height:calc(100% - 140px);display:flex;position:relative;overflow:hidden}.l5-output-header{flex:none;justify-content:space-between;align-items:center;gap:12px;display:flex}.l5-functions .l5-output-header h2{margin:0}.l5-output-toggle{color:#f3f7fb;cursor:pointer;background:#172b3b;border:1px solid #71879c;border-radius:7px;padding:3px 11px;font:700 14px/1.2 ui-sans-serif,system-ui,sans-serif}.l5-output-toggle:hover,.l5-output-toggle:focus-visible{background:#234056;border-color:#8edcf4}.l5-output-resize{z-index:2;cursor:ns-resize;touch-action:none;width:92px;height:13px;position:absolute;top:0;left:50%;transform:translate(-50%)}.l5-output-resize:after{content:"";background:#8299aa;border-radius:999px;height:3px;position:absolute;top:4px;left:20px;right:20px}.l5-output-resize:hover:after,.l5-output-resize:focus-visible:after{background:#8edcf4}.l5-functions .l5-output-console pre{overscroll-behavior:contain;flex:auto;height:auto;min-height:0;overflow-y:auto}.l5-functions .trial-code>.l5-output-console.is-collapsed{height:52px;min-height:52px;max-height:52px}.l5-output-console.is-collapsed pre{display:none}.l5-functions:not(.l5-comparison) .trial-source{font-size:clamp(16px,1.08vw,20px);line-height:1.35}.l5-functions[data-lesson5-page=define-versus-call] .trial-heading .l4-title-highlight{font-family:inherit;font-size:inherit;background:0 0;padding:0}.l5-functions[data-lesson5-page=return-gives-back-value] .trial-line{min-height:48px}.l5-functions[data-lesson5-page=return-gives-back-value] .l5-binding-token{font-size:.65em}.l5-functions[data-lesson5-page=return-gives-back-value] :is([data-source-line="2"]:has(.l5-return-badge),[data-source-line="4"]:has(.l5-return-badge,.l5-assignment-badge),[data-source-line="8"]:has(.l5-return-badge)) .trial-line-number{grid-area:1/1}.l5-functions[data-lesson5-page=return-gives-back-value] :is([data-source-line="2"]:has(.l5-return-badge),[data-source-line="4"]:has(.l5-return-badge,.l5-assignment-badge),[data-source-line="8"]:has(.l5-return-badge))>code{grid-area:1/2}.l5-functions[data-lesson5-page=return-gives-back-value] :is([data-source-line="2"]:has(.l5-return-badge),[data-source-line="4"]:has(.l5-return-badge,.l5-assignment-badge),[data-source-line="8"]:has(.l5-return-badge)) .l4-line-annotations{grid-area:1/2;height:0;min-height:0}.l5-functions[data-lesson5-page=return-gives-back-value] :is([data-source-line="2"],[data-source-line="4"],[data-source-line="8"]) .l5-return-badge{z-index:3;padding-block:3px;font-size:clamp(14px,.8em,16px);position:absolute;top:calc(100% - 9px);right:8px}.l5-functions[data-lesson5-page=return-gives-back-value] [data-source-line="4"] .l5-assignment-badge{z-index:3;margin-left:0;font-size:clamp(14px,.8em,16px);position:absolute;top:calc(100% - 9px);right:8px}.l5-functions[data-lesson5-page=empty-function-output-none] :is([data-source-line="3"]:has(.l5-return-badge),[data-source-line="7"]:has(.l5-return-badge),[data-source-line="9"]:has(.l5-return-badge),[data-source-line="11"]:has(.l5-return-badge,.l5-assignment-badge)) .trial-line-number{grid-area:1/1}.l5-functions[data-lesson5-page=empty-function-output-none] :is([data-source-line="3"]:has(.l5-return-badge),[data-source-line="7"]:has(.l5-return-badge),[data-source-line="9"]:has(.l5-return-badge),[data-source-line="11"]:has(.l5-return-badge,.l5-assignment-badge))>code{grid-area:1/2}.l5-functions[data-lesson5-page=empty-function-output-none] :is([data-source-line="3"]:has(.l5-return-badge),[data-source-line="7"]:has(.l5-return-badge),[data-source-line="9"]:has(.l5-return-badge),[data-source-line="11"]:has(.l5-return-badge,.l5-assignment-badge)) .l4-line-annotations{grid-area:1/2;height:0;min-height:0}.l5-functions[data-lesson5-page=empty-function-output-none] :is([data-source-line="3"],[data-source-line="7"],[data-source-line="9"],[data-source-line="11"]) :is(.l5-return-badge,.l5-assignment-badge){z-index:3;margin-left:0;font-size:clamp(14px,.8em,16px);position:absolute;top:calc(100% - 9px);right:8px}.l5-functions[data-lesson5-page=parameters-change-result] .trial-source{margin-top:8px;font-size:clamp(16px,1vw,18px);line-height:1.2}.l5-functions[data-lesson5-page=parameters-change-result] .trial-line{gap:8px;min-height:21px;padding-block:0}.l5-functions[data-lesson5-page=parameters-change-result] :is([data-source-line="4"],[data-source-line="10"],[data-source-line="14"],[data-source-line="18"],[data-source-line="21"]) :is(.l5-return-badge,.l5-assignment-badge){z-index:3;margin-left:0;font-size:14px;position:absolute;top:calc(100% + 1px);right:8px}.l5-functions[data-lesson5-page=airport-trace-practice] .trial-source{margin-top:10px}.l5-functions[data-lesson5-page=airport-trace-practice] .trial-line{min-height:31px;padding-block:2px}.l5-functions[data-lesson5-page=airport-trace-practice] :is([data-source-line="3"],[data-source-line="7"],[data-source-line="10"],[data-source-line="12"]) :is(.l5-return-badge,.l5-assignment-badge){z-index:3;margin-left:0;font-size:14px;position:absolute;top:calc(100% - 4px);right:8px}.l5-functions[data-lesson5-page=helper-function] .l5-binding-badge{gap:2px;right:4px}.l5-functions[data-lesson5-page=helper-function] .l5-binding-token{letter-spacing:0;padding-inline:3px}.l5-functions[data-lesson5-page=helper-function] :is([data-source-line="6"],[data-source-line="8"]) :is(.l5-return-badge,.l5-assignment-badge){z-index:3;margin-left:0;font-size:14px;position:absolute;top:calc(100% - 4px);right:8px}.l5-functions[data-lesson5-page=print-shows-return-supplies] .l4-line-annotations>:first-child{margin-left:0}.l5-functions[data-lesson5-page=print-shows-return-supplies] .l5-return-badge{font-size:clamp(14px,.8em,16px);line-height:1.15}.l5-functions[data-lesson5-page=print-shows-return-supplies] .l5-assignment-badge{margin-left:0;padding-block:1px;font-size:clamp(14px,.8em,16px)}.l5-functions[data-lesson5-page=print-shows-return-supplies] .l5-assignment-badge>b{font-size:1.1em}.l5-functions .l4-case-selector summary{box-sizing:border-box;width:164px;min-width:0}.l5-functions:is([data-lesson5-page=parameters-change-result],[data-lesson5-page=airport-trace-practice]) .l4-case-selector summary{width:268px}.l5-explanation-stack{gap:12px;display:grid}.l5-explanation-card{--l5-card-font-size:clamp(23px, 1.6vw, 29px)}.l5-functions.l2-sequence .systems-explanation.l5-explanation-card :is(h2,p,li){font-size:var(--l5-card-font-size)}.l5-explanation-card ul{gap:7px;margin:10px 0 0;padding-left:24px;display:grid}.l5-explanation-card li{color:#f5f7fb;line-height:1.28}.l5-explanation-card p{color:#f5f7fb;margin:8px 0 0;line-height:1.3}.l5-functions.l5-concept .l2-sequence-side{flex-direction:column;gap:12px;padding-bottom:0;display:flex;overflow:hidden}.l5-functions.l5-concept .l2-sequence-side>.l5-concept-cards{overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-color:#c4ccd3 transparent;scrollbar-width:thin;flex:auto;min-height:0;max-height:calc(100dvh - 194px);overflow-y:auto}.l5-concept .trial-line.l5-concept-call{background:#e3e9f0;border-left-color:#24394d;box-shadow:inset 3px 0 #24394d}.l5-comparison{--l5-before-color:#c8495c;--l5-after-color:#157f68}.l5-comparison .l5-before-label{color:var(--l5-before-color)}.l5-comparison .l5-after-label{color:var(--l5-after-color)}.l5-comparison-stage{box-sizing:border-box;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;height:100%;min-height:0;padding:0 14px 62px;display:grid}.l5-comparison-panel{min-width:0;min-height:0;display:flex}.l5-comparison-panel .trial-code{flex:auto;height:100%;min-height:0}.l5-comparison-panel .trial-source{flex:auto;min-height:0;margin-top:10px;font-size:clamp(15px,1.05vw,20px);line-height:1.25;overflow:hidden auto}.l5-comparison-panel .trial-line{gap:10px;padding:1px 4px}@media (width<=800px){.l5-comparison-stage{grid-template-columns:1fr;overflow-y:auto}}@media (prefers-reduced-motion:reduce){.l5-functions .systems-explanation,.l5-functions .systems-question{animation:none}}.le-lesson{color:#f5f7fb;background:#050911;grid-template-rows:48px 46px minmax(0,1fr);gap:10px}.le-lesson .projection-header{background:#070d14}.le-lesson .page-navigator>div{max-width:none}.le-lesson :focus-visible{outline-offset:3px;outline:3px solid #f3c970}.le-heading{align-items:center;min-width:0;padding:0 18px;display:flex}.le-app-error{color:#ffd9d9;white-space:nowrap;text-overflow:ellipsis;background:#3a1018;border:1px solid #c05560;border-radius:10px;margin:0 0 0 auto;padding:6px 14px;font-size:15px;font-weight:700;line-height:1.3;overflow:hidden}.le-heading h1{letter-spacing:-.035em;flex:0 auto;min-width:0;margin:0;font-size:clamp(28px,1.9vw,36px);line-height:1.1}.le-inline-code{overflow-wrap:anywhere;background:#96bedc1a;border-radius:4px;padding:0 .15em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.95em}.le-title-highlight,.le-highlight{color:#f2c85d}.le-heading .le-title-highlight{background:0 0}.le-stage{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:16px;min-height:0;display:grid}.le-code{color:#182b3e;background:#f4f7fb;border:1px solid #c6d3df;border-radius:12px;flex-direction:column;min-height:0;padding:14px 16px;display:flex}.le-code>header{justify-content:space-between;align-items:center;gap:12px;min-height:32px;display:flex}.le-code h2{margin:0;font-size:18px}.le-code.has-source-label{border-top:6px solid var(--le-source-accent,#42566d)}.le-code.is-source-teal{--le-source-background:#e1f5ee;--le-source-text:#085041;--le-source-accent:#0f6e56}.le-code.is-source-purple{--le-source-background:#eeedfe;--le-source-text:#3c3489;--le-source-accent:#534ab7}.le-source-label{border:2px solid var(--le-source-accent,#42566d);background:var(--le-source-background,transparent);color:var(--le-source-text,#42566d);vertical-align:middle;white-space:nowrap;border-radius:999px;margin-left:12px;padding:3px 12px;font-size:18px;font-weight:700;line-height:1.2;display:inline-block}.le-source{--le-row:calc(1.4em + 8px);overscroll-behavior:contain;scrollbar-color:#c4ccd3 transparent;scrollbar-width:thin;flex:auto;min-height:0;margin-top:14px;font:clamp(19px,1.15vw,22px)/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;overflow-y:auto}.le-line{height:var(--le-row);border-left:3px solid #0000;grid-template-columns:2.4ch minmax(0,1fr) max-content;align-items:center;gap:16px;padding:0 8px 0 14px;display:grid;position:relative}.le-line code{color:#182b3e;font:inherit;white-space:pre;text-overflow:clip;overflow:hidden}.le-line-number{color:#5c7084;text-align:right;font-size:.78em}.le-line.is-next{background:#ffedb9;border-left-color:#a6690b}.le-line.is-error{background:#ffd9d9;border-left-color:#c05560}.le-line.is-focus{background:#e3e9f0;border-left-color:#24394d;box-shadow:inset 3px 0 #24394d}.le-line.is-region-header{background:#dceeff;border-left-color:#2f6fae}.le-line.is-region-body{background:#dcf3e4;border-left-color:#2f8a55}.le-line.is-region-after{background:#ece4f8;border-left-color:#7a55b8}.le-region-label{color:#fff;letter-spacing:.02em;white-space:nowrap;border-radius:999px;padding:1px 9px;font:700 .62em/1.5 ui-sans-serif,system-ui,sans-serif;display:inline-block}.le-region-label.is-region-header{background:#2f6fae}.le-region-label.is-region-body{background:#2f8a55}.le-region-label.is-region-after{background:#7a55b8}.le-code-callout{color:inherit;background:0 0;border-radius:999px;box-shadow:0 0 0 2px #a6690b}.le-callout-label{color:#fff8e3;letter-spacing:.02em;white-space:nowrap;background:#8a5708;border-radius:999px;padding:1px 9px;font:700 .62em/1.5 ui-sans-serif,system-ui,sans-serif;display:inline-block}.le-scenarios{counter-reset:le-scenario;flex:auto;align-content:start;gap:14px;min-height:0;margin:14px 0 0;padding:0;list-style:none;display:grid;overflow-y:auto}.le-scenario{counter-increment:le-scenario;background:#fff;border:1px solid #c6d3df;border-radius:10px;gap:8px;padding:12px 16px 12px 52px;display:grid;position:relative}.le-scenario:before{content:counter(le-scenario);color:#fff;background:#24394d;border-radius:50%;place-items:center;width:24px;height:24px;font:700 14px/1 ui-sans-serif,system-ui,sans-serif;display:grid;position:absolute;top:12px;left:16px}.le-scenario p{color:#182b3e;margin:0;font-size:clamp(18px,1.15vw,22px);line-height:1.35}.le-scenario p .le-inline-code{background:#e8eef4}.le-scenario>code,.le-scenario-hidden{min-height:1.4em;font:clamp(19px,1.15vw,22px)/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}.le-scenario-hidden{color:#8a99a8;font-style:italic}.le-scenario.is-revealed{background:#e3e9f0;border-color:#24394d;box-shadow:inset 6px 0 #24394d}.le-next-marker{color:#805000;font-size:.8em;position:absolute;left:-2px}.le-badges{justify-content:flex-end;align-items:center;gap:6px;display:flex}.le-syntax-keyword,.le-syntax-literal{color:#00f}.le-syntax-string{color:#a31515}.le-syntax-number{color:#098658}.le-syntax-function{color:#795e26}.le-syntax-variable{color:#001080}.le-syntax-operator{color:#af00db}.le-syntax-comment{color:green}.le-badge{letter-spacing:.02em;white-space:nowrap;border:1px solid;border-radius:999px;padding:1px 9px;font:700 .62em/1.5 ui-sans-serif,system-ui,sans-serif;display:inline-block}.le-badge.is-true{color:#0c3d20;background:#b9ecc9;border-color:#3f9c63}.le-badge.is-false{color:#5a1420;background:#ffd9d9;border-color:#c05560}.le-badge.is-loop,.le-badge.is-return{color:#164a78;background:#dceeff;border-color:#5c9ed6}.le-badge.is-ended{color:#4c5a68;background:#e2e8ee;border-style:dashed;border-color:#8a99a8}.le-badge.is-error{color:#fff;background:#a33a46;border-color:#a33a46}.le-case-selector{color:#182b3e;position:relative}.le-case-selector summary{color:#24394d;cursor:pointer;background:#fff;border:1px solid #71869a;border-radius:8px;align-items:center;gap:10px;min-width:150px;padding:6px 11px;font:700 15px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;list-style:none;display:flex}.le-case-selector summary::-webkit-details-marker{display:none}.le-case-selector summary span{flex:1}.le-case-selector summary b{color:#52677c}.le-case-selector[open] summary b{transform:rotate(180deg)}.le-case-menu{z-index:20;background:#fff;border:1px solid #71869a;border-radius:9px;min-width:100%;padding:6px;display:grid;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 12px 28px #10203038}.le-case{color:#24394d;text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:7px 10px;font:700 15px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}.le-case:hover,.le-case:focus-visible{background:#e8eef4}.le-case.is-active{color:#164a78;background:#dceeff}.le-output{color:#f5f7fb;background:#0b1923;border-radius:10px;flex-direction:column;flex:none;gap:6px;min-height:0;margin-top:12px;padding:10px 16px;display:flex}.le-output h2{margin:0;font-size:18px}.le-output pre{white-space:pre-wrap;overflow-wrap:anywhere;scrollbar-color:#4b6274 transparent;scrollbar-width:thin;height:6.75em;margin:0;font:clamp(18px,1.15vw,22px)/1.35 ui-monospace,SFMono-Regular,Menlo,monospace;overflow-y:auto}.le-error-output{color:#ff9aa5;font-weight:700;display:block}.le-side{overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-color:#c4ccd3 transparent;scrollbar-width:thin;grid-auto-rows:max-content;align-content:start;gap:12px;min-height:0;padding:0 4px 62px 0;display:grid;overflow-y:auto}.le-prompt,.le-card{border-left:3px solid var(--le-accent);background:linear-gradient(100deg, rgba(var(--le-accent-rgb), .13), #0b151fdd 62%, #08111add);border-radius:0 17px 17px 0;padding:clamp(14px,1.25vw,20px);box-shadow:0 14px 32px #0004}.le-prompt{--le-accent:#f2c85d;--le-accent-rgb:242, 200, 93;background-color:#0b151f}.le-prompt strong{color:#f5f7fb;font-size:clamp(23px,1.6vw,29px);line-height:1.2;display:block}.le-cards{gap:12px;display:grid}.le-card{--le-accent:#a7d9fa;--le-accent-rgb:167, 217, 250;--le-card-font-size:clamp(23px, 1.6vw, 29px)}.le-card :is(h2,p,li){font-size:var(--le-card-font-size)}.le-card h2{color:var(--le-accent);margin:0;line-height:1.2}.le-card p{margin:8px 0 0;line-height:1.3}.le-card ul{gap:7px;margin:10px 0 0;padding-left:24px;display:grid}.le-card li{line-height:1.28}.le-card li::marker{color:var(--le-accent)}.le-variables{background:#08111b;border:1px solid #304151;border-radius:12px;padding:12px 18px 14px}.le-variables h2{margin:0 0 8px;font-size:18px}.le-variables dl{gap:4px;margin:0;display:grid}.le-variable-group+.le-variable-group{border-top:1px solid #304151;margin-top:10px;padding-top:10px}.le-variable-group h3{color:#8ea6ba;letter-spacing:normal;text-transform:none;margin:0 0 6px;font-size:17px;font-weight:700}.le-variable-group h3 code{font-size:inherit}.le-variable{border-left:3px solid #0000;border-radius:0 6px 6px 0;grid-template-columns:minmax(8ch,max-content) minmax(0,1fr) max-content;align-items:center;gap:14px;padding:3px 8px;font:clamp(18px,1.15vw,22px)/1.35 ui-monospace,SFMono-Regular,Menlo,monospace;display:grid}.le-variable dt{color:#a7d9fa}.le-variable dd{overflow-wrap:anywhere;margin:0}.le-variable code{font:inherit}.le-variable.is-changed{background:#2a2410;border-left-color:#f2c85d}.le-change{color:#f2c85d;border:1px solid #f2c85d;border-radius:999px;padding:0 8px;font:700 13px/1.6 ui-sans-serif,system-ui,sans-serif}.le-empty{color:#8ea6ba;margin:0;font-size:16px}.le-memory{--le-mem-arrow:#a3b1bd;--le-mem-moved:#74c6ec;--le-mem-object:#1b2733;--le-mem-edge:#8b9aa7;--le-mem-band:#2f3e4c;--le-mem-ink:#eef2f5;--le-mem-key:#9fb0bd;--le-mem-tag:#a3b1bd;background:#08111b;border:1px solid #304151;border-radius:12px;padding:12px 18px 14px}.le-memory h2{margin:0 0 8px;font-size:18px}.le-memory-svg{width:100%;height:auto;display:block}.le-memory-svg text{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.le-mem-box{fill:var(--le-mem-object);stroke:var(--le-mem-edge);stroke-width:1.8px}.le-mem-band{fill:var(--le-mem-band)}.le-mem-object-label{letter-spacing:.08em;fill:var(--le-mem-key);font:700 12px ui-sans-serif,system-ui,sans-serif}.le-mem-type{fill:var(--le-mem-ink);font-size:13px;font-weight:700}.le-mem-value{fill:var(--le-mem-ink);font-size:14px;font-weight:700}.le-mem-key{fill:var(--le-mem-key);font-weight:400}.le-mem-slot{fill:#08111b;stroke:var(--le-mem-edge);stroke-width:1.5px}.le-mem-slot-label{fill:var(--le-mem-key);font-size:13px}.le-mem-object.is-new .le-mem-box{stroke:var(--le-mem-moved);stroke-width:3px}.le-mem-object.is-unreferenced{opacity:.35}.le-mem-object.is-unreferenced .le-mem-box{stroke-dasharray:7 5}.le-mem-tag{fill:none;stroke:var(--le-mem-tag);stroke-width:1.6px}.le-mem-name.is-moved .le-mem-tag{stroke:var(--le-mem-moved);stroke-width:2.6px}.le-mem-tag-hole{fill:#08111b;stroke:var(--le-mem-tag);stroke-width:1.2px}.le-memory-svg .le-mem-tag-caption{letter-spacing:.04em;fill:var(--le-mem-tag);font:10.5px ui-sans-serif,system-ui,sans-serif}.le-mem-tag-name{fill:#f4f8fb;font-size:17px;font-weight:700}.le-mem-arrow{fill:none;stroke:var(--le-mem-arrow);stroke-width:2.5px}.le-mem-arrow.is-moved{stroke:var(--le-mem-moved);stroke-width:3px}.le-mem-dot,.le-mem-head{fill:var(--le-mem-arrow)}.le-mem-dot.is-moved,.le-mem-head.is-moved{fill:var(--le-mem-moved)}.module-heading{grid-template-columns:minmax(220px,.45fr) minmax(0,1fr);align-items:end;gap:24px;margin-bottom:14px;display:grid}.module-heading>p{color:#9fb4c7;line-height:1.45}.planned-card{cursor:default;opacity:.64}.planned-card em{color:#b6c1cc!important}.launch-setup{gap:22px;display:grid}.launch-boundary{color:#c9f6df;background:#0c2a29;border-left:4px solid #6be5b0;gap:5px;padding:14px 16px;display:grid}.launch-boundary span{color:#a9d9c8}.launch-setup ol{counter-reset:route;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:0;display:grid}.launch-setup li{counter-increment:route;background:#091522;border:1px solid #35526d;border-radius:10px;gap:7px;min-height:96px;padding:14px;list-style:none;display:grid}.launch-setup li:before{content:counter(route, decimal-leading-zero);color:#58c8ff;font-size:.72rem;font-weight:850}.launch-setup li span,.launch-setup .setup-actions>span{color:#aebfd0;font-size:.82rem;line-height:1.4}.projection-header.without-runtime{grid-template-columns:max-content minmax(0,1fr) max-content}.launch-shell{grid-template-rows:48px minmax(0,1fr) 128px 22px}.launch-canvas{background:radial-gradient(circle at 85% 15%,#164c6855,#0000 29%),linear-gradient(145deg,#0b1b2d 0%,#08131f 58%,#0b1927 100%);min-height:0;padding:clamp(24px,3.7vw,68px);display:grid;overflow:auto}.launch-kicker{color:#64d9ff;letter-spacing:.16em;text-transform:uppercase;font-size:clamp(.72rem,.9vw,.9rem);font-weight:900}.launch-heading{align-self:end;max-width:1480px}.launch-heading.compact{align-self:start}.launch-heading h1,.launch-hero h1,.baseline-card h1,.baseline-neutral h1,.transition-card h1,.curiosity-card h1{letter-spacing:-.055em;max-width:18ch;margin-top:12px;font-size:clamp(2.25rem,4.6vw,5rem);line-height:.98}.launch-heading>p:last-child,.launch-hero>p:not(.launch-kicker),.baseline-card>p:not(.launch-kicker),.baseline-neutral>p:not(.launch-kicker),.transition-card>p:not(.launch-kicker),.curiosity-card>p:not(.launch-kicker){color:#b9ccdd;max-width:68ch;margin-top:18px;font-size:clamp(1rem,1.35vw,1.3rem);line-height:1.5}.launch-hero{align-self:center;max-width:950px}.launch-welcome .launch-canvas{grid-template-columns:minmax(0,1fr) minmax(340px,.7fr);align-items:center;gap:clamp(24px,5vw,90px)}.launch-response-row{flex-wrap:wrap;gap:9px;margin-top:28px;display:flex}.launch-response-row span{color:#e0eef9;background:#102a40;border:1px solid #4d718c;border-radius:999px;padding:8px 12px;font-weight:750}.signal-orbit{aspect-ratio:1;border:1px solid #315672;border-radius:50%;justify-self:center;place-items:center;width:min(36vw,520px);display:grid;position:relative;box-shadow:inset 0 0 80px #0c719522}.signal-orbit:before{content:"";border:1px dashed #5ba5c0;border-radius:50%;position:absolute;inset:18%}.signal-orbit strong{aspect-ratio:1;color:#052131;background:#76ddff;border-radius:50%;place-items:center;width:34%;font-size:clamp(1rem,1.8vw,1.6rem);display:grid}.signal-orbit span{color:#c8d9e8;background:#0a1b2a;border:1px solid #38617b;border-radius:7px;padding:7px 10px;position:absolute}.signal-orbit span:first-child{top:5%;left:38%}.signal-orbit span:nth-child(2){top:27%;right:-2%}.signal-orbit span:nth-child(3){bottom:12%;right:8%}.signal-orbit span:nth-child(4){bottom:8%;left:7%}.signal-orbit span:nth-child(5){top:28%;left:-2%}.launch-journey .launch-canvas{grid-template-rows:max-content minmax(0,1fr);gap:clamp(24px,4vw,52px)}.journey-track{grid-template-columns:repeat(7,minmax(0,1fr));align-self:center;margin:0;padding:0;display:grid}.journey-track li{grid-template-rows:max-content max-content 1fr;gap:10px;min-width:0;padding:0 12px;list-style:none;display:grid;position:relative}.journey-track li:not(:last-child):after{z-index:0;content:"";background:#477b98;width:calc(100% - 40px);height:2px;position:absolute;top:17px;left:calc(50% + 20px)}.journey-track li>span{z-index:1;color:#061723;background:#62d5ff;border:2px solid #62d5ff;border-radius:50%;place-items:center;width:36px;height:36px;font-weight:900;display:grid}.journey-track strong{color:#f2f7fb;font-size:clamp(.85rem,1.15vw,1.15rem)}.journey-track small{color:#9fb5c7;font-size:clamp(.7rem,.9vw,.9rem);line-height:1.4}.launch-participation .launch-canvas{grid-template-columns:minmax(0,.85fr) minmax(520px,1.15fr);align-items:center;gap:clamp(28px,5vw,80px)}.participation-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.participation-grid article{background:#10253a;border:1px solid #31536d;border-radius:12px;gap:6px;min-height:108px;padding:clamp(14px,1.8vw,24px);display:grid}.participation-grid strong{color:#78ddff;font-size:clamp(1rem,1.45vw,1.35rem)}.participation-grid span{color:#bdcede;line-height:1.4}.launch-baseline-ready .launch-canvas,.launch-baseline .launch-canvas,.launch-transition .launch-canvas,.launch-curiosity .launch-canvas{place-items:center}.baseline-card,.baseline-neutral,.transition-card,.curiosity-card{background:#0d2235;border:1px solid #345b76;border-radius:24px;width:min(1050px,88%);padding:clamp(34px,5vw,76px);display:grid;box-shadow:0 32px 80px #02070d66}.baseline-notes{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:28px;display:grid}.baseline-notes span{color:#d5eee3;background:#0c302e;border-left:4px solid #72dfad;padding:13px 16px;font-weight:750}.baseline-neutral{text-align:center;place-items:center}.baseline-neutral h1{max-width:none}.baseline-neutral>strong{color:#8ca5b8;margin-top:24px;font-size:.9rem}.paper-mark{background:linear-gradient(#7a9aad 0 0) 13px 20px/34px 2px no-repeat,linear-gradient(#7a9aad 0 0) 13px 32px/34px 2px no-repeat,linear-gradient(#7a9aad 0 0) 13px 44px/26px 2px no-repeat;border:2px solid #7a9aad;border-radius:6px;width:62px;height:80px;margin-bottom:22px}.transition-card{grid-template-columns:1fr max-content;align-items:end}.transition-card>:not(.transition-arrow){grid-column:1}.transition-card>strong{color:#81ddff;margin-top:26px;font-size:clamp(1rem,1.4vw,1.3rem)}.transition-arrow{color:#67d8ff;grid-area:1/2/span 5;align-self:center;font-size:clamp(5rem,10vw,10rem)}.launch-categories .launch-canvas{grid-template-rows:max-content 1fr;gap:30px}.category-field{flex-wrap:wrap;place-content:center;gap:clamp(10px,1.4vw,18px);display:flex}.category-field span{color:#dcedf8;background:#0f2a41;border:1px solid #3b6682;border-radius:999px;padding:clamp(12px,1.7vw,22px) clamp(16px,2.2vw,30px);font-size:clamp(.95rem,1.45vw,1.35rem);font-weight:780}.launch-lens .launch-canvas{grid-template-rows:max-content 1fr max-content;gap:24px}.ipo-lens{grid-template-columns:1fr max-content 1fr max-content 1fr max-content 1fr;align-items:center;gap:clamp(8px,1.2vw,18px);display:grid}.ipo-lens>div{text-align:center;background:#102b43;border:1px solid #3b6c87;border-radius:18px;place-content:center;gap:6px;min-height:150px;padding:18px;display:grid}.ipo-lens>div>span{color:#63d8ff;font-weight:900}.ipo-lens strong{font-size:clamp(1.15rem,1.8vw,1.7rem)}.ipo-lens small{color:#a9bfce}.ipo-lens b{color:#66d7ff;font-size:2rem}.lens-context{justify-content:center;gap:10px;display:flex}.lens-context span{color:#c5d1db;border:1px dashed #75889a;border-radius:7px;padding:7px 11px}.launch-explore .launch-canvas{grid-template-rows:1fr max-content;grid-template-columns:minmax(300px,.65fr) minmax(620px,1.35fr);align-items:center;gap:22px clamp(26px,4vw,60px)}.explore-title>span{color:#8da9bc;margin-top:24px;font-weight:750;display:block}.explore-title h1{color:#7de0ff;letter-spacing:-.055em;margin-top:5px;font-size:clamp(2.6rem,5vw,5.2rem)}.explore-title>p:last-child{color:#b8cbda;max-width:47ch;margin-top:18px;line-height:1.5}.prompt-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.prompt-grid article{background:#0e263b;border:1px solid #345b74;border-radius:11px;grid-template-columns:35px 1fr;align-items:center;gap:11px;min-height:92px;padding:14px;display:grid}.prompt-grid article>span{color:#082133;background:#6edbff;border-radius:50%;place-items:center;width:32px;height:32px;font-weight:950;display:grid}.prompt-grid strong{font-size:clamp(.9rem,1.25vw,1.15rem)}.reasoning-key{color:#bed0dc;grid-column:1/-1;justify-content:center;gap:clamp(12px,2.5vw,36px);display:flex}.reasoning-key span{align-items:center;gap:8px;display:flex}.reasoning-key i{border-radius:50%;width:13px;height:13px}.reasoning-key .observed{border:3px solid #69dfa8}.reasoning-key .guess{border:3px dashed #ffc760}.reasoning-key .question{clip-path:polygon(50% 0,100% 100%,0 100%);background:#7fdcff;border-radius:0}.teacher-select{color:#bcd0df;align-items:center;gap:8px;width:210px;font-size:.75rem;display:flex}.teacher-select select{color:#eef7ff;background:#0a1928;border:1px solid #4d708a;border-radius:7px;width:100%;padding:9px}.launch-share .launch-canvas{align-items:stretch}.share-stage{grid-template-columns:minmax(300px,.6fr) minmax(600px,1.4fr);align-items:center;gap:clamp(30px,5vw,84px);display:grid}.share-stage h1{color:#7ee0ff;letter-spacing:-.055em;margin-top:6px;font-size:clamp(2.6rem,5vw,5.2rem)}.share-stage>div:first-child>span{color:#93abbd;margin-top:30px;display:block}.share-stage>div:first-child>p:last-of-type{color:#b8cbd8;max-width:44ch;margin-top:16px;line-height:1.5}.reasoning-key.vertical{justify-content:start;margin-top:24px;display:grid}.connection-stack,.course-connections{gap:10px;display:grid}.connection-stack article,.course-connections article,.listening-card{background:#10283e;border:1px solid #355d76;border-radius:11px;grid-template-columns:minmax(150px,.32fr) 1fr;align-items:center;gap:18px;min-height:68px;padding:14px 18px;display:grid}.connection-stack strong,.course-connections strong{color:#79ddff}.connection-stack span,.course-connections span,.listening-card span{color:#b9cbd9;line-height:1.4}.launch-connections .launch-canvas{grid-template-columns:minmax(330px,.75fr) minmax(640px,1.25fr);align-items:center;gap:clamp(30px,5vw,80px)}.course-connections article{min-height:76px}.curiosity-card blockquote{color:#f1f8fc;background:#102b43;border-left:5px solid #68d9ff;margin:28px 0 0;padding:18px 22px;font-size:clamp(1.15rem,1.8vw,1.7rem);font-weight:750;line-height:1.35}.blank-display{background:#000;place-items:end center;width:100vw;height:100vh;padding:24px;display:grid;overflow:hidden}.blank-display>div{gap:8px;display:flex}.blank-display button{color:#777;background:#090909;border:1px solid #333;border-radius:7px;padding:9px 13px}.blank-display button:focus-visible{color:#fff;outline:3px solid #75d5ff}.launch-swipe-hook .launch-canvas,.launch-reentry .launch-canvas{grid-template-columns:minmax(0,1fr) minmax(320px,.62fr);align-items:center;gap:clamp(30px,6vw,100px)}.launch-story-copy{max-width:920px}.launch-story-copy h1{letter-spacing:-.065em;max-width:13ch;margin:14px 0 0;font-size:clamp(3rem,6vw,6.8rem);line-height:.94}.launch-story-copy>p:last-child{color:#b9ccdd;max-width:64ch;margin-top:24px;font-size:clamp(1.05rem,1.5vw,1.45rem);line-height:1.55}.short-video-phone{aspect-ratio:9/16;background:#05080c;border:8px solid #1c2a36;border-radius:44px;justify-self:center;width:auto;height:min(63vh,610px);position:relative;overflow:hidden;box-shadow:0 36px 90px #0009,0 0 0 1px #5e7180}.phone-camera{z-index:3;background:#05080c;border-radius:99px;width:30%;height:22px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.video-scene{background:radial-gradient(circle at 62% 32%,#f4d37b 0 6%,#0000 7%),linear-gradient(145deg,#0000 0 40%,#183f58 41% 56%,#0000 57%),linear-gradient(#7cc5dd,#24526c 54%,#1a2b36 55%);align-content:end;gap:8px;padding:38px 30px;display:grid;position:absolute;inset:0}.video-scene span{color:#e5f5ff;font-size:.82rem}.video-scene strong{color:#fff;max-width:10ch;font-size:clamp(1.2rem,2vw,2rem)}.swipe-finger{z-index:4;color:#fff;background:#09141bcc;border:2px solid #fff8;border-radius:50%;place-items:center;width:68px;height:68px;font-size:2.5rem;animation:1.8s ease-in-out infinite launch-swipe;display:grid;position:absolute;bottom:13%;right:30%}.phone-actions{z-index:4;color:#fff;gap:16px;font-size:1.5rem;font-style:normal;display:grid;position:absolute;bottom:26%;right:14px}@keyframes launch-swipe{0%,to{opacity:.65;transform:translateY(18px)}48%{opacity:1;transform:translateY(-36px)}}@media (prefers-reduced-motion:reduce){.swipe-finger{animation:none}}.launch-signals .launch-canvas,.launch-ranking .launch-canvas,.launch-compression .launch-canvas,.launch-network .launch-canvas,.launch-security .launch-canvas,.launch-impact .launch-canvas,.launch-big-ideas .launch-canvas,.launch-course-journey .launch-canvas,.launch-learning-rhythm .launch-canvas{grid-template-columns:minmax(360px,.72fr) minmax(620px,1.28fr);align-items:center;gap:clamp(28px,5vw,80px)}.launch-heading.compact h1{letter-spacing:-.055em;max-width:15ch;margin-top:10px;font-size:clamp(2.35rem,4.5vw,5rem);line-height:.98}.launch-heading.compact>p:last-child{color:#b8cad9;max-width:58ch;margin-top:18px;font-size:clamp(.95rem,1.25vw,1.2rem);line-height:1.5}.signal-ledger{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.signal-ledger article{background:#0f293f;border:1px solid #355c75;border-radius:14px;grid-template-columns:32px 1fr;gap:4px 10px;padding:16px;display:grid}.signal-ledger article>span{color:#67dafd;grid-row:1/3;font-weight:900}.signal-ledger strong{color:#f3f7fa}.signal-ledger small{color:#9db3c4}.ledger-conclusion{color:#dff8ed;background:#0c342e;border-radius:12px;grid-column:1/-1;justify-content:center;align-items:center;gap:18px;padding:16px;font-weight:800;display:flex}.ledger-conclusion b{color:#6ce1b1;font-size:1.5rem}.ranking-board{gap:9px;display:grid}.ranking-board article{background:#0e263b;border:1px solid #365c74;border-radius:12px;grid-template-columns:36px minmax(145px,.8fr) minmax(170px,1fr) 42px;align-items:center;gap:13px;padding:14px 16px;display:grid}.ranking-board article>span{color:#061820;background:#68dcff;border-radius:50%;place-items:center;width:32px;height:32px;font-weight:950;display:grid}.ranking-board article small{color:#9fb3c4;margin-top:3px;display:block}.ranking-board article>b{color:#8bdef5;text-align:right}.score-track{background:#20394b;border-radius:99px;height:9px;overflow:hidden}.score-track i{border-radius:inherit;background:linear-gradient(90deg,#4fc7ff,#78e4b2);height:100%;display:block}.ranking-board>p{color:#8298aa;text-align:right;font-size:.78rem}.video-versions{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.video-versions article{background:#0e263b;border:1px solid #365b74;border-radius:15px;gap:7px;padding:12px;display:grid}.version-preview{aspect-ratio:16/10;color:#fff;background:linear-gradient(150deg,#90d7e8 0 48%,#326c86 49% 65%,#173648 66%);border-radius:10px;place-items:end start;padding:12px;display:grid}.quality-2{filter:contrast(.92)blur(.5px)}.quality-3{filter:contrast(.82)blur(1.5px);image-rendering:pixelated}.version-preview span{background:#07131bcc;border-radius:6px;padding:5px 8px;font-weight:850}.video-versions small{color:#9eb4c4}.bandwidth-line{color:#a9bfd0;grid-column:1/-1;align-items:center;gap:12px;display:flex}.bandwidth-line i{background:linear-gradient(90deg,#6fe1ae,#ffd06f,#ef7886);border-radius:99px;flex:1;height:7px}.network-model{grid-template-columns:minmax(170px,.55fr) minmax(300px,1.2fr) minmax(170px,.55fr);align-items:center;gap:32px;min-height:320px;display:grid;position:relative}.endpoint,.network-cloud{z-index:2;text-align:center;place-items:center;display:grid;position:relative}.endpoint{background:#0d2a40;border:2px solid #61d7ff;border-radius:22px;min-height:170px;padding:18px}.endpoint>span,.network-cloud>span{color:#6edcff;letter-spacing:.15em;font-size:.72rem;font-weight:950}.endpoint strong{margin-top:7px;font-size:1.35rem}.endpoint small{color:#a5bbca;margin-top:8px}.network-cloud{background:#0c2234ee;border:2px dashed #5e91aa;border-radius:48% 52% 45% 55%/55% 44% 56% 45%;min-height:245px;padding:26px}.router-grid{flex-wrap:wrap;justify-content:center;gap:12px;margin:22px 0;display:flex}.router-grid i{color:#d5ebf5;background:#15364b;border:1px solid #5e97b1;border-radius:9px;place-items:center;width:48px;height:42px;font-style:normal;font-weight:850;display:grid}.network-cloud small{color:#a9becd}.network-route{z-index:1;width:100%;height:180px;position:absolute;inset:72px 0 auto;overflow:visible}.network-route path{fill:none;stroke:#72e2b2;stroke-width:4px;stroke-dasharray:10 8}.network-route circle{fill:#72e2b2}.security-flow{grid-template-columns:1fr max-content 1.15fr max-content 1fr;align-items:center;gap:12px;display:grid}.security-flow article{text-align:center;background:#0e283e;border:1px solid #376079;border-radius:16px;place-content:center;gap:9px;min-height:200px;padding:18px;display:grid}.security-flow article>span{color:#64d9ff;font-weight:900}.security-flow article strong{font-size:1.15rem}.security-flow article small{color:#a8bdcc;line-height:1.4}.security-flow>b{color:#65dcff;font-size:2rem}.security-flow code{color:#7de5b7;background:#061712;border-radius:7px;margin-top:8px;padding:8px}.impact-balance{grid-template-columns:1fr max-content 1fr;align-items:center;gap:22px;display:grid}.impact-balance article{border-radius:20px;align-content:center;gap:11px;min-height:245px;padding:28px;display:grid}.impact-balance article span{letter-spacing:.12em;margin-bottom:7px;font-size:.78rem;font-weight:900}.impact-balance article strong{background:#ffffff0d;border-radius:8px;padding:9px 12px}.impact-balance .benefit{background:#0c302b;border:1px solid #49bd91}.impact-balance .cost{background:#351d29;border:1px solid #d8857e}.impact-balance>div{text-align:center;place-items:center;gap:9px;width:100px;display:grid}.impact-balance>div b{color:#6fdcff;font-size:2rem}.impact-balance>div small{color:#aebfca;line-height:1.35}.big-idea-grid{gap:8px;display:grid}.big-idea-grid article{background:#0f293f;border:1px solid #355d76;border-radius:11px;grid-template-columns:38px minmax(170px,.55fr) 1fr;align-items:center;gap:14px;padding:12px 15px;display:grid}.big-idea-grid article>span{color:#63d9ff;font-weight:950}.big-idea-grid strong,.big-idea-grid small{display:block}.big-idea-grid small{color:#88a4b7;margin-top:2px}.big-idea-grid p{color:#c1d1dd;line-height:1.35}.swipe-trail{align-content:center;gap:10px;display:grid}.swipe-trail span{color:#d9eef8;background:#102b42;border:1px solid #3a6780;border-radius:12px;padding:18px 24px;font-size:clamp(1rem,1.5vw,1.3rem);font-weight:850}.swipe-trail span:nth-child(2n){border-color:#4f9b86;transform:translate(28px)}.course-journey-cards{gap:8px;margin:0;padding:0;display:grid}.course-journey-cards li{background:#0f293f;border:1px solid #355d76;border-radius:12px;grid-template-columns:42px 1fr;gap:13px;padding:13px 16px;list-style:none;display:grid}.course-journey-cards li>span{color:#67dcff;font-weight:950}.course-journey-cards strong,.course-journey-cards b,.course-journey-cards small{display:block}.course-journey-cards b{color:#75dab3;margin-top:2px;font-size:.82rem}.course-journey-cards small{color:#9fb5c5;margin-top:4px}.learning-loop{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.learning-loop article{background:#0e293f;border:1px solid #356079;border-radius:18px;align-content:center;gap:8px;min-height:210px;padding:22px;display:grid;position:relative}.learning-loop article:not(:last-child):after{z-index:2;color:#68daff;content:"→";font-size:1.7rem;position:absolute;top:50%;right:-20px}.learning-loop span{color:#62d8ff;font-weight:950}.learning-loop strong{font-size:1.4rem}.learning-loop small{color:#a7bdcc}.launch-lab-shell{background:#06101a}.lab-canvas{background:radial-gradient(circle at 35% 25%,#16385177,#0000 30%),linear-gradient(145deg,#071522,#09101a 72%);grid-template-rows:58px minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.lab-stagebar{background:#08131eeb;border-bottom:1px solid #263d4f;grid-template-columns:repeat(8,minmax(0,1fr));gap:5px;padding:8px 14px;display:grid}.lab-stagebar button{color:#70899b;min-width:0;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:7px;display:flex}.lab-stagebar button span{border:1px solid #3c5669;border-radius:50%;place-items:center;width:24px;height:24px;font-size:.68rem;font-weight:900;display:grid}.lab-stagebar button strong{white-space:nowrap;font-size:.8rem}.lab-stagebar button.visited{color:#9db6c7}.lab-stagebar button.visited span{color:#081a15;background:#6edcaf;border-color:#4e957e}.lab-stagebar button.active{color:#edf9ff;background:#102a3f;border-color:#3c7897}.lab-stagebar button.active span{color:#04151f;background:#65d9ff;border-color:#65d9ff}.lab-workspace{grid-template-columns:minmax(220px,.54fr) minmax(520px,1.45fr) minmax(300px,.78fr);gap:clamp(18px,2.2vw,38px);min-height:0;padding:clamp(18px,2vw,34px);display:grid}.lab-phone{aspect-ratio:9/16;background:#05080c;border:7px solid #21303b;border-radius:34px;place-self:center;width:min(18vw,286px);transition:filter .25s;position:relative;overflow:hidden;box-shadow:0 24px 70px #000a,0 0 0 1px #536675}.lab-phone>header{z-index:5;color:#fff;justify-content:space-between;padding:13px 17px;font-size:.68rem;display:flex;position:absolute;inset:0 0 auto}.lab-phone>header b{font-size:.62rem}.lab-video{color:#fff;background:radial-gradient(circle at 58% 30%,#f3cc75 0 6%,#0000 6.5%),linear-gradient(148deg,#0000 0 41%,#245d78 42% 58%,#0000 59%),linear-gradient(#81cce1,#2a607a 55%,#172e3b 56%);align-content:end;gap:5px;padding:34px 23px 72px;display:grid;position:absolute;inset:0}.lab-video:after{content:"";background:linear-gradient(#0000 55%,#04080bcf);position:absolute;inset:0}.lab-video>*{z-index:1}.lab-video strong{max-width:12ch;font-size:clamp(1rem,1.6vw,1.45rem);line-height:1.15}.lab-video small{color:#cfdee7}.lab-quality{z-index:2;background:#08131dbb;border-radius:5px;padding:4px 7px;font-size:.62rem;font-weight:850;position:absolute;top:45px;left:16px}.lab-phone.quality-medium .lab-video{filter:contrast(.92)saturate(.88)blur(.35px)}.lab-phone.quality-slow .lab-video{filter:contrast(.8)saturate(.72)blur(1.35px)}.lab-phone-actions{z-index:4;color:#fff;gap:13px;font-size:1.25rem;display:grid;position:absolute;bottom:24%;right:11px}.lab-phone>footer{z-index:5;color:#dce8ef;background:#070a0d;justify-content:space-around;align-items:center;height:52px;font-size:.66rem;display:flex;position:absolute;inset:auto 0 0}.lab-phone>footer strong{font-size:1.45rem}.lab-model{background:#0a1c2aaa;border:1px solid #2d4b60;border-radius:20px;align-items:center;min-height:0;display:grid;overflow:hidden;box-shadow:inset 0 1px #ffffff08}.lab-model button{font:inherit}.lab-question{align-self:center;gap:14px;max-height:100%;padding:4px;display:grid;overflow:auto}.lab-question>p{color:#65d9ff;letter-spacing:.13em;font-size:.72rem;font-weight:900}.lab-question h1{letter-spacing:-.045em;max-width:12ch;font-size:clamp(1.85rem,2.6vw,3.25rem);line-height:1.02}.lab-current-task{background:#0d302c;border-left:4px solid #72e1b2;border-radius:0 10px 10px 0;gap:6px;margin-top:8px;padding:16px;display:grid}.lab-current-task span{color:#81bba7;font-size:.7rem;font-weight:900}.lab-current-task strong{color:#e7faf3;font-size:clamp(.9rem,1.15vw,1.1rem);line-height:1.4}.lab-question details{color:#9eb2c0;border-top:1px solid #294252;padding-top:12px;font-size:.82rem;line-height:1.5}.lab-question summary{color:#b9ccd8;cursor:pointer}.lab-question details p{margin-top:8px}.lab-action-stage,.lab-signal-panel,.lab-algorithm-panel,.lab-quality-panel,.lab-security-panel,.lab-impact-panel,.lab-big-picture{place-content:center;gap:22px;width:100%;height:100%;min-height:0;padding:clamp(20px,3vw,48px);display:grid}.swipe-pad{aspect-ratio:1.25;color:#dff6ff;cursor:pointer;background:radial-gradient(circle,#17445d,#0b2638);border:1px solid #37708d;border-radius:28px;justify-self:center;place-items:center;gap:2px;width:min(320px,55%);display:grid;box-shadow:0 20px 50px #0005}.swipe-pad:hover,.swipe-pad:focus-visible{border-color:#76dcff;outline:3px solid #76dcff44}.swipe-pad span{color:#6ee0ff;font-size:3rem}.swipe-pad strong{font-size:1.25rem}.swipe-pad small{color:#8caabc}.swipe-pad.done{background:radial-gradient(circle,#174b40,#0b2b27);border-color:#68d9a9}.system-pulse{color:#587184;justify-content:center;align-items:center;gap:12px;display:flex}.system-pulse span{background:#0a1722;border:1px solid #2b4659;border-radius:8px;padding:9px 12px}.system-pulse.active span{color:#dff5ff;background:#102e42;border-color:#3e7c96}.system-pulse.active b{color:#71dfb0}.lab-control-title{gap:4px;display:grid}.lab-control-title span{color:#6ad9ff;letter-spacing:.1em;font-size:.72rem;font-weight:900}.lab-control-title strong{font-size:1.25rem}.signal-buttons,.quality-controls,.objective-controls{gap:10px;display:flex}.signal-buttons button,.quality-controls button,.objective-controls button{color:#dcebf3;cursor:pointer;background:#0d273a;border:1px solid #345b72;border-radius:13px;flex:1;place-content:center;gap:5px;min-height:82px;display:grid}.signal-buttons button:hover,.signal-buttons button.active,.quality-controls button:hover,.quality-controls button.active,.objective-controls button:hover,.objective-controls button.active{color:#fff;background:#153d54;border-color:#62d9ff;box-shadow:inset 0 0 0 1px #62d9ff55}.signal-buttons small,.quality-controls small{color:#85a0b1;font-size:.68rem}.signal-readout{background:#0b302b;border-radius:12px;grid-template-columns:max-content 1fr max-content max-content 1fr;align-items:center;gap:10px;padding:15px;display:grid}.signal-readout span{color:#7ab49f;font-size:.7rem}.signal-readout b{color:#ddf6ed}.signal-readout i{color:#71dfb0;font-style:normal}.lab-ranking-list{gap:8px;display:grid}.lab-ranking-list article{background:#0d2536;border:1px solid #2f5064;border-radius:10px;grid-template-columns:30px minmax(130px,.7fr) minmax(140px,1fr) 38px;align-items:center;gap:10px;padding:10px 12px;transition:transform .2s;display:grid}.lab-ranking-list.is-ranked article:first-child{background:#10352f;border-color:#5ecb9f;transform:translate(7px)}.lab-ranking-list article>span{color:#65d9ff;font-weight:900}.lab-ranking-list small{color:#829cad;margin-top:2px;display:block}.lab-ranking-list i{background:#223a4a;border-radius:99px;height:7px;overflow:hidden}.lab-ranking-list i b{border-radius:inherit;background:linear-gradient(90deg,#60d5ff,#72dfae);height:100%;transition:width .35s;display:block}.lab-ranking-list em{color:#8edebf;text-align:right;font-style:normal}.lab-run-button{color:#071921;cursor:pointer;background:#6ddcff;border:1px solid #5ecff3;border-radius:9px;justify-self:center;padding:11px 18px;font-weight:900}.lab-disclaimer{color:#718a9b;text-align:center;font-size:.68rem}.bandwidth-meter{grid-template-columns:max-content 1fr;align-items:center;gap:5px 16px;display:grid}.bandwidth-meter span{color:#8aa2b2}.bandwidth-meter strong{justify-self:end}.bandwidth-meter i{background:#223746;border-radius:99px;grid-column:1/-1;height:12px;overflow:hidden}.bandwidth-meter i b{border-radius:inherit;background:linear-gradient(90deg,#ef7886,#f0cd6f,#6fdfaf);height:100%;display:block}.bandwidth-meter i.fast b{width:94%}.bandwidth-meter i.medium b{width:58%}.bandwidth-meter i.slow b{width:24%}.quality-readout,.objective-result{background:#0b302b;border-left:4px solid #6ddfb0;gap:6px;padding:18px;display:grid}.quality-readout span,.objective-result span{color:#7bb19f;font-size:.7rem}.quality-readout strong,.objective-result strong{color:#e1f6ee;font-size:1.1rem}.lab-network-panel{grid-template-columns:150px 1fr 150px;align-items:center;gap:20px;width:100%;padding:45px 32px 80px;display:grid;position:relative}.lab-endpoint{text-align:center;background:#0e2c40;border:2px solid #5dd4fa;border-radius:18px;place-content:center;gap:7px;min-height:120px;display:grid}.lab-endpoint span{color:#66dafd;letter-spacing:.12em;font-size:.68rem;font-weight:900}.lab-route{justify-content:space-between;align-items:center;display:flex;position:relative}.lab-route>b{color:#496477}.lab-route>small{color:#8fa8b8;text-align:center;width:100%;position:absolute;top:62px;left:50%;transform:translate(-50%)}.router{color:#9cb3c2;background:#10283a;border:1px solid #42677d;border-radius:10px;place-items:center;width:46px;height:46px;font-style:normal;font-weight:850;display:grid}.router.passed{color:#0b211a;background:#6edfaf;border-color:#66d9a9}.packet{z-index:3;color:#72e2b2;font-style:normal;transition:left .35s;position:absolute;top:-35px;left:0}.packet.step-1{left:12%}.packet.step-2{left:38%}.packet.step-3{left:63%}.packet.step-4{left:93%}.lab-network-panel .lab-run-button{position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.packet-reader{background:#341b24;border:1px solid #c66d73;border-radius:16px;gap:13px;padding:22px;display:grid}.packet-reader.locked{background:#0e302b;border-color:#51bd91}.packet-reader header{justify-content:space-between;display:flex}.packet-reader header span{color:#a9bcc9}.packet-reader header strong{color:#f08b91;font-size:.72rem}.packet-reader.locked header strong{color:#6de0ac}.packet-reader code{color:#ffc2c5;background:#10070a;border-radius:9px;padding:15px;font-size:1rem}.packet-reader.locked code{color:#83e9bd;background:#071713}.packet-reader p{color:#afc1cc}.security-switch{color:#d4e3eb;cursor:pointer;background:0 0;border:0;justify-content:center;justify-self:center;align-items:center;gap:10px;display:flex}.security-switch i{background:#763d45;border-radius:99px;width:54px;height:29px;position:relative}.security-switch i:after{content:"";background:#fff;border-radius:50%;width:21px;height:21px;transition:transform .2s;position:absolute;top:4px;left:4px}.security-switch.on i{background:#3ca47e}.security-switch.on i:after{transform:translate(25px)}.security-labels{text-align:center;justify-content:center;align-items:center;gap:18px;display:flex}.security-labels span{color:#dbebf2;background:#0c2435;border:1px solid #34576c;border-radius:9px;padding:10px 18px}.security-labels small{color:#8fa8b8}.objective-controls{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.objective-controls>span{color:#8ca5b5;grid-column:1/-1}.objective-controls button{min-height:74px}.objective-result p{color:#9eb5aa;line-height:1.4}.lab-big-picture{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(2,minmax(0,1fr));place-content:stretch;gap:9px;position:relative}.lab-big-picture article{background:#0d283b;border:1px solid #34586f;border-radius:11px;align-content:center;gap:3px;padding:13px;display:grid}.lab-big-picture article span{color:#67d9ff;font-weight:900}.lab-big-picture article strong{color:#8edebd;font-size:.72rem}.lab-big-picture article small{color:#9bb0bf;margin-top:4px;line-height:1.3}.big-picture-center{text-align:center;background:#123b52;border:2px solid #66d9ff;border-radius:50%;grid-area:2/2;place-content:center;display:grid}.big-picture-center span{color:#8cb1c3;font-size:.7rem}.big-picture-center strong{color:#fff}@media (width<=1350px){.launch-shell{grid-template-rows:48px minmax(0,1fr) 112px 18px}.launch-canvas{padding:18px 30px}.launch-welcome .launch-canvas{grid-template-columns:1fr}.launch-welcome .signal-orbit{display:none}.journey-track strong{font-size:.9rem}.journey-track small{font-size:.72rem}.launch-heading h1,.launch-hero h1,.baseline-card h1,.baseline-neutral h1,.transition-card h1,.curiosity-card h1{font-size:clamp(2rem,4.2vw,3.6rem)}.launch-explore .launch-canvas{grid-template-columns:minmax(260px,.55fr) minmax(560px,1.45fr)}.prompt-grid article{min-height:72px}.share-stage h1{font-size:3rem}.share-stage>div:first-child>span{margin-top:12px}.share-stage>div:first-child>p:last-of-type{margin-top:9px;line-height:1.35}.reasoning-key.vertical{gap:6px;margin-top:12px;font-size:.86rem}.connection-stack{gap:6px}.connection-stack article,.course-connections article,.listening-card{min-height:52px;padding:8px 12px}.launch-signals .launch-canvas,.launch-ranking .launch-canvas,.launch-compression .launch-canvas,.launch-network .launch-canvas,.launch-security .launch-canvas,.launch-impact .launch-canvas,.launch-big-ideas .launch-canvas,.launch-course-journey .launch-canvas,.launch-learning-rhythm .launch-canvas{grid-template-columns:minmax(300px,.68fr) minmax(560px,1.32fr);gap:28px}.launch-heading.compact h1{font-size:clamp(2rem,4vw,3.25rem)}.launch-heading.compact>p:last-child{margin-top:12px;font-size:.95rem;line-height:1.4}.signal-ledger article,.ranking-board article{padding:10px 12px}.network-model{min-height:260px}.network-cloud{min-height:205px;padding:18px}.security-flow article{min-height:170px}.impact-balance article{min-height:205px;padding:20px}.learning-loop article{min-height:170px}}@media (width<=1000px){.module-heading{grid-template-columns:1fr;gap:8px}.launch-setup ol{grid-template-columns:repeat(2,minmax(0,1fr))}.launch-welcome .launch-canvas,.launch-participation .launch-canvas,.launch-explore .launch-canvas,.launch-connections .launch-canvas{grid-template-columns:1fr}.signal-orbit{display:none}.journey-track{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 0}.journey-track li:nth-child(4):after{display:none}.launch-explore .launch-canvas{grid-template-rows:max-content 1fr max-content}.prompt-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.prompt-grid article{min-height:64px}.share-stage{grid-template-columns:minmax(250px,.55fr) minmax(430px,1.45fr)}.launch-connections .launch-canvas{grid-template-columns:minmax(270px,.7fr) minmax(430px,1.3fr)}}.immersive-feed-shell{background:#050608;grid-template-rows:48px minmax(0,1fr);min-height:720px}.immersive-feed-shell .projection-header{background:#080a0e;border-color:#292d34}.immersive-feed{touch-action:none;-webkit-user-select:none;user-select:none;background:#090b10;border-color:#242832;border-radius:16px;position:relative;overflow:hidden}.immersive-feed:focus-visible{outline-offset:3px;outline:3px solid #80e7ff}.feed-track{will-change:transform;transition:transform .38s cubic-bezier(.22,.75,.18,1);position:absolute;inset:0;transform:translateY(0)}.immersive-feed.is-dragging .feed-track{transform:translateY(var(--drag-y,0));transition:none}.feed-current,.feed-neighbor{background:radial-gradient(circle at 76% 28%,#1b2740,#080a10 52%);position:absolute;inset:0;overflow:hidden}.feed-neighbor.previous{transform:translateY(-100%)}.feed-neighbor.next{transform:translateY(100%)}.feed-preview-question{z-index:5;text-shadow:0 3px 20px #000;gap:10px;width:min(42%,720px);display:grid;position:absolute;bottom:12%;right:clamp(28px,5vw,84px)}.feed-preview-question span{color:#65e8ff;letter-spacing:.12em;font-size:.76rem;font-weight:950}.feed-preview-question strong{letter-spacing:-.045em;max-width:18ch;font-size:clamp(1.8rem,3vw,3.8rem);line-height:1.06}.feed-video-stack{z-index:1;background:#050607;position:absolute;inset:0 52% 0 0;overflow:hidden;box-shadow:32px 0 90px #0009}.feed-video{color:#fff;background:linear-gradient(145deg,#64bbd5,#214d6d 52%,#142432);transition:transform .6s cubic-bezier(.22,.75,.18,1),filter .4s;position:absolute;inset:0;overflow:hidden}.feed-video:after{z-index:1;content:"";background:linear-gradient(#0004,#0000 22% 52%,#030407e6 94%);position:absolute;inset:0}.scene-recommendation .feed-video{background:linear-gradient(145deg,#f16a52,#9d252c 52%,#32141d)}.scene-behavior .feed-video{background:linear-gradient(145deg,#f2b84c,#bc5c31 48%,#3a1820)}.scene-compression .feed-video{background:linear-gradient(145deg,#7652c7,#313f86 50%,#111833)}.scene-preload .feed-video{background:linear-gradient(145deg,#53b8a0,#1f6a69 52%,#102c37)}.scene-security .feed-video{background:linear-gradient(145deg,#3b6cc0,#1e376d 52%,#111932)}.scene-impact .feed-video{background:linear-gradient(145deg,#d0679a,#672b73 52%,#261434)}.scene-wrap .feed-video{background:radial-gradient(circle at 50% 38%,#3d527f,#12182d 48%,#05070d)}.feed-video.is-blurry .video-art{filter:blur(7px)contrast(.8);image-rendering:pixelated;transform:scale(1.08)}.video-art{place-items:center;transition:filter .35s,transform .35s;display:grid;position:absolute;inset:0}.video-art span{z-index:2;filter:drop-shadow(0 28px 28px #0007);font-size:clamp(7rem,13vw,14rem);animation:4s ease-in-out infinite video-float;position:relative}.video-art i{aspect-ratio:1;background:#ffffff18;border-radius:50%;width:40%;position:absolute}.video-art i:first-child{top:-9%;left:-7%}.video-art i:nth-child(2){width:52%;bottom:18%;right:-4%}.video-art i:nth-child(3){background:#0002;width:32%;bottom:-8%;left:18%}@keyframes video-float{50%{transform:translateY(-12px)rotate(2deg)}}.feed-tabs{z-index:3;color:#fffa;gap:20px;font-size:.88rem;display:flex;position:absolute;top:18px;left:50%;transform:translate(-50%)}.feed-tabs strong{color:#fff;border-bottom:3px solid #fff;padding-bottom:7px}.feed-quality{z-index:3;background:#0008;border-radius:6px;padding:5px 8px;font-size:.7rem;font-weight:900;position:absolute;top:20px;left:22px}.feed-caption{z-index:3;text-shadow:0 2px 10px #000;gap:6px;display:grid;position:absolute;bottom:44px;left:28px;right:92px}.feed-caption strong{font-size:1rem}.feed-caption p{max-width:28ch;font-size:clamp(1rem,1.35vw,1.3rem);font-weight:800}.feed-caption small{color:#fffbd4}.feed-actions{z-index:4;place-items:center;gap:17px;display:grid;position:absolute;bottom:52px;right:20px}.feed-actions button,.feed-actions>span{color:#fff;text-shadow:0 2px 10px #000;background:0 0;border:0;place-items:center;gap:2px;min-width:52px;display:grid}.feed-actions b{font-size:2rem}.feed-actions span,.feed-actions small{font-size:.68rem}.feed-actions button.active b{color:#ff4d6d;animation:.28s heart-pop}@keyframes heart-pop{50%{transform:scale(1.35)}}.feed-video-stack.is-preloading .feed-video:not(.preload-video){transform:translateY(-45%)}.feed-video-stack .preload-video{background:linear-gradient(160deg,#8cc4db,#526ba1 45%,#30385c);animation:.7s cubic-bezier(.22,.75,.18,1) .1s forwards preload-rise;top:55%;transform:translateY(100%)}.feed-video-stack .preload-video .video-art span{font-size:clamp(6rem,10vw,11rem)}@keyframes preload-rise{to{transform:translateY(0)}}.science-layer{z-index:3;pointer-events:none;place-items:center;padding:clamp(24px,4vw,70px);display:grid;position:absolute;inset:0 0 0 48%}.science-layer button{pointer-events:auto}.feed-question{z-index:5;pointer-events:none;text-shadow:0 3px 20px #000;width:min(44%,760px);position:absolute;bottom:clamp(64px,8vh,96px);right:clamp(28px,4vw,72px)}.feed-question>span{color:#65e8ff;letter-spacing:.12em;font-size:.77rem;font-weight:950}.feed-question h1{letter-spacing:-.05em;max-width:18ch;margin-top:10px;font-size:clamp(2rem,3.25vw,4.15rem);line-height:1.05}.keyword-row{flex-wrap:wrap;gap:9px;margin-top:20px;display:flex}.keyword-row b{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#070a0dbb;border:1px solid #ffffff40;border-radius:99px;padding:7px 11px;font-size:clamp(.76rem,.9vw,.92rem)}.feed-progress{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#05070a88;border-radius:99px;gap:2px;padding:3px;display:flex;position:absolute;top:9px;right:12px}.feed-progress button{background:0 0;border:0;border-radius:99px;place-items:center;width:29px;height:26px;display:grid}.feed-progress button i{background:#ffffff32;border-radius:99px;width:19px;height:4px;transition:width .2s,background .2s}.feed-progress button.visited i{background:#ffffff8f}.feed-progress button.current i{background:#fff;width:25px;box-shadow:0 0 10px #fff8}.feed-progress button:hover i,.feed-progress button:focus-visible i{background:#67e6ff}.swipe-cue{z-index:7;color:#cbd3dc;align-items:center;gap:8px;font-size:.75rem;display:flex;position:absolute;bottom:18px;left:76%;transform:translate(-50%)}.swipe-cue i{font-size:1.25rem;font-style:normal;animation:1.5s ease-in-out infinite feed-swipe-cue}.swipe-cue.is-last{color:#8e9aa7}.swipe-cue.is-last i{display:none}@keyframes feed-swipe-cue{50%{color:#fff;transform:translateY(-8px)}}.intro-gesture{color:#fff;text-align:center;place-items:center;gap:7px;display:grid}.intro-gesture span{background:#ffffff10;border:2px solid #fff7;border-radius:50%;place-items:center;width:88px;height:88px;font-size:3.2rem;animation:1.5s ease-in-out infinite feed-swipe-cue;display:grid}.intro-gesture strong{font-size:1.25rem}.intro-gesture small{color:#aeb8c5}.recommendation-live{gap:12px;width:min(540px,90%);display:grid;transform:translateY(-76px)}.recommendation-live .candidate{opacity:0;border-bottom:1px solid #fff2;grid-template-columns:42px minmax(120px,.65fr) 1fr 38px;align-items:center;gap:12px;padding:13px 15px;animation:.48s forwards candidate-sort;display:grid}.recommendation-live .candidate-1{order:1;animation-delay:.28s}.recommendation-live .candidate-2{order:2;animation-delay:.4s}.recommendation-live .candidate-3{order:3;animation-delay:.52s}.recommendation-live .candidate>span{font-size:1.7rem}.recommendation-live .candidate i{background:#ffffff18;border-radius:99px;height:7px;overflow:hidden}.recommendation-live .candidate i:after{width:var(--score);border-radius:inherit;content:"";background:linear-gradient(90deg,#5fe3ff,#6ff0ab);height:100%;display:block}.recommendation-live em{color:#80e8c1;font-style:normal;font-weight:900}.recommendation-live small{color:#bac8d3;text-align:center;order:4}@keyframes candidate-sort{0%{opacity:0;transform:translate(80px)}to{opacity:1;transform:translate(0)}}.behavior-ripples{width:min(560px,90%);height:310px;position:relative;transform:translateY(-65px)}.behavior-ripples>span{color:#dfe9f0;opacity:.62;background:#131a28cc;border:1px solid #ffffff4d;border-radius:50%;place-items:center;display:grid;position:absolute;box-shadow:0 0 #6fe5bd33}.behavior-ripples>span.seen{color:#fff;opacity:1;background:#164638;border-color:#70e3b9;animation:1.5s ease-out infinite ripple}.behavior-heart{width:112px;height:112px;top:10px;left:8%}.behavior-comment{width:98px;height:98px;top:28px;right:9%}.behavior-watch{width:154px;height:154px;bottom:10px;left:31%}.behavior-watch i{background:#ffffff1f;border-radius:99px;width:62%;height:5px;position:absolute;bottom:28px;overflow:hidden}.behavior-watch i:after{content:"";background:#65e9b4;width:72%;height:100%;animation:3.5s linear infinite watch-grow;display:block}.behavior-swipe{width:90px;height:90px;bottom:4px;right:3%}@keyframes ripple{to{box-shadow:0 0 0 22px #0000}}@keyframes watch-grow{0%{width:0}}.quality-live{gap:18px;width:min(540px,90%);display:grid;transform:translateY(-70px)}.quality-live>strong{font-size:clamp(1.5rem,2.2vw,2.5rem)}.quality-live>div{gap:10px;display:flex}.quality-live button{color:#cfd8e5;background:#101521;border:1px solid #ffffff36;border-radius:99px;padding:10px 16px}.quality-live button.active{color:#071116;background:#71e6ff;border-color:#71e6ff}.quality-live small{color:#b3c0ce}.network-reveal{color:#edf7ff;background:0 0;border:0;grid-template-columns:120px 1fr 120px;align-items:center;width:min(680px,100%);height:330px;display:grid;position:relative;transform:translateY(-70px)}.network-phone,.network-server{z-index:3;background:#102839;border:2px solid #65dff8;border-radius:20px;place-content:center;gap:5px;min-height:100px;display:grid;position:relative}.network-phone small,.network-server small{color:#83aabd}.simple-link{place-items:center;display:grid;position:relative}.simple-link i{background:#65ddb5;width:100%;height:3px}.simple-link b{color:#9cb7c6;font-size:.75rem;position:absolute;top:18px}.network-mesh{opacity:0;pointer-events:none;transition:opacity .35s;position:absolute;inset:0}.network-reveal.expanded .simple-link{opacity:0}.network-reveal.expanded .network-mesh{opacity:1}.network-mesh .node{color:#bcd0dc;background:#132b3d;border:1px solid #5f8fa8;border-radius:10px;place-items:center;width:68px;height:48px;font-size:.66rem;font-style:normal;display:grid;position:absolute}.node-1{top:28px;left:31%}.node-2{top:145px;left:27%}.node-3{top:236px;left:40%}.node-4{top:66px;right:31%}.node-5{top:180px;right:26%}.node-6{top:118px;left:47%}.node-7{bottom:24px;right:39%}.network-mesh:before,.network-mesh:after{content:"";background:linear-gradient(25deg,#0000 48%,#4b7f9466 49% 50%,#0000 51%),linear-gradient(-22deg,#0000 48%,#4b7f9466 49% 50%,#0000 51%),linear-gradient(90deg,#0000 49%,#4b7f9466 50%,#0000 51%);position:absolute;inset:45px 115px}.route-packet{background:#72efb8;border-radius:50%;width:13px;height:13px;animation:2.3s ease-in-out infinite route-travel;position:absolute;top:48%;left:18%;box-shadow:0 0 18px #72efb8}@keyframes route-travel{50%{top:20%;left:58%}to{top:48%;left:81%}}.security-live{grid-template-columns:1fr 140px;align-items:center;gap:28px;width:min(620px,100%);display:grid;transform:translateY(-68px)}.travelling-message{gap:10px;display:grid}.travelling-message span{color:#9cb4c6}.travelling-message code{color:#ffd2d4;background:#351a23;border:1px solid #d2767f;border-radius:12px;padding:18px;font-size:1rem}.security-live.is-encrypted .travelling-message code{color:#85edc0;background:#0f312a;border-color:#5bd3a2}.snooper{text-align:center;place-items:center;gap:4px;display:grid}.snooper>span{font-size:4.4rem}.snooper small{color:#aebeca}.feed-encryption-switch{color:#dce7ed;background:0 0;border:0;grid-column:1/-1;justify-self:center;align-items:center;gap:11px;display:flex}.feed-encryption-switch i{background:#88424c;border-radius:99px;width:64px;height:34px;position:relative}.feed-encryption-switch i:after{content:"";background:#fff;border-radius:50%;width:26px;height:26px;transition:transform .25s;position:absolute;top:4px;left:4px}.feed-encryption-switch.on i{background:#43af86}.feed-encryption-switch.on i:after{transform:translate(30px)}.impact-live{grid-template-columns:1fr max-content 1fr;align-items:center;gap:18px;width:min(670px,100%);display:grid;transform:translateY(-70px)}.impact-live>div{text-align:center;gap:8px;display:grid}.impact-live>div span{font-size:3.4rem}.impact-live>div strong{font-size:1.1rem}.impact-live>div small{color:#b8c4d0;line-height:1.5}.impact-live>b{color:#69e4ff;writing-mode:vertical-rl;font-size:.78rem}.swipe-universe{aspect-ratio:1.65;width:min(610px,90%);position:relative;transform:translateY(-64px)}.swipe-universe>strong{background:#122b43;border:2px solid #70e7ff;border-radius:50%;place-items:center;width:135px;height:135px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 60px #55d9ff55}.swipe-universe span{--angle:calc(var(--i) * 60deg);top:calc(50% + sin(var(--angle)) * 42%);left:calc(50% + cos(var(--angle)) * 42%);white-space:nowrap;background:#ffffff10;border-radius:99px;padding:9px 12px;position:absolute;transform:translate(-50%,-50%)}@media (width<=1300px){.feed-video-stack{right:55%}.science-layer{padding:22px 34px;left:45%}.feed-question{width:46%;right:28px}.feed-question h1{font-size:clamp(1.8rem,3.1vw,3.2rem)}.recommendation-live,.behavior-ripples,.quality-live,.network-reveal,.security-live,.impact-live,.swipe-universe{transform:translateY(-52px)scale(.88)}}@media (prefers-reduced-motion:reduce){.video-art span,.swipe-cue i,.intro-gesture span,.candidate,.behavior-ripples>span,.behavior-watch i:after,.route-packet,.feed-video-stack .preload-video{animation:none!important}.feed-video-stack .preload-video{transform:translateY(0)}}.immersive-classroom{background:radial-gradient(circle at 28% 45%,#203047,#080b11 48%);grid-template-columns:minmax(340px,42%) minmax(0,58%);display:grid;overflow:hidden}.phone-stage{z-index:2;background:radial-gradient(circle at 50% 42%,#24384e,#0a0e15 66%);border-right:1px solid #29313c;place-items:center;min-height:0;padding:18px 20px 46px;display:grid;position:relative}.phone-device{aspect-ratio:9/16;background:#050607;border:3px solid #66717c;border-radius:clamp(32px,3vw,48px);height:min(78vh,790px);max-height:calc(100% - 12px);padding:9px;position:relative;box-shadow:0 34px 90px #000c,inset 0 0 0 2px #151a20}.phone-hardware{z-index:20;pointer-events:none;background:#050607;border-radius:99px;width:31%;height:23px;position:absolute;top:15px;left:50%;transform:translate(-50%);box-shadow:0 1px #252b32}.phone-hardware i{background:#172a3d;border-radius:50%;width:7px;height:7px;position:absolute;top:8px;right:15px;box-shadow:inset 0 0 3px #4b7598}.phone-feed{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;background:#050607;border-radius:calc(clamp(32px,3vw,48px) - 10px);position:absolute;inset:9px;overflow:hidden}.phone-feed:active{cursor:grabbing}.phone-feed:focus-visible{outline-offset:4px;outline:3px solid #75e5ff}.phone-feed .feed-track{inset:0}.phone-feed.is-settling.settle-next .feed-track{transform:translateY(-100%)}.phone-feed.is-settling.settle-previous .feed-track{transform:translateY(100%)}.phone-feed.is-dragging .feed-track{transform:translateY(var(--drag-y,0));transition:none}.phone-feed .feed-current,.phone-feed .feed-neighbor{background:#050607}.phone-feed .feed-video-stack{box-shadow:none;inset:0;overflow:hidden}.phone-feed .feed-video{border-radius:0}.phone-feed .video-art span{font-size:clamp(6rem,10vw,11rem)}.phone-feed .feed-caption{bottom:35px;left:18px;right:66px}.phone-feed .feed-caption p{font-size:clamp(.82rem,1vw,1.05rem)}.phone-feed .feed-caption small{font-size:.68rem}.phone-feed .feed-actions{gap:13px;bottom:38px;right:9px}.phone-feed .feed-actions button,.phone-feed .feed-actions>span{min-width:44px}.phone-feed .feed-actions b{font-size:1.65rem}.phone-feed .feed-quality{top:54px;left:14px}.phone-feed .feed-tabs{top:48px}.phone-swipe-guide{color:#aebbc7;justify-content:center;align-items:center;gap:8px;font-size:.76rem;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.phone-swipe-guide i{color:#7fe9ff;font-size:1.2rem;font-style:normal;animation:1.5s ease-in-out infinite feed-swipe-cue}.phone-swipe-guide.is-last i{animation:none}.classroom-side{background:radial-gradient(circle at 55% 28%,#1b2940,#090c12 58%);grid-template-rows:minmax(280px,55%) minmax(0,45%);min-width:0;min-height:0;padding:clamp(26px,3.2vw,58px);transition:background .4s;display:grid;position:relative;overflow:hidden}.classroom-side.scene-recommendation{background:radial-gradient(circle at 55% 28%,#3d2935,#0c0b10 60%)}.classroom-side.scene-behavior{background:radial-gradient(circle at 55% 28%,#3b3021,#0d0c10 60%)}.classroom-side.scene-compression{background:radial-gradient(circle at 55% 28%,#29264a,#0a0b13 60%)}.classroom-side.scene-preload{background:radial-gradient(circle at 55% 28%,#193b3a,#080e12 60%)}.classroom-side.scene-security{background:radial-gradient(circle at 55% 28%,#1d3055,#090c15 60%)}.classroom-side.scene-impact{background:radial-gradient(circle at 55% 28%,#41243f,#0e0a13 60%)}.classroom-visual{pointer-events:none;place-items:center;min-height:0;padding-top:22px;display:grid;position:relative}.classroom-visual button{pointer-events:auto}.classroom-visual>*{max-width:100%;transform:none}.classroom-copy{z-index:3;text-shadow:0 3px 20px #000;align-content:end;gap:10px;max-width:880px;padding:10px 0 8px;display:grid;position:relative}.classroom-copy>span{color:#65e8ff;letter-spacing:.12em;font-size:.76rem;font-weight:950}.classroom-copy h1{letter-spacing:-.05em;max-width:18ch;font-size:clamp(2rem,3.05vw,4rem);line-height:1.04}.classroom-copy>p{color:#b9c6d1;max-width:57ch;font-size:clamp(.88rem,1.05vw,1.06rem);line-height:1.5}.classroom-copy .keyword-row{margin-top:5px}.classroom-side .feed-progress{top:13px;right:15px}@media (width<=1300px){.immersive-classroom{grid-template-columns:minmax(310px,40%) minmax(0,60%)}.phone-device{height:min(76vh,650px)}.classroom-side{grid-template-rows:minmax(245px,52%) minmax(0,48%);padding:24px 30px}.classroom-copy h1{font-size:clamp(1.75rem,2.8vw,3rem)}.classroom-visual .recommendation-live,.classroom-visual .behavior-ripples,.classroom-visual .quality-live,.classroom-visual .network-reveal,.classroom-visual .security-live,.classroom-visual .impact-live,.classroom-visual .swipe-universe{transform:scale(.82)}}@media (prefers-reduced-motion:reduce){.phone-swipe-guide i{animation:none}.phone-feed .feed-track{transition-duration:.01ms}}.opening-shell{background:#07090e}.lesson0-opening-canvas{background:#0c1018;border-color:#29313c;border-radius:16px;min-height:0;position:relative;overflow:hidden}.lesson0-opening-canvas .feed-progress{top:14px;right:16px}.opening-step-controls{grid-template-columns:repeat(2,154px);display:grid}.opening-title{text-align:center;display:grid}.opening-title h1{letter-spacing:-.06em;text-wrap:balance;font-size:clamp(2.65rem,4.5vw,5.6rem);line-height:.96}.opening-title h1 em{color:#d9912f;font-style:normal;font-weight:950}.opening-title.compact{text-align:left}.opening-title.compact h1{font-size:clamp(2.05rem,3.1vw,3.8rem)}.course-title-opening{text-align:center;background:radial-gradient(circle at 50% 43%,#263b68 0,#111829 38%,#080b12 70%);align-content:center;justify-items:center;padding-bottom:5vh;display:grid;position:absolute;inset:0}.course-title-opening:before,.course-title-opening:after{content:"";border:1px solid #74dff52b;border-radius:50%;width:min(34vw,560px);height:min(34vw,560px);position:absolute}.course-title-opening:after{border-color:#f2cb6730;width:min(22vw,360px);height:min(22vw,360px)}.course-title-mark{z-index:1;color:#211606;background:#e3ac38;border:1px solid #f4c85c;border-radius:22px;place-items:center;width:72px;height:72px;margin-bottom:25px;font-size:1.7rem;font-weight:950;display:grid;box-shadow:0 18px 55px #d18b2844}.course-title-opening h1{z-index:1;letter-spacing:-.075em;gap:clamp(8px,1.2vh,18px);max-width:15ch;font-size:clamp(3.4rem,7vw,8.8rem);line-height:.92;display:grid}.course-title-opening h1 span,.course-title-opening h1 em{display:block}.course-title-opening h1 em{color:#d9912f;font-style:normal}.course-title-opening>i{z-index:1;background:linear-gradient(90deg,#b87021,#f3ce67);border-radius:99px;width:160px;height:4px;margin-top:30px}.principles-opening{background:radial-gradient(circle at 50% 45%,#173443,#0a1118 62%);grid-template-rows:max-content minmax(0,1fr);gap:clamp(12px,1.6vh,20px);padding:clamp(30px,3.5vh,46px) clamp(48px,6vw,112px) 82px;display:grid;position:absolute;inset:0}.principles-structure{place-self:center;width:min(920px,88%)}.reasonable-freedom{background:linear-gradient(#48a8df 0 49%,#bfe7f3 50% 58%,#2d91b9 59% 100%);border:1px solid #86c7d9;border-radius:38px 38px 12px 12px;place-items:center;width:min(700px,84%);min-height:235px;margin:0 auto 12px;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 55px #0005}.reasonable-freedom>div{z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0b2631d9;border-radius:99px;justify-items:center;gap:4px;padding:12px 32px;display:grid;box-shadow:0 10px 30px #07141e66}.reasonable-freedom strong{font-size:clamp(1.55rem,2.15vw,2.45rem)}.reasonable-freedom small{color:#e3af43;font-size:1rem;font-weight:850}.freedom-sun{z-index:1;background:#ffd263;border-radius:50%;width:42px;height:42px;position:absolute;top:15px;right:12%;box-shadow:0 0 30px #ffd263aa}.freedom-cloud{z-index:2;background:#fffddfdd;border-radius:99px;width:72px;height:20px;position:absolute;box-shadow:20px -10px 0 -2px #fffddfdd,42px 0 0 -6px #fffddfdd}.cloud-one{top:29px;left:10%}.cloud-two{opacity:.8;top:48px;right:31%;transform:scale(.72)}.freedom-grass{z-index:3;background:linear-gradient(165deg,#78b84d,#347b40 68%);border-radius:0 100% 0 0;width:52%;height:59px;position:absolute;bottom:0;left:-4%;box-shadow:inset 0 7px #a9d65b}.freedom-sea{z-index:2;opacity:.95;background:repeating-radial-gradient(at 50% 0,#55b8d4 0 8px,#328cab 9px 15px);border-radius:55% 0 0;width:72%;height:76px;position:absolute;bottom:-15px;right:-3%}.classroom-bottom-line{color:#ff8989;letter-spacing:.15em;background:#3a1518;border-top:4px solid #ff5858;border-bottom:1px solid #ff585877;justify-content:center;align-items:center;gap:14px;height:44px;font-size:.72rem;font-weight:950;display:flex;box-shadow:0 0 24px #ff343422}.classroom-bottom-line b{color:#ffe1e1;letter-spacing:.12em;font-size:.92rem}.classroom-foundations{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:min(700px,84%);margin:8px auto 0;display:grid}.classroom-foundations article:first-child{grid-area:1/1}.classroom-foundations article:nth-child(2){grid-area:2/1/auto/-1}.classroom-foundations article:nth-child(3){grid-area:1/2}.classroom-foundations article{color:#a9bac5;background:#101820;border:1px solid #354552;border-radius:12px;align-items:center;min-height:44px;padding:5px 18px;display:grid;box-shadow:inset 0 -3px #091016}.classroom-foundations article div{justify-items:center;gap:1px;display:grid}.classroom-foundations strong{font-size:.88rem}.classroom-foundations small{color:#758994;font-size:.72rem}.classroom-consensus{--consensus-scale:1;z-index:7;align-items:flex-start;gap:calc(11px * var(--consensus-scale));width:clamp(240px,20vw,300px);padding:calc(16px * var(--consensus-scale)) calc(15px * var(--consensus-scale));touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;border-radius:calc(14px * var(--consensus-scale));color:#2a1c06;background:linear-gradient(135deg,#e0a935,#f0ca64);border:1px solid #dba53d;display:flex;position:absolute;top:126px;left:12px;transform:rotate(-1.8deg);box-shadow:0 16px 45px #0006,7px 7px #8a5c1f}.classroom-consensus:is(.is-moving,.is-resizing){cursor:grabbing;box-shadow:0 22px 60px #0008,7px 7px #8a5c1f}.classroom-consensus:focus-visible{outline-offset:5px;outline:4px solid #75e4f5}.classroom-consensus:before{width:calc(72px * var(--consensus-scale));height:calc(19px * var(--consensus-scale));content:"";background:#f6e1a8aa;position:absolute;top:-9px;left:34px;transform:rotate(2deg)}.classroom-consensus>span{width:calc(32px * var(--consensus-scale));height:calc(32px * var(--consensus-scale));flex:0 0 calc(32px * var(--consensus-scale));color:#f6d67b;font-size:calc(1.08rem * var(--consensus-scale));background:#3a2708;border-radius:9px;place-items:center;display:grid}.classroom-consensus p{gap:calc(8px * var(--consensus-scale));text-align:left;display:grid}.classroom-consensus strong{font-size:calc(clamp(.82rem, .88vw, .96rem) * var(--consensus-scale));line-height:1.24}.classroom-consensus small{padding-top:calc(7px * var(--consensus-scale));color:#5e4313;font-size:calc(clamp(.76rem, .8vw, .86rem) * var(--consensus-scale));border-top:1px solid #7b551b55;font-weight:850;line-height:1.28;display:block}.consensus-resize-handle{width:calc(25px * var(--consensus-scale));height:calc(25px * var(--consensus-scale));color:#f6d67b;font-size:calc(.8rem * var(--consensus-scale));cursor:nwse-resize;opacity:.88;background:#3a2708dd;border:0;border-radius:8px;place-items:center;padding:0;line-height:1;display:grid;position:absolute;bottom:4px;right:5px}.consensus-resize-handle:hover,.consensus-resize-handle:focus-visible{opacity:1;outline-offset:2px;outline:3px solid #75e4f5}.teacher-journey-opening{background:radial-gradient(circle at 68% 36%,#172d47,#090e17 67%);grid-template-rows:max-content minmax(0,1fr);gap:12px;padding:34px clamp(40px,5vw,88px) 82px;display:grid;position:absolute;inset:0}.teacher-map-frame{background:linear-gradient(160deg,#0d1b29,#09131e);border:1px solid #324b60;border-radius:24px;min-height:0;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff09,0 26px 80px #0006}.teacher-world-map{width:100%;height:100%;position:absolute;inset:0}.map-grid circle{fill:#6f8fa11c}.world-land{opacity:.9}.map-focus-halo{fill:#70dff414;stroke:#70dff466;stroke-width:2px;filter:drop-shadow(0 0 18px #70dff466);animation:.55s ease-out both map-focus-arrive}.journey-route{fill:none;stroke:#e2ad3e;stroke-width:4.5px;stroke-linecap:round;opacity:.9;filter:drop-shadow(0 0 8px #d8923277)}.journey-route-group.is-complete .journey-route{stroke:#a9823b;opacity:.64}.journey-route-group.is-active-route .journey-route{animation:1.35s ease-in-out infinite alternate journey-route-glow}.journey-route-traveler{fill:#fff0b2;stroke:#dfaa3b;stroke-width:3px;filter:drop-shadow(0 0 12px #ffd66b)}@keyframes journey-route-glow{0%{stroke-width:4.5px;opacity:.76}to{stroke-width:6.5px;opacity:1}}@keyframes map-focus-arrive{0%{r:20;opacity:0}}.journey-city circle:first-of-type{fill:#8097a5;stroke:#dce8ef;stroke-width:2px}.journey-city .city-pulse{fill:none;stroke:#0000}.journey-city text{opacity:0;fill:#aebfca;text-anchor:middle;paint-order:stroke;stroke:#09131e;stroke-width:4px;font-size:16px;font-weight:900}.city-label-leader{opacity:0;stroke:#c5d8e2;stroke-width:1.5px;stroke-dasharray:3 3}.journey-city.is-visited circle:first-of-type{fill:#d9a73f;stroke:#f7dd91}.journey-city.is-active circle:first-of-type{fill:#70dff4;stroke:#e8fcff;filter:drop-shadow(0 0 10px #70dff4)}.journey-city.is-active .city-pulse{stroke:#70dff4;animation:1.7s ease-out infinite city-pulse}.journey-city.is-active :is(text,.city-label-leader){opacity:1}.journey-city.is-active text{fill:#fff;font-size:19px}@keyframes city-pulse{to{r:34;opacity:0}}.journey-story-card{z-index:4;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0b1722f2;border:1px solid #8b7040;border-radius:18px;gap:8px;width:min(390px,34%);padding:20px 22px;animation:.45s ease-out both journey-card-enter;display:grid;position:absolute;box-shadow:0 22px 60px #0007}.teacher-journey-opening.stage-0 .journey-story-card{top:31%;left:38%}.teacher-journey-opening.stage-1 .journey-story-card{top:14%;left:39%}.teacher-journey-opening.stage-2 .journey-story-card{top:27%;left:55%}.teacher-journey-opening.stage-3 .journey-story-card{top:25%;left:33%}.journey-story-card>span{color:#e2ad3e;letter-spacing:.12em;font-size:1rem;font-weight:950}.journey-story-card h2{font-size:clamp(1.7rem,2.2vw,2.45rem);line-height:1}.journey-story-card p{color:#e2edf2;white-space:pre-line;font-size:clamp(1rem,1.08vw,1.18rem);line-height:1.4}@keyframes journey-card-enter{0%{opacity:0;transform:translateY(12px)}}.journey-timeline{z-index:5;grid-template-columns:repeat(4,1fr);gap:0;list-style:none;display:grid;position:absolute;bottom:18px;left:24px;right:24px}.journey-timeline li{color:#718997;text-align:center;gap:5px;padding-top:22px;display:grid;position:relative}.journey-timeline li:before{content:"";background:#324a59;height:3px;position:absolute;top:5px;left:0;right:0}.journey-timeline li:after{content:"";background:#0c1822;border:2px solid #607b8c;border-radius:50%;width:13px;height:13px;position:absolute;top:0;left:50%;transform:translate(-50%)}.journey-timeline li.is-visited:before,.journey-timeline li.is-active:before{background:#d6b95f}.journey-timeline li.is-visited:after{background:#f0ca67;border-color:#f0ca67}.journey-timeline li.is-active{color:#e8f8fd}.journey-timeline li.is-active:after{background:#79e2f4;border-color:#79e2f4;box-shadow:0 0 14px #79e2f4}.journey-timeline b{font-size:clamp(1rem,1.06vw,1.16rem)}.journey-timeline span{font-size:clamp(.94rem,1vw,1.08rem)}.classroom-side.scene-intro{background:radial-gradient(circle at 55% 28%,#263751,#0a0d13 62%)}.classroom-side.scene-intro.reveal-0 .classroom-question h1{max-width:16ch;font-size:clamp(2.7rem,4.2vw,5.4rem)}.classroom-side.scene-intro .behavior-question-aside{color:#b8c6d0;letter-spacing:0;max-width:28ch;font-size:clamp(1rem,1.3vw,1.35rem);font-weight:700;line-height:1.45}@media (width<=1300px){.principles-opening{gap:10px;padding:30px 40px 76px}.reasonable-freedom{min-height:230px;margin-top:0;margin-bottom:10px}.classroom-foundations article{min-height:44px}.classroom-consensus{width:246px;padding:15px 13px;top:118px}.teacher-journey-opening{padding:28px 32px 74px}.journey-story-card{gap:6px;width:34%;padding:12px 18px}.journey-timeline{bottom:12px;left:15px;right:15px}.opening-step-controls{bottom:20px;right:30px}}@media (prefers-reduced-motion:reduce){.journey-route-group.is-active-route .journey-route,.journey-city.is-active .city-pulse,.journey-story-card{animation:none!important}.journey-route-traveler{display:none}}.classroom-side{display:block}.classroom-focus{grid-template-rows:max-content minmax(0,1fr) max-content max-content;gap:clamp(12px,1.6vh,20px);width:100%;height:100%;padding-top:26px;display:grid}.classroom-question{gap:8px;transition:transform .35s;display:grid}.classroom-question>span{color:#65e8ff;letter-spacing:.12em;font-size:.74rem;font-weight:950}.classroom-question h1{letter-spacing:-.048em;max-width:19ch;font-size:clamp(1.8rem,2.65vw,3.45rem);line-height:1.05}.classroom-side.reveal-0 .classroom-focus{grid-template-rows:auto auto;align-content:center;justify-items:start;gap:28px}.classroom-side.reveal-0 .classroom-question h1{max-width:17ch;font-size:clamp(2.5rem,4.25vw,5.6rem)}.classroom-side.reveal-0 .classroom-question>span{font-size:.8rem}.classroom-visual{padding:0}.classroom-visual>*{transform:none!important}.classroom-note{color:#b9c6d1;border-left:3px solid #6fe6bb;max-width:58ch;padding-left:13px;font-size:clamp(.84rem,1vw,1rem);line-height:1.5}.classroom-reveal-button{color:#e9f7fd;text-align:left;background:#122334cc;border:1px solid #4c6c82;border-radius:13px;justify-content:space-between;align-items:center;gap:20px;min-width:min(330px,100%);padding:14px 16px 14px 19px;font-weight:850;display:flex;box-shadow:0 14px 40px #0004}.classroom-reveal-button:hover{background:#173348;border-color:#6fe5ff}.classroom-reveal-button i{color:#07151d;background:#6fe5ff;border-radius:50%;place-items:center;width:30px;height:30px;font-size:1.25rem;font-style:normal;display:grid}.classroom-side.reveal-0 .classroom-reveal-button{justify-self:start}.swipe-path-simple{grid-template-columns:110px 1fr 110px;align-items:center;gap:16px;width:min(540px,94%);display:grid}.swipe-path-simple span{background:#102b3d;border:2px solid #67def7;border-radius:20px;place-items:center;min-height:96px;font-weight:900;display:grid}.swipe-path-simple b{color:#8fb1c1;text-align:center;position:relative}.swipe-path-simple b:after{content:"";background:linear-gradient(90deg,#62e1b4,#6fdfff);height:3px;margin-top:12px;display:block}.candidate-fan{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:min(620px,96%);display:grid}.candidate-fan span{background:#121c28;border:1px solid #52687a;border-radius:18px;place-items:center;min-height:120px;font-size:clamp(1rem,1.4vw,1.25rem);font-weight:850;display:grid}.candidate-fan span:nth-child(2){transform:translateY(18px)}.candidate-fan small{color:#a9bac6;text-align:center;grid-column:1/-1;margin-top:15px}.client-server-simple{grid-template-columns:150px minmax(150px,1fr) 150px;align-items:center;gap:18px;width:min(680px,100%);display:grid}.client-server-simple span{text-align:center;background:#102a3d;border:2px solid #64dcf5;border-radius:20px;place-content:center;gap:5px;min-height:120px;font-weight:900;display:grid}.client-server-simple small{color:#81aabb;font-weight:700}.client-server-simple i{background:#69e4b8;height:3px;position:relative}.client-server-simple i:after{content:"";border-top:3px solid #69e4b8;border-right:3px solid #69e4b8;width:12px;height:12px;position:absolute;top:50%;right:-2px;transform:translateY(-50%)rotate(45deg)}.classroom-side .network-reveal{height:280px;transform:none}@media (width<=1300px){.classroom-focus{padding-top:22px}.classroom-side.reveal-0 .classroom-question h1{font-size:clamp(2.15rem,3.8vw,4rem)}.classroom-question h1{font-size:clamp(1.55rem,2.4vw,2.65rem)}.candidate-fan span{min-height:92px}.client-server-simple span{min-height:94px}.classroom-side .network-reveal{height:240px}}.classroom-question.is-concept{gap:4px}.classroom-question.is-concept h1{color:#76e7ff;letter-spacing:-.035em;max-width:none;font-size:clamp(2rem,3.15vw,4rem)}.concept-title-row{align-items:center;gap:clamp(18px,2vw,30px);display:flex}.concept-title-row h1{flex:none}.algorithm-joke{color:#241200;letter-spacing:.015em;white-space:nowrap;background:linear-gradient(135deg,#ffe07a,#ff9c3f);border:2px solid #ffd36f;border-radius:9px 16px 10px 15px;align-items:center;gap:8px;padding:10px 16px;font-size:clamp(1.08rem,1.48vw,1.4rem);font-weight:950;animation:.5s cubic-bezier(.2,1.45,.45,1) .2s both algorithm-joke-pop,.5s ease-in-out .78s 2 algorithm-joke-shake;display:inline-flex;transform:rotate(-2deg);box-shadow:5px 6px #7b321f,0 0 34px #ffad4f55}.algorithm-joke b{font-size:1.22em;line-height:1;display:inline-block}.algorithm-joke.is-hidden{visibility:hidden}.recommendation-explainer{gap:5px;max-width:70ch;margin-top:6px;line-height:1.42;display:grid}.recommendation-explainer p{color:var(--course-text-white,#f4f7fa);margin:0;font-size:clamp(1rem,1.08vw,1.16rem);font-weight:650}.concept-points{width:min(720px,100%);margin-top:14px}.concept-points ul{gap:11px;margin:0;padding:0 0 0 23px;display:grid}.concept-points li{color:var(--course-text-white,#f4f7fa);font-size:clamp(1.18rem,1.28vw,1.42rem);font-weight:680;line-height:1.34}.launch-body-points{color:#c4d2da;gap:7px;max-width:62ch;margin:14px 0 0;padding-left:22px;display:grid}.launch-body-points li{font-size:clamp(.88rem,1vw,1.08rem);font-weight:650;line-height:1.35}.compression-concept-subtitle{align-items:baseline;gap:12px;margin-top:1px;display:flex}.compression-concept-subtitle strong{color:#d7c9ff;letter-spacing:.015em;font-size:clamp(1.15rem,1.2vw,1.32rem)}.compression-concept-subtitle span{color:#a49dbd;letter-spacing:.05em;font-size:clamp(1.05rem,1.08vw,1.16rem);font-weight:750}.classroom-reveal-button.icon-only{opacity:.72;background:#111b26aa;border-radius:50%;justify-content:center;width:52px;min-width:0;height:52px;padding:0;position:absolute;bottom:clamp(24px,3vw,48px);right:clamp(24px,3vw,52px)}.classroom-reveal-button.icon-only:hover,.classroom-reveal-button.icon-only:focus-visible{opacity:1}.classroom-reveal-button.icon-only i{width:32px;height:32px}.recommendation-step-controls{grid-template-columns:repeat(2,154px);justify-self:end;gap:10px;display:grid}.classroom-step-button{color:#eaf7fc;background:#102637e8;border:1px solid #558296;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;width:154px;height:46px;padding:8px 10px 8px 13px;font-size:.76rem;font-weight:900;display:flex;box-shadow:0 12px 32px #0004}.classroom-step-button:hover,.classroom-step-button:focus-visible{background:#16384e;border-color:#73e5fb}.classroom-step-button i{color:#06151c;background:#75dff6;border-radius:50%;flex:0 0 26px;place-items:center;width:26px;height:26px;font-size:1rem;font-style:normal;display:grid}.classroom-step-button.previous{color:#bfcfd8;background:#101c27d9;border-color:#435d70;padding:8px 13px 8px 10px}.classroom-step-button.previous i{color:#d8e7ee;background:#344a59}.classroom-step-controls{z-index:8;position:absolute;bottom:clamp(24px,3.2vw,58px);right:clamp(30px,3.2vw,58px)}.classroom-side.scene-recommendation.reveal-0 .classroom-focus{grid-template-rows:minmax(0,1fr) max-content max-content;align-content:stretch;justify-items:stretch;gap:clamp(12px,1.6vh,20px)}.classroom-side.scene-recommendation.reveal-0 .classroom-question{place-self:center start}.classroom-side.scene-recommendation.reveal-0 .recommendation-step-controls{grid-row:2}.classroom-side:is(.scene-behavior,.scene-compression,.scene-preload,.scene-security,.scene-impact,.scene-wrap).reveal-0 .classroom-focus{grid-template-rows:minmax(0,1fr) max-content max-content;align-content:stretch;justify-items:stretch;gap:clamp(12px,1.6vh,20px)}.classroom-side:is(.scene-behavior,.scene-compression,.scene-preload,.scene-security,.scene-impact,.scene-wrap).reveal-0 .classroom-question{place-self:center start}.classroom-side:is(.scene-behavior,.scene-compression,.scene-preload,.scene-security,.scene-impact,.scene-wrap).reveal-0 .classroom-step-controls{grid-row:2}.classroom-side:is(.scene-behavior,.scene-compression,.scene-preload,.scene-security,.scene-impact,.scene-wrap).reveal-0 .classroom-question h1{max-width:16ch}.classroom-side.reveal-0 .classroom-question>.behavior-question-aside{color:#c8a86b;letter-spacing:.02em;margin-top:8px;font-size:clamp(.9rem,1.2vw,1.2rem);font-weight:800}.profile-strip{background:#0d1722;border:1px solid #3f5667;border-radius:13px;align-items:center;width:min(760px,100%);padding:11px 14px;transition:border-color .4s,background .4s,box-shadow .4s;display:grid}.profile-strip>strong{color:#e5f5fb;font-size:.9rem}.classroom-side.profile-theme-a{background:radial-gradient(circle at 62% 24%,#344a62 0,#17212d 42%,#090d13 76%)}.classroom-side.profile-theme-a .profile-strip{background:linear-gradient(100deg,#1a2c3e,#101923);border-color:#587998;box-shadow:inset 4px 0 #7d9bb3,0 14px 34px #0005}.classroom-side.profile-theme-a .candidate-cloud span{background:linear-gradient(145deg,#172536,#101822);border-color:#526d87}.classroom-side.profile-theme-a .algorithm-black-box{border-color:#67839b;box-shadow:inset 0 0 34px #55bce018,0 18px 45px #0008}.classroom-side.profile-theme-b{background:radial-gradient(circle at 62% 24%,#62485d 0,#2a1c29 43%,#0f0b11 76%)}.classroom-side.profile-theme-b .profile-strip{background:linear-gradient(100deg,#382337,#201722);border-color:#a07191;box-shadow:inset 4px 0 #e7a4c5,0 14px 34px #0005}.classroom-side.profile-theme-b .profile-strip>strong{color:#fff0f7}.classroom-side.profile-theme-b .candidate-cloud span{background:linear-gradient(145deg,#2d202c,#1b151d);border-color:#76596f}.classroom-side.profile-theme-b .algorithm-black-box{border-color:#946f89;box-shadow:inset 0 0 34px #ef9dca1a,0 18px 45px #0008}.classroom-visual:has(.profile-strip){align-content:center;gap:11px}.recommendation-machine{grid-template-columns:minmax(150px,.9fr) 28px minmax(170px,1fr) 28px minmax(210px,1.2fr);align-items:center;gap:8px;width:min(760px,100%);display:grid}.recommendation-connector{color:var(--course-connector);place-items:center;font-size:1.45rem;font-style:normal;display:grid}.candidate-cloud{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.candidate-cloud span{aspect-ratio:1;background:#111a25;border:1px solid #495c6c;border-radius:13px;place-items:center;font-size:clamp(1.45rem,2vw,2.1rem);display:grid}.candidate-cloud small{color:#93a8b8;text-align:center;grid-column:1/-1}.algorithm-black-box{text-align:center;background:#05070a;border:1px solid #577287;border-radius:18px;place-content:center;gap:8px;min-height:165px;padding:18px;display:grid;position:relative;box-shadow:inset 0 0 32px #4edcff12,0 18px 45px #0007}.algorithm-black-box>small{color:#78909e;font-size:.62rem;line-height:1.2}.algorithm-black-box>strong{color:#72e6ff;font-size:clamp(1rem,1.35vw,1.32rem);line-height:1.16}.algorithm-black-box>i{color:#71e5b7;font-size:2rem;font-style:normal;position:absolute;top:50%;right:-25px;transform:translateY(-50%)}.algorithm-steps{color:#b9cad4;text-align:left;gap:4px;font-size:.64rem;font-weight:800;display:grid}.algorithm-steps span{align-items:center;gap:6px;display:flex}.algorithm-steps b{color:#6edff7;border:1px solid #4b7488;border-radius:50%;flex:0 0 17px;place-items:center;width:17px;height:17px;font-size:.55rem;display:grid}.algorithm-black-box button{color:#07141b;background:#69def8;border:1px solid #5ad7f4;border-radius:9px;justify-self:center;margin-top:5px;padding:8px 12px;font-size:.75rem;font-weight:900}.algorithm-black-box button:hover{background:#9becff}.recommendation-machine.is-ranked .algorithm-black-box{animation:1.4s .25s both algorithm-pulse}.recommendation-machine.is-ranked .algorithm-steps span:first-child{animation:1.1s .35s both algorithm-processing-step}.recommendation-machine.is-ranked .algorithm-steps span:last-child{animation:1.1s .85s both algorithm-processing-step}.ranked-videos{gap:8px;margin:0;padding:0;display:grid}.ranked-videos li{background:#101a25;border:1px solid #3d5263;border-radius:11px;grid-template-columns:28px 1fr max-content;align-items:center;gap:8px;min-height:52px;padding:9px 11px;list-style:none;display:grid}.ranked-videos li:first-child{background:#102b27;border-color:#5ed2a3}.ranked-videos b{color:#071612;background:#6de2b0;border-radius:50%;place-items:center;width:25px;height:25px;display:grid}.ranked-videos span{font-weight:800}.ranked-videos em{color:#79dfb5;font-size:.68rem;font-style:normal}.ranked-videos.waiting li{color:#72808d;background:#0b1118;border-style:dashed}.ranked-videos.waiting b{color:#7b8995;background:#202a34}.ranked-videos.show-result li{opacity:0;animation:.58s cubic-bezier(.2,.8,.2,1) forwards ranked-result-in;transform:translate(-34px)}.ranked-videos.show-result li:first-child{animation-delay:1.25s}.ranked-videos.show-result li:nth-child(2){animation-delay:1.48s}.ranked-videos.show-result li:nth-child(3){animation-delay:1.71s}.recommendation-machine .ranked-videos{grid-template-rows:repeat(6,35px);gap:5px;height:235px}.recommendation-machine .ranked-videos li{height:35px;min-height:0;padding:4px 7px;font-size:.7rem;overflow:hidden}.recommendation-machine .ranked-videos li>span{min-width:0;line-height:1.05}.recommendation-machine .ranked-videos li>em{white-space:nowrap}.recommendation-machine .ranked-videos b{width:22px;height:22px}.recommendation-machine .ranked-videos.show-result li:nth-child(4){animation-delay:1.94s}.recommendation-machine .ranked-videos.show-result li:nth-child(5){animation-delay:2.17s}.recommendation-machine .ranked-videos.show-result li:nth-child(6){animation-delay:2.4s}.recommendation-machine.is-ranked .candidate-cloud span{animation:1.05s candidate-into-box}.recommendation-machine.is-ranked .candidate-cloud span:nth-child(2){animation-delay:80ms}.recommendation-machine.is-ranked .candidate-cloud span:nth-child(3){animation-delay:.16s}.recommendation-machine.is-ranked .candidate-cloud span:nth-child(4){animation-delay:.24s}.recommendation-machine.is-ranked .candidate-cloud span:nth-child(5){animation-delay:.32s}.recommendation-machine.is-ranked .candidate-cloud span:nth-child(6){animation-delay:.4s}.algorithm-definition-model{--algorithm-row-height:clamp(84px, 10.4vh, 112px);grid-template-columns:minmax(150px,1fr) 42px minmax(190px,1.25fr) 42px minmax(150px,1fr);align-items:center;gap:9px;width:min(760px,100%);display:grid}.algorithm-definition-node{min-height:var(--algorithm-row-height);height:var(--algorithm-row-height);text-align:center;background:linear-gradient(135deg,#0d1722,#121e29);border:1px solid #304757;border-radius:13px;place-content:center;gap:4px;padding:6px 8px;display:grid;overflow:hidden;box-shadow:0 12px 28px #0003}.algorithm-definition-node small{color:#65e4ff;letter-spacing:.13em;font-size:clamp(.56rem,.65vw,.66rem);font-weight:950}.algorithm-definition-node strong{color:#dceaf0;font-size:clamp(.68rem,.76vw,.82rem);line-height:1.05}.algorithm-definition-arrow{color:#6fe3b5;text-align:center;font-size:1.35rem}.steps-node{background:linear-gradient(135deg,#10202b,#142733);border-color:#49687a}.algorithm-payload{justify-content:center;gap:6px;display:flex}.algorithm-payload i{background:#72dff622;border:2px solid #72dff6;border-radius:4px;width:clamp(17px,1.15vw,22px);height:clamp(17px,1.15vw,22px)}.algorithm-step-sequence{justify-content:center;align-items:center;gap:6px;display:flex}.algorithm-step-sequence i{color:#061711;background:#68dfb0;border-radius:50%;place-items:center;width:clamp(23px,1.5vw,29px);height:clamp(23px,1.5vw,29px);font-size:clamp(.58rem,.65vw,.72rem);font-style:normal;font-weight:950;display:grid}.algorithm-output-mark{color:#071812;background:#6fe3b5;border-radius:50%;place-items:center;width:clamp(31px,2.05vw,40px);height:clamp(31px,2.05vw,40px);margin:0 auto;font-size:clamp(1rem,1.15vw,1.3rem);font-weight:950;display:grid}.coffee-machine-analogy{grid-column:1/-1;grid-template-columns:minmax(150px,1fr) 42px minmax(190px,1.25fr) 42px minmax(150px,1fr);align-items:center;gap:clamp(9px,1.2vh,14px) 9px;width:100%;margin-top:clamp(9px,1.3vh,15px);display:grid}.coffee-machine-analogy>p{color:#d8e8ef;text-align:center;letter-spacing:-.018em;grid-column:1/-1;margin:0;padding:clamp(5px,.7vh,9px) 0;font-size:clamp(1.3rem,2vw,1.75rem);font-weight:850;line-height:1.08}.coffee-analogy-flow{display:contents}.coffee-analogy-flow article{min-height:var(--algorithm-row-height);height:var(--algorithm-row-height);color:#dceaf0;text-align:center;background:linear-gradient(135deg,#0d1722,#121e29);border:1px solid #304757;border-radius:13px;align-content:center;place-items:center;gap:4px;padding:7px 10px;display:grid}.coffee-analogy-flow article>strong{font-size:.64rem}.coffee-analogy-flow>i{color:#6fe3b5;text-align:center;font-size:1.35rem;font-style:normal}.coffee-machine-analogy.is-hidden{visibility:hidden}.coffee-input-icons{align-items:center;gap:5px;font-size:1.35rem;display:flex}.coffee-input-icons b{color:#7893a2;font-size:.72rem}.latte-output{background:#f5fbfd18;border:2px solid #eef8fb;border-radius:3px 3px 10px 10px;width:34px;height:24px;position:relative}.latte-output:after{content:"";border:2px solid #eef8fb;border-left:0;border-radius:0 8px 8px 0;width:9px;height:10px;position:absolute;top:3px;right:-10px}.latte-output span{background:radial-gradient(circle at 58% 45%,#f6e3c4 0 18%,#d6a871 20% 43%,#8d5638 46% 100%);border-radius:50%;width:22px;height:7px;position:absolute;top:3px;left:4px}.coffee-machine-cartoon{width:48px;height:54px;position:relative}.machine-top{background:#163041;border:2px solid #70ddf4;border-radius:7px 7px 4px 4px;position:absolute;inset:0 4px 12px}.machine-face{gap:7px;display:flex;position:absolute;top:7px;left:11px}.machine-face b{background:#6fe3b5;border-radius:50%;width:6px;height:6px}.machine-spout{border-bottom:3px solid #8ca5b3;border-left:3px solid #8ca5b3;width:10px;height:10px;position:absolute;top:24px;left:20px}.coffee-drop{background:#d98b51;border-radius:50% 50% 55% 55%;width:4px;height:8px;position:absolute;top:34px;left:23px}.machine-cup{background:#eef8fb22;border:2px solid #eef8fb;border-radius:2px 2px 7px 7px;width:22px;height:13px;position:absolute;bottom:0;left:15px}.machine-cup:after{content:"";border:2px solid #eef8fb;border-left:0;border-radius:0 6px 6px 0;width:7px;height:7px;position:absolute;top:1px;right:-8px}.classroom-side.scene-behavior:not(.reveal-0){background:radial-gradient(circle at 62% 26%,#493923 0,#241b12 43%,#0d0b0b 78%)}.classroom-side.scene-behavior .classroom-visual{align-content:center}.behavior-data-model{grid-template-rows:82px 24px 66px 68px;align-content:center;gap:8px;width:min(780px,100%);display:grid}.behavior-action-rail,.behavior-data-record{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;display:grid}.behavior-action-card{background:linear-gradient(145deg,#1c1711,#2a2116);border:1px solid #67553b;border-radius:13px;grid-template-rows:1fr 1fr;grid-template-columns:32px 1fr;align-items:center;column-gap:8px;min-width:0;height:82px;padding:10px 11px;display:grid;box-shadow:0 12px 28px #0003}.behavior-action-card>span{color:#f2cd7b;background:#49391f;border-radius:50%;grid-row:1/3;place-items:center;width:32px;height:32px;font-size:1.1rem;font-weight:950;display:grid}.behavior-action-card small{color:#b6a17f;letter-spacing:.08em;white-space:nowrap;font-size:clamp(.52rem,.6vw,.62rem);font-weight:900;overflow:hidden}.behavior-action-card strong{color:#edf8f1;white-space:nowrap;font-size:clamp(.72rem,.88vw,.9rem);overflow:hidden}.behavior-action-card.is-sentence{grid-template-rows:1fr;grid-template-columns:32px minmax(0,1fr)}.behavior-action-card.is-sentence>span{grid-row:auto}.behavior-action-card.is-sentence strong{color:#edf8f1;white-space:normal;font-size:clamp(.69rem,.82vw,.86rem);line-height:1.25}.behavior-action-card.is-active{background:linear-gradient(145deg,#271d10,#3a2b15);border-color:#9b7d49}.behavior-recording-bridge{color:#edf3f4;letter-spacing:.12em;grid-template-columns:1fr max-content 1fr;align-items:center;gap:11px;font-size:.6rem;font-weight:950;transition:opacity .25s;display:grid}.behavior-recording-bridge strong{align-items:center;gap:.45em;display:flex}.behavior-recording-bridge em{color:#edf3f4;font-style:normal}.behavior-recording-bridge i{background:linear-gradient(90deg,#0000,#d7a94e);height:1px}.behavior-data-record{background:#120e08c7;border:1px solid #6c5632;border-radius:13px;height:66px;padding:8px;transition:opacity .25s}.behavior-data-record>span{border-right:1px solid #44351e;align-content:center;gap:4px;min-width:0;padding:5px 8px;display:grid}.behavior-data-record>span:last-child{border-right:0}.behavior-data-record small{color:#9f8965;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(.5rem,.58vw,.62rem);overflow:hidden}.behavior-data-record strong{color:#efca78;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(.68rem,.8vw,.84rem)}.data-algorithm-flow{grid-template-columns:minmax(190px,1.2fr) 24px minmax(150px,.9fr) 24px minmax(160px,1fr);align-items:stretch;gap:7px;height:68px;transition:opacity .25s;display:grid}.data-algorithm-flow>i{color:#e1b85f;place-items:center;font-size:1.15rem;font-style:normal;display:grid}.data-quality-input,.data-algorithm-box,.data-prediction-output{background:#18120b;border:1px solid #695433;border-radius:11px;align-content:center;gap:5px;min-width:0;padding:8px 10px;display:grid}.data-quality-input small,.data-algorithm-box small,.data-prediction-output small{color:#b69a69;letter-spacing:.11em;font-size:.55rem;font-weight:950}.data-quality-input>span{gap:5px;min-width:0;display:flex}.data-quality-input b{color:#2b1b05;background:#e9c36f;border-radius:6px;padding:4px 6px;font-size:clamp(.5rem,.58vw,.62rem)}.data-algorithm-box{background:linear-gradient(145deg,#24180b,#35240e);border-color:#ad8240}.data-algorithm-box strong,.data-prediction-output strong{color:#f7ead0;white-space:nowrap;font-size:clamp(.66rem,.76vw,.8rem);overflow:hidden}.data-prediction-output{background:linear-gradient(145deg,#1d1912,#292117);border-color:#79684a}.behavior-data-model.stage-1 .behavior-recording-bridge,.behavior-data-model.stage-1 .behavior-data-record,.behavior-data-model.stage-1 .data-algorithm-flow,.behavior-data-model.stage-2 .data-algorithm-flow{visibility:hidden;opacity:0}.behavior-data-model.stage-2 .behavior-data-record>span{animation:.42s both behavior-record-in}.behavior-data-model.stage-2 .behavior-data-record>span:nth-child(2){animation-delay:80ms}.behavior-data-model.stage-2 .behavior-data-record>span:nth-child(3){animation-delay:.16s}.behavior-data-model.stage-2 .behavior-data-record>span:nth-child(4){animation-delay:.24s}.behavior-data-model.stage-3 .data-algorithm-flow{animation:.45s cubic-bezier(.2,.8,.2,1) both behavior-note-in}.behavior-data-model.stage-3 .data-quality-input b{animation:.55s both data-feed-pulse}.behavior-data-model.stage-3 .data-quality-input b:nth-child(2){animation-delay:.1s}.behavior-data-model.stage-3 .data-quality-input b:nth-child(3){animation-delay:.2s}@keyframes behavior-record-in{0%{opacity:0;transform:translateY(-8px)}}@keyframes behavior-note-in{0%{opacity:0;transform:translate(18px)}}@keyframes data-feed-pulse{50%{transform:translate(5px);box-shadow:0 0 16px #edc66d55}}.behavior-data-model{align-content:stretch;width:min(880px,100%);height:min(390px,40vh)}.behavior-data-model.stage-1{grid-template-rows:80px minmax(0,1fr);gap:14px;display:grid}.shared-candidate-pool{background:#17120d;border:1px solid #705b38;border-radius:14px;grid-template-columns:max-content minmax(0,1fr);align-items:center;gap:24px;padding:12px 18px;animation:.4s both comparison-pool-in;display:grid}.shared-candidate-pool>strong{color:#efc66f;letter-spacing:.08em;font-size:clamp(.9rem,1vw,1.08rem)}.shared-candidate-pool>div{grid-template-columns:repeat(6,1fr);gap:10px;display:grid}.shared-candidate-pool span{background:#ffffff08;border:1px solid #5b4d37;border-radius:9px;place-items:center;min-width:0;height:50px;font-size:1.48rem;display:grid}.two-run-comparison{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:minmax(150px,.86fr) 20px minmax(185px,1.02fr) 20px minmax(215px,1.2fr);grid-template-areas:"input-a arrow-in-a algorithm arrow-out-a output-a""input-b arrow-in-b algorithm arrow-out-b output-b";gap:12px 7px;min-height:0;display:grid}.comparison-input,.comparison-output,.shared-algorithm{background:#121a23;border:1px solid #53697a;border-radius:14px;align-content:center;gap:9px;min-width:0;display:grid}.comparison-input{padding:13px 14px}.comparison-input small,.comparison-output small,.shared-algorithm small{letter-spacing:.06em;font-size:clamp(.76rem,.86vw,.94rem);font-weight:950}.comparison-input strong{color:#eef5f8;font-size:clamp(.9rem,.98vw,1.05rem)}.comparison-input>div{gap:8px;display:flex}.comparison-input>div span{background:#ffffff0a;border-radius:8px;place-items:center;width:40px;height:40px;font-size:1.22rem;display:grid}.student-a{background:linear-gradient(145deg,#172433,#101820);border-color:#536f8b;grid-area:input-a;animation:.4s .18s both comparison-lane-in}.student-a small{color:#8eacc7}.student-b{background:linear-gradient(145deg,#2b1922,#1d1218);border-color:#8a6275;grid-area:input-b;animation:.4s 1.08s both comparison-lane-in}.student-b small{color:#d09aaf}.shared-algorithm{text-align:center;box-shadow:none;background:#17120d;border-color:#705b38;grid-area:algorithm;align-content:center;justify-items:center;padding:22px 15px;position:relative;overflow:hidden}.shared-algorithm small{color:#efc66f}.shared-algorithm>strong{color:#edf3f5;font-size:clamp(1.02rem,1.14vw,1.25rem);line-height:1.25}.comparison-arrow{color:#d4aa59;opacity:.38;place-items:center;font-size:1rem;font-style:normal;display:grid}.input-a-arrow{grid-area:arrow-in-a;animation:.55s .3s both comparison-arrow-live}.output-a-arrow{grid-area:arrow-out-a;animation:.55s .68s both comparison-arrow-live}.input-b-arrow{grid-area:arrow-in-b;animation:.55s 1.2s both comparison-arrow-live}.output-b-arrow{grid-area:arrow-out-b;animation:.55s 1.58s both comparison-arrow-live}.comparison-output{padding:12px}.comparison-output>div{grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;display:grid}.comparison-output>div span{color:#edf4f7;background:#ffffff08;border-radius:8px;align-content:center;place-items:center;gap:2px;min-width:0;height:58px;font-size:1.2rem;display:grid}.comparison-output b{color:#c8a55f;font-size:.76rem;line-height:1}.output-a{background:linear-gradient(145deg,#141f2a,#10171f);border-color:#526b82;grid-area:output-a;animation:.48s cubic-bezier(.2,.8,.2,1) .72s both comparison-output-in}.output-a small{color:#8faec9}.output-b{background:linear-gradient(145deg,#281822,#1b1217);border-color:#896074;grid-area:output-b;animation:.48s cubic-bezier(.2,.8,.2,1) 1.62s both comparison-output-in}.output-b small{color:#d09aaf}@keyframes comparison-pool-in{0%{opacity:0;transform:translateY(-8px)}}@keyframes comparison-lane-in{0%{opacity:0;transform:translate(-10px)}}@keyframes comparison-output-in{0%{opacity:0;transform:translate(12px)}}@keyframes comparison-arrow-live{0%{opacity:.15}to{opacity:1}}.behavior-data-model.stage-2{grid-template-rows:130px 42px 110px;align-content:center;gap:16px;display:grid}.behavior-data-model.stage-2 .behavior-action-rail,.behavior-data-model.stage-2 .behavior-data-record{grid-template-columns:repeat(4,minmax(0,1fr))}.behavior-data-model.stage-2 .behavior-action-card{grid-template-columns:46px minmax(0,1fr);column-gap:12px;height:130px;padding:15px 16px}.behavior-data-model.stage-2 .behavior-action-card>span{width:46px;height:46px;font-size:1.45rem}.behavior-data-model.stage-2 .behavior-action-card strong{font-size:clamp(1rem,1.1vw,1.2rem)}.behavior-data-model.stage-2 .behavior-recording-bridge{font-size:clamp(.82rem,.92vw,1rem)}.behavior-data-model.stage-2 .behavior-data-record{height:110px;padding:13px}.behavior-data-model.stage-2 .behavior-data-record>span{border-right:1px solid #44351e;padding:8px 11px}.behavior-data-model.stage-2 .behavior-data-record small{font-size:clamp(.72rem,.82vw,.9rem)}.behavior-data-model.stage-2 .behavior-data-record strong{font-size:clamp(1rem,1.1vw,1.2rem)}.behavior-data-model.stage-3{grid-template-rows:minmax(0,1fr);display:grid}.recommendation-system-frame{--system-flow-columns:minmax(130px, 1.05fr) 18px minmax(150px, 1.12fr) 18px minmax(125px, .94fr) 18px minmax(125px, .94fr);background:#100d09a8;border:1px solid #6b5736;border-radius:17px;grid-template-rows:38px 34px minmax(0,1fr);gap:10px;min-height:0;padding:12px 14px 16px;display:grid}.recommendation-system-frame>header{border-bottom:1px solid #544329;place-items:center;padding-bottom:9px;display:grid}.recommendation-system-frame>header strong{color:#f4f7fa;letter-spacing:.1em;font-size:clamp(.76rem,.88vw,.94rem)}.system-domain-row,.system-flow-row{grid-template-columns:var(--system-flow-columns);gap:5px;min-width:0;display:grid}.system-domain-row{align-items:center}.system-domain-row>i{visibility:hidden}.system-domain-row .flow-domain{color:#e8bd62;letter-spacing:.1em;border:1px solid;border-radius:99px;justify-self:center;padding:4px 10px;font-size:clamp(.52rem,.61vw,.66rem);font-weight:950}.system-domain-row .flow-domain.is-data{color:#e8bd62}.system-domain-row .flow-domain.is-algorithm{color:#72e6ff}.system-flow-row{align-items:stretch}.system-flow-row>i{color:#d6aa54;place-items:center;font-size:1.15rem;font-style:normal;display:grid}.system-flow-row article{text-align:center;background:#17130e;border:1px solid #65563f;border-radius:13px;place-items:center;min-width:0;padding:15px 10px;display:grid}.system-flow-row article strong{color:#f4f7fa;font-size:clamp(.74rem,.88vw,.94rem);line-height:1.25}.system-flow-row article.is-algorithm{background:linear-gradient(145deg,#141f22,#1a2a2e);border-color:#526f75}.system-flow-row article.is-algorithm strong{color:#72e6ff;font-weight:950}.classroom-side:is(.scene-compression,.scene-preload,.scene-security,.scene-impact,.scene-wrap):not(.reveal-0) .classroom-focus{grid-template-rows:max-content minmax(0,1fr) max-content}.classroom-side.scene-recommendation .classroom-question.is-concept h1{color:var(--course-title-recommendation,#f27c78)}.classroom-side.scene-behavior .classroom-question.is-concept h1{color:var(--course-title-data,#e8bd62)}.classroom-side.scene-compression .classroom-question.is-concept h1{color:var(--course-title-compression,#bba2ff)}.classroom-side.scene-preload .classroom-question.is-concept h1{color:var(--course-title-network,#7ce6df)}.classroom-side.scene-security .classroom-question.is-concept h1{color:var(--course-title-security,#8eb8ff)}.classroom-side.scene-impact .classroom-question.is-concept h1{color:var(--course-title-impact,#f3a6d0)}.classroom-side.scene-wrap .classroom-question.is-concept h1{color:var(--course-title-recap,#9bdfff)}.compression-lab{grid-template-rows:48px 54px;align-content:center;gap:14px;width:min(720px,100%);display:grid}.quality-selector{justify-content:center;gap:10px;display:flex}.quality-selector button{color:#d8d2ec;background:#171426;border:1px solid #655b86;border-radius:99px;min-width:104px;height:44px;font-weight:900}.quality-selector button:hover,.quality-selector button:focus-visible{border-color:#a992ff}.quality-selector button.active{color:#150d28;background:#bba2ff;border-color:#c0adff;box-shadow:0 0 26px #9e7bff55}.compression-readings{border-top:1px solid #554b76;border-bottom:1px solid #554b76;padding:16px 22px;display:grid}.compression-reading-labels{grid-template-columns:1fr 1fr;gap:28px;display:grid}.compression-reading-labels span{justify-content:center;align-items:center;display:flex}.compression-readings small{color:#928bad;letter-spacing:.1em;font-size:.58rem;font-weight:950}.compression-readings strong{color:#e8e2fb;font-size:.7rem}.combined-compression-meter{background:#ffffff12;border-radius:99px;height:10px;overflow:hidden}.compression-tradeoff{color:#cbc3e1;align-items:center;transition:opacity .25s;display:flex}.compression-tradeoff strong{color:#bba2ff;white-space:nowrap;font-size:.68rem}.compression-lab.stage-2 .compression-tradeoff{animation:.4s both concept-fade-in}.client-server-network{grid-template-columns:128px minmax(260px,1fr) 128px;align-items:center;gap:14px;width:min(760px,100%);height:250px;display:grid}.network-endpoint{z-index:3;text-align:center;background:linear-gradient(145deg,#102523,#15312f);border:1px solid #4b7775;border-radius:22px;place-content:center;gap:5px;height:116px;display:grid;position:relative}.network-endpoint>span{color:#75dfd7;font-size:2.2rem;line-height:1}.network-endpoint small{color:#789f9c;letter-spacing:.12em;font-size:.55rem;font-weight:950}.network-endpoint strong{color:#e4f7f5;font-size:.76rem}.connection-stage{height:220px;position:relative}.direct-connection{grid-template-columns:max-content 1fr max-content;align-items:center;gap:9px;transition:opacity .3s;display:grid;position:absolute;inset:0}.direct-connection>span{color:#7fa5a2;letter-spacing:.08em;font-size:.54rem;font-weight:950}.direct-connection>i{background:#54beb7;height:2px;position:relative}.direct-connection b{background:#89efe6;border-radius:50%;width:10px;height:10px;animation:2s linear infinite packet-line;position:absolute;top:-4px;box-shadow:0 0 14px #73ddd4}.direct-connection b:nth-child(2){animation-delay:-.65s}.direct-connection b:nth-child(3){animation-delay:-1.3s}.preload-badge{opacity:0;background:#102925ee;border:1px solid #5b8c88;border-radius:12px;gap:4px;width:132px;padding:9px 11px;transition:opacity .3s,transform .3s;display:grid;position:absolute;top:28px;left:-18px;transform:translateY(8px)}.preload-badge small{color:#75a39f;font-size:.52rem;font-weight:950}.preload-badge strong{color:#9df3e9;font-size:.66rem}.preload-badge i{background:#ffffff14;border-radius:99px;height:4px;overflow:hidden}.preload-badge i:after{content:"";background:#79e2d8;width:62%;height:100%;animation:1.8s ease-in-out infinite preload-progress;display:block}.client-server-network.is-preloading .preload-badge{opacity:1;transform:translateY(0)}.routing-map{opacity:0;width:100%;height:calc(100% - 30px);transition:opacity .35s;position:absolute;inset:15px 0;overflow:visible}.network-links path{fill:none;stroke:#416963;stroke-width:2px}.router-nodes circle{fill:#153a36;stroke:#73bdb6;stroke-width:2px}.selected-route{fill:none;stroke:#8ae9df;stroke-width:4px;stroke-linecap:round;stroke-dasharray:9 8;animation:1.8s linear infinite route-dash}.routing-label{color:#82b4af;letter-spacing:.1em;text-align:center;opacity:0;font-size:.54rem;font-weight:950;transition:opacity .3s;position:absolute;bottom:4px;left:0;right:0}.client-server-network.is-network .direct-connection,.client-server-network.is-network .preload-badge{opacity:0}.client-server-network.is-network .routing-map,.client-server-network.is-network .routing-label{opacity:1}.security-network{grid-template-rows:205px 46px;grid-template-columns:118px minmax(300px,1fr) 118px;align-items:center;gap:10px 14px;width:min(760px,100%);display:grid}.security-endpoint{text-align:center;background:linear-gradient(145deg,#111d34,#172847);border:1px solid #486a9a;border-radius:20px;place-content:center;gap:5px;height:110px;display:grid}.security-endpoint>span{color:#91bbff;font-size:2rem}.security-endpoint small{color:#7893bd;letter-spacing:.1em;font-size:.54rem;font-weight:950}.security-endpoint strong{color:#e5edfb;font-size:.72rem}.security-network-middle{height:190px;position:relative}.security-network-middle svg{width:100%;height:170px;position:absolute;inset:10px 0}.security-network-middle svg g path{fill:none;stroke:#384d70;stroke-width:2px}.security-network-middle svg circle{fill:#182843;stroke:#6888b8;stroke-width:2px}.security-network-middle .secure-route{fill:none;stroke:#f18d9b;stroke-width:4px;stroke-dasharray:8 7}.security-network-middle code{color:#ffd1d7;text-align:center;white-space:nowrap;background:#381923e8;border:1px solid #a55563;border-radius:8px;padding:7px 10px;font-size:.68rem;position:absolute;bottom:22px;left:7%;right:7%;overflow:hidden}.network-listener{text-align:center;place-items:center;width:94px;display:grid;position:absolute;top:12px;left:50%;transform:translate(-50%)}.network-listener>span{font-size:2.6rem}.network-listener strong{color:#d2dced;letter-spacing:.1em;font-size:.58rem}.network-listener small{color:#aab7ca;font-size:.58rem}.security-network .feed-encryption-switch{grid-column:1/-1}.security-network.is-encrypted .secure-route{stroke:#70d6ad}.security-network.is-encrypted code{color:#8eebc4;background:#0d3027e8;border-color:#4ba87f}.endpoint-device-icon{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;justify-self:center;width:48px;height:48px;overflow:visible}.endpoint-device-icon .endpoint-screen{fill:currentColor;opacity:.12}.endpoint-device-icon .endpoint-play{fill:currentColor;stroke:none}.server-rack-icon{width:52px;height:52px}.security-endpoint .endpoint-device-icon{color:#91bbff}.network-endpoint .endpoint-device-icon,.preload-server .endpoint-device-icon{color:#75dfd7}.security-network-links line{stroke:#384d70;stroke-width:1.4px}.security-router-nodes circle{fill:#182843;stroke:#6888b8;stroke-width:2px}.security-router-nodes text{fill:#9bbcf0;text-anchor:middle;font-size:7px;font-weight:950}.security-network-middle .secure-route{stroke-linecap:round}.impact-balance{grid-template-rows:180px 44px;grid-template-columns:1fr 150px 1fr;align-items:end;gap:12px;width:min(720px,100%);display:grid;position:relative}.impact-side{opacity:.48;align-self:center;place-items:center;gap:8px;transition:opacity .35s,transform .35s;display:grid}.impact-side small{letter-spacing:.12em;font-size:.58rem;font-weight:950}.impact-side span{font-size:3.2rem}.impact-side strong{color:#d9ceda;font-size:.78rem}.benefits small{color:#81d7bc}.tradeoffs small{color:#efa1cb}.impact-seesaw{align-self:center;height:100px;position:relative}.impact-seesaw i{background:linear-gradient(90deg,#69cfad,#dc8fba);border-radius:99px;height:5px;transition:transform .4s;position:absolute;top:32px;left:-86px;right:-86px;transform:rotate(-5deg)}.impact-seesaw b{border-bottom:58px solid #554157;border-left:28px solid #0000;border-right:28px solid #0000;width:0;height:0;position:absolute;bottom:5px;left:50%;transform:translate(-50%)}.impact-balance.show-benefits .benefits,.impact-balance.show-tradeoffs .tradeoffs{opacity:1;transform:translateY(-8px)}.impact-balance.show-tradeoffs .impact-seesaw i{transform:rotate(5deg)}.impact-balance button{color:#fff0f8;background:#382237;border:1px solid #b8749b;border-radius:99px;grid-column:1/-1;justify-self:center;min-width:150px;height:40px;font-size:.7rem;font-weight:900}.swipe-system{aspect-ratio:1.8;width:min(620px,92%);position:relative}.swipe-core{z-index:3;background:#10283a;border:2px solid #87dcff;border-radius:50%;align-content:center;place-items:center;gap:4px;width:118px;height:118px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 46px #62cef644}.swipe-core span{color:#8be5ff;font-size:2.2rem}.swipe-core strong{font-size:.65rem}.system-orbit{border:1px solid #53758a;border-radius:50%;position:absolute;inset:12% 8%}.system-idea{--angle:calc(var(--i) * 60deg - 90deg);z-index:2;top:calc(50% + sin(var(--angle)) * 40%);left:calc(50% + cos(var(--angle)) * 44%);place-items:center;gap:3px;min-width:92px;display:grid;position:absolute;transform:translate(-50%,-50%)}.system-idea b{color:#90e4ff;background:#101d28;border:1px solid #54788e;border-radius:50%;place-items:center;width:42px;height:42px;font-size:1.1rem;display:grid}.system-idea small{color:#bdd0db;letter-spacing:.08em;font-size:.52rem;font-weight:900}@keyframes packet-line{0%{left:0}to{left:calc(100% - 10px)}}@keyframes preload-progress{50%{width:88%}}@keyframes route-dash{to{stroke-dashoffset:-34px}}@keyframes concept-fade-in{0%{opacity:0}}.feed-video.quality-144p .video-art{filter:blur(12px)contrast(.68);image-rendering:pixelated;transform:scale(1.14)}.feed-video.quality-480p .video-art{filter:blur(6px)contrast(.82);image-rendering:pixelated;transform:scale(1.07)}.feed-video.quality-4k .video-art{filter:contrast(1.08)saturate(1.08)}.combined-compression-meter>b{border-radius:inherit;background:linear-gradient(90deg,#806bda,#c1aeff);height:100%;transition:width .35s;display:block}.compression-readings.quality-144p .combined-compression-meter>b{width:10%}.compression-readings.quality-480p .combined-compression-meter>b{width:32%}.compression-readings.quality-1080p .combined-compression-meter>b{width:70%}.compression-readings.quality-4k .combined-compression-meter>b{width:100%}.compression-lab.stage-1 .compression-tradeoff{visibility:visible;opacity:1}.zip-lossless-demo{grid-template-rows:160px 54px;grid-template-columns:1fr 130px 1fr;align-items:center;gap:12px 24px;width:min(700px,100%);display:grid;position:relative}.zip-original-files,.zip-restored-files{justify-content:center;display:flex;position:relative}.zip-original-files span,.zip-restored-files span{color:#dcd4f6;background:linear-gradient(145deg,#1d1831,#2d2445);border:1px solid #675a91;border-radius:8px 8px 16px;place-items:end center;width:72px;height:92px;padding-bottom:13px;font-size:.62rem;font-weight:950;display:grid;box-shadow:0 12px 25px #0004}.zip-original-files span:nth-child(2),.zip-restored-files span:nth-child(2){margin-left:-28px;transform:translateY(12px)rotate(4deg)}.zip-original-files span:nth-child(3),.zip-restored-files span:nth-child(3){margin-left:-28px;transform:translateY(-7px)rotate(8deg)}.zip-archive{color:#160e29;background:linear-gradient(145deg,#c8b7ff,#856ad8);border:2px solid #bca7ff;border-radius:12px 12px 20px;justify-self:center;place-items:center;width:96px;height:120px;display:grid;position:relative;overflow:hidden;box-shadow:0 0 34px #9f82ff44}.zip-archive i{background:repeating-linear-gradient(#31224f 0 7px,#d8ccff 7px 13px);width:9px;position:absolute;top:0;bottom:0;left:47%}.zip-archive strong{z-index:2;background:#eee8ff;border-radius:6px;padding:6px 9px;font-size:.76rem;position:relative}.zip-equation{color:#cfc4ed;text-align:center;grid-column:1/-1;grid-template-columns:1fr 34px 1fr;align-items:center;display:grid}.zip-equation strong{letter-spacing:.1em;font-size:.7rem}.zip-equation i{color:#c4b0ff;font-size:1.2rem;font-style:normal}.zip-equation small{color:#9488b1;grid-column:1/-1;margin-top:4px;font-size:.62rem}.system-idea{top:50%;left:50%}.system-idea:first-of-type{top:11%;left:50%}.system-idea:nth-of-type(2){top:28%;left:84%}.system-idea:nth-of-type(3){top:72%;left:84%}.system-idea:nth-of-type(4){top:89%;left:50%}.system-idea:nth-of-type(5){top:72%;left:16%}.system-idea:nth-of-type(6){top:28%;left:16%}.direct-exchange{align-content:center;gap:30px;transition:opacity .3s,transform .3s;display:grid;position:absolute;inset:46px 0}.request-lane,.video-lane{grid-template-columns:110px 1fr;align-items:center;gap:10px;display:grid}.request-lane small,.video-lane small{color:#8eb7b3;letter-spacing:.08em;text-align:right;font-size:.56rem;font-weight:950}.request-lane>i,.video-lane>i{background:#54beb7;height:2px;position:relative}.request-lane b{background:#89efe6;border-radius:50%;width:10px;height:10px;animation:2s linear infinite packet-line;position:absolute;top:-4px;box-shadow:0 0 14px #73ddd4}.request-lane b:nth-child(2){animation-delay:-.65s}.request-lane b:nth-child(3){animation-delay:-1.3s}.video-lane>i{background:#6c9ebc}.video-lane b{color:#0d2633;background:#91d5ef;border:1px solid #a9dcf4;border-radius:4px;place-items:center;width:26px;height:20px;font-size:.48rem;font-style:normal;animation:2.5s linear infinite video-chunk-back;display:grid;position:absolute;top:-10px}.video-lane b:nth-child(2){animation-delay:-.82s}.video-lane b:nth-child(3){animation-delay:-1.64s}.preload-badge{text-align:center;width:280px;top:2px;left:50%;transform:translate(-50%,8px)}.client-server-network.is-preloading .preload-badge{transform:translate(-50%)}.client-server-network.is-preloading .direct-exchange{transform:translateY(34px)}.client-server-network.is-network .direct-exchange{opacity:0}.router-nodes text{fill:#9cded8;text-anchor:middle;font-size:7px;font-weight:950}.routing-map .network-links line{stroke:#365d59;stroke-width:1.4px}.routing-label{white-space:nowrap}@keyframes video-chunk-back{0%{right:0}to{right:calc(100% - 26px)}}.journey-story-card{text-align:left;width:min(460px,38%)}.journey-experiences{gap:14px;display:grid}.journey-story-card .journey-experience{white-space:normal;gap:2px;display:grid}.journey-experience strong{font-weight:750}.teacher-journey-opening:is(.stage-0,.stage-1,.stage-3) .journey-story-card{top:34%;left:auto;right:22px}.teacher-journey-opening.stage-2 .journey-story-card{top:28%;left:22px;right:auto}.profile-strip{grid-template-columns:max-content 1fr;gap:12px}.profile-strip>span{color:#aebfca;font-size:.82rem;font-weight:800}.algorithm-term{color:#72e6ff;font-weight:950}.data-term{color:#f2c66d;font-weight:950}.human-term{color:#6fe6bb;font-weight:950}.network-endpoint small,.security-endpoint small{font-size:clamp(.64rem,.68vw,.76rem)}.network-endpoint strong,.security-endpoint strong{font-size:clamp(.84rem,.9vw,1rem)}.request-lane small,.video-lane small{font-size:clamp(.64rem,.68vw,.76rem)}.router-nodes text{font-size:9px}.individual-tradeoff-seesaw strong{font-size:clamp(.78rem,.86vw,.94rem)}.individual-tradeoff-seesaw p{font-size:clamp(.7rem,.78vw,.86rem)}.society-impact-landscape :is(strong,span,small){font-size:max(.68rem,12px)}.selected-route{opacity:0;transition:opacity .35s;animation:none}.selected-route.is-selected{opacity:1;animation:1.8s linear infinite route-dash}.routing-label{font-size:clamp(.62rem,.68vw,.76rem)}.security-network-middle code{gap:3px;font-size:clamp(.72rem,.82vw,.9rem);display:grid;bottom:16px;left:16%;right:16%}.security-network-middle code small{color:inherit;opacity:.78;font-family:inherit;font-size:.7em;font-weight:850}.network-listener{top:-70px}.class-culture-opening{background:radial-gradient(circle at 50% 52%,#15364f,#090e17 68%);grid-template-rows:max-content minmax(0,1fr);gap:8px;padding:clamp(58px,6.2vh,72px) clamp(54px,7vw,128px) 84px;display:grid;position:absolute;inset:0;overflow:hidden}.class-culture-opening:before{content:"";background-image:radial-gradient(#7bdff51c 1.5px,#0000 1.5px);background-size:34px 34px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 22% 82%,#0000);mask-image:linear-gradient(#0000,#000 22% 82%,#0000)}.culture-title{z-index:2;justify-self:center;position:relative}.culture-title h1{gap:2px;font-size:clamp(2rem,3.25vw,4rem);line-height:.94;display:grid}.culture-title h1 span{display:block}.culture-title p{font-size:clamp(.9rem,1.05vw,1.15rem)}.culture-playground{place-self:center;width:min(1100px,96%);height:min(510px,65vh);position:relative}.culture-route{width:98%;height:92%;position:absolute;inset:4% 1%;overflow:visible}.culture-route path{fill:none;stroke:#68dff044;stroke-width:3px;stroke-linecap:round;stroke-dasharray:4 12;filter:drop-shadow(0 0 10px #62dff055)}.culture-center{z-index:4;color:#fff3cc;text-align:center;background:radial-gradient(circle at 50% 30%,#674a18,#2d200d 70%);border:2px solid #e0aa3d;border-radius:45% 55% 52% 48%;place-content:center;justify-items:center;gap:6px;width:236px;height:142px;display:grid;position:absolute;top:53%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 12px #d69b3020,0 0 54px #d49a3255}.culture-center>span{color:#f2c65b;font-size:1.65rem}.culture-center strong{letter-spacing:.08em;font-size:1.2rem}.culture-center small{color:#e3bd66;font-size:.94rem;font-weight:850}.culture-playground article{z-index:3;background:linear-gradient(120deg,#10283aee,#0b1723ee);border:1px solid #477b91;border-radius:999px;align-items:center;gap:13px;width:238px;min-height:86px;padding:10px 16px 10px 10px;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 15px 36px #0005,inset 0 1px #ffffff0d}.culture-playground article>span{color:#06141d;background:linear-gradient(145deg,#9af1ff,#58c8e0);border:1px solid #73dff3;border-radius:50%;flex:0 0 58px;place-items:center;width:58px;height:58px;font-size:1.7rem;font-weight:950;display:grid;box-shadow:0 0 18px #67dbef44}.culture-playground article>div{text-align:left;gap:3px;display:grid}.culture-playground article b{color:#e2ad3e;letter-spacing:.13em;font-size:.58rem}.culture-playground article strong{color:#ecfaff;font-size:clamp(.86rem,1vw,1.08rem);line-height:1.08}.culture-playground article small{color:#93b9c8;font-size:clamp(.72rem,.8vw,.88rem);font-weight:800}.culture-playground article:first-of-type{top:49%;left:12%}.culture-playground article:nth-of-type(2){top:15%;left:29%}.culture-playground article:nth-of-type(3){top:14%;left:58%}.culture-playground article:nth-of-type(4){top:48%;left:88%}.culture-playground article:nth-of-type(5){top:84%;left:70%}.culture-playground article:nth-of-type(6){top:84%;left:30%}.assignment-opening{background:radial-gradient(circle at 50% 53%,#2f294e,#0b0e18 68%);grid-template-rows:max-content minmax(0,1fr);gap:24px;padding:44px clamp(60px,8vw,150px) 82px;display:grid;position:absolute;inset:0}.assignment-question{background:#16172aee;border:1px solid #7b70a5;border-radius:30px;grid-template-columns:110px 1fr;place-self:center;align-items:center;gap:clamp(26px,4vw,58px);width:min(1050px,88%);padding:clamp(30px,4vw,64px);display:grid;box-shadow:0 28px 80px #0007}.assignment-question>span{color:#1a1130;background:#bba2ff;border:2px solid #c1adff;border-radius:50%;place-items:center;width:104px;height:104px;font-size:4rem;font-weight:950;display:grid}.assignment-question p{gap:18px;margin:0;display:grid}.assignment-question strong{color:#f4f0ff;letter-spacing:-.035em;font-size:clamp(2rem,3.2vw,4.2rem);line-height:1.08}.assignment-question small{color:#bcb3d4;font-size:clamp(1.15rem,1.45vw,1.7rem);font-weight:800;line-height:1.35}.marking-scheme-opening{background:radial-gradient(circle at 50% 46%,#223247,#090e17 70%);grid-template-rows:max-content minmax(0,1fr) 64px;gap:18px;padding:46px clamp(56px,6.5vw,124px) 82px;display:grid;position:absolute;inset:0;overflow:hidden}.marking-scheme-opening:before{content:"";background-image:radial-gradient(#7bdff514 1.5px,#0000 1.5px);background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 18% 86%,#0000);mask-image:linear-gradient(#0000,#000 18% 86%,#0000)}.marking-scheme-opening>*{z-index:1;position:relative}.marking-scheme-opening .opening-title{padding-right:34%}.marking-scheme-opening .opening-title h1{color:#f4f7fa;font-size:clamp(2.25rem,3.45vw,4.1rem)}.marking-scheme-groups{grid-template-columns:3fr 2fr;gap:18px;min-height:0;display:grid}.marking-group{background:linear-gradient(145deg,#142330ee,#0d1721f2);border:1px solid #4c6375;border-radius:24px;grid-template-rows:max-content 1fr;min-width:0;display:grid;overflow:hidden;box-shadow:0 18px 42px #0005,inset 0 1px #ffffff10}.marking-group>header{background:#ffffff08;border-bottom:1px solid #405767;grid-template-columns:minmax(0,1fr) max-content;align-items:center;gap:16px;padding:16px 20px;display:grid}.marking-group>header>div,.marking-items article>div{gap:3px;min-width:0;display:grid}.marking-group>header strong{color:#f4f7fa;font-size:clamp(1.05rem,1.5vw,1.55rem);line-height:1.08}.marking-group>header small{font-size:clamp(.72rem,.88vw,.94rem);font-weight:850}.marking-group>header>b{color:#f0bd55;font-size:clamp(2rem,3vw,3.35rem);line-height:1}.marking-items{background:#52657555;grid-auto-rows:1fr;gap:1px;min-height:0;display:grid}.marking-items article{background:#0d1721;grid-template-columns:minmax(0,1fr) max-content;align-items:center;gap:18px;min-height:0;padding:12px 20px;display:grid}.marking-items article strong{color:#f4f7fa;font-size:clamp(.94rem,1.3vw,1.38rem);line-height:1.14}.marking-items article small{font-size:clamp(.7rem,.82vw,.88rem);font-weight:800}.marking-items article>b{color:#f4f7fa;font-size:clamp(1.45rem,2.1vw,2.25rem)}.marking-group-1{border-color:#91723e}.marking-group-1>header{background:#e2ad3e12;border-bottom-color:#7f6337}.marking-group-2{border-color:#4c7185}.marking-group-2>header{background:#69d9ed0d;border-bottom-color:#426477}.marking-group-2>header>b{color:#83deef}.marking-total{background:#0b141c;border:1px solid #566876;border-radius:16px;grid-template-columns:3fr 2fr;display:grid;overflow:hidden;box-shadow:0 12px 30px #0004}.marking-total>div{color:#19200e;background:linear-gradient(90deg,#d99c35,#efc866);justify-content:space-between;align-items:center;padding:0 20px;display:flex}.marking-total>div:last-child{color:#09212a;background:linear-gradient(90deg,#62c4d8,#8de7f4)}.marking-total span{letter-spacing:.08em;text-transform:uppercase;font-size:clamp(.78rem,.9vw,.98rem);font-weight:950}.marking-total b{font-size:clamp(1.2rem,1.65vw,1.75rem)}@media (width<=1300px){.marking-scheme-opening{grid-template-rows:max-content minmax(0,1fr) 52px;gap:12px;padding:40px 46px 74px}.marking-group>header{padding:12px 16px}.marking-items article{padding:9px 16px}.marking-scheme-groups{gap:12px}}.semester-schedule-opening{background:radial-gradient(circle at 50% 42%,#1a3545,#090e17 72%);grid-template-rows:max-content minmax(0,1fr) max-content;gap:16px;padding:38px clamp(46px,5.4vw,104px) 78px;display:grid;position:absolute;inset:0;overflow:hidden}.semester-schedule-opening:before{content:"";background-image:radial-gradient(#7bdff514 1.5px,#0000 1.5px);background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 18% 88%,#0000);mask-image:linear-gradient(#0000,#000 18% 88%,#0000)}.semester-schedule-opening>*{z-index:1;position:relative}.semester-schedule-title{justify-content:space-between;align-items:end;gap:32px;display:flex}.semester-schedule-title>div{gap:4px;display:grid}.semester-schedule-title span{color:#73d9ec;letter-spacing:.14em;font-size:clamp(.7rem,.85vw,.92rem);font-weight:950}.semester-schedule-title h1{color:#f4f7fa;letter-spacing:-.035em;margin:0;font-size:clamp(2.1rem,3.2vw,3.7rem);line-height:1}.semester-schedule-title>strong{color:#f0bd55;white-space:nowrap;font-size:clamp(1rem,1.4vw,1.5rem)}.semester-schedule-tables{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,2vw,28px);min-height:0;display:grid}.semester-schedule-tables table{border-spacing:0;table-layout:fixed;background:#0d1721e8;border:1px solid #4c6375;border-radius:20px;width:100%;height:100%;overflow:hidden;box-shadow:0 18px 42px #0005}.semester-schedule-tables th{color:#8edff0;letter-spacing:.1em;text-align:left;text-transform:uppercase;background:#172938;border-bottom:1px solid #526878;height:38px;padding:0 13px;font-size:clamp(.66rem,.76vw,.82rem)}.semester-schedule-tables th:first-child{text-align:center;width:12%}.semester-schedule-tables th:nth-child(2){width:25%}.semester-schedule-tables td{color:#dbe4eb;border-bottom:1px solid #30414d;padding:5px 13px;font-size:clamp(.72rem,.9vw,1rem);font-weight:800;line-height:1.1}.semester-schedule-tables tr:last-child td{border-bottom:0}.semester-schedule-tables td:first-child{color:#83deef;text-align:center;font-weight:950}.semester-schedule-tables td:nth-child(2){color:#9eb0bd;white-space:nowrap}.semester-schedule-tables td:last-child{color:#f3f7fa;font-weight:900}.semester-schedule-tables tr.is-holiday td{color:#eac46c;background:#dba53d12}.semester-schedule-tables tr.is-assessment td{color:#f0b7d8;background:#dc80ba12}.semester-schedule-tables tr.is-create td{background:#65d4a70d}.semester-schedule-tables tr.is-create td:last-child{color:#8ee6c1}.semester-schedule-opening>p{color:#8fa1ae;text-align:center;margin:0;font-size:clamp(.68rem,.8vw,.86rem);font-weight:750}@media (width<=1300px){.semester-schedule-opening{gap:10px;padding:28px 34px 68px}.semester-schedule-title h1{font-size:2.35rem}.semester-schedule-title>strong{font-size:.92rem}.semester-schedule-tables{gap:12px}.semester-schedule-tables th{height:30px;padding:0 9px}.semester-schedule-tables td{padding:3px 9px;font-size:.74rem}}.preloading-story{grid-template-columns:260px minmax(230px,1fr) 126px;align-items:center;gap:18px;width:min(760px,100%);height:250px;display:grid}.preload-phone-cache{background:linear-gradient(155deg,#102724,#0c1717);border:2px solid #60cfc7;border-radius:28px;grid-template-rows:88px 1fr 24px;gap:8px;height:250px;padding:14px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 32px #54c9c31a,0 18px 38px #0006}.current-video-playing{background:linear-gradient(135deg,#1d4742,#152e2c);border:1px solid #54817d;border-radius:16px;grid-template-rows:1fr 1fr 7px;grid-template-columns:42px 1fr;align-items:center;gap:0 10px;padding:10px 12px;display:grid;position:relative}.current-video-playing>span{color:#09201d;background:#80e6dc;border-radius:50%;grid-row:1/3;place-items:center;width:38px;height:38px;display:grid}.current-video-playing strong{color:#e8fffc;letter-spacing:.08em;align-self:end;font-size:.68rem}.current-video-playing small{color:#78a9a4;align-self:start;font-size:.54rem;font-weight:900}.current-video-playing>i{background:#ffffff16;border-radius:99px;grid-column:1/-1;height:5px;overflow:hidden}.current-video-playing>i b{border-radius:inherit;background:#80e6dc;width:72%;height:100%;animation:7s linear infinite current-video-progress;display:block}.cached-video-queue{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.cached-video{opacity:.22;background:#142b29;border:1px solid #4f7672;border-radius:13px;align-content:center;place-items:center;gap:3px;display:grid}.cached-video span{font-size:1.3rem}.cached-video strong{color:#dff7f4;font-size:.56rem}.cached-video small{color:#76d9cf;font-size:.7rem;font-weight:950}.cached-video.video-one{animation:.55s ease-out .35s both cached-video-ready}.cached-video.video-two{animation:.55s ease-out .85s both cached-video-ready}.cached-video.video-three{animation:.55s ease-out 1.35s both cached-video-ready}.stored-on-phone{color:#6fa9a4;letter-spacing:.1em;text-align:center;align-self:center;font-size:.5rem}.preload-transfer-stage{height:190px;position:relative}.preload-online-label,.preload-offline-label{justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;top:4px;left:0;right:0}.preload-online-label i{background:#75e2d8;border-radius:50%;width:8px;height:8px;box-shadow:0 0 12px #75e2d8}.preload-online-label strong,.preload-offline-label strong{color:#8bc5c0;letter-spacing:.1em;font-size:.55rem}.preload-request-path,.preload-video-path{grid-template-columns:110px 1fr;align-items:center;gap:8px;display:grid;position:absolute;left:0;right:0}.preload-request-path{top:66px}.preload-video-path{top:112px}.preload-request-path small,.preload-video-path small{color:#7aa5a1;letter-spacing:.06em;text-align:right;font-size:.49rem;font-weight:950}.preload-request-path>i,.preload-video-path>i{background:#5fc7c0;height:2px;position:relative}.preload-request-path b{background:#8beae2;border-radius:50%;width:10px;height:10px;animation:2s linear infinite packet-line;position:absolute;top:-4px}.preload-video-path>i{background:#6c9ebc}.preload-video-path b{color:#0d2633;background:#91d5ef;border:1px solid #a9dcf4;border-radius:4px;place-items:center;width:25px;height:20px;font-size:.45rem;animation:2.5s linear infinite video-chunk-back;display:grid;position:absolute;top:-10px}.preload-video-path b:nth-child(2){animation-delay:-.82s}.preload-video-path b:nth-child(3){animation-delay:-1.64s}.preload-online-label,.preload-offline-label{opacity:0}.preload-offline-label span{color:#ff9d9d;font-size:1.45rem}.preload-offline-label strong{color:#ffabab}.preload-transfer-stage>p{color:#9aadaa;text-align:center;opacity:0;margin:0;font-size:.55rem;font-weight:900;line-height:1.35;position:absolute;bottom:3px;left:0;right:0}.preload-transfer-stage>p strong{color:#82eadf;font-size:.7rem}.preloading-story.show-online-preloading .preload-online-label{opacity:1}.preload-server{text-align:center;background:linear-gradient(145deg,#102523,#15312f);border:1px solid #4b7775;border-radius:22px;place-content:center;gap:5px;height:116px;display:grid}.preload-server>span{color:#75dfd7;font-size:2.2rem}.preload-server small{color:#789f9c;letter-spacing:.12em;font-size:.55rem;font-weight:950}.preload-server strong{color:#e4f7f5;font-size:.7rem}.preloading-story.show-offline-proof .preload-online-label{opacity:0;animation:none}.preloading-story.show-offline-proof .preload-request-path,.preloading-story.show-offline-proof .preload-video-path{opacity:.18;animation:none}.preloading-story.show-offline-proof .preload-offline-label,.preloading-story.show-offline-proof .preload-transfer-stage>p{opacity:1;animation:none}.preloading-story.show-offline-proof .cached-video{opacity:1;border-color:#70cfc6;animation:none;box-shadow:0 0 16px #60d6ca22}@keyframes current-video-progress{0%{width:8%}70%,to{width:100%}}@keyframes cached-video-ready{0%{opacity:.22;transform:translateY(6px)}to{opacity:1;border-color:#70cfc6;transform:translateY(0);box-shadow:0 0 16px #60d6ca22}}@media (width>=1301px){.classroom-side.scene-preload .classroom-question.is-concept{min-height:186px}}.individual-impact-balance{grid-template-rows:160px 42px;grid-template-columns:1fr 150px 1fr;align-items:center;gap:10px 20px;width:min(700px,100%);display:grid;position:relative}.individual-impact-balance>i{background:linear-gradient(90deg,#72d6b8,#c995b5);height:2px;position:absolute;top:80px;left:18%;right:18%}.individual-center{z-index:2;text-align:center;background:#2b1b2b;border:2px solid #e6a8cd;border-radius:50%;place-content:center;justify-self:center;gap:5px;width:120px;height:120px;display:grid;position:relative}.individual-center span{color:#f2b3d6;font-size:1.35rem;font-weight:950}.individual-center strong{color:#d9cbd6;font-size:.62rem}.individual-side{z-index:2;text-align:center;background:#171017e8;border-radius:18px;gap:9px;padding:16px;display:grid;position:relative}.individual-side small{letter-spacing:.12em;font-size:.58rem;font-weight:950}.individual-side strong{color:#e8dfe6;font-size:.76rem}.personal-benefits{border:1px solid #4e907d}.personal-benefits small{color:#78d8b9}.personal-costs{border:1px solid #965f82}.personal-costs small{color:#eca2cc}.individual-impact-balance p,.society-impact-map p{color:#bfaeb9;text-align:center;grid-column:1/-1;margin:0;font-size:.7rem;font-weight:800}.society-impact-map{width:min(700px,100%);height:240px;position:relative}.society-impact-map:before{content:"";background:linear-gradient(24deg,#0000 49.5%,#75586e 49.7% 50.3%,#0000 50.5%),linear-gradient(-24deg,#0000 49.5%,#75586e 49.7% 50.3%,#0000 50.5%);position:absolute;inset:42px 100px}.society-feature{z-index:2;text-align:center;background:#321d30;border:2px solid #de9ac3;border-radius:50%;place-content:center;gap:5px;width:142px;height:86px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.society-feature small{color:#b785a3;letter-spacing:.1em;font-size:.52rem;font-weight:950}.society-feature strong{color:#ffe8f5;font-size:.72rem}.stakeholder{z-index:2;text-align:center;background:#1c121bdd;border:1px solid #76576d;border-radius:13px;gap:4px;min-width:152px;padding:10px 12px;display:grid;position:absolute}.stakeholder b{color:#f0acd1;letter-spacing:.1em;font-size:.6rem}.stakeholder small{color:#c6b5bf;font-size:.64rem}.stakeholder.viewer{top:8px;left:4%}.stakeholder.creator{top:8px;right:4%}.stakeholder.platform{bottom:38px;left:4%}.stakeholder.society{bottom:38px;right:4%}.society-impact-map p{position:absolute;bottom:0;left:0;right:0}.individual-tradeoff-seesaw{width:min(820px,100%);height:clamp(340px,38vh,400px);position:relative}.seesaw-load{z-index:2;text-align:center;background:#171017ec;border-radius:26px;align-content:center;place-items:center;gap:9px;width:min(300px,42%);height:148px;padding:14px;display:grid;position:absolute;top:32px;box-shadow:0 18px 42px #0006}.seesaw-load>span{font-size:2.45rem;line-height:1}.seesaw-load small{letter-spacing:.12em;font-size:clamp(.88rem,.96vw,1.02rem);font-weight:950}.seesaw-load strong{color:#ede4eb;font-size:clamp(1.12rem,1.24vw,1.36rem);line-height:1.24}.seesaw-benefits{border:1px solid #4e907d;animation:6s ease-in-out infinite seesaw-benefit-motion;left:22px}.seesaw-benefits small{color:#78d8b9}.seesaw-costs{border:1px solid #965f82;animation:6s ease-in-out infinite seesaw-cost-motion;right:22px}.seesaw-costs small{color:#eca2cc}.seesaw-board{height:108px;position:absolute;top:230px;left:5%;right:5%}.seesaw-board>i{z-index:2;background:linear-gradient(90deg,#6dd3b1,#e19ac2);border-radius:99px;height:12px;animation:6s ease-in-out infinite seesaw-board-motion;position:absolute;top:0;left:0;right:0;transform:rotate(-3deg);box-shadow:0 6px 20px #0007}.seesaw-board>b{border-bottom:86px solid #573e55;border-left:46px solid #0000;border-right:46px solid #0000;width:0;height:0;position:absolute;top:10px;left:50%;transform:translate(-50%)}@keyframes seesaw-board-motion{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes seesaw-benefit-motion{0%,to{transform:translateY(0)}50%{transform:translateY(18px)}}@keyframes seesaw-cost-motion{0%,to{transform:translateY(18px)}50%{transform:translateY(0)}}@media (width<=1300px){.individual-tradeoff-seesaw{height:260px}.seesaw-load{gap:6px;height:125px;padding:10px;top:12px}.seesaw-load>span{font-size:2rem}.seesaw-board{height:82px;top:168px}.seesaw-board>b{border-bottom-width:72px;border-left-width:38px;border-right-width:38px}}.society-impact-landscape{grid-template-rows:38px 92px 78px;grid-template-columns:repeat(6,1fr);gap:10px;width:min(760px,100%);height:250px;display:grid;position:relative}.society-impact-landscape:before{z-index:0;content:"";opacity:.65;background:linear-gradient(#684f62,#684f62) 50% 0/1px 100% no-repeat,linear-gradient(#684f62,#684f62) 50% 36px/82% 1px no-repeat,linear-gradient(#684f62,#684f62) 50% calc(100% - 34px)/82% 1px no-repeat;border-left:1px solid #684f62;border-right:1px solid #684f62;position:absolute;inset:18px 9% 36px}.impact-product,.impact-person,.impact-interest{z-index:2;text-align:center;background:#1b121add;border-radius:14px;place-content:center;gap:4px;display:grid;position:relative}.impact-product{background:#351f32;border:1px solid #d28db5;border-radius:99px;grid-area:1/3/auto/5;justify-self:center;min-width:190px;padding:5px 18px}.impact-product small{color:#ad7f9a;letter-spacing:.1em;font-size:.46rem;font-weight:950}.impact-product strong{color:#ffe7f4;font-size:.68rem}.impact-person{grid-row:2;padding:10px 14px}.impact-person b{letter-spacing:.1em;font-size:.57rem}.impact-person strong{color:#e8dfe5;font-size:.68rem}.impact-person small{color:#bbaab4;font-size:.58rem}.manages-time{border:1px solid #4f8d79;grid-column:1/4}.manages-time b{color:#7bd5b5}.loses-time{border:1px solid #96617f;grid-column:4/7}.loses-time b{color:#eca5cc}.impact-interest{border:1px solid #715467;grid-row:3;padding:8px 9px}.impact-interest b{color:#dca0c3;letter-spacing:.1em;font-size:.52rem}.impact-interest span,.impact-interest strong,.impact-interest small{color:#d7cbd2;font-size:.58rem}.impact-interest i{color:#c98db0;font-style:normal;line-height:.7}.platform-interest{grid-column:1/3}.advertiser-interest{grid-column:3/5}.society-question{background:#251926;border-color:#917390;grid-column:5/7}.society-question strong{color:#ffe0f2;font-size:.63rem}.society-question small{color:#bd9db0}.classroom-side.scene-wrap .swipe-system{aspect-ratio:auto;height:clamp(250px,33vh,330px)}@keyframes candidate-into-box{55%{opacity:.52;transform:translate(42px)scale(.78)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes algorithm-pulse{45%{border-color:#71e9ba;transform:scale(1.035);box-shadow:inset 0 0 46px #60e8b64a,0 0 34px #60e8b64a}}@keyframes algorithm-processing-step{45%{color:#e9fff7;text-shadow:0 0 14px #6fe5b7;transform:translate(4px)}}@keyframes ranked-result-in{to{opacity:1;transform:translate(0)}}@keyframes algorithm-node-in{0%{opacity:0;transform:translateY(14px)}}@keyframes algorithm-arrow-in{0%{opacity:0;transform:translate(-10px)}}@keyframes algorithm-payload-pulse{50%{border-color:#6fe3b5;transform:translate(4px)}}@keyframes algorithm-step-light{50%{transform:scale(1.09);box-shadow:0 0 20px #68dfb077}}@keyframes algorithm-output-pop{50%{transform:scale(1.12);box-shadow:0 0 26px #6fe3b577}}@keyframes coffee-input-in{45%{transform:translate(5px)}}@keyframes coffee-pour{0%,35%{opacity:0;transform:translateY(-3px)}50%,72%{opacity:1;transform:translateY(4px)}80%,to{opacity:0;transform:translateY(8px)}}@keyframes latte-ready{0%,35%{opacity:.25;transform:scale(.72)}55%,85%{opacity:1;transform:scale(1.12)}}@keyframes algorithm-joke-pop{0%{opacity:0;transform:rotate(-8deg)scale(.65)}70%{transform:rotate(1deg)scale(1.06)}to{opacity:1;transform:rotate(-2deg)scale(1)}}@keyframes algorithm-joke-shake{0%,to{transform:rotate(-2deg)translate(0)}20%{transform:rotate(1deg)translate(-7px)}40%{transform:rotate(-4deg)translate(7px)}60%{transform:rotate(1deg)translate(-5px)}80%{transform:rotate(-3deg)translate(4px)}}@media (width<=1300px){.recommendation-machine{grid-template-columns:minmax(130px,.8fr) 24px minmax(145px,.9fr) 24px minmax(170px,1.1fr);gap:6px}.recommendation-connector{font-size:1.25rem}.algorithm-black-box{min-height:140px;padding:14px}.ranked-videos li{min-height:44px;padding:7px 9px;font-size:.82rem}.candidate-cloud{gap:7px}.algorithm-definition-model{grid-template-columns:minmax(125px,1fr) 28px minmax(160px,1.2fr) 28px minmax(125px,1fr);gap:6px}.algorithm-definition-node{min-height:var(--algorithm-row-height);height:var(--algorithm-row-height);gap:4px;padding:6px 8px}.algorithm-definition-arrow{font-size:1.35rem}.coffee-machine-analogy{grid-template-columns:minmax(125px,1fr) 28px minmax(160px,1.2fr) 28px minmax(125px,1fr);gap:8px 6px;margin-top:8px}.coffee-machine-analogy>p{padding:5px 0;font-size:clamp(1.2rem,1.9vw,1.5rem)}.coffee-analogy-flow article{min-height:var(--algorithm-row-height);height:var(--algorithm-row-height);padding:5px 8px}.behavior-data-model{grid-template-rows:72px 20px 58px 60px;gap:6px}.behavior-action-card{grid-template-columns:27px 1fr;column-gap:6px;height:72px;padding:7px 8px}.behavior-action-card>span{width:27px;height:27px;font-size:.9rem}.behavior-data-record{height:58px;padding:6px}.data-algorithm-flow{grid-template-columns:minmax(175px,1.2fr) 18px minmax(130px,.9fr) 18px minmax(145px,1fr);gap:5px;height:60px}.data-quality-input,.data-algorithm-box,.data-prediction-output{padding:6px 8px}.behavior-data-model.stage-1{grid-template-rows:64px minmax(0,1fr);gap:8px}.behavior-data-model.stage-1 .shared-candidate-pool span{height:38px;font-size:1.12rem}.behavior-data-model.stage-1 .two-run-comparison{grid-template-columns:minmax(130px,.86fr) 16px minmax(160px,1.02fr) 16px minmax(185px,1.2fr);gap:8px 4px}.behavior-data-model.stage-1 .comparison-input>div span{width:32px;height:32px;font-size:1rem}.behavior-data-model.stage-1 .comparison-output>div span{height:44px;font-size:1rem}.behavior-data-model.stage-2{grid-template-rows:96px 28px 78px;gap:9px}.behavior-data-model.stage-2 .behavior-action-card{grid-template-columns:34px minmax(0,1fr);column-gap:8px;height:96px;padding:9px 10px}.behavior-data-model.stage-2 .behavior-action-card>span{width:34px;height:34px;font-size:1.08rem}.behavior-data-model.stage-2 .behavior-action-card strong{font-size:clamp(.82rem,1.1vw,1rem)}.behavior-data-model.stage-2 .behavior-recording-bridge{font-size:clamp(.65rem,.8vw,.78rem)}.behavior-data-model.stage-2 .behavior-data-record{height:78px;padding:8px}.behavior-data-model.stage-2 .behavior-data-record>span{padding:6px 8px}.behavior-data-model.stage-2 .behavior-data-record small{font-size:clamp(.58rem,.72vw,.7rem)}.behavior-data-model.stage-2 .behavior-data-record strong{font-size:clamp(.82rem,1vw,1rem)}.compression-lab{grid-template-rows:44px 50px;gap:10px}.compression-readings{padding:12px 18px}.client-server-network{grid-template-columns:108px minmax(240px,1fr) 108px;height:210px}.network-endpoint{height:96px}.connection-stage{height:190px}.preloading-story{grid-template-columns:230px minmax(205px,1fr) 108px;gap:12px;height:210px}.preload-phone-cache{grid-template-rows:72px 1fr 18px;gap:6px;height:210px;padding:10px}.current-video-playing{padding:7px 9px}.preload-transfer-stage{height:180px}.preload-server{height:96px}.security-network{grid-template-rows:180px 42px;grid-template-columns:102px minmax(270px,1fr) 102px}.security-network-middle{height:170px}.security-network-middle svg{height:150px}.security-endpoint{height:94px}.impact-balance{grid-template-rows:150px 40px}.impact-side span{font-size:2.7rem}.swipe-system{width:min(560px,90%)}}@media (prefers-reduced-motion:reduce){.algorithm-joke,.algorithm-definition-node,.algorithm-definition-arrow,.algorithm-payload i,.algorithm-step-sequence i,.algorithm-output-mark,.coffee-input-icons,.coffee-drop,.latte-output,.recommendation-machine.is-ranked .algorithm-black-box,.recommendation-machine.is-ranked .algorithm-steps span,.recommendation-machine.is-ranked .candidate-cloud span,.ranked-videos.show-result li,.behavior-data-record>span,.data-algorithm-flow,.data-quality-input b,.compression-tradeoff,.direct-connection b,.preload-badge i:after,.selected-route,.current-video-playing>i b,.cached-video,.preload-online-label,.preload-offline-label,.preload-request-path,.preload-video-path,.preload-transfer-stage>p,.seesaw-load,.seesaw-board>i{animation:none}.preloading-story:not(.show-offline-proof) .cached-video{opacity:1}}.opening-step-controls,.recommendation-step-controls{grid-template-columns:repeat(2,132px);gap:8px}.classroom-step-button{border-radius:10px;gap:7px;width:132px;height:38px;padding:5px 8px 5px 10px;font-size:.68rem;box-shadow:0 8px 20px #0004}.classroom-step-button.previous{padding:5px 10px 5px 8px}.classroom-step-button i{flex-basis:22px;width:22px;height:22px;font-size:.82rem}.classroom-step-controls{bottom:10px;right:clamp(22px,2.4vw,42px)}.compression-lab,.compression-lab.stage-1{grid-template-rows:48px;gap:0}.classroom-side.scene-impact .seesaw-load small{font-size:clamp(.88rem,.96vw,1.02rem)}.classroom-side.scene-impact .seesaw-load strong{font-size:clamp(1.12rem,1.24vw,1.36rem)}.classroom-side.scene-impact .impact-product small,.classroom-side.scene-impact .impact-person b,.classroom-side.scene-impact .impact-interest b{font-size:clamp(.62rem,.7vw,.76rem)}.classroom-side.scene-impact .impact-product strong,.classroom-side.scene-impact .impact-person strong,.classroom-side.scene-impact .impact-interest strong{font-size:clamp(.76rem,.84vw,.92rem)}.classroom-side.scene-impact .impact-person small,.classroom-side.scene-impact .impact-interest span,.classroom-side.scene-impact .impact-interest small{font-size:clamp(.68rem,.74vw,.82rem)}.classroom-side.scene-wrap .classroom-question.is-concept h1{max-width:24ch;font-size:clamp(1.65rem,2.35vw,3rem);line-height:1.02}.impact-relationship-map{width:min(760px,100%);height:278px;position:relative}.impact-relationship-map svg{width:100%;height:255px;position:absolute;inset:0;overflow:visible}.impact-link{fill:none;stroke-width:6px;stroke-linecap:round;cursor:pointer;opacity:.72;transition:stroke-width .2s,opacity .2s,filter .2s}.impact-link.viewer-platform{stroke:#d9a742}.impact-link.viewer-advertiser{stroke:#d78370}.impact-link.platform-advertiser{stroke:#55c39d}.impact-link:hover,.impact-link:focus-visible,.impact-link.is-active{stroke-width:10px;opacity:1;filter:drop-shadow(0 0 7px);outline:none}.impact-party{z-index:2;text-align:center;background:#1a121bdd;border:1px solid #73586d;border-radius:17px;place-content:center;gap:4px;width:188px;min-height:78px;padding:10px 14px;display:grid;position:absolute;box-shadow:0 14px 30px #0005}.impact-party b{color:#eda9d0;letter-spacing:.1em;font-size:clamp(.68rem,.75vw,.82rem)}.impact-party strong{color:#f2e7ee;font-size:clamp(.8rem,.9vw,1rem)}.impact-party small{color:#bbaab4;font-size:clamp(.68rem,.76vw,.84rem);font-weight:700}.impact-viewer{top:0;left:50%;transform:translate(-50%)}.impact-platform{bottom:48px;left:0}.impact-advertiser{bottom:48px;right:0}.impact-feed-center{z-index:3;color:#ffe7b1;text-align:center;background:#33220f;border:2px solid #d79a3c;border-radius:50%;place-content:center;gap:3px;width:150px;height:84px;display:grid;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)}.impact-feed-center small{color:#b98a45;letter-spacing:.09em;font-size:.55rem;font-weight:950}.impact-feed-center strong{font-size:.82rem}.impact-link-label{z-index:4;letter-spacing:.06em;pointer-events:none;background:#100b11;border:1px solid;border-radius:99px;padding:3px 7px;font-size:.52rem;font-weight:950;position:absolute}.label-viewer-platform{color:#d9a742;top:34%;left:17%;transform:rotate(-24deg)}.label-viewer-advertiser{color:#d78370;top:34%;right:17%;transform:rotate(24deg)}.label-platform-advertiser{color:#55c39d;bottom:62px;right:39%}.impact-relationship-detail{color:#c9bbc3;text-align:center;border-top:1px solid #664b5f;margin:0;padding-top:8px;font-size:clamp(.7rem,.8vw,.88rem);font-weight:750;line-height:1.35;position:absolute;bottom:0;left:3%;right:3%}.swipe-orbit-stage .system-orbit{inset:8% 10%}.swipe-orbit-stage .swipe-core{width:94px;height:94px}.swipe-orbit-stage .swipe-core span{font-size:1.7rem}.swipe-orbit-stage .system-idea>span{transform-style:preserve-3d;transition:transform .42s cubic-bezier(.2,.75,.3,1);display:block;position:absolute;inset:0}.swipe-orbit-stage .system-idea.is-flipped>span{transform:rotateY(180deg)}.swipe-orbit-stage .system-idea b,.swipe-orbit-stage .system-idea i{backface-visibility:hidden;color:#cceaf4;letter-spacing:.05em;text-align:center;background:#101d28;border:1px solid #54788e;border-radius:13px;place-content:center;width:auto;height:auto;padding:6px;font-size:.58rem;font-style:normal;font-weight:950;display:grid;position:absolute;inset:0}.swipe-orbit-stage .system-idea i{color:#82eafd;background:#10303b;border-color:#75e0f4;transform:rotateY(180deg)}.swipe-orbit-stage .system-idea:focus-visible b,.swipe-orbit-stage .system-idea:hover b{border-color:#75e0f4;outline:none}.recap-detail{text-align:left;background:#0e1b25;border:1px solid #3f6173;border-radius:15px;align-content:start;gap:7px;padding:11px 18px;display:grid}.recap-detail>strong{color:#78e4f8;letter-spacing:.08em;font-size:.72rem}.recommendation-machine .ranked-videos li>em{font-size:.58rem}.impact-relationship-map{grid-template-rows:40px 76px 76px 48px;gap:7px;width:min(760px,100%);height:278px;display:grid;position:relative}.impact-product-beacon{background:linear-gradient(90deg,#2d1929,#1b1521,#2d1929);border:1px solid #865e78;border-radius:999px;justify-content:center;align-items:center;gap:12px;display:flex;box-shadow:inset 0 1px #ffffff0c}.impact-product-beacon small{color:#e6a8cd;letter-spacing:.1em;font-size:clamp(.58rem,.65vw,.72rem);font-weight:950}.impact-product-beacon strong{color:#f4e9ef;font-size:clamp(.76rem,.86vw,.94rem)}.impact-parties{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.impact-relationship-map .impact-party{text-align:center;background:linear-gradient(145deg,#201822,#151117);border:1px solid #574454;border-radius:15px;place-content:center;gap:2px;width:auto;min-height:0;padding:7px 12px;display:grid;position:static;transform:none;box-shadow:inset 0 1px #ffffff0b}.impact-relationship-map .impact-party b{color:#e8a5ca;letter-spacing:.1em;font-size:clamp(.62rem,.68vw,.76rem)}.impact-relationship-map .impact-party strong{color:#f2e9ee;font-size:clamp(.74rem,.84vw,.92rem)}.impact-relationship-map .impact-party small{color:#aa99a3;font-size:clamp(.62rem,.7vw,.78rem);font-weight:750}.impact-relationship-rails{grid-template-rows:repeat(3,1fr);gap:4px;display:grid}.impact-relationship-rail{color:#a995a1;cursor:pointer;background:0 0;border:0;border-radius:9px;grid-template-columns:90px 1fr 90px;align-items:center;gap:8px;min-width:0;padding:0 12px;display:grid}.impact-relationship-rail>span{letter-spacing:.08em;font-size:clamp(.52rem,.59vw,.66rem);font-weight:950}.impact-relationship-rail>span:last-child{text-align:right}.impact-relationship-rail>i{background:linear-gradient(90deg,#dbad48,#d587b4);border-radius:99px;height:3px;transition:height .2s,filter .2s;position:relative}.impact-relationship-rail>i:before,.impact-relationship-rail>i:after{content:"";background:#161017;border:2px solid #e1b65a;border-radius:50%;width:9px;height:9px;position:absolute;top:50%;transform:translateY(-50%)}.impact-relationship-rail>i:before{left:-2px}.impact-relationship-rail>i:after{border-color:#d992bb;right:-2px}.impact-relationship-rail b{color:#dec7d4;letter-spacing:.05em;white-space:nowrap;background:#171018;border:1px solid #745364;border-radius:999px;padding:3px 9px;font-size:clamp(.48rem,.54vw,.6rem);font-style:normal;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.impact-relationship-rail:hover,.impact-relationship-rail:focus-visible,.impact-relationship-rail.is-active{color:#f1e6ed;background:#ffffff08;outline:none}.impact-relationship-rail:is(:hover,:focus-visible,.is-active)>i{filter:drop-shadow(0 0 7px #de9ab8);height:6px}.impact-relationship-rail.is-active b{color:#ffe9ac;border-color:#e1ad4d}.impact-relationship-map .impact-relationship-detail{color:#dacbd3;text-align:center;background:#171018;border:1px solid #664b5f;border-radius:13px;align-content:center;margin:0;padding:7px 16px;font-size:clamp(.7rem,.78vw,.86rem);font-weight:750;line-height:1.3;display:grid;position:static}.classroom-side.scene-wrap .swipe-system{grid-template-rows:218px 112px;gap:10px;width:min(740px,100%);height:340px;display:grid}.swipe-orbit-stage{min-height:0;position:relative}.recap-orbit-lines{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.recap-orbit-lines ellipse{fill:none;stroke:#4ccfe733;stroke-width:2px;stroke-dasharray:5 9}.recap-orbit-lines path{fill:none;stroke:#5ccfe724;stroke-width:1.5px}.swipe-orbit-stage .swipe-core{z-index:3;color:#fff2c7;background:radial-gradient(circle at 50% 30%,#674718,#281c0b 72%);border:2px solid #e3ad42;border-radius:50%;place-content:center;justify-items:center;gap:2px;width:108px;height:108px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 10px #e0a43815,0 0 35px #d69d3548}.swipe-orbit-stage .swipe-core span{font-size:1.65rem;line-height:.9}.swipe-orbit-stage .swipe-core strong{letter-spacing:.08em;font-size:.66rem}.swipe-orbit-stage .swipe-core small{color:#d4a94f;letter-spacing:.08em;font-size:.38rem;font-weight:950}.swipe-orbit-stage .system-idea{z-index:4;perspective:700px;cursor:pointer;background:0 0;border:0;width:82px;min-width:0;height:82px;padding:0;display:block;position:absolute;transform:translate(-50%,-50%)}.swipe-orbit-stage .system-idea>.recap-coin{transform-style:preserve-3d;transition:transform .48s cubic-bezier(.2,.75,.3,1);display:block;position:absolute;inset:0}.swipe-orbit-stage .system-idea.is-flipped>.recap-coin{transform:rotateY(180deg)}.swipe-orbit-stage .recap-coin>b,.swipe-orbit-stage .recap-coin>strong{backface-visibility:hidden;color:#d9f8ff;background:radial-gradient(circle at 45% 30%,#1b4556,#0c1b25 70%);border:1px solid #4e879a;border-radius:50%;place-content:center;justify-items:center;gap:4px;width:auto;height:auto;padding:7px;font-style:normal;display:grid;position:absolute;inset:0;box-shadow:inset 0 1px #ffffff18,0 8px 22px #0006}.swipe-orbit-stage .recap-coin>strong{color:#78e9fb;background:radial-gradient(circle at 45% 30%,#176375,#0a2732 72%);border-color:#71e6f8;transform:rotateY(180deg);box-shadow:0 0 22px #55dff455}.swipe-orbit-stage .recap-coin :is(b,strong)>i{color:#07202a;background:#78e7f9;border:0;border-radius:50%;place-items:center;width:25px;height:25px;font-size:.72rem;font-style:normal;font-weight:950;display:grid;position:static;transform:none}.swipe-orbit-stage .recap-coin em{color:inherit;letter-spacing:.035em;text-align:center;font-size:clamp(.48rem,.54vw,.6rem);font-style:normal;font-weight:950;line-height:1.05}.swipe-orbit-stage .system-idea:hover .recap-coin>b,.swipe-orbit-stage .system-idea:focus-visible .recap-coin>b{border-color:#79e8fa;box-shadow:0 0 20px #55dff444}.swipe-orbit-stage .system-idea:focus-visible{outline-offset:4px;border-radius:50%;outline:3px solid #f1bd54}.swipe-orbit-stage .system-idea:first-of-type{top:8%;left:50%}.swipe-orbit-stage .system-idea:nth-of-type(2){top:27%;left:84%}.swipe-orbit-stage .system-idea:nth-of-type(3){top:76%;left:84%}.swipe-orbit-stage .system-idea:nth-of-type(4){top:92%;left:50%}.swipe-orbit-stage .system-idea:nth-of-type(5){top:76%;left:16%}.swipe-orbit-stage .system-idea:nth-of-type(6){top:27%;left:16%}.recap-detail{text-align:left;background:linear-gradient(120deg,#102634,#0c1821);border:1px solid #3e6677;border-radius:18px;grid-template-columns:145px 1fr;align-content:center;gap:12px;padding:12px 18px;display:grid;position:relative;overflow:hidden;box-shadow:inset 4px 0 #62daef}.recap-detail:after{content:"";border:1px solid #62daef1f;border-radius:50%;width:160px;height:160px;position:absolute;bottom:-58px;right:-34px}.recap-detail>strong{color:#78e4f8;letter-spacing:.08em;align-self:center;font-size:clamp(.72rem,.82vw,.9rem)}.recap-detail ul{grid-template-columns:1fr 1fr;gap:6px 24px;margin:0;padding-left:18px;display:grid}.recap-detail li{color:#d0e5ec;font-size:clamp(.64rem,.72vw,.8rem);font-weight:740;line-height:1.3}@media (prefers-reduced-motion:reduce){.swipe-orbit-stage .system-idea>.recap-coin{transition:none}}.impact-spotlight{background:radial-gradient(circle at 50% 34%,#382032,#140f16 67%);border:1px solid #533d4d;border-radius:24px;width:min(860px,100%);height:clamp(470px,49vh,520px);position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0c,0 18px 40px #0004}.impact-spotlight:before{content:"";background-image:radial-gradient(#e8a4ca16 1.3px,#0000 1.3px);background-size:24px 24px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 77%);mask-image:linear-gradient(#000,#0000 77%)}.impact-spotlight-links{z-index:1;width:100%;height:320px;position:absolute;top:0;left:0;overflow:visible}.impact-spotlight-links path{fill:none;stroke-width:0;stroke-linecap:round;opacity:0;transition:opacity .3s,stroke-width .3s}.impact-spotlight-links .viewer-platform{stroke:#e2ad3e}.impact-spotlight-links .viewer-advertiser{stroke:#dc8aae}.impact-spotlight-links .platform-advertiser{stroke:#62d5b7}.impact-spotlight-links path.is-active{stroke-width:8px;stroke-dasharray:12 8;opacity:1;filter:drop-shadow(0 0 8px);animation:1.4s linear infinite impact-link-flow}.impact-spotlight-links path.is-overview{stroke-width:3px;opacity:.52}@keyframes impact-link-flow{to{stroke-dashoffset:-20px}}.impact-spotlight-party{z-index:2;text-align:center;background:linear-gradient(145deg,#281b26ed,#171118ed);border:1px solid #76556a;border-radius:22px;place-content:center;justify-items:center;gap:6px;width:220px;height:130px;transition:opacity .3s,filter .3s,transform .3s;display:grid;position:absolute;box-shadow:0 14px 30px #0005,inset 0 1px #ffffff12}.impact-spotlight-party.viewer{top:18px;left:50%;transform:translate(-50%)}.impact-spotlight-party.platform{top:190px;left:7%}.impact-spotlight-party.advertiser{top:190px;right:7%}.impact-spotlight-party>span{color:#2c1324;background:#e8a4ca;border:1px solid #f0b5d6;border-radius:50%;place-items:center;width:54px;height:54px;font-size:1.85rem;font-weight:950;display:grid;box-shadow:inset 0 1px #fff5,0 5px 14px #0004}.impact-spotlight-party.platform>span{color:#251a05;background:#e2ad3e;border-color:#f5d887}.impact-spotlight-party.advertiser>span{color:#08251e;background:#70d9bc;border-color:#b3f4e2}.impact-spotlight-party b{color:#e9a8cd;letter-spacing:.1em;font-size:clamp(.9rem,.96vw,1.05rem)}.impact-spotlight-party strong{color:#f5edf2;font-size:clamp(1.12rem,1.22vw,1.34rem)}.impact-spotlight-party.is-muted{opacity:.18;filter:grayscale(.8)}.impact-spotlight-party.is-muted.viewer{transform:translate(-50%)scale(.94)}.impact-spotlight-party.is-muted:not(.viewer){transform:scale(.94)}.impact-spotlight-caption{z-index:3;text-align:center;background:#171017ed;border:1px solid #715064;border-radius:17px;place-content:center;gap:8px;min-height:112px;padding:14px 30px;display:grid;position:absolute;bottom:18px;left:20px;right:20px;box-shadow:inset 4px 0 #e2ad3e}.impact-spotlight-caption small{color:#e9afcf;letter-spacing:.1em;font-size:clamp(.88rem,.94vw,1rem);font-weight:950}.impact-spotlight-caption p{color:#f0e7ec;max-width:58ch;margin:0 auto;font-size:clamp(1.12rem,1.22vw,1.34rem);font-weight:780;line-height:1.4}@media (width<=1300px){.impact-spotlight{height:400px}.impact-spotlight-links{height:265px}.impact-spotlight-party{width:180px;height:110px}.impact-spotlight-party.viewer{top:8px}.impact-spotlight-party.platform{top:142px;left:5%}.impact-spotlight-party.advertiser{top:142px;right:5%}.impact-spotlight-party>span{width:46px;height:46px;font-size:1.6rem}.impact-spotlight-caption{min-height:100px;padding:11px 20px;bottom:10px}}@media (prefers-reduced-motion:reduce){.impact-spotlight-links path.is-active{animation:none}}.culture-power-grid{--culture-energy:#66d9ff;--culture-energy-bright:#b7efff;place-self:center;width:min(1020px,92%);height:min(440px,56vh);position:relative;transform:translateY(clamp(3px,.8vh,8px))}.culture-power-lines{z-index:1;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.culture-power-lines path{fill:none;stroke:var(--course-connector-soft);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.culture-power-lines .power-bus{stroke:var(--course-connector);stroke-width:5px}.culture-power-lines circle{fill:#101b24;stroke:var(--course-connector-strong);stroke-width:3px}.culture-power-lines .power-pulse{stroke:var(--culture-energy);stroke-width:5px;stroke-dasharray:.13 2;stroke-dashoffset:0;opacity:0;filter:drop-shadow(0 0 7px #66d9ffcc)}.culture-power-lines .power-pulse.is-charging{animation:2.4s linear both culture-line-charge}.culture-fuel-cell{z-index:4;color:#e7f9ff;text-align:center;background:linear-gradient(155deg,#123c51f2,#0c1b27f5);border:1px solid #438da8;border-radius:28px;place-content:center;justify-items:center;gap:10px;width:222px;min-height:184px;padding:18px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 10px #66d9ff0f,0 20px 56px #0007,inset 0 1px #c9f4ff2b}.culture-fuel-cell>div{justify-items:center;gap:4px;display:grid}.culture-fuel-cell>div>b{color:var(--culture-energy);letter-spacing:.14em;font-size:.6rem}.culture-fuel-cell>div>strong{color:#f2fcff;letter-spacing:.055em;font-size:1.08rem}.culture-fuel-cell>div>small{font-size:.78rem;font-weight:850}.culture-battery{border:2px solid var(--culture-energy);background:#0b1c26;border-radius:12px;place-items:center;width:52px;height:66px;display:grid;position:relative;overflow:visible;box-shadow:inset 0 0 0 4px #081218,0 0 22px #66d9ff3d}.culture-battery:before{background:var(--culture-energy);content:"";border-radius:4px 4px 0 0;width:20px;height:7px;position:absolute;top:-8px}.culture-battery i{background:linear-gradient(180deg, var(--culture-energy-bright), #42a8d1);border-radius:6px;height:68%;animation:6s ease-in-out infinite culture-battery-charge;position:absolute;bottom:5px;left:5px;right:5px}.culture-battery b{z-index:2;color:#08202a;font-size:1.7rem;line-height:1;position:relative}@keyframes culture-battery-charge{0%,to{opacity:.76;height:45%}50%{opacity:1;height:78%}}.culture-module{z-index:3;width:250px;height:82px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:linear-gradient(135deg,#122635f2,#0b1721f2);border:1px solid #456274;border-radius:18px;align-items:center;gap:13px;padding:11px 16px 11px 11px;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 14px 34px #0005,inset 0 1px #ffffff0d}.culture-module:hover{border-color:#718692}.culture-module:focus-visible{border-color:var(--culture-energy);outline-offset:3px;outline:3px solid #66d9ff66}.culture-module>span:first-child{color:#edf2f4;background:#172833;border:1px solid #647783;border-radius:15px;flex:0 0 52px;place-items:center;width:52px;height:52px;display:grid}.culture-module-icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:29px;height:29px;overflow:visible}.culture-module-copy{text-align:left;gap:4px;min-width:0;display:grid}.culture-module strong{color:#eef8fb;font-size:clamp(.82rem,.95vw,1rem);line-height:1.08}.culture-module small{font-size:clamp(.7rem,.78vw,.84rem);font-weight:800}.culture-module.left-top{top:31%;left:14%}.culture-module.left-bottom{top:69%;left:14%}.culture-module.right-top{top:19%;left:86%}.culture-module.right-middle{top:50%;left:86%}.culture-module.right-bottom{top:81%;left:86%}.culture-module.is-charging .culture-module-icon{animation:2.4s ease-out both culture-module-charge}.culture-module.is-charged .culture-module-icon{color:var(--culture-energy);stroke-width:2.25px;filter:drop-shadow(0 0 8px #66d9ffaa)}@keyframes culture-line-charge{0%,5%{stroke-dashoffset:0;opacity:0}8%{stroke-dashoffset:0;opacity:1}76%{stroke-dashoffset:-.87px;opacity:1}80%,to{stroke-dashoffset:-.87px;opacity:0}}@keyframes culture-module-charge{0%,74%{color:#edf2f4;stroke-width:1.8px;filter:none;transform:scale(1)}84%,to{color:var(--culture-energy);stroke-width:2.35px;filter:drop-shadow(0 0 10px #66d9ffdd);transform:scale(1.16)}}@media (width<=1300px){.class-culture-opening{padding-top:58px}.culture-title h1{font-size:clamp(1.85rem,3.1vw,2.45rem)}.culture-power-grid{width:min(880px,92%);height:min(385px,54vh)}.culture-fuel-cell{width:194px;min-height:158px;padding:14px}.culture-battery{width:44px;height:56px}.culture-fuel-cell>div>strong{font-size:.92rem}.culture-fuel-cell>div>small{font-size:.68rem}.culture-module{gap:10px;width:208px;height:70px;padding:8px 12px 8px 8px}.culture-module>span:first-child{flex-basis:44px;width:44px;height:44px}.culture-module-icon{width:25px;height:25px}.culture-module strong{font-size:clamp(.7rem,.86vw,.84rem)}.culture-module small{font-size:clamp(.62rem,.68vw,.72rem)}}@media (prefers-reduced-motion:reduce){.culture-battery i,.culture-module-icon,.culture-power-lines .power-pulse{animation:none}.culture-module.is-charging .culture-module-icon{color:var(--culture-energy);stroke-width:2.25px;filter:none}}.classroom-side.scene-wrap .classroom-visual{padding-bottom:0}.backstage-recap{grid-template-columns:190px minmax(0,1fr);gap:14px;width:min(760px,100%);height:clamp(310px,35vh,360px);display:grid}.backstage-stage-rail{grid-template-rows:repeat(5,1fr);gap:7px;display:grid}.backstage-stage-rail button{color:#8ba6b2;text-align:left;cursor:pointer;background:#0e1922c9;border:1px solid #365568;border-radius:12px;grid-template-columns:minmax(0,1fr);align-items:center;min-width:0;padding:9px 14px;transition:border-color .2s,background .2s,color .2s;display:grid}.backstage-stage-rail button>b{letter-spacing:.05em;text-overflow:ellipsis;font-size:clamp(.62rem,.72vw,.8rem);line-height:1.08;overflow:hidden}.backstage-stage-rail button.is-active{color:#e2ad3e}.backstage-stage-rail button:hover,.backstage-stage-rail button:focus-visible{color:#e8fbff;border-color:#72def2;outline:none}.backstage-focus,.backstage-overview{background:radial-gradient(circle at 70% 20%,#183b50,#0d1923 66%);border:1px solid #3b6275;border-radius:22px;grid-template-rows:auto 96px minmax(0,1fr);gap:12px;min-width:0;padding:20px 24px;display:grid;overflow:hidden;box-shadow:inset 0 1px #ffffff10,0 18px 40px #0004}.backstage-focus header{gap:4px;display:grid}.backstage-focus header small,.backstage-overview>small{color:#e2ad3e;letter-spacing:.13em;font-size:clamp(.62rem,.7vw,.78rem);font-weight:950}.backstage-focus h2,.backstage-overview h2{color:#effaff;letter-spacing:-.03em;max-width:24ch;margin:0;font-size:clamp(1.2rem,1.7vw,1.85rem);line-height:1.04}.recap-keyword{color:#e2ad3e;background:0 0;font-weight:900}.backstage-focus ul{align-content:start;gap:7px;margin:0;padding-left:21px;display:grid}.backstage-focus li{color:var(--course-text-white,#f4f7fa);font-size:clamp(.78rem,.9vw,1rem);font-weight:720;line-height:1.32}.backstage-focus li::marker{color:#70dff4}.backstage-mini-visual{background:#0b1720c9;border:1px solid #3e6b7d;border-radius:17px;grid-template-columns:minmax(110px,1fr) 50px minmax(110px,1fr);align-items:center;gap:12px;width:100%;min-height:92px;padding:12px 18px;display:grid}.backstage-mini-visual>:is(span,b,strong){color:#dff8ff;letter-spacing:.05em;text-align:center;background:#112b39;border:1px solid #4b7282;border-radius:13px;place-content:center;min-height:54px;padding:8px 10px;font-size:clamp(.65rem,.76vw,.84rem);font-weight:950;display:grid}.backstage-mini-visual>i{color:#e2ad3e;text-align:center;font-size:1.45rem;font-style:normal;font-weight:950}.backstage-mini-visual.decision{grid-template-columns:minmax(88px,1fr) 24px minmax(120px,1.25fr) 24px minmax(88px,1fr);gap:7px;padding:10px}.backstage-mini-visual.decision>:is(span,b,strong){color:#e2ad3e}.backstage-mini-visual.compression>:is(span,strong){align-content:center;gap:5px}.backstage-mini-visual.compression>:is(span,strong) b{color:#e2ad3e;font-size:clamp(1.05rem,1.35vw,1.5rem)}.backstage-mini-visual.compression>:is(span,strong) small{color:#c8dae2;letter-spacing:.07em;font-size:clamp(.6rem,.68vw,.76rem);font-weight:900}.backstage-mini-visual.compression>strong{background:#282044;border-color:#8570bd}.backstage-mini-visual.encryption>span{color:#e2ad3e}.backstage-mini-visual.encryption>b{color:#d9e7ff;background:#182b4c;border-color:#658ed0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.backstage-mini-visual.encryption>i{background:#203b66;border-radius:50%;justify-self:center;place-items:center;width:44px;height:44px;font-size:1.3rem;display:grid}.backstage-mini-visual.delivery{grid-template-columns:105px minmax(150px,1fr) 105px}.backstage-mini-visual.delivery>:is(span,strong){color:#e2ad3e}.backstage-mini-visual.delivery svg{width:100%;height:82px;overflow:visible}.recap-network-links path{fill:none;stroke:#426a7c;stroke-width:2px}.recap-network-route{fill:none;stroke:#69d9ed;stroke-width:5px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px #69d9ed55)}.recap-network-nodes circle{fill:#112c3a;stroke:#71deef;stroke-width:3px}.backstage-mini-visual.impact{grid-template-columns:1fr 36px 1fr 36px 1fr}.backstage-mini-visual.impact>span{min-width:0;font-size:1.8rem}.backstage-mini-visual.impact>i{font-size:1.1rem}.backstage-overview{text-align:center;grid-template-rows:auto auto 1fr auto;place-items:center}.backstage-overview h2{max-width:20ch;font-size:clamp(1.5rem,2.2vw,2.5rem)}.backstage-overview>div{color:#fff1bc;background:radial-gradient(circle at 50% 28%,#654715,#2b1e0b 72%);border:2px solid #e2ad3e;border-radius:50%;place-content:center;gap:3px;width:112px;height:112px;display:grid;box-shadow:0 0 34px #d79b3544}.backstage-overview>div span{font-size:2rem;line-height:.8}.backstage-overview>div b{letter-spacing:.08em;font-size:.72rem}.backstage-overview p{color:#a9c0ca;margin:0;font-size:clamp(.72rem,.82vw,.9rem);font-weight:750}@media (width<=1300px){.backstage-recap{grid-template-columns:170px minmax(0,1fr);gap:10px;height:320px}.backstage-stage-rail{gap:5px}.backstage-stage-rail button{padding:7px 9px}.backstage-focus,.backstage-overview{gap:9px;padding:15px 18px}.backstage-mini-visual{min-height:86px;padding:10px 12px}.backstage-mini-visual.delivery{grid-template-columns:88px minmax(130px,1fr) 88px}}@media (prefers-reduced-motion:reduce){.backstage-stage-rail button{transition:none}}:root{--course-connector:#788791;--course-connector-strong:#a8b4bc;--course-connector-soft:#53616a;--course-text-white:#f4f7fa;--course-highlight-gold:#e2ad3e;--course-title-recommendation:#f27c78;--course-title-data:#e8bd62;--course-title-compression:#bba2ff;--course-title-network:#7ce6df;--course-title-security:#8eb8ff;--course-title-impact:#f3a6d0;--course-title-recap:#9bdfff}.general-highlight{color:var(--course-highlight-gold);font-weight:950}.impact-spotlight-caption p{color:var(--course-text-white)}.algorithm-black-box>i,.algorithm-definition-arrow,.coffee-analogy-flow>i,.comparison-arrow,.data-algorithm-flow>i,.system-flow-row>i,.backstage-mini-visual>i{color:var(--course-connector)}.behavior-recording-bridge i{background:linear-gradient(90deg, transparent, var(--course-connector))}.behavior-recording-bridge i:last-child{background:linear-gradient(90deg, var(--course-connector), transparent)}.simple-link i,.direct-connection>i,.request-lane>i,.video-lane>i,.preload-request-path>i,.preload-video-path>i{background:var(--course-connector-soft)}.network-links path,.security-network-links line,.recap-network-links path{stroke:var(--course-connector-soft)}.selected-route,.recap-network-route{stroke:var(--course-connector-strong);filter:drop-shadow(0 0 5px #a8b4bc44)}.journey-route{stroke:var(--course-connector-strong);filter:drop-shadow(0 0 7px #a8b4bc3d)}.journey-route-group.is-complete .journey-route{stroke:var(--course-connector-soft)}.journey-route-traveler{fill:#e8edf0;stroke:var(--course-connector-strong);filter:drop-shadow(0 0 10px #dfe7eb66)}.journey-timeline li:is(.is-visited,.is-active):before{background:var(--course-connector-strong)}.impact-link.viewer-platform,.impact-link.viewer-advertiser,.impact-link.platform-advertiser,.impact-spotlight-links .viewer-platform,.impact-spotlight-links .viewer-advertiser,.impact-spotlight-links .platform-advertiser{stroke:var(--course-connector)}.impact-spotlight-links path.is-active{stroke:var(--course-connector-strong);filter:drop-shadow(0 0 7px #a8b4bc55)}.impact-relationship-rail>i{background:var(--course-connector)}.impact-relationship-rail>i:before,.impact-relationship-rail>i:after{border-color:var(--course-connector-strong)}.recap-orbit-lines ellipse,.recap-orbit-lines path,.culture-route path,.culture-energy-network path{stroke:var(--course-connector);filter:none}.culture-energy-network circle{fill:var(--course-connector-strong);stroke:#dce3e7;filter:drop-shadow(0 0 7px #a8b4bc55)}.culture-drive-system article:nth-of-type(2):after{background:var(--course-connector)}.classroom-side.scene-behavior:not(.reveal-0) .classroom-focus{grid-template-rows:minmax(clamp(272px,29.1vh,315px),max-content) minmax(0,1fr) max-content}.classroom-side.scene-behavior:not(.reveal-0) .classroom-step-controls{grid-row:3;justify-self:end;position:static}.classroom-side.scene-behavior:not(.reveal-0) .behavior-data-model{height:min(330px,32vh)}.classroom-side.scene-preload:not(.reveal-0) .classroom-focus{grid-template-rows:minmax(225px,max-content) minmax(0,1fr) max-content}.opening-shell:has(.scene-homework-grading){min-height:0}.homework-grading-opening{background:radial-gradient(circle at 50% 45%,#223247,#090e17 72%);grid-template-rows:max-content minmax(0,1fr);gap:clamp(20px,3vh,36px);padding:38px clamp(38px,5vw,96px) 82px;display:grid;position:absolute;inset:0}.homework-grading-title{justify-content:space-between;align-items:center;gap:28px;display:flex}.homework-grading-title h1{color:#f4f7fa;letter-spacing:-.035em;max-width:70%;margin:0;font-size:clamp(2rem,3.3vw,4rem);line-height:1.08}.homework-grading-title>div{text-align:center;gap:4px;display:grid}.homework-grading-title strong{color:#f0bd55;font-size:clamp(2.5rem,4vw,4.8rem);line-height:1}.homework-grading-title span{color:#dbe4eb;font-size:clamp(.95rem,1.2vw,1.45rem)}.homework-grading-panels{grid-template-columns:1.2fr 1fr;gap:clamp(18px,2vw,36px);min-height:0;display:grid}.homework-grading-panels>section{background:#0d1721ee;border:1px solid #647689;border-radius:24px;min-width:0;padding:clamp(20px,2.3vw,44px);overflow:auto}.homework-grading-panels h2{color:#f4f7fa;margin:0 0 8px;font-size:clamp(1.5rem,2vw,2.4rem);line-height:1.15}.homework-grading-panels p{color:#c1cdd7;margin:0;font-size:clamp(1.05rem,1.4vw,1.7rem);line-height:1.4}.homework-late-policy table{border-collapse:collapse;text-align:left;width:100%;margin:clamp(16px,2.5vh,28px) 0}.homework-late-policy th{color:#aebfcd;padding:0 0 10px;font-size:clamp(.95rem,1.15vw,1.4rem);font-weight:700}.homework-late-policy td{color:#f4f7fa;border-top:1px solid #344959;padding:clamp(10px,1.7vh,18px) 0;font-size:clamp(1.15rem,1.7vw,2rem)}.homework-late-policy th:last-child,.homework-late-policy td:last-child{text-align:right}.homework-late-policy td:last-child{color:#f0bd55;font-weight:850}.homework-late-policy .homework-cutoff{color:#f0bd55}.homework-grading-panels>.homework-absence-policy{border-color:#497c82;flex-direction:column;display:flex}.homework-return-deadline{margin:auto 0;padding:24px 0}.homework-return-deadline>strong{color:#8de7d3;margin-bottom:12px;font-size:clamp(2.8rem,5vw,6rem);line-height:1;display:block}.homework-absence-policy .homework-absence-outcome{color:#9aecd6;background:#66d9b912;border:1px solid #417f73;border-radius:12px;padding:14px 18px;font-weight:800}@media (height<=740px){.homework-grading-opening{gap:18px;padding-top:24px;padding-bottom:68px}.homework-grading-panels>section{padding:20px 24px}.homework-late-policy table{margin:16px 0}.homework-late-policy td{padding:10px 0}}:root{--systems-bg:#050911;--systems-panel:#0a1420;--systems-line:#73818b;--systems-blue:#6bdff2;--systems-gold:#e9ad43;--systems-white:#f5f7fb;--systems-muted:#aebac4;--systems-scene:#70d8ea;--systems-scene-rgb:112, 216, 234}.systems-shell{background:var(--systems-bg);grid-template-rows:48px minmax(0,1fr);min-height:720px}.systems-shell .projection-header{background:#070d14}.systems-shell.scene-hook{--systems-scene:#a78bfa;--systems-scene-rgb:167, 139, 250}.systems-shell.scene-stored{--systems-scene:#d8a557;--systems-scene-rgb:216, 165, 87}.systems-shell.scene-resources{--systems-scene:#62d9ec;--systems-scene-rgb:98, 217, 236}.systems-shell.scene-io{--systems-scene:#5dd4ad;--systems-scene-rgb:93, 212, 173}.systems-shell.scene-os,.systems-shell.scene-os-bridge{--systems-scene:#5e9ef5;--systems-scene-rgb:94, 158, 245}.systems-shell.scene-python{--systems-scene:#f2c85d;--systems-scene-rgb:242, 200, 93}.systems-shell.scene-recap{--systems-scene:#78d6ed;--systems-scene-rgb:120, 214, 237}.systems-shell.scene-language-history{--systems-scene:#f2c85d;--systems-scene-rgb:242, 200, 93}.systems-classroom{background:radial-gradient(circle at 42% 46%, rgba(var(--systems-scene-rgb), .14), transparent 41%), linear-gradient(140deg, rgba(var(--systems-scene-rgb), .05), transparent 42%), #060c14;padding:clamp(24px,2.5vw,42px) clamp(28px,3.2vw,58px) 74px;transition:background .45s;position:relative;overflow:hidden}.systems-classroom:before{content:"";background-image:radial-gradient(circle,#b8d5e11c 1.2px,#0000 1.3px);background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 42% 54%,#000 0,#0000 72%);mask-image:radial-gradient(circle at 42% 54%,#000 0,#0000 72%)}.systems-page-title{z-index:3;align-content:center;min-height:68px;display:grid;position:relative}.systems-page-title h1{color:var(--systems-white);letter-spacing:-.048em;white-space:nowrap;font-size:clamp(1.45rem,3vw,3.45rem);line-height:1.12}.systems-teaching-stage{z-index:2;grid-template-columns:minmax(0,1fr) minmax(285px,25%);grid-template-areas:"model callout";align-items:stretch;gap:clamp(22px,2.5vw,42px);min-height:0;display:grid;position:absolute;inset:116px clamp(28px,3.2vw,58px) 74px}.systems-teaching-stage>aside{grid-area:callout;grid-template-rows:minmax(0,1fr);align-items:stretch;min-height:0;display:grid}.systems-card-slot{align-items:start;height:100%;min-height:0;display:grid}:is(.scene-io,.scene-process) .systems-card-slot{overscroll-behavior:contain;overflow-y:auto}.systems-card-slot>.systems-question,.systems-explanation-stack>.systems-explanation.is-current{animation:.24s ease-out both systems-card-enter}@keyframes systems-card-enter{0%{opacity:.45;transform:translateY(8px)}}.systems-explanation-stack{align-content:start;gap:10px;display:grid}.systems-explanation.compact{border-left-color:var(--systems-scene);background:linear-gradient(100deg, rgba(var(--systems-scene-rgb), .13), #0b151fdd 62%, #08111add);opacity:1;border-radius:0 17px 17px 0;gap:5px;padding:clamp(14px,1.25vw,20px);box-shadow:0 14px 32px #0004}.systems-explanation-stack.is-concept-stack .systems-explanation.compact{padding-top:clamp(16px,1.4vw,22px);padding-bottom:clamp(16px,1.4vw,22px)}.systems-explanation.compact h2{font-size:clamp(1.35rem,1.65vw,2rem)}.systems-explanation.compact ul{gap:3px;margin-top:2px}.systems-explanation.compact li{font-size:clamp(1.02rem,1.18vw,1.35rem);line-height:1.32}.systems-explanation-stack.is-progressive>.systems-explanation:not(.is-current){opacity:.72}.systems-explanation-stack.is-progressive>.systems-explanation.is-current{box-shadow:0 14px 32px #0004, 0 0 20px rgba(var(--systems-scene-rgb), .1)}:is(.scene-hook,.scene-memory,.scene-storage,.scene-os) .systems-explanation-stack{grid-template-rows:repeat(3,minmax(0,1fr));align-content:stretch;gap:clamp(10px,1vw,14px);width:100%;height:min(720px,100vh - 280px)}:is(.scene-hook,.scene-memory,.scene-storage,.scene-os) .systems-explanation.compact{align-content:center}.scene-os .systems-explanation-stack{height:min(800px,100vh - 280px)}.scene-hook .systems-explanation.compact h2{font-size:clamp(1.5rem,1.9vw,2.25rem)}.scene-hook .systems-explanation.compact li{font-size:clamp(1.1rem,1.35vw,1.55rem);line-height:1.32}:is(.scene-memory,.scene-storage) .systems-explanation.compact h2{font-size:clamp(1.35rem,1.65vw,2rem)}:is(.scene-memory,.scene-storage) .systems-explanation.compact li{font-size:clamp(1.02rem,1.18vw,1.35rem);line-height:1.32}.scene-os .systems-explanation.compact{gap:2px;padding:13px 16px}.scene-os .systems-explanation.compact ul{gap:1px;margin-top:0}.scene-os .systems-explanation.compact li{line-height:1.25}.scene-language-history .systems-explanation-stack{gap:8px;width:100%}.scene-language-history .systems-explanation.compact{gap:2px;padding:12px 16px}.scene-language-history .systems-explanation.compact h2{font-size:clamp(1.2rem,1.35vw,1.55rem)}.scene-language-history .systems-explanation.compact ul{gap:1px;margin-top:0}.scene-language-history .systems-explanation.compact li{font-size:clamp(1rem,1.05vw,1.2rem);line-height:1.25}.scene-os-bridge .systems-explanation.compact{gap:9px;padding:clamp(20px,1.65vw,28px)}.scene-os-bridge .systems-explanation.compact h2{font-size:clamp(1.8rem,2.15vw,2.6rem)}.scene-os-bridge .systems-explanation.compact li{font-size:clamp(1.18rem,1.38vw,1.55rem);line-height:1.28}.systems-visual-stage{border:1px solid rgba(var(--systems-scene-rgb), .28);background:linear-gradient(145deg, rgba(var(--systems-scene-rgb), .1), #070e17 48%, #050a11);border-radius:34px;grid-area:model;place-items:center;min-width:0;min-height:0;display:grid;overflow:hidden;box-shadow:inset 0 1px #ffffff0d,0 25px 65px #0005}.systems-visual-stage>*{width:min(1080px,97%);height:min(650px,96%)}.systems-question,.systems-explanation{border:0;border-left:3px solid var(--systems-scene);background:linear-gradient(100deg, rgba(var(--systems-scene-rgb), .12), #0b151fdd 58%, #08111add);border-radius:0 24px 24px 0;align-content:center;gap:12px;min-height:0;padding:clamp(22px,2vw,34px);display:grid;position:relative;box-shadow:0 22px 54px #0004,inset 0 1px #ffffff0c}.systems-explanation>span{color:var(--systems-gold);letter-spacing:.14em;font-size:clamp(.8rem,.84vw,.94rem);font-weight:950}.systems-question>strong{color:var(--systems-white);letter-spacing:-.03em;text-wrap:balance;font-size:clamp(1.72rem,2vw,2.45rem);line-height:1.08}.systems-question>small{color:var(--systems-white);font-size:clamp(1.05rem,1.1vw,1.28rem);font-weight:700;line-height:1.42}.systems-explanation h2{color:var(--systems-scene);text-wrap:balance;font-size:clamp(1.58rem,1.84vw,2.2rem);line-height:1.05}.systems-explanation>p{color:var(--systems-white);font-size:clamp(1.02rem,1.08vw,1.2rem);font-weight:700;line-height:1.35}.systems-explanation ul{gap:10px;margin:5px 0 0;padding-left:20px;display:grid}.systems-explanation li{color:var(--systems-white);font-size:clamp(1.02rem,1.08vw,1.2rem);font-weight:680;line-height:1.35}.systems-explanation li::marker{color:var(--systems-gold)}.mac-system-model{grid-template-rows:max-content minmax(0,1fr) 38px;align-items:center;min-width:0;min-height:0;padding:clamp(18px,1.8vw,28px);display:grid}.model-heading{justify-content:space-between;align-items:baseline;gap:18px;min-width:0;padding:0 10px 10px;display:flex}.model-heading span{color:var(--systems-scene);letter-spacing:.15em;font-size:clamp(.76rem,.82vw,.96rem);font-weight:950}.model-heading b{max-width:58%;color:var(--systems-white);letter-spacing:.07em;text-align:right;font-size:clamp(.72rem,.76vw,.88rem)}.model-canvas{width:100%;max-width:1020px;height:100%;min-height:400px;max-height:570px;margin:auto;position:relative}.model-canvas svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:36px;height:36px;overflow:visible}.model-connections{z-index:1;pointer-events:none;position:absolute;inset:0;width:100%!important;height:100%!important}.model-flow{fill:none;stroke:var(--systems-line);stroke-width:2px;vector-effect:non-scaling-stroke;opacity:.24;transition:opacity .35s,stroke .35s}.model-flow.is-flowing{stroke:var(--systems-scene);stroke-dasharray:.045 .025;stroke-width:3px;opacity:.92;filter:drop-shadow(0 0 5px rgba(var(--systems-scene-rgb), .6));animation:2.8s linear infinite system-flow}@keyframes system-flow{to{stroke-dashoffset:-.14px}}.mac-display{z-index:3;background:linear-gradient(145deg,#101b27,#050a10);border:6px solid #68757e;border-radius:24px 24px 12px 12px;place-items:center;width:44%;height:31%;padding:10px 10px 15px;transition:border-color .35s,box-shadow .35s,transform .35s;display:grid;position:absolute;top:1%;left:28%;box-shadow:0 22px 30px #0007}.mac-display.is-focused{border-color:color-mix(in srgb, var(--systems-scene), #71808a 42%);box-shadow:0 20px 40px #0008, 0 0 34px rgba(var(--systems-scene-rgb), .19);transform:translateY(-3px)}.mac-camera{background:#020507;border-radius:50%;width:5px;height:5px;position:absolute;top:5px}.mac-screen-content{width:100%;height:100%;color:var(--systems-white);background:radial-gradient(circle at 50% 45%, rgba(var(--systems-scene-rgb), .23), #09131e 74%);border-radius:12px 12px 6px 6px;place-items:center;display:grid;overflow:hidden}.display-hinge{z-index:2;background:linear-gradient(90deg,#3e4a52,#89969e 50%,#3e4a52);border-radius:2px 2px 12px 12px;width:28%;height:10px;position:absolute;top:32%;left:36%}.model-app-icon{border:1px solid var(--systems-scene);width:88px;height:88px;color:var(--systems-white);background:linear-gradient(145deg, rgba(var(--systems-scene-rgb), .46), rgba(var(--systems-scene-rgb), .12));box-shadow:0 0 25px rgba(var(--systems-scene-rgb), .25);border-radius:24px;place-content:center;justify-items:center;gap:6px;display:grid}.model-app-icon svg{color:var(--systems-white)}.model-app-icon strong{font-size:.7rem}.scene-hook.reveal-1 .model-app-icon{animation:1.6s ease-in-out infinite app-awake}@keyframes app-awake{50%{box-shadow:0 0 0 12px rgba(var(--systems-scene-rgb), .1), 0 0 38px rgba(var(--systems-scene-rgb), .48);transform:translateY(-4px)scale(1.04)}}.model-app-window,.model-output-message{text-align:center;place-content:center;justify-items:center;gap:5px;display:grid}.model-app-window>span,.model-output-message>span{color:var(--systems-scene)}.model-app-window strong,.model-output-message strong{color:var(--systems-white);letter-spacing:.1em;font-size:clamp(.82rem,.9vw,1.02rem)}.model-app-window small{color:var(--systems-muted);font-size:.7rem}.model-activity{gap:7px;width:76%;display:grid}.model-activity b{color:var(--systems-scene);letter-spacing:.12em;font-size:.63rem}.model-activity span{color:var(--systems-white);background:#ffffff0c;border-radius:7px;align-items:center;gap:8px;padding:6px 9px;font-size:.68rem;font-weight:760;display:flex}.model-activity i{background:var(--systems-scene);width:7px;height:7px;box-shadow:0 0 10px rgba(var(--systems-scene-rgb), .65);border-radius:50%}.model-resource-meter{gap:12px;width:74%;display:grid}.model-resource-meter span{color:var(--systems-white);grid-template-columns:70px 1fr;align-items:center;gap:9px;font-size:.7rem;font-weight:900;display:grid}.model-resource-meter i{background:linear-gradient(90deg, var(--systems-scene) 68%, #ffffff14 68%);height:9px;box-shadow:0 0 12px rgba(var(--systems-scene-rgb), .3);border-radius:99px}.mac-screen-content pre{color:var(--systems-white);white-space:pre-wrap;margin:0;font:700 clamp(.63rem,.72vw,.82rem)/1.55 ui-monospace,SFMono-Regular,Menlo,monospace}.mac-screen-content pre span{color:var(--systems-scene)}.os-layer{z-index:4;color:#73808a;opacity:.36;background:#09121bd9;border:1px solid #6d788160;border-radius:16px;grid-template-columns:44px max-content 1fr;align-items:center;gap:4px 12px;width:64%;height:11%;padding:8px 24px;transition:opacity .35s,border-color .35s,transform .35s,box-shadow .35s;display:grid;position:absolute;top:37%;left:18%;box-shadow:0 12px 28px #0005}.os-layer>span{grid-row:1/3}.os-layer>span svg{width:34px;height:34px}.os-layer strong{letter-spacing:.08em;align-self:end;font-size:clamp(.9rem,.95vw,1.08rem)}.os-layer small{letter-spacing:.13em;align-self:start;font-size:.56rem;font-weight:900}.os-layer:not(.is-known) strong,.os-layer:not(.is-known) small{opacity:0}.os-layer:after{background:var(--systems-line);content:"";opacity:.4;height:2px;margin-left:16px}.os-layer.is-known{color:var(--systems-white);opacity:.76}.os-layer.is-focused{border-color:var(--systems-scene);color:var(--systems-white);box-shadow:0 12px 28px #0005, 0 0 28px rgba(var(--systems-scene-rgb), .2);opacity:1;transform:translateY(-3px)}.os-layer.is-focused>span{color:var(--systems-scene)}.logic-board{z-index:2;background:linear-gradient(160deg,#0e1a23ee,#071018f2);border:1px solid #53616b80;border-radius:34px 34px 58px 58px;width:98%;height:45%;position:absolute;top:50%;left:1%;box-shadow:0 24px 42px #0007,inset 0 1px #ffffff10}.logic-board:before{content:"";border:1px dashed #6f7d862d;border-radius:24px 24px 48px 48px;position:absolute;inset:12px}.system-node{z-index:3;color:#65727b;text-align:center;opacity:.35;background:#09121ae8;border:1px solid #53616b66;border-radius:18px;place-content:center;justify-items:center;gap:4px;width:21%;height:42%;transition:opacity .35s,color .35s,border-color .35s,transform .35s,box-shadow .35s,background .35s;display:grid;position:absolute}.system-node>span{place-items:center;display:grid}.system-node>span svg{width:clamp(27px,2.2vw,39px);height:clamp(27px,2.2vw,39px)}.system-node strong{letter-spacing:.09em;opacity:0;font-size:clamp(.68rem,.73vw,.84rem);transition:opacity .3s,transform .3s;transform:translateY(4px)}.system-node small{color:var(--systems-muted);opacity:0;font-size:clamp(.53rem,.57vw,.66rem);font-weight:740;transition:opacity .3s}.system-node.is-known{color:var(--systems-white);opacity:.72}.system-node.is-known strong,.system-node.is-known small{opacity:1;transform:none}.system-node.is-focused{z-index:5;border-color:var(--systems-scene);color:var(--systems-scene);background:linear-gradient(145deg, rgba(var(--systems-scene-rgb), .18), #0a151f);box-shadow:0 0 30px rgba(var(--systems-scene-rgb), .19), inset 0 1px #ffffff0f;opacity:1;transform:translateY(-5px)}.system-node.is-focused strong{color:var(--systems-white)}.node-storage{top:10%;left:3%}.node-process{top:8%;left:39.5%}.node-input{top:10%;right:3%}.node-memory{width:18%;height:37%;bottom:5%;left:27%}.node-cpu{width:18%;height:37%;bottom:5%;right:27%}.node-python{width:14%;height:36%;top:-7%;left:25%}.node-python:not(.is-known){visibility:hidden}.node-python strong{text-transform:none}.model-legend{color:var(--systems-white);align-items:center;gap:8px;margin:0 8px;font-size:clamp(.65rem,.7vw,.8rem);font-weight:800;display:flex}.model-legend>i{background:var(--systems-scene);width:9px;height:9px;box-shadow:0 0 12px rgba(var(--systems-scene-rgb), .7);border-radius:50%}.model-legend>span{color:var(--systems-muted);margin-left:auto;font-weight:650}.model-recap-rail{grid-template-columns:repeat(5,1fr);gap:7px;display:grid}.model-recap-rail>span{color:#73808a;background:#08111a;border:1px solid #53616b66;border-radius:10px;align-items:center;gap:6px;min-width:0;padding:7px 9px;font-size:.66rem;font-weight:950;display:flex}.model-recap-rail b{letter-spacing:.05em;text-overflow:ellipsis;white-space:nowrap;font-size:.56rem;overflow:hidden}.model-recap-rail>span.on{border-color:var(--systems-scene);color:var(--systems-white);background:rgba(var(--systems-scene-rgb), .12)}.systems-controls{z-index:9;grid-template-columns:repeat(2,142px);gap:9px;display:grid;position:absolute;bottom:16px;right:24px}.systems-nav-button{width:142px;height:42px;color:var(--systems-white);background:#091720ed;border:1px solid #465c6a;border-radius:13px;justify-content:space-between;align-items:center;gap:7px;padding:6px 9px;font-size:.7rem;font-weight:900;display:flex}.systems-nav-button i{color:#07121a;background:#87959e;border-radius:50%;place-items:center;width:27px;height:27px;font-size:.98rem;font-style:normal;display:grid}.systems-nav-button.next{border-color:color-mix(in srgb, var(--systems-scene), #304958 45%)}.systems-nav-button.next i{background:var(--systems-scene)}.systems-nav-button:is(:hover,:focus-visible){border-color:var(--systems-scene);background:#102631}.systems-setup ol{grid-template-columns:repeat(2,minmax(0,1fr))}.systems-setup li{grid-template-columns:92px 1fr;gap:4px 14px;display:grid}.systems-setup li>span{color:#65cde5;grid-row:1/3;font-size:.72rem;font-weight:900}.systems-setup li>small{color:#a8bacd}@media (width<=1450px),(height<=820px){.systems-classroom{padding:19px 22px 62px}.systems-page-title{min-height:50px}.systems-teaching-stage{grid-template-columns:minmax(0,1fr) minmax(260px,27%);gap:18px;inset:82px 22px 62px}.systems-question,.systems-explanation{border-radius:0 18px 18px 0;gap:8px;padding:18px}.systems-question>strong{font-size:clamp(1.5rem,1.9vw,1.9rem)}.systems-question>small{font-size:1rem}.systems-explanation h2{font-size:clamp(1.35rem,1.68vw,1.68rem)}.systems-explanation>p,.systems-explanation li{font-size:.94rem}:is(.scene-hook,.scene-memory,.scene-storage,.scene-os) .systems-explanation-stack{height:min(720px,100vh - 234px)}.systems-visual-stage{border-radius:24px}.systems-visual-stage>*{height:min(540px,97%)}.mac-system-model{grid-template-rows:max-content minmax(0,1fr) 32px;padding:14px 16px}.model-canvas{min-height:340px;max-height:475px}.model-heading b{max-width:62%;font-size:.64rem}.system-node strong{font-size:.64rem}.system-node small{font-size:.52rem}.model-recap-rail>span{padding:5px 6px}.model-recap-rail b{font-size:.48rem}.systems-controls{grid-template-columns:repeat(2,128px);bottom:10px;right:15px}.systems-nav-button{width:128px;height:38px;font-size:.64rem}.systems-nav-button i{width:24px;height:24px}}@media (height<=820px){.systems-explanation-stack{gap:6px}.systems-explanation.compact{padding:10px 13px}.systems-explanation.compact ul{gap:1px;margin-top:0}.systems-explanation.compact li{line-height:1.24}:is(.scene-hook,.scene-memory,.scene-storage,.scene-os) .systems-explanation-stack{gap:8px}:is(.scene-hook,.scene-memory,.scene-storage,.scene-os) .systems-explanation.compact{padding:12px 14px}.scene-hook .systems-explanation.compact h2{font-size:1.35rem}.scene-hook .systems-explanation.compact li{font-size:1.02rem;line-height:1.25}:is(.scene-memory,.scene-storage) .systems-explanation.compact h2{font-size:1.25rem}:is(.scene-memory,.scene-storage) .systems-explanation.compact li{font-size:.95rem;line-height:1.25}.scene-language-history .systems-explanation-stack,.scene-language-history .systems-explanation.compact{gap:1px}.scene-language-history .systems-explanation-stack.is-concept-stack .systems-explanation.compact{padding:17px 10px}.scene-language-history .systems-explanation.compact ul{gap:0}.scene-language-history .systems-explanation.compact li{line-height:1.15}}@media (width<=1120px){.systems-teaching-stage{grid-template-columns:minmax(0,1fr) 250px;gap:12px}.model-heading b,.model-legend>span{display:none}.systems-question,.systems-explanation{padding:15px}.systems-explanation li{font-size:.92rem}}@media (prefers-reduced-motion:reduce){.scene-hook.reveal-1 .model-app-icon,.model-flow.is-flowing{animation:none}.systems-classroom,.system-node,.os-layer,.mac-display{transition:none}}.systems-shell.scene-cpu{--systems-scene:#ff8377;--systems-scene-rgb:255, 131, 119}.systems-shell.scene-memory{--systems-scene:#ac91ff;--systems-scene-rgb:172, 145, 255}.systems-shell.scene-storage{--systems-scene:#e9ad43;--systems-scene-rgb:233, 173, 67}.systems-shell.scene-hardware{--systems-scene:#6bdff2;--systems-scene-rgb:107, 223, 242}.systems-shell.scene-process{--systems-scene:#ff8ab7;--systems-scene-rgb:255, 138, 183}.concept-visual{width:min(1050px,96%);height:min(580px,94%);color:var(--systems-white);position:relative}.concept-visual svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;width:44px;height:44px}.concept-caption,.layer-caption{color:var(--systems-scene);letter-spacing:.14em;text-align:center;font-size:clamp(.9rem,1vw,1.12rem);font-weight:950}.concept-arrow{color:var(--systems-line);text-align:center;font-size:2.25rem;font-style:normal}.hook-concept{place-content:center;justify-items:center;display:grid}.hook-laptop{filter:drop-shadow(0 28px 30px #0009);justify-items:center;display:grid}.hook-screen{background:#09121d;border:9px solid #75818a;border-radius:29px 29px 14px 14px;place-items:stretch stretch;width:590px;height:400px;display:grid;overflow:hidden}.hook-laptop>i{background:linear-gradient(#9ca6ac,#45515a);border-radius:3px 3px 26px 26px;width:690px;height:23px}.hook-desktop{width:100%;height:100%;color:var(--systems-white);background:radial-gradient(circle at 18% 14%,#6958dccc,#0000 31%),radial-gradient(circle at 82% 72%,#00b8b899,#0000 34%),linear-gradient(145deg,#172449,#08101d 68%);border:0;border-radius:18px 18px 6px 6px;grid-template-rows:1fr max-content max-content;gap:8px;padding:22px 30px 15px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #fff2}.hook-desktop:before,.hook-desktop:after{content:"";filter:blur(2px);pointer-events:none;border-radius:50%;position:absolute}.hook-desktop:before{background:#ff5a8f22;width:210px;height:210px;top:-75px;right:90px}.hook-desktop:after{background:#58dbff22;width:160px;height:160px;bottom:38px;left:-45px}.hook-app-grid{z-index:1;grid-template-columns:repeat(6,minmax(0,1fr));align-items:center;gap:13px;display:grid;position:relative}.hook-app{min-width:0;color:var(--systems-white);justify-items:center;gap:8px;display:grid}.hook-app img{object-fit:cover;border-radius:17px;width:61px;height:61px;transition:transform .3s,filter .3s;display:block;box-shadow:0 12px 24px #0007,inset 0 1px #fff4}.hook-app b{text-align:center;text-wrap:balance;min-width:0;font-size:.76rem;line-height:1.08}.hook-platform-dock{z-index:1;background:#ffffff24;border:1px solid #ffffff31;border-radius:18px;grid-template-columns:repeat(6,minmax(0,1fr));align-items:stretch;gap:1px;padding:1px;display:grid;position:relative;overflow:hidden;box-shadow:0 12px 28px #0005}.hook-platform{min-width:0;min-height:42px;color:var(--systems-white);background:#07101bf2;justify-content:center;align-items:center;gap:7px;display:flex}.hook-platform.macos,.hook-platform.windows,.hook-platform.ios{grid-column:span 2}.hook-platform.ipados,.hook-platform.watch-os{grid-column:span 3}.hook-platform i{color:var(--systems-white);font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.55rem;font-style:normal;line-height:1}.hook-platform img{object-fit:cover;border-radius:9px;width:38px;height:38px}.hook-platform b{letter-spacing:.03em;font-size:.88rem}.hook-platform.text-only b{font-size:.94rem}.hook-platform.watch-os b{text-align:center;text-wrap:balance;font-size:.8rem;line-height:1.15}.hook-device-layer{z-index:1;background:#07101bd6;border:1px solid #ffffff31;border-radius:16px;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;padding:7px 9px;display:grid;position:relative;box-shadow:0 12px 28px #0004}.hook-device{background:#f6f7f8;border-radius:10px;place-items:center;min-width:0;min-height:48px;display:grid;overflow:hidden}.hook-device img{object-fit:contain;width:64px;height:42px;display:block}.hook-concept.reveal-1 .hook-app img{filter:saturate(1.14)brightness(1.07);animation:2.8s ease-in-out infinite hook-app-awake}.hook-concept.reveal-1 .hook-app:nth-child(2) img{animation-delay:-.4s}.hook-concept.reveal-1 .hook-app:nth-child(3) img{animation-delay:-.8s}.hook-concept.reveal-1 .hook-app:nth-child(4) img{animation-delay:-1.2s}.hook-concept.reveal-1 .hook-app:nth-child(5) img{animation-delay:-1.6s}.hook-concept.reveal-1 .hook-app:nth-child(6) img{animation-delay:-2s}.hook-concept.reveal-2 .hook-platform{animation:2.8s ease-in-out infinite hook-platform-awake}.hook-concept.reveal-2 .hook-platform:nth-child(2){animation-delay:-.45s}.hook-concept.reveal-2 .hook-platform:nth-child(3){animation-delay:-.9s}.hook-concept.reveal-2 .hook-platform:nth-child(4){animation-delay:-1.35s}.hook-concept.reveal-2 .hook-platform:nth-child(5){animation-delay:-1.8s}.hook-concept.reveal-3 .hook-device{animation:2.8s ease-in-out infinite hook-device-awake}.hook-concept.reveal-3 .hook-device:nth-child(2){animation-delay:-.5s}.hook-concept.reveal-3 .hook-device:nth-child(3){animation-delay:-1s}.hook-concept.reveal-3 .hook-device:nth-child(4){animation-delay:-1.5s}.hook-concept.reveal-3 .hook-device:nth-child(5){animation-delay:-2s}@keyframes hook-app-awake{50%{transform:translateY(-5px)}}@keyframes hook-platform-awake{50%{color:var(--systems-scene);box-shadow:inset 0 0 0 1px rgba(var(--systems-scene-rgb), .42);background:#102239;transform:translateY(-3px)}}@keyframes hook-device-awake{50%{box-shadow:0 8px 16px rgba(var(--systems-scene-rgb), .28);transform:translateY(-4px)}}.cpu-concept{grid-template-rows:minmax(0,1fr);grid-template-columns:1.5fr 34px 1.02fr 34px 1.12fr;align-items:stretch;gap:12px 14px;padding:22px 30px;display:grid}.cpu-concept>.concept-arrow{align-self:center}.cpu-instructions,.cpu-game-result{align-self:stretch;gap:12px;display:grid}.cpu-instructions{grid-template-rows:max-content minmax(0,1fr)}.cpu-instructions>b,.cpu-game-result>b{color:var(--systems-muted);letter-spacing:.1em;text-align:center;font-size:clamp(.95rem,1.02vw,1.12rem)}.cpu-instructions>small{color:var(--systems-scene);letter-spacing:.09em;text-align:center;font-size:.75rem;font-weight:900}.cpu-instructions ol{grid-template-rows:repeat(4,minmax(0,1fr));gap:12px;min-height:0;margin:0;padding:0;list-style:none;display:grid}.cpu-instructions li{min-height:0;color:var(--systems-white);background:#0b151e;border:1px solid #51616c;border-radius:15px;grid-template-columns:36px 1fr;align-items:center;gap:13px;padding:12px 15px;font-size:clamp(1.05rem,1.18vw,1.3rem);font-weight:780;line-height:1.16;transition:border-color .25s,background .25s,box-shadow .25s,transform .25s;display:grid}.cpu-instructions li i{width:34px;height:34px;color:var(--systems-muted);border:1px solid #64737d;border-radius:50%;place-items:center;font-size:.82rem;font-style:normal;font-weight:950;display:grid}.cpu-instructions li.is-current{border-color:var(--systems-scene);color:var(--systems-scene);background:rgba(var(--systems-scene-rgb), .13);box-shadow:0 0 18px rgba(var(--systems-scene-rgb), .13);transform:translate(5px)}.cpu-instructions li.is-current i{border-color:var(--systems-scene);color:var(--systems-scene)}.cpu-instructions li.is-complete{color:var(--systems-white);opacity:.68;border-color:#4b8e78}.cpu-instructions li.is-complete i{color:#07140f;background:#5dd4ad;border-color:#5dd4ad}.cpu-hero{background:radial-gradient(circle, rgba(var(--systems-scene-rgb), .16), #0a131c 70%);text-align:center;border:2px solid #53616b;border-radius:42px;place-content:center;justify-items:center;gap:14px;min-height:0;display:grid}.cpu-hero>span{color:#71808a;background:#09121a;border:1px solid #6c7780;border-radius:27px;place-items:center;width:112px;height:112px;display:grid}.cpu-hero svg{width:68px;height:68px}.cpu-hero strong{color:#77848d;letter-spacing:.08em;font-size:2.2rem}.cpu-hero small{max-width:17ch;color:var(--systems-muted);letter-spacing:.07em;font-size:clamp(.86rem,.94vw,1rem);font-weight:850;line-height:1.25}.cpu-game-result{justify-items:stretch}.cpu-game-result .game-window{background:linear-gradient(#121d32 0 67%,#11251f 67% 100%);border:1px solid #53616b;border-radius:24px;width:100%;height:100%;min-height:0;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff10}.cpu-game-result .game-window:before{content:"";background:#fff;border-radius:50%;width:6px;height:6px;position:absolute;top:22px;left:26px;box-shadow:42px 18px #fff8,126px -5px #fff9,166px 35px #fff6}.jump-control{z-index:3;color:var(--systems-muted);letter-spacing:.07em;background:#0b151ee8;border:1px solid #53616b;border-radius:10px;align-items:center;gap:8px;padding:7px 10px;font-size:.84rem;font-weight:950;transition:border-color .25s,color .25s,box-shadow .25s;display:flex;position:absolute;top:16px;left:16px}.jump-control kbd{width:29px;height:29px;color:inherit;font:inherit;background:#ffffff0a;border:1px solid;border-radius:7px;place-items:center;display:grid}.cpu-demo-1 .jump-control{border-color:var(--systems-scene);color:var(--systems-white);box-shadow:0 0 18px rgba(var(--systems-scene-rgb), .24);animation:1.1s ease-in-out infinite game-key-check}@keyframes game-key-check{50%{background:rgba(var(--systems-scene-rgb), .2);transform:translateY(2px)}}.game-ground{background:#78b477;height:4px;position:absolute;bottom:36px;left:0;right:0;box-shadow:0 5px #315b3c}.game-coordinate{z-index:4;color:var(--systems-muted);letter-spacing:.06em;opacity:0;background:#08111ade;border:1px solid #53616b;border-radius:9px;gap:3px;padding:8px 10px;font-size:.76rem;font-weight:900;transition:opacity .25s,transform .25s;display:grid;position:absolute;transform:scale(.9)}.game-coordinate strong{color:var(--systems-white);font-size:.92rem}.current-coordinate{bottom:8px;right:8px}.highest-coordinate{top:67px;right:8px}.cpu-demo-2 .current-coordinate,.cpu-demo-3 .current-coordinate,.cpu-demo-4 .current-coordinate,.cpu-demo-3 .highest-coordinate,.cpu-demo-4 .highest-coordinate{opacity:1;transform:scale(1)}.jump-path{z-index:1;border-left:2px dashed rgba(var(--systems-scene-rgb), .7);opacity:0;width:2px;height:82px;position:absolute;bottom:61px;left:50%;transform:translate(-50%)}.jump-path:before{border:2px solid var(--systems-scene);content:"";background:#121d32;border-radius:50%;width:8px;height:8px;position:absolute;top:-5px;left:-5px}.cpu-demo-3 .jump-path,.cpu-demo-4 .jump-path{opacity:1}.game-character{z-index:2;width:52px;height:80px;color:var(--systems-scene);display:block;position:absolute;bottom:41px;left:50%;transform:translate(-50%)}.game-character:before{content:"";background:#0b151e;border:3px solid;border-radius:50%;width:22px;height:22px;position:absolute;top:0;left:15px}.game-character em{background:rgba(var(--systems-scene-rgb), .14);border:3px solid;border-radius:10px 10px 5px 5px;width:28px;height:30px;position:absolute;top:27px;left:12px}.game-character em:before{content:"";background:currentColor;border-radius:99px;width:48px;height:3px;position:absolute;top:7px;left:-13px}.game-character em:after{content:"";border-left:4px solid;border-right:4px solid;width:16px;height:21px;position:absolute;top:27px;left:3px}.cpu-game-result>strong{color:var(--systems-white);letter-spacing:.09em;text-align:center;font-size:.73rem}.cpu-concept .concept-caption{grid-column:1/-1}.cpu-concept.reveal-0 :is(.cpu-instructions,.cpu-game-result,.concept-arrow,.concept-caption){opacity:.12}.cpu-concept.reveal-1 .cpu-hero,.cpu-concept.reveal-2 .cpu-hero{border-color:var(--systems-scene);box-shadow:0 0 42px rgba(var(--systems-scene-rgb), .18)}.cpu-concept.reveal-1 .cpu-hero>span,.cpu-concept.reveal-2 .cpu-hero>span{border-color:var(--systems-scene);color:var(--systems-scene)}.cpu-concept.reveal-1 .cpu-hero strong,.cpu-concept.reveal-2 .cpu-hero strong{color:var(--systems-white)}.cpu-concept.cpu-demo-4 .game-character{animation:1.9s cubic-bezier(.36,.08,.3,1) game-character-jump}@keyframes game-character-jump{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-82px)}}.memory-card,.storage-card{opacity:.38;background:#0a141de8;border:2px solid #4b5964;border-radius:34px;grid-template-rows:max-content 1fr max-content;gap:20px;min-height:370px;padding:28px;transition:opacity .35s,border-color .35s,transform .35s,box-shadow .35s;display:grid}.memory-card header,.storage-card header{align-items:center;gap:16px;display:flex}.memory-card header>span,.storage-card header>span{width:72px;height:72px;color:var(--systems-scene);background:rgba(var(--systems-scene-rgb), .1);border-radius:19px;place-items:center;display:grid}.memory-card header div,.storage-card header div{gap:2px;display:grid}.memory-card header b,.storage-card header b{letter-spacing:.07em;font-size:1.5rem}.memory-card header small,.storage-card header small{color:var(--systems-muted);letter-spacing:.1em;font-size:.82rem;font-weight:900}.memory-items,.storage-items{align-content:center;gap:10px;display:grid}.memory-items span,.storage-items span{color:var(--systems-white);background:#ffffff08;border:1px solid #46545e;border-radius:11px;padding:12px 15px;font-size:1rem;font-weight:720}.memory-card footer,.storage-card footer{color:var(--systems-muted);letter-spacing:.13em;text-align:center;font-size:.84rem;font-weight:950}.resource-concept{grid-template-columns:minmax(240px,1fr) 70px minmax(240px,1fr);align-items:center;gap:16px;padding:30px;display:grid}.storage-concept{grid-template-columns:minmax(240px,1fr) 70px minmax(240px,1fr)}.word-file-card{border:2px solid color-mix(in srgb, var(--systems-scene), #4b5964 48%);min-width:0;min-height:350px;box-shadow:0 20px 45px #0005, 0 0 30px rgba(var(--systems-scene-rgb), .1);background:#09131ce8;border-radius:30px;grid-template-rows:max-content 1fr;gap:16px;padding:22px;display:grid;position:relative}.word-file-card header,.word-editor-card header{align-items:center;gap:13px;display:flex}.word-file-card header>span,.word-editor-card header>span{width:62px;height:62px;color:var(--systems-scene);background:rgba(var(--systems-scene-rgb), .12);border-radius:16px;flex:0 0 62px;place-items:center;display:grid}.word-file-card header>div,.word-editor-card header>div{gap:2px;min-width:0;display:grid}.word-file-card header strong,.word-editor-card header strong{color:var(--systems-white);letter-spacing:.07em;font-size:1.28rem}.word-file-card header small,.word-editor-card header small{color:var(--systems-muted);letter-spacing:.09em;font-size:.78rem;font-weight:900}.word-file-card section{background:rgba(var(--systems-scene-rgb), .055);text-align:center;border-radius:13px;place-content:center;justify-items:center;gap:13px;padding:18px;display:grid}.word-file-card section>div{gap:4px;min-width:0;display:grid}.word-file-card section strong{overflow-wrap:anywhere;color:var(--systems-white);font-size:1.08rem}.word-file-card section small{color:var(--systems-scene);letter-spacing:.1em;font-size:.76rem;font-weight:900}.word-file-icon{border:2px solid var(--systems-scene);width:72px;height:86px;color:var(--systems-white);background:linear-gradient(145deg, rgba(var(--systems-scene-rgb), .26), #0b1721);box-shadow:0 0 24px rgba(var(--systems-scene-rgb), .16);border-radius:10px 18px 10px 10px;place-items:center;font-size:1.75rem;font-weight:950;display:grid}.saved-check{color:#07140f;background:#5dd4ad;border-radius:50%;place-items:center;width:30px;height:30px;font-size:.9rem;font-weight:950;display:grid;position:absolute;top:14px;right:14px}.word-flow-action{color:var(--systems-scene);place-items:center;gap:8px;display:grid}.word-flow-action b{letter-spacing:.1em;font-size:.8rem}.word-flow-action i{color:var(--systems-line);font-size:2.1rem;font-style:normal}.word-editor-card{border:2px solid var(--systems-scene);min-width:0;min-height:350px;box-shadow:0 24px 55px #0006, 0 0 36px rgba(var(--systems-scene-rgb), .14);background:#09131ce8;border-radius:30px;grid-template-rows:max-content 1fr;gap:16px;padding:22px;display:grid}.word-editor-card.compact{min-height:350px}.word-editor-card section{color:#17202b;background:#f1f3f5;border-radius:13px;align-content:start;gap:15px;padding:24px;display:grid;position:relative;box-shadow:0 12px 25px #0004}.word-editor-card section b{font-size:1.18rem}.word-editor-card section>span{background:#a9b2ba;border-radius:99px;width:88%;height:8px}.word-editor-card section>span:nth-of-type(2){width:72%}.word-editor-card section>span:nth-of-type(3){width:81%}.word-editor-card section em{color:#101820;background:var(--systems-scene);letter-spacing:.07em;border-radius:7px;padding:6px 8px;font-size:.76rem;font-style:normal;font-weight:950;position:absolute;bottom:12px;right:12px}.io-concept{grid-template-columns:1fr 95px 210px 95px .82fr;align-items:center;gap:15px;padding:22px 26px;display:grid}.io-side{gap:13px;display:grid}.io-side>b{color:var(--systems-muted);letter-spacing:.13em;text-align:center;font-size:.9rem}.io-side>div{gap:9px;display:grid}.io-side .hardware-tile{border-radius:15px;grid-template-rows:1fr;grid-template-columns:44px 1fr;justify-items:start;min-height:78px;padding:10px 14px}.io-side .hardware-tile span{grid-row:1}.io-side .hardware-tile svg{width:34px;height:34px}.io-side .hardware-tile strong{font-size:.84rem}.io-side .network-io-tile{border-style:dashed}.io-side .network-io-tile.is-active{border-style:solid}.io-direction{color:var(--systems-line);opacity:.18;place-items:center;gap:9px;display:grid}.io-direction span{letter-spacing:.08em;text-align:center;font-size:.76rem;font-weight:900}.io-direction i{font-size:2rem;font-style:normal}.computer-boundary{background:#0b151e;border:2px solid #63717a;border-radius:30px;gap:10px;width:210px;padding:14px;display:grid}.computer-boundary article{min-height:70px;color:var(--systems-scene);background:#101c25;border:1px solid #42515c;border-radius:16px;grid-template-columns:44px 1fr;align-items:center;gap:12px;padding:10px 14px;display:grid}.computer-boundary article>span{place-items:center;display:grid}.computer-boundary article svg{width:37px;height:37px}.computer-boundary strong{color:var(--systems-white);letter-spacing:.08em;font-size:.86rem}.io-concept.reveal-2 .input-direction,.io-concept.reveal-3 :is(.input-direction,.output-direction),.io-concept.reveal-4 :is(.input-direction,.output-direction){color:var(--systems-scene);opacity:1}.hardware-tile{color:#71808a;text-align:center;opacity:.42;background:#09131c;border:1px solid #4b5963;border-radius:22px;place-content:center;justify-items:center;gap:7px;min-width:0;min-height:150px;padding:14px;transition:opacity .3s,border-color .3s,color .3s,transform .3s,box-shadow .3s;display:grid}.hardware-tile span{place-items:center;display:grid}.hardware-tile svg{width:48px;height:48px}.hardware-tile strong{color:currentColor;letter-spacing:.08em;font-size:1rem}.hardware-tile small{min-height:1em;color:var(--systems-muted);font-size:.78rem;font-weight:700}.hardware-tile.is-active{border-color:var(--systems-scene);color:var(--systems-scene);box-shadow:0 0 28px rgba(var(--systems-scene-rgb), .14);opacity:1;transform:translateY(-4px)}.hardware-tile.is-active strong{color:var(--systems-white)}.hardware-foundation{background:linear-gradient(145deg,#101b24,#08111a);border:1px solid #57656f;border-radius:28px;grid-template-columns:repeat(4,1fr);gap:13px;width:100%;padding:16px;display:grid;box-shadow:0 22px 36px #0006}.hardware-concept{perspective:1200px;place-items:center;padding:24px;display:grid}.hardware-recap-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;width:min(820px,100%);display:grid}.hardware-recap-card{min-width:0;height:220px;color:var(--systems-white);perspective:900px;background:0 0;border:0;border-radius:25px;padding:0;position:relative;overflow:hidden}.hardware-card-cover,.hardware-card-face{background:linear-gradient(145deg,#14222c,#08121b);border:1px solid #53626c;border-radius:25px;place-content:center;justify-items:center;gap:12px;padding:18px;display:grid;position:absolute;inset:0;box-shadow:0 18px 35px #0007,inset 0 1px #ffffff10}.hardware-card-cover{background:repeating-linear-gradient(135deg,#111f29 0 12px,#0b1720 12px 24px)}.hardware-card-cover i{color:#9ba8b1;border:2px solid #73828c;border-radius:50%;place-items:center;width:72px;height:72px;font-size:2.2rem;font-style:normal;font-weight:900;display:grid}.hardware-card-cover b{color:#89969f;letter-spacing:.14em;font-size:.88rem}.hardware-card-inner{transform-style:preserve-3d;will-change:transform;transition:transform .68s cubic-bezier(.22,.75,.18,1);display:grid;position:absolute;inset:0;transform:rotateY(0)}.hardware-card-face{border-color:color-mix(in srgb, var(--systems-scene), #53626c 50%);backface-visibility:hidden;grid-area:1/1}.hardware-card-name i{width:70px;height:70px;color:var(--systems-scene);background:rgba(var(--systems-scene-rgb), .11);border-radius:20px;place-items:center;font-style:normal;display:grid}.hardware-card-name svg{width:46px;height:46px}.hardware-card-face strong{color:var(--systems-white);letter-spacing:.07em;text-align:center;font-size:clamp(1.2rem,1.35vw,1.5rem)}.hardware-card-function{border-color:var(--systems-scene);background:linear-gradient(145deg, rgba(var(--systems-scene-rgb), .2), #08131d 72%);transform:rotateY(180deg)}.hardware-card-function p{max-width:20ch;color:var(--systems-white);text-align:center;text-wrap:balance;font-size:clamp(1.12rem,1.25vw,1.38rem);font-weight:720;line-height:1.28}.hardware-recap-card.is-hidden .hardware-card-inner,.hardware-recap-card.is-named .hardware-card-cover{visibility:hidden}.hardware-recap-card.is-named:not(.is-flipped) .hardware-card-inner{animation:.52s cubic-bezier(.2,.78,.2,1) both hardware-card-reveal}.hardware-recap-card.is-flipped .hardware-card-inner{transform:rotateY(180deg)}.hardware-recap-card.is-named:is(:hover,:focus-visible) .hardware-card-face{border-color:var(--systems-scene);box-shadow:0 18px 35px #0007, 0 0 26px rgba(var(--systems-scene-rgb), .18)}@keyframes hardware-card-reveal{0%{opacity:.15;transform:translateY(16px)rotateY(-16deg)}to{opacity:1;transform:rotateY(0)}}.hardware-job-rail{color:var(--systems-muted);letter-spacing:.1em;text-align:center;grid-template-columns:repeat(4,1fr);gap:13px;font-size:.65rem;font-weight:900;display:grid}.hardware-concept.reveal-0 .hardware-job-rail{opacity:.18}.layer-concept{align-content:center;justify-items:stretch;gap:12px;padding:24px 36px;display:grid}.ghost-apps{opacity:0;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;transition:opacity .35s,transform .35s;display:grid;transform:translateY(12px)}.real-app-icon{min-width:0;min-height:108px;color:var(--systems-white);background:#0a141d;border:1px solid #53626c;border-radius:18px;place-content:center;justify-items:center;gap:7px;padding:9px 6px;display:grid;box-shadow:0 12px 24px #0004}.real-app-icon>img{object-fit:cover;border-radius:14px;width:52px;height:52px;display:block;box-shadow:inset 0 1px #ffffff42,0 8px 15px #0005}.real-app-icon strong{min-width:0;color:var(--systems-white);text-align:center;text-wrap:balance;font-size:.75rem;line-height:1.1}.os-platform{border:2px solid var(--systems-scene);min-height:105px;color:var(--systems-scene);background:linear-gradient(110deg, rgba(var(--systems-scene-rgb), .22), #0a151f 72%);box-shadow:0 16px 34px #0005, 0 0 34px rgba(var(--systems-scene-rgb), .15);opacity:0;border-radius:23px;grid-template-columns:60px max-content 1fr;align-items:center;gap:5px 16px;padding:17px 26px;transition:opacity .35s,transform .35s;display:grid;transform:translateY(18px)}.os-platform>span{grid-row:1/3}.os-platform>div{align-self:end;display:grid}.os-platform strong{color:var(--systems-white);letter-spacing:.07em;font-size:1.24rem}.os-platform small{color:var(--systems-white);font-size:.7rem;font-weight:780}.os-platform>b{color:var(--systems-muted);letter-spacing:.08em;text-align:right;grid-area:1/3/3;font-size:.65rem}.os-concept .os-platform{grid-template-columns:60px 1fr;gap:16px}.os-concept .os-platform>span{grid-row:auto}.os-concept .os-platform>div{grid-template-columns:max-content 1fr;align-self:center;align-items:center;gap:18px}.os-examples{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.os-examples i{border:1px solid rgba(var(--systems-scene-rgb), .55);color:var(--systems-white);background:#07111acc;border-radius:999px;padding:7px 11px;font-size:.8rem;font-style:normal;font-weight:850}.layer-concept .hardware-foundation{min-height:178px}.layer-concept .hardware-tile{min-height:140px}.layer-caption{opacity:0;margin-top:1px}.os-concept.reveal-1 .os-platform,.os-concept.reveal-2 .os-platform,.os-concept.reveal-2 .ghost-apps,.os-concept.reveal-1 .layer-caption,.os-concept.reveal-2 .layer-caption{opacity:1;transform:none}.os-concept.reveal-2 .real-app-icon{border-color:color-mix(in srgb, var(--systems-scene), #596770 65%)}.os-coordinator-concept{grid-template-rows:120px 28px 122px 28px 164px;align-content:center;gap:7px;padding:22px 34px;display:grid}.os-app-pair{grid-template-columns:repeat(2,minmax(0,280px));justify-content:center;gap:22px;display:grid}.os-coordinator-app{min-width:0;color:var(--systems-white);opacity:.3;background:linear-gradient(145deg,#111e29,#08131c);border:1px solid #53626c;border-radius:22px;grid-template-columns:68px 1fr;align-items:center;gap:13px;padding:15px 17px;transition:opacity .35s,border-color .35s,transform .35s,box-shadow .35s;display:grid;box-shadow:0 15px 28px #0005}.os-coordinator-app img{object-fit:cover;border-radius:17px;width:62px;height:62px;box-shadow:0 9px 19px #0007}.os-coordinator-app div{gap:5px;display:grid}.os-coordinator-app span{color:var(--systems-muted);letter-spacing:.1em;font-size:.76rem;font-weight:900}.os-coordinator-app strong{color:var(--systems-white);letter-spacing:.04em;font-size:1rem;line-height:1.15}.os-request-flow,.os-hardware-flow{color:var(--systems-scene);opacity:.15;grid-template-columns:1fr max-content 1fr;align-items:center;gap:12px;transition:opacity .35s;display:grid}.os-request-flow i,.os-hardware-flow i{background:currentColor;height:2px}.os-request-flow span,.os-hardware-flow span{letter-spacing:.12em;font-size:.76rem;font-weight:950}.os-coordinator-platform{opacity:0;grid-template-columns:1fr;min-height:122px;position:relative}.os-coordinator-platform>span{position:absolute;top:50%;left:26px;transform:translateY(-50%)}.os-coordinator-platform>div{display:contents}.os-coordinator-platform strong{text-align:center;justify-self:center}.os-coordinator-platform .os-examples{flex-wrap:nowrap;position:absolute;top:50%;right:26px;transform:translateY(-50%)}.os-coordinator-concept .hardware-foundation{min-height:164px;padding:12px}.os-coordinator-concept .hardware-tile{min-height:138px}.os-coordinator-concept.reveal-1 .os-coordinator-platform,.os-coordinator-concept.reveal-2 .os-coordinator-platform,.os-coordinator-concept.reveal-3 .os-coordinator-platform{opacity:1;transform:none}.os-coordinator-concept.reveal-2 .music-app,.os-coordinator-concept.reveal-3 .os-coordinator-app{border-color:var(--systems-scene);box-shadow:0 15px 28px #0005, 0 0 24px rgba(var(--systems-scene-rgb), .16);opacity:1;transform:translateY(-3px)}.os-coordinator-concept.reveal-2 .os-request-flow,.os-coordinator-concept.reveal-3 :is(.os-request-flow,.os-hardware-flow){opacity:1}.os-bridge-concept{grid-template-rows:minmax(0,1fr) 138px;align-content:center;gap:22px;padding:28px 26px;display:grid}.os-bridge-flow{grid-template-columns:minmax(0,1fr) 26px minmax(0,1fr) 26px minmax(0,1fr) 26px minmax(0,1fr);align-items:stretch;display:grid}.os-bridge-stage{min-width:0;color:var(--systems-scene);text-align:center;opacity:.22;background:linear-gradient(145deg,#111f2b,#08131c);border:1px solid #53626c;border-radius:23px;place-content:center;justify-items:center;gap:12px;padding:22px 14px;transition:opacity .35s,border-color .35s,transform .35s,box-shadow .35s;display:grid;position:relative;transform:translateY(9px);box-shadow:0 17px 32px #0005}.os-bridge-arrow{color:var(--systems-scene);opacity:.22;place-items:center;font-size:1.65rem;font-style:normal;font-weight:950;transition:opacity .35s;display:grid}.os-bridge-stage>span{background:rgba(var(--systems-scene-rgb), .13);border-radius:20px;place-items:center;width:72px;height:72px;display:grid}.os-bridge-stage img{object-fit:cover;border-radius:16px;width:62px;height:62px}.os-bridge-stage svg{width:50px;height:50px}.os-bridge-stage small{color:var(--systems-scene);letter-spacing:.1em;font-size:.9rem;font-weight:950}.os-bridge-stage strong{color:var(--systems-white);letter-spacing:.04em;text-wrap:balance;font-size:clamp(1.08rem,1.18vw,1.32rem);line-height:1.25}.python-os-bridge{border:2px solid var(--systems-scene);min-width:0;color:var(--systems-white);background:linear-gradient(110deg, rgba(var(--systems-scene-rgb), .2), #0a151f 76%);opacity:.18;border-radius:22px;grid-template-columns:72px 1fr max-content;align-items:center;gap:18px;padding:20px 26px;transition:opacity .35s,transform .35s;display:grid;transform:translateY(9px);box-shadow:0 15px 32px #0005}.python-os-mark{color:#07121a;background:var(--systems-scene);letter-spacing:.02em;border-radius:18px;place-items:center;width:60px;height:60px;font-size:1.18rem;font-weight:1000;display:grid}.python-os-bridge>div{gap:5px;display:grid}.python-os-bridge small{color:var(--systems-scene);letter-spacing:.11em;font-size:.9rem;font-weight:950}.python-os-bridge strong{color:var(--systems-white);letter-spacing:.04em;font-size:1.18rem}.python-os-bridge>b{color:#06111a;background:var(--systems-scene);letter-spacing:.08em;white-space:nowrap;border-radius:999px;padding:11px 15px;font-size:.88rem}.os-bridge-concept.reveal-1 .os-bridge-stage,.os-bridge-concept.reveal-2 .os-bridge-stage{border-color:var(--systems-scene);box-shadow:0 17px 32px #0005, 0 0 22px rgba(var(--systems-scene-rgb), .13);opacity:1;transform:none}.os-bridge-concept.reveal-1 .os-bridge-arrow,.os-bridge-concept.reveal-2 .os-bridge-arrow{opacity:1;animation:1.7s ease-in-out infinite os-bridge-pulse}.os-bridge-concept.reveal-2 .python-os-bridge{opacity:1;transform:none}@keyframes os-bridge-pulse{50%{filter:drop-shadow(0 0 7px rgba(var(--systems-scene-rgb), .8));transform:translate(3px)}}.running-process-card{border:2px solid var(--systems-scene);min-height:105px;color:var(--systems-scene);background:linear-gradient(110deg, rgba(var(--systems-scene-rgb), .2), #10121c 72%);box-shadow:0 0 34px rgba(var(--systems-scene-rgb), .14);opacity:0;border-radius:23px;grid-template-columns:58px 1fr max-content;align-items:center;gap:14px;padding:17px 24px;transition:opacity .35s,transform .35s;display:grid;transform:translateY(15px)}.running-process-card>div{gap:3px;display:grid}.running-process-card b{color:var(--systems-white);letter-spacing:.1em;font-size:.7rem}.running-process-card strong{color:var(--systems-white);letter-spacing:.06em;font-size:1.05rem}.running-process-card>i{color:#07150f;letter-spacing:.08em;background:#64dfaa;border-radius:999px;padding:8px 11px;font-size:.62rem;font-style:normal;font-weight:950}.process-request{height:35px;color:var(--systems-scene);opacity:0;place-content:center;justify-items:center;display:grid}.process-request span{letter-spacing:.1em;font-size:.6rem;font-weight:900}.process-request i{font-size:1.25rem;font-style:normal;animation:1.7s ease-in-out infinite request-down}@keyframes request-down{50%{transform:translateY(5px)}}.process-concept .os-platform{opacity:.48;transform:none}.process-concept.reveal-1 .running-process-card,.process-concept.reveal-2 .running-process-card,.process-concept.reveal-2 .process-request,.process-concept.reveal-2 .os-platform{opacity:1;transform:none}.process-concept .hardware-tile:nth-child(2){position:relative}.process-concept .hardware-tile:nth-child(2):after{content:"PROCESS";border:1px solid rgba(var(--systems-scene-rgb), .72);color:var(--systems-white);background:rgba(var(--systems-scene-rgb), .24);box-shadow:0 0 16px rgba(var(--systems-scene-rgb), .2);letter-spacing:.08em;opacity:0;border-radius:999px;padding:4px 7px;font-size:.48rem;font-weight:950;transition:opacity .3s,transform .3s;position:absolute;top:8px;right:8px;transform:scale(.86)}.process-concept.reveal-1 .hardware-tile:nth-child(2):after,.process-concept.reveal-2 .hardware-tile:nth-child(2):after{opacity:1;transform:scale(1)}.scene-process .systems-explanation.compact{gap:6px;padding:clamp(16px,1.2vw,22px)}.scene-process .systems-explanation-stack .systems-explanation.compact{padding-block:16px}.scene-process .systems-explanation.compact h2{font-size:clamp(1.68rem,1.92vw,2.25rem)}.scene-process .systems-explanation.compact li{font-size:clamp(1.1rem,1.25vw,1.4rem);line-height:1.26}.process-transition-concept{grid-template-columns:minmax(290px,1fr) 156px minmax(290px,1fr);align-items:start;gap:26px;padding:38px;display:grid}.process-resource-box{height:300px;color:var(--systems-white);background:linear-gradient(145deg, rgba(var(--systems-scene-rgb), .1), #08131c 72%);border:1px solid #66757f;border-radius:28px;grid-template-rows:max-content 1fr;gap:14px;padding:20px;display:grid;box-shadow:0 18px 38px #0006}.process-resource-box>header{color:var(--systems-scene);align-items:center;gap:10px;display:flex}.process-resource-box>header svg{width:36px;height:36px}.process-resource-box>header strong{color:var(--systems-white);letter-spacing:.1em;font-size:1.05rem}.process-program-card,.process-memory-box>article{border:1px solid rgba(var(--systems-scene-rgb), .52);color:var(--systems-white);background:rgba(var(--systems-scene-rgb), .12);border-radius:22px;grid-template-columns:78px 1fr;align-items:center;gap:18px;padding:20px;display:grid;box-shadow:inset 0 1px #ffffff12}.process-program-card img,.process-memory-box>article img{object-fit:cover;border-radius:20px;width:76px;height:76px;box-shadow:0 10px 24px #0006}.process-program-card>div,.process-memory-box>article div{gap:6px;display:grid}.process-program-card strong,.process-memory-box>article strong{color:var(--systems-white);letter-spacing:.06em;font-size:1.18rem}.process-program-card b,.process-memory-box>article b{color:var(--systems-scene);letter-spacing:.09em;font-size:.88rem}.process-program-card small,.process-memory-box>article small{color:var(--systems-muted);letter-spacing:.08em;font-size:.78rem;font-weight:900}.process-memory-box>article small{color:#64dfaa}.process-launch{color:var(--systems-line);opacity:0;text-align:center;align-content:start;place-items:center;gap:11px;margin-top:72px;transition:opacity .35s,transform .35s;display:grid;transform:translate(-8px)}.process-launch>i{color:var(--systems-scene);font-size:3rem;font-style:normal;font-weight:950;line-height:.8}.process-user-action,.process-os-action{text-align:center;justify-items:center;gap:4px;display:grid}.process-user-action span,.process-os-action span{letter-spacing:.1em;color:var(--systems-scene);font-size:.75rem;font-weight:950}.process-user-action strong,.process-os-action strong{color:var(--systems-white);letter-spacing:.06em;font-size:.82rem;line-height:1.18}.process-launch .process-os-action{opacity:0;transition:opacity .35s}.process-runtime-group{visibility:hidden;opacity:0;grid-template-rows:300px 72px 82px;gap:8px;transition:visibility 0s .4s,opacity .4s,transform .4s;display:grid;transform:translate(14px)}.process-instruction-flow{color:var(--systems-scene);grid-template-rows:max-content 24px;place-items:center;gap:2px;display:grid}.process-instruction-flow i{color:var(--systems-scene);font-size:1.7rem;font-style:normal;font-weight:950}.process-cpu-box{border:2px solid var(--systems-scene);width:min(340px,78%);min-height:82px;color:var(--systems-white);background:#09141e;border-radius:22px;grid-template-columns:50px 1fr;justify-self:center;align-items:center;gap:12px;padding:12px 18px;display:grid;box-shadow:0 14px 30px #0005}.process-cpu-box>span{color:var(--systems-scene)}.process-cpu-box svg{width:42px;height:42px}.process-cpu-box>div{gap:3px;display:grid}.process-cpu-box strong{letter-spacing:.09em;font-size:1rem}.process-cpu-box b{color:var(--systems-muted);letter-spacing:.05em;font-size:.76rem}.process-transition-concept.reveal-1 .process-launch,.process-transition-concept.reveal-2 .process-launch,.process-transition-concept.reveal-3 .process-launch{opacity:1;transform:none}.process-transition-concept.reveal-2 .process-launch .process-os-action,.process-transition-concept.reveal-3 .process-launch .process-os-action{opacity:1}.process-transition-concept.reveal-2 .process-runtime-group,.process-transition-concept.reveal-3 .process-runtime-group{visibility:visible;opacity:1;transition-delay:0s;transform:none}.process-transition-concept.reveal-2 .process-memory-box,.process-transition-concept.reveal-3 .process-memory-box{border-color:var(--systems-scene);box-shadow:0 0 32px rgba(var(--systems-scene-rgb), .14)}.recap-concept{grid-template-rows:105px 105px 178px 34px}.recap-concept .os-platform,.recap-concept .running-process-card{min-height:94px}.recap-concept .hardware-foundation{opacity:.2;min-height:164px;transition:opacity .35s}.recap-concept .hardware-tile{min-height:126px}.recap-concept.reveal-1 .hardware-foundation,.recap-concept.reveal-2 .hardware-foundation,.recap-concept.reveal-3 .hardware-foundation{opacity:1}.recap-concept.reveal-2 .os-platform,.recap-concept.reveal-3 .os-platform,.recap-concept.reveal-3 .running-process-card{opacity:1;transform:none}.recap-relations{color:var(--systems-muted);letter-spacing:.09em;text-align:center;opacity:0;grid-template-columns:repeat(3,1fr);font-size:.62rem;font-weight:900;display:grid}.recap-concept.reveal-3 .recap-relations{opacity:1}.language-history-concept{grid-template-rows:78px minmax(0,1fr) 64px;align-content:center;gap:14px;padding:24px 30px;display:grid}.language-simplification-bridge{grid-template-columns:1fr 34px 1.35fr;align-items:stretch;gap:10px;display:grid}.language-simplification-bridge article{background:linear-gradient(145deg,#111f29,#08131c);border:1px solid #586773;border-radius:17px;align-content:center;gap:5px;padding:13px 18px;display:grid}.language-simplification-bridge span{color:var(--systems-scene);letter-spacing:.11em;font-size:.76rem;font-weight:950}.language-simplification-bridge strong{color:var(--systems-white);letter-spacing:.05em;font-size:.9rem}.language-simplification-bridge>i{color:var(--systems-scene);place-items:center;font-size:1.35rem;font-style:normal;font-weight:950;display:grid}.language-timeline{grid-template-columns:repeat(5,minmax(0,1fr));gap:11px;min-height:0;display:grid;position:relative}.language-timeline-line{z-index:0;opacity:.5;background:linear-gradient(90deg,#63d4b0,#70c7ef 38%,#b690ff 62%,#f2c85d);border-radius:99px;height:3px;position:absolute;top:59px;left:4%;right:4%}.language-milestone{z-index:1;min-width:0;color:var(--systems-white);text-align:center;opacity:.2;background:linear-gradient(165deg,#12212cdd,#08131ce8);border:1px solid #53626c;border-radius:21px;grid-template-rows:38px 22px 70px 34px 22px;align-content:start;justify-items:center;gap:4px;padding:10px 8px;transition:opacity .35s,border-color .35s,transform .35s,box-shadow .35s;display:grid;position:relative;box-shadow:0 15px 28px #0005}.language-year{color:var(--systems-white);letter-spacing:.06em;font-size:1.22rem;font-weight:950}.language-dot{background:var(--language-color,var(--systems-scene));width:15px;height:15px;box-shadow:0 0 0 2px var(--language-color,var(--systems-scene));border:3px solid #061019;border-radius:50%}.language-mark{color:#071019;background:var(--language-color,var(--systems-scene));letter-spacing:-.03em;border-radius:18px;align-self:center;place-items:center;width:62px;height:62px;font-size:1rem;font-weight:1000;display:grid;box-shadow:0 10px 22px #0006}.language-milestone>strong{color:var(--systems-white);letter-spacing:.07em;align-self:center;font-size:.76rem;line-height:1.15}.language-milestone>small{color:var(--systems-muted);letter-spacing:.04em;font-size:.75rem;font-weight:850}.language-c{--language-color:#63d4b0}.language-cpp{--language-color:#70c7ef}.language-python{--language-color:#f2c85d}.language-java{--language-color:#ff8f75}.language-javascript{--language-color:#b690ff}.language-milestone.is-revealed{border-color:var(--language-color);opacity:1}.language-milestone.is-current{box-shadow:0 15px 28px #0005, 0 0 25px color-mix(in srgb, var(--language-color), transparent 70%);transform:translateY(-5px)}.language-milestone.is-current .language-dot{animation:1.5s ease-in-out infinite language-dot-pulse}@keyframes language-dot-pulse{50%{box-shadow:0 0 0 2px var(--language-color), 0 0 0 9px color-mix(in srgb, var(--language-color), transparent 78%)}}.language-history-takeaway{border:2px solid var(--systems-scene);background:linear-gradient(105deg, rgba(var(--systems-scene-rgb), .18), #09141e 72%);opacity:.22;border-radius:18px;grid-template-columns:max-content 1fr 34px 1fr;align-items:center;gap:12px;padding:13px 18px;transition:opacity .35s,transform .35s;display:grid;transform:translateY(7px)}.language-history-takeaway span{color:var(--systems-scene);letter-spacing:.11em;font-size:.76rem;font-weight:950}.language-history-takeaway strong,.language-history-takeaway b{color:var(--systems-white);letter-spacing:.05em;text-align:center;font-size:.82rem}.language-history-takeaway>i{color:var(--systems-scene);text-align:center;font-size:1.2rem;font-style:normal;font-weight:950}.language-history-concept.reveal-5 .language-history-takeaway{opacity:1;transform:none}.qq-song-concept{grid-template-rows:102px 72px 88px 58px 126px;align-content:center;gap:7px;padding:22px 34px;display:grid}.qq-song-process{border:2px solid var(--systems-scene);width:min(520px,68%);min-height:102px;color:var(--systems-white);background:linear-gradient(110deg, rgba(var(--systems-scene-rgb), .22), #0a151f 75%);box-shadow:0 16px 34px #0005, 0 0 28px rgba(var(--systems-scene-rgb), .12);border-radius:24px;grid-template-columns:68px 1fr 48px;justify-self:center;align-items:center;gap:16px;padding:15px 22px;display:grid}.qq-song-process img{object-fit:cover;border-radius:18px;width:66px;height:66px;box-shadow:0 9px 20px #0006}.qq-song-process>div{gap:5px;display:grid}.qq-song-process span{color:var(--systems-muted);letter-spacing:.1em;font-size:.76rem;font-weight:900}.qq-song-process strong{letter-spacing:.06em;font-size:1.3rem}.qq-song-process>i{color:#071019;background:var(--systems-scene);width:44px;height:44px;box-shadow:0 0 20px rgba(var(--systems-scene-rgb), .4);border-radius:50%;place-items:center;font-size:1rem;font-style:normal;display:grid}.qq-song-request{color:var(--systems-scene);opacity:.14;grid-template-rows:1fr 18px;grid-template-columns:max-content 1fr;align-items:center;gap:7px 16px;transition:opacity .35s;display:grid}.qq-song-request span{letter-spacing:.1em;justify-self:end;font-size:.76rem;font-weight:950}.qq-song-request>div{justify-content:flex-start;gap:7px;display:flex}.qq-song-request b{color:var(--systems-white);letter-spacing:.06em;white-space:nowrap;background:#08131c;border:1px solid #53626c;border-radius:999px;padding:6px 9px;font-size:.72rem}.qq-song-request i{color:var(--systems-line);grid-area:2/1/auto/3;justify-self:center;font-size:1.35rem;font-style:normal;line-height:.7}.qq-song-os{border:2px solid var(--systems-scene);width:min(720px,86%);min-height:88px;color:var(--systems-scene);background:linear-gradient(110deg, rgba(var(--systems-scene-rgb), .2), #0a151f 76%);opacity:.14;border-radius:22px;grid-template-columns:54px 1fr;justify-self:center;align-items:center;gap:15px;padding:14px 22px;transition:opacity .35s,transform .35s;display:grid;transform:translateY(-8px)}.qq-song-os>span{place-items:center;display:grid}.qq-song-os svg{width:44px;height:44px}.qq-song-os>div{justify-content:space-between;align-items:baseline;gap:20px;display:flex}.qq-song-os strong{color:var(--systems-white);letter-spacing:.08em;font-size:1.18rem}.qq-song-os b{color:var(--systems-muted);letter-spacing:.07em;font-size:.76rem}svg.qq-song-connections{opacity:.12;width:100%;height:68px;transition:opacity .35s;overflow:visible}.qq-song-connections path{fill:none;stroke:var(--systems-line);stroke-linecap:round;stroke-width:2px;vector-effect:non-scaling-stroke}.qq-song-hardware{opacity:.14;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;transition:opacity .35s,transform .35s;display:grid;transform:translateY(8px)}.qq-song-hardware article{min-width:0;min-height:126px;color:var(--systems-scene);text-align:center;background:linear-gradient(145deg,#101b24,#08111a);border:1px solid #53626c;border-radius:21px;place-content:center;justify-items:center;gap:6px;padding:12px 8px;display:grid}.qq-song-hardware article>span{place-items:center;display:grid}.qq-song-hardware svg{width:42px;height:42px}.qq-song-hardware strong{color:var(--systems-white);letter-spacing:.08em;font-size:.92rem}.qq-song-hardware b{color:var(--systems-muted);letter-spacing:.06em;font-size:.72rem}.qq-song-concept.reveal-2 .qq-song-request,.qq-song-concept.reveal-3 .qq-song-request,.qq-song-concept.reveal-2 .qq-song-os,.qq-song-concept.reveal-3 .qq-song-os,.qq-song-concept.reveal-3 .qq-song-connections,.qq-song-concept.reveal-3 .qq-song-hardware{opacity:1;transform:none}.qq-song-concept.reveal-3 .qq-song-connections path{stroke:var(--systems-scene);stroke-dasharray:.07 .035;animation:2.6s linear infinite qq-hardware-flow}.qq-song-request b,.qq-song-hardware b{font-size:.76rem}@keyframes qq-hardware-flow{to{stroke-dashoffset:-.21px}}@media (width<=1450px),(height<=820px){.concept-visual{height:min(540px,96%)}.hook-screen{width:520px;height:350px}.hook-laptop>i{width:610px}.hook-desktop{gap:6px;padding:17px 24px 12px}.hook-app-grid{gap:10px}.hook-app img{border-radius:14px;width:52px;height:52px}.hook-platform-dock{padding:1px}.hook-platform{min-height:36px}.hook-platform img{width:31px;height:31px}.hook-device-layer{gap:5px;padding:5px 7px}.hook-device{min-height:39px}.hook-device img{width:54px;height:34px}.cpu-concept{grid-template-columns:1.5fr 30px 1.02fr 30px 1.12fr;gap:8px;padding:16px 18px}.cpu-hero{min-height:220px}.cpu-hero>span{width:92px;height:92px}.cpu-hero svg{width:58px;height:58px}.cpu-instructions ol{gap:8px}.cpu-instructions li{grid-template-columns:30px 1fr;gap:9px;min-height:0;padding:9px 10px;font-size:clamp(1rem,1.2vw,1.08rem)}.cpu-instructions li i{width:29px;height:29px;font-size:.7rem}.memory-card,.storage-card{gap:14px;min-height:330px;padding:22px}.io-concept{grid-template-columns:1fr 104px 175px 104px .82fr;gap:9px;padding:16px 18px}.computer-boundary{border-radius:24px;gap:7px;width:175px;padding:10px}.computer-boundary article{border-radius:13px;grid-template-columns:34px 1fr;gap:8px;min-height:58px;padding:7px 9px}.computer-boundary article svg{width:30px;height:30px}.computer-boundary strong{font-size:.78rem}.io-side .hardware-tile{min-height:68px;padding:8px 10px}.hardware-tile{min-height:126px;padding:10px}.hardware-tile svg{width:42px;height:42px}.hardware-concept{padding:14px}.hardware-recap-grid{gap:12px;width:min(780px,100%)}.hardware-recap-card{height:190px}.hardware-card-cover,.hardware-card-face{border-radius:20px;gap:9px;padding:13px}.hardware-card-name i{border-radius:16px;width:57px;height:57px}.hardware-card-name svg{width:37px;height:37px}.hardware-card-face strong{font-size:1.05rem}.hardware-card-function p{font-size:1rem}.layer-concept{gap:9px;padding:16px 24px}.layer-concept .hardware-foundation{min-height:150px}.layer-concept .hardware-tile{min-height:118px}.real-app-icon{border-radius:14px;gap:5px;min-height:88px;padding:7px 4px}.real-app-icon>img{border-radius:11px;width:42px;height:42px}.os-platform,.running-process-card{min-height:90px;padding:13px 20px}.os-coordinator-concept{grid-template-rows:104px 23px 108px 23px 136px;gap:5px;padding:14px 20px}.os-app-pair{gap:14px}.os-coordinator-app{border-radius:18px;grid-template-columns:54px 1fr;gap:9px;padding:10px 12px}.os-coordinator-app img{border-radius:14px;width:50px;height:50px}.os-coordinator-app strong{font-size:.82rem}.os-request-flow span,.os-hardware-flow span{font-size:.75rem}.os-coordinator-platform{min-height:108px;padding:10px 15px}.os-coordinator-platform>span{left:15px}.os-coordinator-platform svg{width:38px;height:38px}.os-coordinator-platform .os-examples{right:15px}.os-coordinator-platform strong{font-size:1rem}.os-coordinator-platform .os-examples{gap:4px}.os-coordinator-platform .os-examples i{padding:5px 7px;font-size:.75rem}.os-coordinator-concept .hardware-foundation{min-height:136px;padding:9px}.os-coordinator-concept .hardware-tile{min-height:116px}.os-bridge-concept{grid-template-rows:minmax(0,1fr) 96px;gap:12px;padding:22px 18px}.os-bridge-flow{grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr) 18px minmax(0,1fr) 18px minmax(0,1fr)}.os-bridge-stage{border-radius:18px;gap:7px;padding:12px 7px}.os-bridge-arrow{font-size:1.1rem}.os-bridge-stage>span{border-radius:14px;width:50px;height:50px}.os-bridge-stage img{border-radius:12px;width:44px;height:44px}.os-bridge-stage svg{width:36px;height:36px}.os-bridge-stage small{letter-spacing:.06em;font-size:.75rem}.os-bridge-stage strong{font-size:.8rem}.python-os-bridge{border-radius:18px;grid-template-columns:50px 1fr max-content;gap:10px;padding:10px 14px}.python-os-mark{border-radius:12px;width:42px;height:42px;font-size:.9rem}.python-os-bridge small,.python-os-bridge>b{font-size:.75rem}.python-os-bridge strong{font-size:.78rem}.scene-os-bridge .systems-explanation.compact{gap:5px;padding:12px 14px}.scene-os-bridge .systems-explanation.compact h2{font-size:1.35rem}.scene-os-bridge .systems-explanation.compact li{font-size:1.03rem;line-height:1.22}.scene-os-bridge .os-bridge-stage small{font-size:.78rem}.scene-os-bridge .os-bridge-stage strong{font-size:.87rem}.scene-os-bridge .python-os-bridge small,.scene-os-bridge .python-os-bridge>b{font-size:.78rem}.scene-os-bridge .python-os-bridge strong{font-size:.86rem}.language-history-concept{grid-template-rows:64px minmax(0,1fr) 54px;gap:8px;padding:14px 18px}.language-simplification-bridge{grid-template-columns:1fr 26px 1.35fr;gap:6px}.language-simplification-bridge article{border-radius:13px;gap:3px;padding:8px 11px}.language-simplification-bridge span,.language-simplification-bridge strong{font-size:.75rem}.language-simplification-bridge>i{font-size:1rem}.language-timeline{gap:6px}.language-timeline-line{top:47px}.language-milestone{border-radius:16px;grid-template-rows:30px 18px 50px 38px 18px;gap:2px;padding:8px 4px}.language-year{font-size:1rem}.language-dot{border-width:2px;width:12px;height:12px}.language-mark{border-radius:13px;width:44px;height:44px;font-size:.84rem}.language-milestone>strong,.language-milestone>small{letter-spacing:.03em;font-size:.75rem}.language-history-takeaway{border-radius:14px;grid-template-columns:max-content 1fr 22px 1fr;gap:6px;padding:8px 11px}.language-history-takeaway span,.language-history-takeaway strong,.language-history-takeaway b{font-size:.75rem}.language-history-takeaway>i{font-size:1rem}.scene-process .systems-explanation.compact{gap:5px;padding:12px 14px}.scene-process .systems-explanation.compact h2{font-size:1.38rem}.scene-process .systems-explanation.compact li{font-size:1.03rem;line-height:1.22}.process-transition-concept{grid-template-columns:minmax(205px,1fr) 112px minmax(205px,1fr);gap:15px;padding:20px}.process-resource-box{border-radius:23px;gap:10px;height:250px;padding:14px}.process-resource-box>header svg{width:30px;height:30px}.process-resource-box>header strong{font-size:.88rem}.process-program-card,.process-memory-box>article{border-radius:18px;grid-template-columns:56px 1fr;gap:11px;padding:13px}.process-program-card img,.process-memory-box>article img{border-radius:15px;width:54px;height:54px}.process-program-card>div,.process-memory-box>article div{gap:4px}.process-program-card strong,.process-memory-box>article strong{font-size:.9rem}.process-program-card b,.process-memory-box>article b,.process-program-card small,.process-memory-box>article small{font-size:.75rem}.process-launch{gap:7px;margin-top:49px}.process-launch>i{font-size:2.15rem}.process-user-action span,.process-os-action span{letter-spacing:.07em;font-size:.75rem}.process-user-action strong,.process-os-action strong{font-size:.75rem}.process-runtime-group{grid-template-rows:250px 62px 70px;gap:6px}.process-instruction-flow{grid-template-rows:max-content 20px;gap:1px}.process-instruction-flow i{font-size:1.4rem}.process-cpu-box{grid-template-columns:40px 1fr;width:min(280px,82%);min-height:70px;padding:10px 14px}.process-cpu-box svg{width:34px;height:34px}.process-cpu-box strong{font-size:.82rem}.process-cpu-box b{font-size:.75rem}.qq-song-concept{grid-template-rows:88px 62px 76px 48px 108px;gap:6px;padding:14px 24px}.qq-song-process{grid-template-columns:56px 1fr 40px;width:min(470px,66%);min-height:88px;padding:11px 18px}.qq-song-process img{border-radius:15px;width:54px;height:54px}.qq-song-process>i{width:38px;height:38px}.qq-song-request{gap:5px 10px}.qq-song-request b{padding:5px 7px;font-size:.7rem}.qq-song-os{min-height:76px;padding:10px 18px}.qq-song-os svg{width:38px;height:38px}svg.qq-song-connections{height:55px}.qq-song-hardware article{border-radius:18px;min-height:108px;padding:8px 6px}.qq-song-hardware svg{width:36px;height:36px}.recap-concept{grid-template-rows:90px 90px 150px 28px}.recap-concept .hardware-foundation{min-height:144px}.recap-concept .hardware-tile{min-height:112px}.cpu-instructions li i,.qq-song-request b{font-size:.75rem}.real-app-icon strong{font-size:.76rem}}@media (height<=900px){.scene-process .systems-teaching-stage{grid-template-columns:minmax(0,1fr) minmax(285px,28%)}:is(.scene-io,.scene-process) .systems-explanation-stack{gap:6px}:is(.scene-io,.scene-process) .systems-explanation-stack .systems-explanation.compact{gap:5px;padding:10px 14px}.scene-process .systems-explanation-stack .systems-explanation.compact{padding-block:8px}:is(.scene-io,.scene-process) .systems-explanation.compact ul{gap:2px;margin-top:0}}@media (prefers-reduced-motion:reduce){.hook-concept.reveal-1 .hook-app img,.hook-concept.reveal-2 .hook-platform,.hook-concept.reveal-3 .hook-device,.cpu-demo-1 .jump-control,.cpu-demo-4 .game-character,.process-request i,.cpu-process-link>i,.systems-card-slot>*,.hardware-recap-card.is-named:not(.is-flipped) .hardware-card-inner,.os-bridge-arrow,.language-dot,.qq-song-connections path{animation:none}.cpu-demo-4 .game-character{transform:translate(-50%,-82px)}}@media (width<=1100px) and (orientation:landscape){body{min-width:0}.projection-shell{gap:8px;height:100dvh;min-height:0;padding:8px}.projection-shell .projection-header{padding:0 8px;padding-right:max(48px, calc(env(safe-area-inset-right,0px) + 12px));grid-template-columns:max-content minmax(0,1fr) minmax(300px,46%);gap:10px}.projection-header>strong,.projection-header>span{font-size:14px}.projection-actions,.page-navigator{min-width:0}.projection-actions{gap:8px}.page-navigator{flex:1;overflow:hidden}.projection-shell .page-navigator>div{gap:4px;min-width:0;max-width:100%;overflow-x:auto}.projection-shell .page-navigator button{color:#9cb1c2;background:0 0;border-color:#0000;width:32px;height:32px;min-height:32px;font-size:13px;font-weight:600}.projection-shell .page-navigator button:hover{color:#eaf9ff;background:#102637;border-color:#46647f}.projection-shell .page-navigator button.current{color:#99e7fa;box-shadow:none;background:#183747;border-color:#47798d;font-weight:800}.projection-shell .page-navigator button:focus-visible{outline-offset:-2px;outline:2px solid #75dcff}.projection-shell .exit{flex:none;min-width:44px;min-height:44px}.projection-shell :is(button,summary,select,input){min-height:44px}.projection-shell :is(select,input,textarea){font-size:16px}.projection-shell :is(.lesson2-navigation,.classroom-step-controls,.opening-step-controls,.recommendation-step-controls){z-index:9;gap:8px;position:fixed;bottom:12px;right:16px}.projection-shell .classroom-step-button{flex-basis:132px;width:132px;height:44px;min-height:44px;font-size:14px}.le-lesson,.lesson2-revised.l2-variable-page{grid-template-rows:48px 38px minmax(0,1fr)}.le-heading,.trial-heading{min-width:0;padding:0 8px}.le-heading h1,.lesson2-revised .trial-heading h1{font-size:24px}.le-stage,.lesson2-revised .trial-stage{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:10px}.le-stage>*,.trial-stage>*{min-width:0;min-height:0}.le-code,.lesson2-revised .trial-code{padding:8px;overflow:hidden}.le-code>header,.trial-code>header{flex:none;gap:6px}.le-code h2,.trial-code h2{font-size:16px}.le-source,.lesson2-revised .trial-source{overscroll-behavior:contain;flex:auto;min-height:0;margin-top:8px;font-size:18px;line-height:1.4;overflow:auto}.le-line{grid-template-columns:2.4ch max-content max-content;gap:10px;width:max-content;min-width:100%;padding-left:10px}.le-line code{overflow:visible}.trial-line{grid-template-columns:2ch max-content max-content;gap:10px;width:max-content;min-width:100%}.trial-line code{white-space:pre;overflow-wrap:normal}.le-source-label{margin-left:6px;padding:3px 6px;font-size:14px}.le-case-selector summary,.l4-case-selector summary{min-width:0;font-size:14px}.le-case-menu,.l4-case-menu{max-width:420px;max-height:220px;overflow-y:auto}.le-case,.l4-case{white-space:normal}.le-output{gap:4px;margin-top:8px;padding:6px 10px}.le-output h2{font-size:16px}.le-output pre{height:4.05em;font-size:18px}.le-side,.l2-sequence-side{overscroll-behavior:contain;grid-auto-rows:max-content;min-height:0;padding:0 2px 62px 0;overflow:auto}.le-side>*,.l2-sequence-side>*{min-height:max-content}.le-card,.le-prompt,.l2-sequence .systems-explanation.compact,.l2-sequence .systems-question{padding:10px 12px}.le-card{--le-card-font-size:20px}.le-prompt strong{font-size:20px}.le-variables,.le-memory{padding:10px}.le-variable{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px;font-size:18px}.le-variable dt{overflow-wrap:anywhere}.le-change{grid-column:1/-1;justify-self:end}.le-memory{overflow-x:auto}.le-memory-svg{min-width:420px}.le-scenario{padding:10px 10px 10px 42px}.le-scenario>code{white-space:pre;overflow-x:auto}.l2-sequence .trial-code>.l2-console{grid-template-columns:64px minmax(0,1fr);margin-top:8px;padding:8px}.l2-sequence .l2-console pre{height:4.2em;font-size:18px;overflow:auto}.l2-sequence .l2-console h2{font-size:16px}.l2-sequence .l2-comparison-output{max-height:100px;overflow:auto}.l2-code-side.with-inputs{grid-template-rows:minmax(180px,1fr) max-content;overflow:auto}.l2-code-side.with-inputs .trial-inputs{min-height:max-content}.trial-dialog{max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto}.l2-trace-side,.l2-print-side,.l2-print-sequence{overflow:auto}.lesson2-revised .l2-roster-picker{justify-content:flex-start;padding:8px;overflow:auto}.l2-roster-choices{gap:8px}.l2-roster-choices button{gap:6px;padding:8px}.l2-character-image{width:64px;height:64px}.l2-character-title{white-space:normal;font-size:16px}.l2-character-attribute{padding:5px 0}.l2-character-attribute>:is(span,strong){font-size:16px}.l2-sequence .l2-trace-side{grid-template-rows:max-content max-content;grid-auto-rows:max-content;align-content:start}.l2-object-model{min-height:460px}.projection-shell.l2-sequence[data-lesson2-page] .l2-refined-map{grid-template-columns:100px 24px minmax(0,1fr);width:96%}.l2-refined-map .l2-name{font-size:18px}.l2-refined-object{overflow:auto}.l2-refined-object pre{white-space:pre;overflow-wrap:normal}.projection-shell.l2-sequence[data-lesson2-page] .trial-code .l2-console{min-height:0}.systems-shell,.immersive-feed-shell{grid-template-rows:48px minmax(0,1fr)}.systems-classroom{padding:10px 14px 62px}.systems-page-title{min-height:40px}.systems-page-title h1{white-space:normal;font-size:24px}.systems-teaching-stage{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:12px;inset:58px 14px 62px}.systems-teaching-stage>*,.systems-card-slot{min-width:0;min-height:0;overflow:auto}.systems-explanation-stack{max-height:none;height:auto!important}.systems-visual-stage{place-items:start}.systems-visual-stage>*{min-width:650px;min-height:440px;margin:12px}.systems-visual-stage>.hook-concept{width:calc(100% - 24px);min-width:0;height:auto;min-height:0}.hook-laptop{width:100%}.hook-screen{border-width:5px;width:100%;height:270px}.hook-laptop>i{width:100%;height:12px}.hook-desktop{padding:10px}.hook-app-grid{gap:4px}.hook-app img{width:36px;height:36px}.hook-platform b,.hook-platform.text-only b{font-size:12px}.hook-platform{gap:4px}.hook-platform img{width:24px;height:24px}.hook-device img{width:48px;height:32px}.systems-controls{z-index:9;grid-template-columns:repeat(2,132px);position:fixed;bottom:12px;right:16px}.systems-nav-button{width:132px;height:44px}.principles-opening{grid-template-rows:max-content max-content;padding:16px 20px 62px;overflow:auto}.principles-structure{width:100%}.reasonable-freedom{min-height:140px}.teacher-journey-opening{padding:16px 20px 62px;overflow:auto}.teacher-journey-map-frame{min-height:400px}.classroom-side{padding:14px 16px 62px;overflow:auto}.projection-shell .classroom-side.scene-behavior .classroom-step-controls{position:fixed}.immersive-classroom .classroom-side .classroom-focus{grid-template-rows:none;grid-auto-rows:max-content;align-content:start;height:auto;min-height:100%;padding-top:8px}.classroom-visual{min-height:260px;overflow:auto}.classroom-side.reveal-0 .classroom-question h1{font-size:30px}.phone-stage{padding:8px 12px 16px}.phone-device{height:100%;max-height:100%}.phone-feed .feed-caption strong{overflow-wrap:anywhere;font-size:12px}.course-map-shell{padding:20px}}body.measuring-viewport{min-width:0}.viewport-diagnostic{gap:16px;width:min(100%,900px);margin:auto;padding:20px;display:grid}.viewport-diagnostic h1{font-size:2rem}.viewport-diagnostic p{line-height:1.5}.viewport-diagnostic a{color:#75d5ff;align-items:center;min-height:44px;display:inline-flex}.viewport-diagnostic label{min-width:0}.viewport-diagnostic input,.viewport-diagnostic select,.viewport-diagnostic button{min-height:44px;font-size:16px}.viewport-diagnostic select,.viewport-diagnostic button{color:#eef5ff;background:#13263b;border:1px solid #58758c;border-radius:7px;padding:10px}.viewport-actions{flex-wrap:wrap;gap:12px;display:flex}.viewport-diagnostic pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:16px;line-height:1.4}.viewport-diagnostic textarea{color:#eef5ff;background:#0b1928;width:100%;min-width:0;height:240px;padding:12px;font:16px/1.4 monospace}.viewport-diagnostic :focus-visible{outline-offset:3px;outline:3px solid #75d5ff}.viewport-scroll-note{padding-bottom:30vh}.fullscreen-toggle{color:#d6e5f2;background:#0b1928;border:1px solid #46647f;border-radius:8px;flex:0 0 44px;place-items:center;width:44px;height:44px;padding:10px;display:grid}.fullscreen-toggle[hidden],.fullscreen-notice[hidden]{display:none}.fullscreen-toggle svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.fullscreen-toggle:hover,.fullscreen-toggle:focus-visible{color:#75dcff;border-color:#75dcff}.fullscreen-toggle:focus-visible{outline-offset:2px;outline:2px solid #75dcff}.fullscreen-contract,.fullscreen-toggle[aria-pressed=true] .fullscreen-expand{display:none}.fullscreen-toggle[aria-pressed=true] .fullscreen-contract{display:block}.fullscreen-notice{z-index:30;color:#eef8ff;background:#0b1928;border:1px solid #75dcff;border-radius:8px;align-items:center;gap:12px;max-width:min(440px,100vw - 32px);padding:8px 12px;font:16px/1.4 system-ui,sans-serif;display:flex;position:fixed;top:66px;right:16px}.fullscreen-notice button{width:44px;height:44px;color:inherit;background:0 0;border:1px solid #46647f;border-radius:6px;flex:0 0 44px;padding:0;font-size:24px}