@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/caveat-latin-500-normal.B9SDL8cy.woff2)format("woff2"),url(/_astro/caveat-latin-500-normal.Do9veZfZ.woff)format("woff")}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/caveat-latin-700-normal.D8_1Nw6V.woff2)format("woff2"),url(/_astro/caveat-latin-700-normal.cPyBTTZN.woff)format("woff")}:root{--font-sans:-apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", system-ui, sans-serif;--font-mono:"SF Mono", ui-monospace, Menlo, Monaco, Consolas, monospace;--font-hand:"Caveat", "Segoe Print", "Bradley Hand", cursive;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-3xl:2.25rem;--text-4xl:3rem;--leading-tight:1.1;--leading-normal:1.47;--tracking-tight:-.015em;--tracking-tighter:-.028em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--control-height:40px;--control-height-sm:32px;--duration-fast:.12s;--duration-normal:.24s;--ease-out:cubic-bezier(.25, .1, .25, 1);color-scheme:light;--bg:#fff;--surface:#f5f5f5;--surface-raised:#fff;--surface-hover:#f0f0f0;--border:#e5e5e5;--border-strong:#d0d0d0;--text:#0a0a0a;--text-muted:#666;--text-subtle:#666;--text-inverse:#fff;--action:#0a0a0a;--action-hover:#2b2b2b;--action-text:#fff;--link:#0a0a0a;--accent:#e5322d;--accent-text:#c01f1a;--accent-soft:#fdeceb;--success:#1f9d55;--success-text:#157a40;--success-soft:#e7f6ed;--focus-ring:#0a0a0a;--overlay:#0006;--bar-bg:#ffffffd9;--shadow-float:0 8px 30px #00000014, 0 0 0 1px #e5e5e5}:root[data-theme=dark]{color-scheme:dark;--bg:#000;--surface:#141414;--surface-raised:#000;--surface-hover:#1f1f1f;--border:#262626;--border-strong:#3d3d3d;--text:#fafafa;--text-muted:#a3a3a3;--text-subtle:#a3a3a3;--text-inverse:#000;--action:#fafafa;--action-hover:#dcdcdc;--action-text:#000;--link:#fafafa;--accent:#ff453a;--accent-text:#ff6961;--accent-soft:#2a0f0d;--success:#30d158;--success-text:#30d158;--success-soft:#0c2414;--focus-ring:#fafafa;--overlay:#000000b3;--bar-bg:#000c;--shadow-float:0 8px 30px #0009, 0 0 0 1px #262626}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg);min-height:100dvh;color:var(--text);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}h1,h2,h3,h4{line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);margin:0;font-weight:600}h1{font-size:var(--text-3xl);letter-spacing:var(--tracking-tighter);font-weight:700}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-lg)}p{margin:0}a{color:inherit;text-decoration:underline;text-decoration-color:var(--border-strong);text-underline-offset:3px}a:hover{text-decoration-color:currentColor}code,pre,kbd{font-family:var(--font-mono);font-size:.9em}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:var(--radius-sm)}::selection{background:var(--text);color:var(--bg)}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.uc-button{justify-content:center;align-items:center;gap:var(--space-2);height:var(--control-height);padding:0 var(--space-5);border-radius:var(--radius-lg);font:inherit;font-size:var(--text-sm);letter-spacing:-.01em;white-space:nowrap;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);border:1px solid #0000;font-weight:500;line-height:1;text-decoration:none;display:inline-flex}.uc-button:hover{text-decoration:none}.uc-button:disabled,.uc-button[aria-disabled=true]{cursor:not-allowed;opacity:.45}.uc-button--primary{background:var(--action);color:var(--action-text)}.uc-button--primary:hover:not(:disabled){background:var(--action-hover)}.uc-button--secondary{border-color:var(--border-strong);background:var(--bg);color:var(--text)}.uc-button--secondary:hover:not(:disabled){border-color:var(--text)}.uc-button--text{height:auto;padding:var(--space-1) 0;color:var(--text);text-decoration:underline;text-decoration-color:var(--border-strong);text-underline-offset:3px;background:0 0;font-weight:500}.uc-button--text:hover:not(:disabled){text-decoration-color:currentColor}.uc-button--danger{border-color:var(--accent);background:var(--bg);color:var(--accent-text)}.uc-button--danger:hover:not(:disabled){background:var(--accent-soft)}.uc-button--small{height:var(--control-height-sm);padding:0 var(--space-3)}.uc-button--block{width:100%}.uc-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite uc-spin}@keyframes uc-spin{to{transform:rotate(360deg)}}.uc-field{gap:var(--space-2);display:grid}.uc-field__label{font-size:var(--text-sm);font-weight:500}.uc-field__hint{font-size:var(--text-sm);color:var(--text-muted)}.uc-field__error{font-size:var(--text-sm);color:var(--accent-text)}.uc-input,.uc-select,.uc-textarea{width:100%;min-height:var(--control-height);padding:0 var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--surface-raised);color:var(--text);font:inherit;font-size:var(--text-base);transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out)}.uc-textarea{padding:var(--space-2) var(--space-3);resize:vertical;min-height:96px}.uc-select{appearance:none;padding-right:var(--space-8);background-image:linear-gradient(45deg, transparent 50%, var(--text-muted) 50%), linear-gradient(135deg, var(--text-muted) 50%, transparent 50%);background-position:calc(100% - 18px),calc(100% - 13px);background-repeat:no-repeat;background-size:5px 5px}.uc-input:focus-visible,.uc-select:focus-visible,.uc-textarea:focus-visible{border-color:var(--focus-ring);box-shadow:0 0 0 3px color-mix(in srgb, var(--focus-ring) 30%, transparent);outline:none}.uc-input[aria-invalid=true],.uc-select[aria-invalid=true],.uc-textarea[aria-invalid=true]{border-color:var(--accent)}.uc-checkbox{gap:var(--space-3);font-size:var(--text-sm);cursor:pointer;grid-template-columns:20px 1fr;align-items:start;display:grid}.uc-checkbox input{width:18px;height:18px;accent-color:var(--text);cursor:pointer;margin:1px 0 0}.uc-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-raised);padding:var(--space-6)}.uc-card--flush{padding:0}.uc-card__header{justify-content:space-between;align-items:baseline;gap:var(--space-4);margin-bottom:var(--space-4);display:flex}.uc-card__title{font-size:var(--text-lg);letter-spacing:var(--tracking-tight);font-weight:600}.uc-card__description{margin-top:var(--space-1);color:var(--text-muted);font-size:var(--text-sm)}.uc-tabs{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg);scrollbar-width:none;gap:2px;width:max-content;max-width:100%;padding:2px;display:flex;overflow-x:auto}.uc-tabs__tab{padding:6px var(--space-4);border-radius:var(--radius-md);color:var(--text);font:inherit;font-size:var(--text-sm);white-space:nowrap;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out);background:0 0;border:0;flex:none;font-weight:500}.uc-tabs__tab:hover:not([aria-selected=true]){background:var(--surface-hover)}.uc-tabs__tab[aria-selected=true]{background:var(--text);color:var(--bg);font-weight:600}.uc-notice{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-raised);font-size:var(--text-sm);align-items:flex-start;display:flex}.uc-notice--error{border-color:color-mix(in srgb, var(--accent) 40%, transparent);background:var(--accent-soft)}.uc-notice--success{border-color:color-mix(in srgb, var(--success) 40%, transparent);background:var(--success-soft)}.uc-notice__body{gap:var(--space-1);flex:1;display:grid}.uc-progress{background:var(--surface-hover);border-radius:3px;width:100%;height:6px;overflow:hidden}.uc-progress__bar{background:var(--text);height:100%;transition:width var(--duration-normal) var(--ease-out)}.uc-empty{justify-items:center;gap:var(--space-3);padding:var(--space-12) var(--space-6);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-raised);text-align:center;display:grid}.uc-empty__title{font-size:var(--text-xl);letter-spacing:var(--tracking-tight);font-weight:600}.uc-empty__text{color:var(--text-muted);max-width:48ch}.uc-code{padding:var(--space-4);border-radius:var(--radius-lg);background:var(--surface);font-family:var(--font-mono);font-size:var(--text-sm);tab-size:4;margin:0;line-height:1.6;overflow-x:auto}.uc-table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.uc-table th{text-align:left;color:var(--text-muted);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border);font-weight:500}.uc-table td{padding:var(--space-3);border-bottom:1px solid var(--border);vertical-align:top}.uc-dialog{border-radius:var(--radius-lg);background:var(--surface-raised);width:min(480px,100vw - 32px);color:var(--text);box-shadow:var(--shadow-float);border:0;padding:0}.uc-dialog::backdrop{background:var(--overlay);backdrop-filter:blur(4px)}.uc-dialog__body{gap:var(--space-4);padding:var(--space-6);display:grid}.uc-dialog__actions{justify-content:flex-end;gap:var(--space-3);flex-wrap:wrap;display:flex}.uc-toasts{right:var(--space-4);bottom:var(--space-4);z-index:1000;gap:var(--space-2);width:min(380px,100vw - 32px);display:grid;position:fixed}.uc-toast{justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:var(--surface-raised);box-shadow:var(--shadow-float);font-size:var(--text-sm);animation:uc-toast-in var(--duration-normal) var(--ease-out);display:flex}.uc-toast--error{color:var(--accent-text)}.uc-toast--success{color:var(--success-text)}.uc-toast__action{color:var(--text);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;margin-left:auto;font-weight:600;text-decoration:underline}.uc-toast__close{color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border:0}@keyframes uc-toast-in{0%{opacity:0;transform:translateY(8px)}}.uc-tag{height:22px;padding:0 var(--space-2);border:1px solid var(--border-strong);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap;align-items:center;font-weight:500;display:inline-flex}.uc-tag--accent{border-color:color-mix(in srgb, var(--accent) 50%, transparent);color:var(--accent-text)}.uc-tag--success{border-color:color-mix(in srgb, var(--success) 50%, transparent);color:var(--success-text)}.uc-brand-art{display:block}:root[data-theme=dark] .uc-brand-art{filter:invert()}.logo-rain{z-index:2000;pointer-events:none;position:fixed;inset:0}:root{--display:"SF Pro Display", -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif;--crayon-red:#e5322d;--crayon-purple:#7c3aed;--post-it-yellow:#fff3a3;--post-it-pink:#ffd3e0;--post-it-text:#1a1a1a;--ide-bg:#0b0b0b;--ide-panel:#121212;--ide-border:#262626;--ide-text:#ededed;--ide-muted:#8a8a8a}:root[data-theme=dark]{--crayon-red:#ff5a52;--crayon-purple:#a78bfa;--ide-bg:#0b0b0b;--ide-border:#333}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);letter-spacing:-.022em;margin:0;font-size:17px;line-height:1.47}.container{width:min(1080px,100% - 32px);margin-inline:auto}.container--narrow{width:min(760px,100% - 32px)}.skip-link{position:absolute;left:-9999px}.skip-link:focus{z-index:100;padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg);top:16px;left:16px}.nav{z-index:50;background:var(--bar-bg);-webkit-backdrop-filter:saturate(180%)blur(20px);border-bottom:1px solid var(--border);position:sticky;top:0}.nav__inner{justify-content:center;align-items:center;gap:var(--space-8);width:min(1080px,100% - 32px);height:56px;margin-inline:auto;display:flex;position:relative}.logo{align-items:center;gap:var(--space-2);color:var(--text);text-decoration:none;display:inline-flex}.logo__mascot{width:auto;height:34px}.logo__wordmark{letter-spacing:-.02em;font-size:1.1875rem;font-weight:600}.nav__links{align-items:center;gap:var(--space-6);display:flex}.nav__links a:not(.uc-button){color:var(--text-muted);font-size:var(--text-sm);transition:color var(--duration-fast) var(--ease-out);text-decoration:none}.nav__links a:not(.uc-button):hover{color:var(--text)}.theme-toggle{width:var(--control-height-sm);height:var(--control-height-sm);border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--bg);color:var(--text);cursor:pointer;place-items:center;display:grid}.theme-toggle:hover{border-color:var(--text)}.nav__toggle,.nav__menu-button{display:none}@media (width<=760px){.nav__inner{justify-content:space-between;gap:var(--space-3)}.logo{margin-right:auto}.nav__menu-button{height:var(--control-height-sm);padding:0 var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-lg);font-size:var(--text-sm);cursor:pointer;order:3;align-items:center;font-weight:500;display:inline-flex}.nav__links{padding:var(--space-2) var(--space-6) var(--space-6);background:var(--bg);border-bottom:1px solid var(--border);flex-direction:column;align-items:stretch;gap:0;display:none;position:absolute;top:56px;left:-16px;right:-16px}.nav__links a:not(.uc-button){padding:var(--space-3) 0;color:var(--text);font-size:var(--text-2xl);letter-spacing:var(--tracking-tight);font-weight:600}.nav__cta{margin-top:var(--space-4);height:var(--control-height)}.nav__toggle:checked~.nav__links{display:flex}.nav__toggle:focus-visible+.nav__menu-button{outline:2px solid var(--focus-ring);outline-offset:2px}}.hero{text-align:center;padding:clamp(28px,4vw,48px) 0 clamp(56px,8vw,96px)}.hero__text{width:min(860px,100% - 32px);margin-inline:auto}.hero__title{width:min(1040px,100% - 32px);font-family:var(--display);letter-spacing:-.025em;margin:0 auto;font-size:clamp(1.5rem,3.2vw,2.25rem);font-weight:700;line-height:1.15}.hero__tung{margin-top:var(--space-4);font-family:var(--display);letter-spacing:-.02em;color:var(--text-muted);font-size:clamp(1.5rem,3.4vw,2.25rem);font-weight:600}.hero__lead{max-width:620px;margin:var(--space-5) auto 0;color:var(--text-muted);letter-spacing:-.015em;font-size:clamp(1.125rem,2.2vw,1.3125rem);line-height:1.42}.hero__actions{justify-content:center;align-items:center;gap:var(--space-4) var(--space-6);margin-top:var(--space-8);flex-wrap:wrap;display:flex}.hero__button{height:48px;padding:0 var(--space-6);font-size:var(--text-base)}.chevron-link{color:var(--text);font-size:var(--text-base);align-items:center;gap:6px;font-weight:500;text-decoration:none;display:inline-flex}.chevron-link:after{content:"";border-top:1.5px solid;border-right:1.5px solid;width:7px;height:7px;transform:rotate(45deg)}.chevron-link:hover{text-decoration:underline}.hero-ide{text-align:left;width:min(1040px,100% - 32px);margin:clamp(24px,4vw,48px) auto 0}.tung{justify-content:center;align-items:flex-end;gap:var(--space-3);z-index:2;margin-bottom:-14px;display:flex;position:relative}.tung__mascot{transform-origin:50% 100%;width:auto;height:112px}.tung__bubble{padding:var(--space-2) var(--space-4);border:1.5px solid var(--text);border-radius:var(--radius-lg);background:var(--bg);font-size:var(--text-sm);white-space:nowrap;margin-bottom:64px;font-weight:600;position:relative}.tung__bubble:before{content:"";border-left:1.5px solid var(--text);border-bottom:1.5px solid var(--text);background:var(--bg);width:12px;height:12px;position:absolute;bottom:10px;left:-7px;transform:rotate(45deg)}.tung--working .tung__mascot{animation:.42s ease-in-out infinite alternate tung-type}.tung--watching .tung__mascot{animation:1.6s ease-in-out infinite tung-bob}.tung--thinking .tung__mascot{animation:.7s ease-in-out 2 tung-shake}.tung--cheering .tung__mascot{animation:.65s cubic-bezier(.3,.7,.4,1) 3 tung-jump}@keyframes tung-type{0%{transform:rotate(-3deg)translateY(0)}to{transform:rotate(3deg)translateY(-3px)}}@keyframes tung-bob{50%{transform:translateY(-5px)}}@keyframes tung-shake{25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}@keyframes tung-jump{40%{transform:translateY(-22px)rotate(-4deg)}70%{transform:translateY(0)scaleY(.94)}}.hero-ide__stage{position:relative}.hero-ide__hint{margin-top:var(--space-3);color:var(--text-muted);font-size:var(--text-sm);text-align:center}.post-it{z-index:3;width:150px;padding:var(--space-4);color:var(--post-it-text);font-size:var(--text-sm);font-weight:600;line-height:1.35;animation:.6s cubic-bezier(.3,.7,.4,1) both post-it-in;display:none;position:absolute;box-shadow:0 10px 24px #00000024}.post-it--yellow{background:var(--post-it-yellow)}.post-it--pink{background:var(--post-it-pink)}.post-it--left-top{animation-delay:.9s;top:40px;left:-172px;transform:rotate(-5deg)}.post-it--left-bottom{animation-delay:1.3s;bottom:40px;left:-160px;transform:rotate(4deg)}.post-it--right{animation-delay:1.7s;top:150px;right:-170px;transform:rotate(5deg)}@keyframes post-it-in{0%{opacity:0;translate:0 -16px}}@media (width>=1400px){.post-it{display:block}}@media (width<=1399px){.hero-ide__stage{gap:var(--space-4);flex-wrap:wrap;display:flex}.ide{flex:100%}.post-it{width:auto;margin-top:var(--space-2);flex:180px;order:1;display:block;position:static}}.ide{border:1px solid var(--ide-border);border-radius:var(--radius-lg);background:var(--ide-bg);color:var(--ide-text);position:relative;overflow:hidden;box-shadow:0 0 0 .5px #0006,0 2px 6px #00000014,0 24px 48px -12px #00000047,0 60px 120px -30px #00000059}:root[data-theme=dark] .ide{box-shadow:0 0 0 1px #2e2e2e,0 24px 48px -12px #000c,0 60px 120px -30px #ffffff0f}.ide__bar{align-items:center;gap:var(--space-4);height:46px;padding:0 var(--space-4);border-bottom:1px solid var(--ide-border);background:linear-gradient(#1c1c1c,#151515);display:flex}.ide__dots{gap:8px;display:flex}.ide__dots span{background:#ff5f57;border-radius:6px;width:12px;height:12px;box-shadow:inset 0 0 0 .5px #00000040}.ide__dots span:nth-child(2){background:#febc2e}.ide__dots span:nth-child(3){background:#28c840}.ide__file{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--ide-muted)}.ide__bar-actions{margin-left:auto}.ide__button{height:30px;padding:0 var(--space-3);border-radius:var(--radius-md);color:var(--ide-text);font:inherit;font-size:var(--text-sm);cursor:pointer;background:0 0;border:1px solid #4a4a4a;font-weight:500}.ide__button:hover{border-color:var(--ide-text)}.ide__button--primary{border-color:var(--ide-text);background:var(--ide-text);color:var(--ide-bg)}.ide__button:focus-visible,.ide__task:focus-visible,.ide__textarea:focus-visible{outline:2px solid var(--ide-text);outline-offset:2px}.ide__body{display:grid}.ide__tasks{gap:var(--space-1);padding:var(--space-2);border-bottom:1px solid var(--ide-border);scrollbar-width:none;display:flex;overflow-x:auto}.ide__task{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--ide-muted);font:inherit;font-size:var(--text-sm);text-align:left;cursor:pointer;background:0 0;border:0;flex:none}.ide__task:hover{color:var(--ide-text)}.ide__task[aria-current=true]{color:var(--ide-text);background:#1f1f1f;font-weight:600}.ide__editor{min-width:0;min-height:300px;padding:var(--space-4) 0;overflow-x:auto}.ide__code{font-family:var(--font-mono);white-space:pre;margin:0;font-size:13.5px;line-height:1.75}.ide__line{display:flex;position:relative}.ide__line--bug{background:#e5322d1f}.ide__gutter{width:44px;padding-right:var(--space-3);color:#5a5a5a;text-align:right;user-select:none;flex:none}.ide__text{padding-right:var(--space-4)}.tok-key{color:#fff;font-weight:700}.tok-num,.tok-str{color:#c9c9c9}.tok-comment{color:#6f6f6f}.ide__caret{vertical-align:text-bottom;background:var(--ide-text);width:2px;height:1.15em;margin-left:1px;animation:.9s step-end infinite caret-blink;display:inline-block}@keyframes caret-blink{50%{opacity:0}}.ide__textarea{width:100%;min-height:300px;padding:0 var(--space-4);color:var(--ide-text);font-family:var(--font-mono);resize:vertical;tab-size:4;background:0 0;border:0;font-size:13.5px;line-height:1.75;display:block}.ide__side{border-top:1px solid var(--ide-border);display:grid}.ide__panel{padding:var(--space-4);position:relative}.ide__panel+.ide__panel{border-top:1px solid var(--ide-border)}.ide__panel-title{margin:0 0 var(--space-3);color:var(--ide-muted);font-size:var(--text-xs);font-weight:600}.ide__tests{gap:var(--space-1);font-size:var(--text-sm);margin:0;padding:0;list-style:none;display:grid}.ide__test{gap:var(--space-2);width:fit-content;color:var(--ide-muted);display:flex;position:relative}.ide__test-mark{text-align:center;width:1em}.ide__test--passed{color:#3ccf7a}.ide__test--failed{color:#ff6b63}.ide__error{margin-top:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:#ff8f88;font-family:var(--font-mono);font-size:var(--text-xs);overflow-wrap:anywhere;border:1px solid #ff6b6359}.ide__tutor-message{width:fit-content;max-width:100%;padding:var(--space-3);border-radius:var(--radius-lg);font-size:var(--text-sm);background:#1f1f1f;line-height:1.5;position:relative}.ide__tutor-empty{color:var(--ide-muted);font-size:var(--text-sm)}@media (width>=900px){.ide__body{grid-template-columns:170px minmax(0,1fr) 320px;min-height:430px}.ide__tasks{border-bottom:0;border-right:1px solid var(--ide-border);flex-direction:column}.ide__side{border-top:0;border-left:1px solid var(--ide-border);align-content:start}}.crayon{pointer-events:none;z-index:4;position:absolute}.crayon svg{width:100%;height:100%;display:block;overflow:visible}.crayon path{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:3px;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .7s cubic-bezier(.45,.05,.4,1)}.crayon--note path{stroke-width:2.2px}.crayon--red path{stroke:var(--crayon-red)}.crayon--purple path{stroke:var(--crayon-purple)}.crayon.is-drawn path{stroke-dashoffset:0}.ide__bug-token{position:relative}.ide__bug-circle{inset:-9px -16px}.ide__editor{position:relative}.ide__bug-callout{align-items:flex-end;gap:var(--space-2);pointer-events:none;display:flex;position:absolute;bottom:28px;left:40%}.ide__bug-callout .crayon{position:relative}.ide__bug-arrow-svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.ide__bug-arrow-svg path{stroke-width:3px}.ide__bug-note{height:32px}.ide__test-underline{height:12px;bottom:-8px;left:0;right:-8px}.ide__tutor-underline{height:12px;bottom:-10px;left:8px;right:8px}.ide__tutor-note{height:28px;margin:var(--space-4) 0 0 var(--space-2);display:block;position:relative}.ide__passed-note{height:30px;margin-top:var(--space-3);display:block;position:relative}.ide__passed-note svg,.ide__tutor-note svg,.ide__bug-note svg{width:auto}@media (width<=899px){.ide__bug-callout{margin:var(--space-2) 0 0 var(--space-12);position:relative;bottom:auto;left:auto}.ide__bug-arrow-svg{display:none}}.shot{display:block}.shot img{width:100%;height:auto;display:block}.shot__dark,:root[data-theme=dark] .shot__light{display:none!important}:root[data-theme=dark] .shot__dark{display:block!important}.section{border-top:1px solid var(--border);padding:clamp(72px,11vw,128px) 0}.section--tight{padding:clamp(56px,8vw,96px) 0}.section__title{max-width:820px;font-family:var(--display);letter-spacing:-.025em;text-align:center;margin:0 auto;font-size:clamp(2.25rem,5.4vw,3.5rem);font-weight:600;line-height:1.07}.section__lead{max-width:640px;margin:var(--space-5) auto 0;color:var(--text-muted);text-align:center;font-size:clamp(1.125rem,2vw,1.3125rem);line-height:1.42}.section__title--left,.section__lead--left{text-align:left;margin-inline:0}.section__eyebrow{color:var(--text-muted);font-size:var(--text-lg);letter-spacing:-.015em;text-align:center;margin:0;font-weight:500}.bento{gap:var(--space-5);margin-top:clamp(40px,6vw,72px);display:grid}.tile{align-content:start;gap:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg);padding:clamp(28px,4vw,44px);display:grid;overflow:hidden}.tile__title{font-family:var(--display);letter-spacing:-.02em;margin:0;font-size:clamp(1.5rem,2.6vw,1.75rem);font-weight:600;line-height:1.14}.tile__body{color:var(--text-muted);font-size:var(--text-lg);line-height:1.45}.tile--wide .tile__title{font-size:clamp(1.75rem,4vw,2.5rem)}.tile__text{gap:var(--space-3);max-width:520px;display:grid}.tile--split{gap:var(--space-8);padding-bottom:0}.tile__phone{justify-self:center;width:min(300px,78%)}.tile__phone img{border:1px solid var(--border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-bottom:0}@media (width>=768px){.bento{grid-template-columns:repeat(3,minmax(0,1fr))}.tile--wide{grid-column:1/-1}.tile--split{align-items:center;column-gap:var(--space-12);grid-template-columns:minmax(0,1fr) 300px;padding-top:0}.tile--split .tile__text{padding-block:var(--space-10)}.tile--split .tile__phone{width:300px;margin-top:var(--space-12);align-self:end}}.split{gap:var(--space-10);align-items:center;display:grid}.split__text{display:grid}.tutor-demo{gap:var(--space-2);padding:var(--space-6);border:1px solid var(--border);border-radius:var(--radius-lg);display:grid}.tutor-demo .demo__devices{margin-bottom:var(--space-2);justify-self:start}@media (width>=900px){.split{gap:var(--space-16);grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}}.steps{gap:var(--space-10);margin:clamp(40px,6vw,72px) 0 0;padding:0;list-style:none;display:grid}.step{gap:var(--space-2);align-content:start;display:grid}.step__number{color:var(--text-muted);font-family:var(--display);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:3.5rem;font-weight:600;line-height:1}.step__title{margin:var(--space-3) 0 0;font-size:var(--text-xl);font-weight:600}.step__text{color:var(--text-muted)}@media (width>=768px){.steps{gap:var(--space-12);grid-template-columns:repeat(3,minmax(0,1fr))}}.languages{justify-content:center;gap:var(--space-2) clamp(20px, 3.5vw, 40px);max-width:900px;margin:var(--space-6) auto 0;font-family:var(--display);letter-spacing:-.025em;flex-wrap:wrap;padding:0;font-size:clamp(1.75rem,4.6vw,3rem);font-weight:600;list-style:none;display:flex}.pricing{gap:var(--space-5);max-width:880px;margin:clamp(40px,6vw,72px) auto 0;display:grid}.plan{align-content:start;gap:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:clamp(28px,4vw,40px);display:grid}.plan--featured{border:2px solid var(--text)}.plan__name{font-size:var(--text-xl);margin:0;font-weight:600}.plan__price{font-family:var(--display);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:3rem;font-weight:600;line-height:1.1}.plan__note{color:var(--text-muted)}.plan__button{margin:var(--space-4) 0 var(--space-5);justify-self:start}.plan__features{margin:0;padding:0;list-style:none;display:grid}.plan__features li{padding:var(--space-3) 0;border-top:1px solid var(--border)}@media (width>=768px){.pricing{grid-template-columns:1fr 1fr}}.faq{border-bottom:1px solid var(--border-strong);margin-top:clamp(40px,6vw,64px)}.faq__item{border-top:1px solid var(--border-strong)}.faq__item summary{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-6) 0;letter-spacing:-.015em;cursor:pointer;font-size:clamp(1.125rem,2vw,1.3125rem);font-weight:600;list-style:none;display:flex}.faq__item summary::-webkit-details-marker{display:none}.faq__item summary:after{content:"";width:14px;height:14px;transition:transform var(--duration-normal) var(--ease-out);background:linear-gradient(currentColor,currentColor) 50%/14px 1.5px no-repeat,linear-gradient(currentColor,currentColor) 50%/1.5px 14px no-repeat;flex:none}.faq__item[open] summary:after{transform:rotate(45deg)}.faq__item p{max-width:640px;padding-bottom:var(--space-6);color:var(--text-muted);font-size:var(--text-lg);line-height:1.5}.closing{text-align:center}.footer{padding:var(--space-6) 0 var(--space-10);border-top:1px solid var(--border);color:var(--text-muted);font-size:var(--text-xs);letter-spacing:-.01em}.footer__inner{gap:var(--space-4);width:min(1080px,100% - 32px);margin-inline:auto;display:grid}.footer__row{justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;display:flex}.footer nav{gap:var(--space-5);flex-wrap:wrap;display:flex}.footer a{color:var(--text-muted);text-decoration:none}.footer a:hover{color:var(--text);text-decoration:underline}@media (prefers-reduced-motion:reduce){.demo-card,.demo-exam__task,.post-it,.tung__mascot{animation:none!important}.crayon path{transition:none}}.demo__devices{border:1px solid var(--border);border-radius:var(--radius-lg);gap:2px;padding:2px;display:flex}.demo-tab{min-height:30px;padding:0 var(--space-4);border-radius:var(--radius-md);color:var(--text);font:inherit;font-size:var(--text-sm);cursor:pointer;background:0 0;border:0;font-weight:500}.demo-tab:hover:not([aria-selected=true]){background:var(--surface-hover)}.demo-tab[aria-selected=true]{background:var(--text);color:var(--bg);font-weight:600}.demo-code{margin:var(--space-3) 0;padding:var(--space-4);border-radius:var(--radius-lg);background:var(--ide-bg);color:var(--ide-text);font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.6;overflow-x:auto}.demo-bubble{width:fit-content;max-width:85%;margin:var(--space-2) 0 0;padding:var(--space-2) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);font-size:var(--text-sm);line-height:1.45}.demo-bubble--user{border-color:var(--text);background:var(--text);color:var(--bg);margin-left:auto}.post-it:before{content:"";background:#ebe8dcd1;width:72px;height:22px;position:absolute;top:-11px;left:50%;translate:-50%;rotate:-3deg;box-shadow:0 1px 2px #00000014}:root[data-theme=dark] .post-it:before{background:#ffffff38}@media (width<=1399px){.post-it{position:relative}}.post-it{font-family:var(--font-hand);font-size:1.3rem;font-weight:700;line-height:1.15}.card-stack{padding:var(--space-6) 0 var(--space-10);justify-items:center;display:grid}.card-stack__pile{width:min(340px,86vw);height:220px;margin:0;padding:0;list-style:none;position:relative}.index-card{--paper:#fffef8;--paper-line:#e3e8ee;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:linear-gradient(var(--crayon-red), var(--crayon-red)) 0 46px / 100% 2px no-repeat, repeating-linear-gradient(to bottom, transparent 0 27px, var(--paper-line) 27px 28px) 0 48px / 100% calc(100% - 48px) no-repeat, var(--paper);transition:transform .45s cubic-bezier(.3,.7,.4,1),opacity .3s;position:absolute;inset:0;box-shadow:0 10px 26px #0000001a}:root[data-theme=dark] .index-card{--paper:#141414;--paper-line:#262626}.index-card--pos-0{z-index:3;transform:rotate(-2deg)}.index-card--pos-1{z-index:2;transform:rotate(3deg)translate(10px,8px)}.index-card--pos-2{z-index:1;transform:rotate(-5deg)translate(-12px,14px)}.index-card--flipped{animation:.42s cubic-bezier(.3,.7,.4,1) index-card-flip}@keyframes index-card-flip{0%{transform:perspective(900px)rotateY(-85deg)rotate(-2deg)}}.index-card__button{width:100%;height:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;display:block}.index-card__face{height:100%;padding:0 var(--space-5);grid-template-rows:46px 1fr;display:grid}.index-card__topic{color:var(--text-muted);font-size:var(--text-xs);align-self:center;font-weight:600}.index-card__text{font-family:var(--font-hand);padding-top:2px;font-size:1.55rem;font-weight:700;line-height:28px}.index-card__face--back .index-card__text{font-size:1.4rem;font-weight:500}.nav{transition:none}.nav__inner{justify-content:space-between;width:min(1240px,100% - 48px);height:64px}.logo__mascot{height:48px}.logo__wordmark{font-size:1.3125rem}.nav__end{align-items:center;gap:var(--space-4);display:flex}.nav__menu-cta{display:none}.nav__cord{width:2px;height:var(--cord-length,0px);background:var(--text);opacity:0;pointer-events:none;position:absolute;top:100%;left:50%}.nav__actor{opacity:0;pointer-events:none;will-change:transform;width:40px;position:absolute;top:0;left:0}.nav__actor img{width:40px;height:auto;display:block}.nav.is-acting .nav__actor{opacity:1}.nav.is-acting .logo__mascot{opacity:0}@media (width<=760px){.nav__inner{width:min(1240px,100% - 32px);height:60px}.nav__links{top:60px}.nav__cta{display:none}.nav__menu-cta{margin-top:var(--space-4);display:inline-flex}.nav__end{gap:var(--space-2)}.logo__mascot{height:40px}}.nav__actor img{filter:drop-shadow(2.5px 0 #fff)drop-shadow(-2.5px 0 #fff)drop-shadow(0 2.5px #fff)drop-shadow(0 -2.5px #fff)drop-shadow(0 4px 8px #00000040)}:root[data-theme=dark] .nav__actor img{filter:invert()drop-shadow(2.5px 0 #000)drop-shadow(-2.5px 0 #000)drop-shadow(0 2.5px #000)drop-shadow(0 -2.5px #000)}.nav__cord{box-shadow:0 0 0 1px var(--bg)}.nav__cord:after{content:"";background:radial-gradient(circle, transparent 0 3px, var(--text) 3.5px 5px, var(--bg) 5.5px 6px, transparent 6.5px);width:12px;height:12px;position:absolute;bottom:-9px;left:50%;translate:-50%}.tile--split{padding-bottom:clamp(28px,4vw,44px)}@media (width>=768px){.tile--split{grid-template-columns:minmax(0,1fr) 400px}}.tile--split .card-stack{padding:var(--space-8) var(--space-4) var(--space-8) 0}.chat{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg);display:grid;overflow:hidden}.chat__header{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);background:var(--bar-bg);display:flex}.chat__avatar{width:30px;height:auto}.chat__name{font-weight:600}.chat__tone{margin-left:auto}.chat__thread{min-height:360px;padding:var(--space-5) var(--space-4);flex-direction:column;gap:4px;display:flex}.chat-bubble{border-radius:18px;max-width:78%;margin:0;padding:8px 14px;font-size:15px;line-height:1.35;animation:.26s cubic-bezier(.3,.7,.4,1.2) chat-pop;position:relative}.chat-bubble--sent{background:var(--text);color:var(--bg);align-self:flex-end}.chat-bubble--received{background:var(--surface-hover);color:var(--text);align-self:flex-start;margin-top:6px}.chat-bubble--received+.chat-bubble--received{margin-top:0}.chat-bubble--code{font-family:var(--font-mono);white-space:pre;font-size:12.5px;line-height:1.55;overflow-x:auto}.chat-bubble--tail.chat-bubble--sent{border-bottom-right-radius:4px}.chat-bubble--tail.chat-bubble--received{border-bottom-left-radius:4px}.chat__status{color:var(--text-muted);align-self:flex-end;margin:2px 4px 0 0;font-size:11px}.chat-bubble--typing{gap:4px;padding:12px 14px;display:flex}.chat-bubble--typing span{background:var(--text-muted);border-radius:3px;width:7px;height:7px;animation:1s ease-in-out infinite chat-dot}.chat-bubble--typing span:nth-child(2){animation-delay:.15s}.chat-bubble--typing span:nth-child(3){animation-delay:.3s}@keyframes chat-pop{0%{opacity:0;transform:translateY(6px)scale(.96)}}@keyframes chat-dot{50%{opacity:.3;transform:translateY(-2px)}}.nav{background:var(--bg);-webkit-backdrop-filter:none}.hero__button--round{padding:0 var(--space-8);border-radius:24px}.chat{--bubble-sent:#0a84ff;--bubble-received:#e9e9eb;--bubble-received-text:#000}:root[data-theme=dark] .chat{--bubble-received:#26252a;--bubble-received-text:#fff}.chat-bubble--sent{background:var(--bubble-sent);color:#fff}.chat-bubble--sent.chat-bubble--code{color:#fff}.chat-bubble--received{background:var(--bubble-received);color:var(--bubble-received-text)}@media (width<=1399px){.post-it--left-top,.post-it--left-bottom,.post-it--right{inset:auto;transform:rotate(-1.5deg)}.post-it--left-bottom{transform:rotate(1.5deg)}}.card-stack__pile{width:min(340px,100%)}.tile--split .card-stack{padding-right:var(--space-2)}.nav__inner{z-index:2;background:var(--bg);position:relative}.nav__cord{z-index:1;opacity:1;top:calc(100% - 18px)}.nav__actor{z-index:3}.theme-toggle{background:0 0;border:0}.theme-toggle:hover{opacity:.7}.ide__tutor-message{border-radius:var(--radius-lg) var(--radius-lg) var(--radius-lg) 4px;color:#fff;background:#0a84ff}.chat-bubble--code{white-space:pre-wrap;overflow-wrap:anywhere;overflow-x:visible}@media (width>=761px){.nav__inner{grid-template-columns:1fr auto 1fr;display:grid}.nav__inner .logo{justify-self:start}.nav__end{justify-self:end}}