:root{color:#f4e6d4;background:#1e293b;font-family:Inter,Helvetica Neue,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{min-width:320px}button,a{font:inherit}.page{--type-duration: 1.65s;position:relative;display:flex;min-height:100vh;width:100%;align-items:center;justify-content:center;overflow:hidden;padding:1.5rem;background:#1e293b;color:#f4e6d4}.content{display:flex;flex-direction:column;align-items:center;text-align:center}.page h1{margin:0;min-height:1.2em;font-size:clamp(2.5rem,9vw,7rem);font-weight:300;letter-spacing:.08em;line-height:1.2;text-transform:lowercase}.page h1 span{position:relative;display:inline-block}.page h1 i{position:absolute;inset:0 0 0 auto;width:100%;background:#1e293b;border-left:.05em solid #c46a3a;animation:reveal var(--type-duration) steps(11) forwards,caret-hide .4s ease-out calc(var(--type-duration) + .4s) forwards}.tagline{margin:clamp(1.25rem,2.5vw,2rem) 0 0;color:#a89d91;font-size:clamp(.75rem,1.1vw,.95rem);font-weight:400;letter-spacing:.32em;opacity:0;animation:fade 1s ease-out calc(var(--type-duration) + .2s) forwards}.line{width:0;height:1px;margin-top:2.5rem;background:#c46a3a;animation:line-grow 1.6s cubic-bezier(.22,1,.36,1) calc(var(--type-duration) + .8s) forwards}.summary{max-width:38rem;margin:clamp(1.25rem,2.5vw,2rem) 0 0;color:#a89d91;font-size:clamp(.85rem,1.15vw,1rem);font-weight:300;letter-spacing:.02em;line-height:1.7;opacity:0;animation:fade 1.2s ease-out calc(var(--type-duration) + 1.2s) forwards}footer{position:absolute;right:1.5rem;bottom:1.5rem;left:1.5rem;display:flex;align-items:center;justify-content:space-between;color:#a89d91;font-size:clamp(.6rem,1.6vw,.7rem);letter-spacing:.28em;opacity:0;animation:fade 1s ease-out calc(var(--type-duration) + 1.8s) forwards}footer a{color:inherit;text-decoration:none;white-space:nowrap;transition:color .3s}footer a:hover,footer a:focus-visible{color:#c46a3a}footer span{display:flex;flex:1;align-items:center;justify-content:center}footer span:after{width:1px;height:.9em;background:#c46a3a;content:"";opacity:.6}.lab-page{min-height:100vh;padding:clamp(1.25rem,4vw,4rem);background:#f3eee7;color:#1e293b}.lab-page:before{position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(30,41,59,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(30,41,59,.035) 1px,transparent 1px);background-size:32px 32px;content:""}.lab-header,.lab-hero,.lab-start,.lab-grid,.lab-console{position:relative;width:min(1120px,100%);margin-right:auto;margin-left:auto}.lab-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.lab-back{color:#1e293b;font-size:.72rem;font-weight:700;letter-spacing:.18em;text-decoration:none}.lab-back:hover,.lab-back:focus-visible{color:#a84f2d}.lab-badge{padding:.55rem .7rem;border:1px solid rgba(30,41,59,.2);border-radius:999px;color:#566173;font-size:.65rem;font-weight:700;letter-spacing:.16em}.lab-hero{padding:clamp(4rem,9vw,7.5rem) 0 clamp(2.5rem,5vw,4rem)}.lab-kicker,.lab-step-label{margin:0 0 .75rem;color:#b45b33;font-size:.68rem;font-weight:800;letter-spacing:.18em}.lab-hero h1{max-width:900px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(3rem,8vw,6.8rem);font-weight:400;letter-spacing:-.055em;line-height:.94}.lab-hero>p:last-child{max-width:710px;margin:1.75rem 0 0;color:#657080;font-size:clamp(1rem,1.8vw,1.2rem);line-height:1.65}.lab-panel{position:relative;padding:clamp(1.4rem,3vw,2.25rem);border:1px solid rgba(30,41,59,.14);border-radius:6px;background:#ffffff9e;box-shadow:0 18px 50px #1e293b0e}.lab-panel.is-done{border-color:#b45b338c}.lab-panel h2{margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.55rem,2.6vw,2.15rem);font-weight:400;letter-spacing:-.025em}.lab-panel p:not(.lab-step-label):not(.lab-error):not(.console-empty){margin:.75rem 0 0;color:#687283;line-height:1.6}.lab-panel code{padding:.12rem .32rem;border-radius:3px;background:#e7ded4;color:#8b3d24;font-family:SFMono-Regular,Consolas,monospace;font-size:.82em}.lab-start{display:grid;grid-template-columns:1fr auto;align-items:center;gap:1.5rem 2rem;margin-bottom:1rem;border-color:#1e293b;background:#1e293b;color:#f4e6d4}.lab-start .lab-step-label{color:#d7845d}.lab-start p:not(.lab-step-label):not(.lab-error){color:#aeb6c1}.lab-error{grid-column:1 / -1;margin:0;color:#ffb49b}.lab-primary,.lab-secondary,.topic-buttons button{min-height:44px;border:0;border-radius:4px;cursor:pointer;transition:transform .18s ease,background-color .18s ease,color .18s ease,border-color .18s ease}.lab-primary{padding:.9rem 1.1rem;background:#c46a3a;color:#fff8f0;font-size:.82rem;font-weight:800;letter-spacing:.05em}.lab-primary:hover:not(:disabled),.lab-secondary:hover:not(:disabled),.topic-buttons button:hover:not(:disabled){transform:translateY(-2px)}.lab-primary:disabled{cursor:default;opacity:.72}.lab-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.lab-grid .lab-panel{display:flex;min-height:290px;flex-direction:column}.lab-secondary{align-self:flex-start;margin-top:auto;padding:.8rem 1rem;border:1px solid #1e293b;background:transparent;color:#1e293b;font-weight:750}.lab-secondary:hover:not(:disabled){background:#1e293b;color:#f4e6d4}.lab-secondary:disabled,.topic-buttons button:disabled{cursor:not-allowed;opacity:.36}.topic-buttons{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto;padding-top:1.5rem}.topic-buttons button{padding:.72rem .85rem;border:1px solid rgba(30,41,59,.3);background:transparent;color:#1e293b;font-weight:700}.topic-buttons button.is-selected{border-color:#c46a3a;background:#c46a3a;color:#fff8f0}.lab-console{margin-top:1rem;margin-bottom:2rem;background:#111827;color:#e7edf5}.console-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem}.console-heading>span{color:#8792a2;font-family:SFMono-Regular,Consolas,monospace;font-size:.76rem}.console-empty{margin:1.5rem 0 0;color:#7f8997}.event-list{display:grid;gap:.55rem;margin:1.5rem 0 0;padding:0;list-style:none}.event-list li{display:flex;align-items:flex-start;gap:1rem;padding:.8rem;border:1px solid rgba(255,255,255,.09);border-radius:4px;background:#ffffff09}.event-list code{flex:0 0 auto;background:#c46a3a2e;color:#f0a37d}.event-list span{overflow-wrap:anywhere;color:#97a3b4;font-family:SFMono-Regular,Consolas,monospace;font-size:.76rem;line-height:1.5}@keyframes fade{to{opacity:1}}@keyframes line-grow{to{width:clamp(80px,14vw,180px)}}@keyframes reveal{to{width:0}}@keyframes caret-hide{to{border-left-color:transparent}}@media(max-width:820px){.lab-grid{grid-template-columns:1fr}.lab-grid .lab-panel{min-height:240px}}@media(max-width:639px){.page{min-height:100svh;height:100dvh}.content{transform:translateY(-5vh)}.page h1{font-size:clamp(2.7rem,12vw,4.2rem)}.tagline{margin-top:1.1rem}.line{margin-top:1.8rem}.summary{max-width:88vw;margin-top:1.6rem;line-height:1.55}footer{bottom:max(18px,env(safe-area-inset-bottom));font-size:clamp(.58rem,2.2vw,.68rem);letter-spacing:.24em}.lab-page{padding:1.15rem}.lab-header{align-items:flex-start}.lab-badge{font-size:.57rem;letter-spacing:.11em}.lab-hero{padding-top:4rem}.lab-start{grid-template-columns:1fr}.lab-primary{width:100%}.event-list li{flex-direction:column;gap:.5rem}}@media(prefers-reduced-motion:reduce){.page h1 i{display:none}.tagline,.line,.summary,footer{animation:none;opacity:1}.line{width:clamp(80px,14vw,180px)}}