:root{--slice-bg: #020617;--slice-surface: #0f172a;--slice-code-bg: #0d1117;--slice-text-main: #f8fafc;--slice-text-dim: #94a3b8;--slice-accent-blue: #38bdf8;--slice-accent-yellow: #facc15;--slice-accent-green: #4ade80;--slice-accent-red: #f87171;--slice-accent-purple: #a855f7;--slice-font-body: "Inter", system-ui, sans-serif;--slice-font-heading: "Outfit", system-ui, sans-serif;--slice-font-code: "Fira Code", monospace;--slice-title-size: clamp(3rem, 5.9vw, 4.75rem);--slice-lesson-title-size: clamp(2.5rem, 6vw, 4.5rem);--slice-description-size: clamp(1.25rem, 2.6vw, 1.75rem);--slice-lesson-description-size: clamp(1.1rem, 2.2vw, 1.4rem);--slice-card-title-size: 2.25rem;--slice-heading-letter-spacing: 0;--slice-screen-padding: clamp(1.5rem, 4vw, 4rem);--slice-section-padding-block: clamp(1rem, 3vw, 2rem);--slice-content-max-width: 80rem;--slice-copy-max-width: 46rem;--slice-title-max-width: 58rem;--slice-grid-gap: clamp(1rem, 2vw, 1.5rem);--slice-stack-gap: clamp(2rem, 5vw, 3.5rem);--slice-card-padding: clamp(1.25rem, 3vw, 2rem);--slice-block-grid-columns: repeat(2, minmax(0, 1fr));--slice-block-card-columns: auto minmax(0, 1fr);--slice-screen-align-items: center;--slice-home-icon-size: clamp(4rem, 8vw, 6rem);--slice-home-icon-font-size: 4rem;--slice-floating-control-offset: clamp(1rem, 3vw, 2rem);--slice-nav-button-size: clamp(3.5rem, 7vw, 4.5rem);--slice-home-button-size: clamp(3.25rem, 6vw, 4rem);--slice-nav-button-font-size: clamp(1.25rem, 2.6vw, 1.5rem);--slice-background-blob-size: clamp(18rem, 48vw, 37.5rem);--slice-background-grid-size: 3.125rem;--slice-code-terminal-padding-block: clamp(2rem, 3vw, 2.75rem);--slice-code-terminal-padding-inline: clamp(2.75rem, 5vw, 4rem)}@media(max-width:64rem){:root{--slice-screen-align-items: flex-start;--slice-block-grid-columns: 1fr}}@media(max-width:48rem){:root{--slice-title-size: clamp(2.75rem, 9vw, 4rem);--slice-lesson-title-size: clamp(2.25rem, 8vw, 3.5rem);--slice-description-size: clamp(1.1rem, 4vw, 1.35rem);--slice-lesson-description-size: clamp(1rem, 3.8vw, 1.2rem);--slice-card-title-size: 2rem;--slice-screen-padding: clamp(1rem, 4vw, 2rem);--slice-card-padding: clamp(1rem, 4vw, 1.5rem);--slice-floating-control-offset: 1rem;--slice-nav-button-size: clamp(3.25rem, 13vw, 3.75rem);--slice-home-button-size: clamp(3rem, 12vw, 3.5rem);--slice-background-grid-size: 2.5rem;--slice-code-terminal-padding-block: clamp(1.25rem, 5vw, 2rem);--slice-code-terminal-padding-inline: clamp(1rem, 5vw, 2rem)}}@media(max-width:36rem){:root{--slice-title-size: 3rem;--slice-lesson-title-size: 2.5rem;--slice-card-title-size: 1.75rem;--slice-block-card-columns: 1fr;--slice-home-icon-font-size: 3rem;--slice-background-blob-size: 18rem;--slice-background-grid-size: 2rem}}*{box-sizing:border-box}html{color-scheme:dark}body{min-width:20rem;min-height:100dvh;margin:0;color:var(--slice-text-main);background:var(--slice-bg);font-family:var(--slice-font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slice-icon-button{color:var(--slice-accent-blue);background:none;border:0;cursor:pointer}.slice-icon-button:focus-visible{outline:.2rem solid var(--slice-accent-yellow);outline-offset:.2rem}