:root body{background-color:rgb(var(--background) / 1);color:rgb(var(--label) / 1);font-family:var(--font-inter), "Inter", system-ui, sans-serif;letter-spacing:0;font-size:inherit;line-height:inherit;font-weight:inherit;-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto;margin:0}.ed{--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-pill:999px;--font-family-display:var(--font-haffer);--type-display-lg-font-family:var(--font-haffer);--type-display-md-font-family:var(--font-haffer);--type-display-sm-font-family:var(--font-haffer);--type-heading-font-family:var(--font-haffer);--type-body-font-family:var(--font-inter), Inter, system-ui, sans-serif;--type-control-font-family:var(--font-inter), Inter, system-ui, sans-serif;--ed-display:var(--font-haffer), var(--font-inter), Inter, sans-serif;--ed-width:1200px;--ed-gutter:var(--space-24);--an-surface:color-mix(in srgb, var(--color-surface-page) 80%, transparent);box-sizing:border-box;gap:var(--space-72);min-height:100vh;padding:128px var(--ed-gutter) var(--space-24);background:var(--color-surface-page);color:var(--color-text-primary);font-family:var(--type-body-font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;font-size:15px;line-height:1.48;display:flex;overflow-x:hidden}.ed *,.ed :before,.ed :after{box-sizing:border-box}.ed-main,.ed-footer{width:100%;max-width:var(--ed-width);margin:0 auto}.ed-footer{align-items:center;gap:var(--space-24);padding:var(--space-16) var(--space-24);border-radius:var(--radius-field);background:var(--color-surface-paper);font-size:13px;line-height:20px;display:flex}.ed a.ed-footer-brand{color:var(--color-text-primary);display:flex}.ed-footer-links{gap:var(--space-4) var(--space-20);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.ed .ed-footer-links a{color:var(--color-text-primary);text-decoration:none}.ed .ed-footer-links a:hover{text-underline-offset:3px;text-decoration:underline}.ed-footer-meta{justify-content:center;gap:var(--space-4) var(--space-8);color:var(--color-text-secondary);white-space:nowrap;flex-wrap:wrap;margin:0 0 0 auto;display:flex}.ed-footer-meta span+span:before{content:"·";margin-right:var(--space-8)}.ed-main{gap:var(--space-72);flex-direction:column;display:flex}.ed a.ed-btn{justify-content:center;align-items:center;gap:var(--space-8);border-radius:var(--radius-pill);font-family:var(--type-control-font-family);font-size:var(--type-control-font-size);font-weight:var(--type-control-font-weight);line-height:var(--type-control-line-height);white-space:nowrap;transition:background-color var(--motion-duration-fast) ease;text-decoration:none;display:inline-flex}.ed a.ed-btn-md{height:40px;padding:0 var(--space-action-inline-md)}.ed a.ed-btn-lg{height:48px;padding:0 var(--space-action-inline-lg)}.ed a.ed-btn-positive{background:var(--color-intent-positive-solid);color:var(--color-text-on-ink)}.ed a.ed-btn-positive:hover{background:var(--color-intent-positive-hover);color:var(--color-text-on-ink)}.ed a:focus-visible,.ed button:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.ed a.ed-link{color:var(--color-text-primary);text-underline-offset:4px;font-weight:500;text-decoration:underline}.ed a.ed-link:hover{color:var(--color-text-secondary)}.ed-hero{align-items:center;gap:var(--space-28);padding:var(--space-24) 0 0;text-align:center;flex-direction:column;display:flex;position:relative}.ed-sticker{color:var(--color-surface-ink);position:absolute}.ed-sticker-teachers{padding:var(--space-10) var(--space-16);border-radius:var(--radius-pill);background:var(--color-intent-warning-solid);font-size:14px;font-weight:600;top:10px;left:4%;transform:rotate(-12deg)}.ed-sticker-nocode{width:96px;height:96px;padding:var(--space-12);border-radius:var(--radius-pill);background:var(--color-intent-positive-solid);font-family:var(--ed-display);place-items:center;font-size:15px;line-height:1.05;display:grid;top:40px;right:6%;transform:rotate(9deg)}.ed-h1{max-width:11ch;font-family:var(--ed-display);letter-spacing:-.03em;margin:0;font-size:clamp(48px,8.5vw,104px);font-weight:500;line-height:.98}.ed-h1-mark{padding:0 var(--space-16);border-radius:var(--radius-xl);background:var(--color-surface-ink);color:var(--color-text-on-ink);display:inline-block;transform:rotate(-2deg)}.ed-lead{max-width:48ch;color:var(--color-text-secondary);text-wrap:pretty;margin:0;font-size:19px;line-height:1.48}.ed-arcade-section{scroll-margin-top:var(--space-24)}.ed-arcade{justify-content:center;gap:var(--space-16);width:fit-content;max-width:100%;height:720px;padding:var(--space-16);border-radius:var(--radius-xxl);background:var(--color-surface-paper);grid-template-columns:280px auto 300px;margin:0 auto;display:grid;box-shadow:0 14px 36px #0000001a}.ed-arcade-side{gap:var(--space-12);flex-direction:column;min-height:0;display:flex}.ed-topic{gap:var(--space-4);padding:var(--space-20);border-radius:var(--radius-xl);color:var(--color-surface-ink);transition:background-color var(--motion-duration-base) ease;flex-direction:column;display:flex}.ed-topic-eyebrow{font-size:12px;font-weight:600}.ed-topic-title{font-family:var(--ed-display);font-size:28px;line-height:1}.ed-topic-meta{font-size:14px}.ed-list{gap:var(--space-8);min-height:0;padding:var(--space-16) var(--space-12) var(--space-12);border-radius:var(--radius-xl);background:var(--color-surface-recess);flex-direction:column;flex:1;display:flex}.ed-list-head{padding:0 var(--space-4);color:var(--color-text-muted);margin:0;font-size:13px}.ed-list-rows{gap:var(--space-4);scrollbar-width:none;flex-direction:column;flex:1;min-height:0;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.ed button.ed-row{align-items:center;gap:var(--space-12);width:100%;padding:var(--space-6);border-radius:var(--radius-md);color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:56px 1fr;display:grid}.ed button.ed-row:hover,.ed button.ed-row-on{background:var(--color-surface-paper)}.ed-row-thumb,.ed-tools-thumb{border-radius:var(--radius-sm);background-position:50%;background-size:cover;display:block}.ed-row-thumb{width:56px;height:56px}.ed-row-body,.ed-tools-id{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.ed-row-title{color:var(--color-text-primary);font-size:14px;font-weight:500}.ed-row-meta,.ed-tools-meta{color:var(--color-text-muted);font-size:12px}.ed-stage{aspect-ratio:9/16;border-radius:var(--radius-xl);background:var(--color-surface-deep);height:100%;position:relative;overflow:hidden}.ed-stage-frame{border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.ed button.ed-stage-cover{width:100%;padding:var(--space-24);cursor:pointer;background-position:50%;background-size:cover;border:0;justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:0}.ed button.ed-stage-cover:before{content:"";background:linear-gradient(#0000,#0009);position:absolute;inset:0}.ed-stage-play{align-items:center;gap:var(--space-8);height:48px;padding:0 var(--space-action-inline-lg);border-radius:var(--radius-pill);background:var(--color-intent-positive-solid);color:var(--color-text-on-ink);font-size:var(--type-control-font-size);font-weight:var(--type-control-font-weight);transition:background-color var(--motion-duration-fast) ease;display:inline-flex;position:relative}.ed button.ed-stage-cover:hover .ed-stage-play{background:var(--color-intent-positive-hover)}.ed-stage-idea{justify-content:flex-end;align-items:flex-start;gap:var(--space-12);padding:var(--space-24);flex-direction:column;display:flex;position:absolute;inset:0}.ed-stage-idea p{margin:0}.ed-stage-idea-title{font-family:var(--ed-display);font-size:32px;line-height:1.05}.ed-stage-idea-prompt{text-wrap:pretty;font-size:17px;line-height:1.4}.ed-stage-idea-note{color:var(--color-text-secondary);font-size:13px}.ed-tools{gap:var(--space-16);padding:var(--space-16);border-radius:var(--radius-xl);background:var(--color-surface-recess)}.ed-tools-head{align-items:center;gap:var(--space-12);grid-template-columns:64px 1fr;display:grid}.ed-tools-thumb{border-radius:var(--radius-md);width:64px;height:64px}.ed-tools-title{font-family:var(--ed-display);font-size:22px;line-height:1.1}.ed-tools-body{scrollbar-width:none;flex:1;min-height:0;overflow-y:auto}.ed-notes{gap:var(--space-16);flex-direction:column;margin:0;display:flex}.ed-notes dt{color:var(--color-text-muted);font-size:var(--type-caption-font-size);line-height:var(--type-caption-line-height)}.ed-notes dd{margin:var(--space-4) 0 0;font-size:var(--type-body-font-size);line-height:var(--type-body-line-height);text-wrap:pretty}.ed-notes-empty{color:var(--color-text-muted);font-size:var(--type-body-font-size);line-height:var(--type-body-line-height);text-wrap:pretty;margin:0}.ed-board{align-items:center;gap:var(--space-8);padding:var(--space-32) var(--space-8);text-align:center;flex-direction:column;display:flex}.ed-board[hidden]{display:none}.ed-board p{margin:0}.ed-board-title{font-size:var(--type-label-font-size);font-weight:var(--type-label-font-weight);line-height:var(--type-label-line-height)}.ed-board-text{color:var(--color-text-muted);font-size:var(--type-caption-font-size);line-height:var(--type-caption-line-height);text-wrap:pretty}.ed-tools-actions{gap:var(--space-8);padding-top:var(--space-12);border-top:.5px solid var(--color-border-divider);display:flex}.ed-tools-copy{flex:1}.ed a.ed-icon-btn{border-radius:var(--radius-pill);background:var(--button-neutral-background);width:40px;height:40px;color:var(--button-neutral-text);flex:none;place-items:center;display:grid}.ed a.ed-icon-btn:hover{background:var(--button-neutral-hover)}.ed-tools-status{color:var(--color-intent-danger-solid);font-size:var(--type-caption-font-size);margin:0;display:block}.ed-tools-status:empty{display:none}.ed-steps{gap:var(--space-40);flex-direction:column;display:flex}.ed-h2{font-family:var(--ed-display);text-align:center;text-wrap:balance;margin:0;font-size:clamp(36px,5vw,48px);font-weight:500;line-height:1}.ed-step-list{align-items:start;gap:var(--space-24);grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));margin:0;padding:0;list-style:none;display:grid}.ed-step{gap:var(--space-12);margin-top:var(--ed-drop,0px);padding:var(--space-32) var(--space-24);border-radius:var(--radius-xl);background:var(--color-surface-paper);transform:rotate(var(--ed-rot,0deg));flex-direction:column;display:flex;box-shadow:0 10px 24px #00000014}.ed-step-n{font-family:var(--ed-display);font-size:88px;line-height:1}.ed-step-title{font-family:var(--ed-display);margin:0;font-size:26px;font-weight:500;line-height:1.1}.ed-step-body{color:var(--color-text-secondary);font-size:var(--type-body-relaxed-font-size);line-height:var(--type-body-relaxed-line-height);text-wrap:pretty;margin:0}.ed-closing{align-items:center;gap:var(--space-24);padding:var(--space-48) 0 var(--space-24);text-align:center;flex-direction:column;display:flex}.ed-fan{--ed-fan-w:clamp(120px, 17vw, 220px);width:100%;padding:var(--space-24) 0 var(--space-64);justify-content:center;align-items:flex-start;display:flex}.ed-fan-card{width:var(--ed-fan-w);aspect-ratio:16/10;margin:0 calc(var(--ed-fan-w) * -.14);padding:var(--space-12);border-radius:var(--radius-xl);font-family:var(--ed-display);transform:translateY(var(--ed-fan-y)) rotate(var(--ed-fan-r)) scale(var(--ed-fan-s));transition:transform var(--motion-duration-base) ease;background-position:50%;background-size:cover;flex:none;place-items:center;font-size:clamp(14px,1.6vw,20px);line-height:1.1;display:grid;overflow:hidden;box-shadow:0 12px 28px #00000029}.ed-fan-start>span,.ed-fan-end>span{max-width:60%}.ed-fan-start{text-align:left;justify-items:start}.ed-fan-end{text-align:right;justify-items:end}.ed-fan-card:hover{transform:translateY(-12px)rotate(0)scale(1.08)}.ed-closing-title{letter-spacing:-.02em;font-size:clamp(40px,6vw,72px)}.ed-closing-text{max-width:52ch;color:var(--color-text-secondary);text-wrap:pretty;margin:0;font-size:17px;line-height:1.48}@media (max-width:1024px){.ed-arcade{grid-template-columns:minmax(0,1fr);width:100%;height:auto}.ed-arcade-list{order:0}.ed-stage{order:1;width:min(100%,420px);height:auto;margin:0 auto}.ed-tools{order:2;min-height:360px}.ed-list-rows{scroll-snap-type:x mandatory;flex-direction:row;overflow:auto visible}.ed-list-rows>li{scroll-snap-align:start;flex:none;width:240px}}@media (max-width:760px){.ed{--ed-gutter:var(--space-16);gap:var(--space-48);padding-top:72px}.ed-main{gap:var(--space-56)}.ed-footer{gap:var(--space-12);padding:var(--space-20) var(--space-16);flex-direction:column}.ed-footer-links{justify-content:center}.ed-footer-meta{flex-direction:column;align-items:center;margin:0}.ed-footer-meta span+span:before{content:none}.ed-sticker{display:none}.ed-lead{font-size:17px}.ed-arcade{padding:var(--space-12);border-radius:var(--radius-xl)}.ed-step{margin-top:0;transform:none}.ed-step-n{font-size:64px}.ed-fan{--ed-fan-w:30vw;padding-bottom:var(--space-40)}}@media (prefers-reduced-motion:reduce){.ed a.ed-btn,.ed-topic,.ed-stage-play,.ed-fan-card{transition:none}}