@font-face{font-family:'EB Garamond';src:url('assets/fonts/eb-garamond.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}
:root{color-scheme:dark;--bg:#121017;--panel:#1b1720;--ink:#f1ece1;--muted:#bcb4b6;--line:#443c47;--mint:#c0decb;--gold:#dcc394;--red:#f0b1a2;--paper:#f1ece1;--accent:#c0decb}
html{scroll-padding-top:2rem}body{background:var(--bg);color:var(--ink);font-family:system-ui,sans-serif;line-height:1.65;margin:0}*{box-sizing:border-box}::selection{background:#c0decb;color:#121017}input,textarea{caret-color:var(--gold)}*{scrollbar-color:#6b5b70 #1b1720;scrollbar-width:thin}a{color:var(--mint);text-underline-offset:.22em}a:hover{color:var(--ink)}button,a,input,select,textarea,summary{touch-action:manipulation}button,input,select,textarea{font:inherit}button,input,select,textarea{border-radius:4px!important}button{transition:background-color .16s,color .16s,border-color .16s}button:disabled{opacity:.55;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:4px}button.primary,.primary{background:var(--mint);border-color:var(--mint);color:#121017}h1,h2,h3{font-family:'EB Garamond',Georgia,serif!important;font-weight:500;line-height:1.08;letter-spacing:-.025em;text-wrap:balance}h1{font-size:clamp(3rem,6.6vw,6rem)}h2{font-size:clamp(2rem,4vw,3.35rem)}h3{font-size:1.6rem}p{max-width:72ch;text-wrap:pretty}.eyebrow:empty{display:none}.site-nav{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:1.5rem!important;max-width:1440px!important;width:100%!important;min-height:0!important;height:auto!important;margin:0 auto!important;padding:25px clamp(18px,4vw,64px)!important;border-bottom:1px solid var(--line)!important;background:var(--bg)!important;position:relative!important;z-index:2}.site-nav .site-brand{font:1.7rem/1.05 'EB Garamond',Georgia,serif!important;letter-spacing:0!important;text-decoration:none!important;color:var(--ink)!important;white-space:nowrap}.site-brand span{display:block;font:12px/1.6 system-ui,sans-serif;letter-spacing:.04em;color:var(--mint)}.site-nav .site-links{display:flex!important;gap:20px!important;align-items:center;flex-wrap:wrap}.site-nav .site-links a{font:13px/1.5 system-ui,sans-serif!important;letter-spacing:0!important;text-transform:none!important;color:var(--muted);text-decoration:none}.site-nav .site-links a[aria-current=page]{color:var(--ink);text-decoration:underline;text-decoration-color:var(--mint);text-underline-offset:8px}.site-nav .site-links a:hover{color:var(--ink)}main{max-width:1360px}.intro:has(.intro-figure){grid-template-columns:1fr 1.15fr;padding:65px 0 70px;gap:35px}.intro h1{max-width:8ch}.intro .lede{font-size:clamp(17px,1.6vw,21px);line-height:1.6}.intro-figure canvas{background:none}.intro-figure figcaption{font-size:12px}.intro-actions{display:flex;flex-wrap:wrap;gap:22px;align-items:center}.intro-actions a{font-size:14px}.intro-actions .primary-link{background:var(--mint);color:var(--bg);padding:11px 19px;text-decoration:none;border-radius:4px}.primer{padding:0 0 70px;display:grid;grid-template-columns:1fr 1fr;gap:5vw;border-bottom:1px solid var(--line);margin-bottom:65px}.primer p{color:var(--muted);font-size:16px}.primer .program-steps{margin:0;max-height:none;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:14px;color:var(--mint)}.primer h2{margin-bottom:20px}.primer .definitions{margin:0}.definitions dt{font-weight:650;color:var(--ink);margin-top:18px}.definitions dd{margin:4px 0 0;color:var(--muted)}.section-heading{align-items:start}.section-heading>p{font-size:15px}.experiment-grid{border-radius:0;background:var(--panel);border-width:1px 0}.program-panel,.creature-panel{padding:30px}.formula{background:#141119}.answer-grid article{border-radius:0;border-width:0 0 1px;background:transparent}.result-story{border:0;padding:15px 0;background:none}.trace-panel{border-width:1px 0;border-radius:0;padding:25px 0}.variant-grid article{border:0;border-radius:0;background:none;padding:20px 0;border-top:1px solid var(--line)}canvas{background:none;border-radius:0}.small,.help{font-size:13px;line-height:1.7}.further{padding-bottom:75px}.arrivals-intro{padding:60px 0 35px}.arrival-grid{gap:55px 35px}.arrival{border:0!important;border-top:1px solid var(--line)!important;border-radius:0!important;background:none!important;padding:25px 0!important}.arrival h2{font-size:2.5rem}.arrival .mechanism{font-size:13px}.arrival canvas{contain:strict}.arrival .run-actions{align-items:center}.guide{max-width:1220px;padding:55px 30px 100px;margin:auto}.guide>header{display:block;padding:0;margin:0 0 45px;max-width:75ch}.guide nav:not(.site-nav){position:static;display:flex;flex-wrap:wrap;gap:12px 24px;margin:30px 0;padding:18px 0;border-block:1px solid var(--line);height:auto}.guide section{padding:36px 0;border-top:1px solid var(--line);scroll-margin-top:30px}.guide section>h2{margin-bottom:20px}.guide h3{margin:32px 0 12px}.guide p,.guide li{font-size:16px;line-height:1.75}.guide details{margin:25px 0;padding-top:14px;border-top:1px solid var(--line)}.guide summary{cursor:pointer;color:var(--mint);font-size:17px}.guide table{display:block;overflow-x:auto;width:100%;border-collapse:collapse;font-size:14px;line-height:1.65;margin:22px 0}.guide th,.guide td{padding:13px 16px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top;min-width:130px}.guide th{color:var(--mint);font-weight:650}.guide td:last-child{min-width:260px}.guide code{color:var(--mint);font-size:.9em}.guide pre{background:var(--panel);padding:22px;overflow:auto;max-height:none}.guide .note{color:var(--muted)}.guide dl dt{font-weight:650;margin-top:18px}.guide dl dd{margin:4px 0 18px;max-width:72ch;color:var(--muted)}.control-help{color:var(--muted);font-size:13px;line-height:1.7;margin:8px 0 16px}.site-footer{border-top:1px solid var(--line);max-width:1360px;margin:50px auto 0;padding:28px 36px;color:var(--muted);font-size:13px}.site-footer a{margin-right:20px}.site-footer p{margin-bottom:0}pre,code{font-family:ui-monospace,monospace}.intro,main>header,.guide>header{animation:arrive .6s cubic-bezier(.16,1,.3,1)}@keyframes arrive{from{opacity:.8;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(max-width:950px){.site-nav{align-items:flex-start!important;flex-direction:column!important;gap:18px!important}.site-nav .site-links{gap:12px 20px!important}.intro{grid-template-columns:1fr 1fr}.primer{gap:30px}.experiment-grid{grid-template-columns:1fr}.creature-panel{border-left:0;border-top:1px solid var(--line)}}
@media(max-width:650px){.intro{grid-template-columns:1fr;padding:35px 0 45px}.intro h1{max-width:none;font-size:3.6rem}.intro-figure{max-width:none;width:100%}.intro-figure canvas{height:auto;max-height:360px}.primer{grid-template-columns:1fr;padding-bottom:40px;margin-bottom:40px;gap:30px}.site-nav .site-links a{font-size:12px!important}.guide{padding:35px 18px 70px}.program-panel,.creature-panel{padding:20px 14px}.guide table{font-size:13px}.guide th,.guide td{padding:10px}.site-footer{padding:25px 18px}.section-heading>p{max-width:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
.controls>.control-help,.transfer-actions>.control-help,.field-row>.control-help,.switches>.control-help{flex-basis:100%;width:100%;max-width:72ch}.sdk-hero{padding:55px 0 35px}.sdk-hero h1{max-width:20ch}.sdk-note{font-size:16px!important;line-height:1.75!important}.sdk-table{overflow:auto;max-width:100%}.sdk-table th,.sdk-table td{padding:13px 16px!important}.learning-grid article{border-radius:0!important;box-shadow:none!important}.wordmark{font-family:'EB Garamond',Georgia,serif!important;letter-spacing:0!important}.garden-grid{display:none}body>main>nav.site-nav{margin-bottom:40px!important}.creation-grid .tag,.specimen .eyebrow,.step{font-size:12px;letter-spacing:0}.specimen,.composer,.result-panel{border-radius:0!important}.v1-workspace .candidate{color:var(--muted)}

#workspace>.intro,.workshop>.intro{display:block;max-width:900px}#workspace>.intro h1,.workshop>.intro h1{max-width:22ch}.key-row{flex-wrap:wrap}.key-row>.control-help{order:3;flex-basis:100%}.port-type{overflow-wrap:anywhere}.specimen canvas{background:none!important}main>header{border-bottom:1px solid var(--line);padding-bottom:35px}.site-footer{display:block!important}main>nav.site-nav{max-width:100%!important}main:has(>nav.site-nav){padding-top:0}button.primary:hover{color:#121017;background:#d9eddf}

.skip{position:absolute;left:16px;top:-90px;z-index:9}.skip:focus{top:12px;padding:10px;background:var(--panel)}.guide .intro h1{max-width:24ch;font-size:clamp(2.8rem,5vw,4.5rem)}.guide .intro{padding:0 0 25px;margin:0;display:block}.guide .contents{align-items:start}.guide .contents h2{font-size:1.6rem;min-width:170px}.guide .contents ul{list-style:none;padding:0;margin:0;columns:2;column-gap:40px}.guide .contents li{margin:6px 0}.panel,.family article,.workshop .panel{background:var(--panel)!important;border-radius:0!important;box-shadow:none!important}.specimen{background:var(--panel)!important}.specimen:before,.specimen:after{display:none}.section-head h2{font-size:2rem}.section-head .step{display:none}.sdk-links>a{border-radius:4px!important}.notice{margin:25px auto!important;padding:0 36px!important;max-width:1360px!important}.source-experiment .eyebrow,.specimen-bottom .eyebrow{display:none}
@media(max-width:650px){.intro:has(.intro-figure){grid-template-columns:1fr}.intro-figure{width:100%;max-width:none}.intro-figure canvas{width:100%;height:auto;max-height:340px}.intro h1{max-width:12ch}.guide .contents ul{columns:1}.guide .intro h1{font-size:2.8rem;max-width:none}.site-nav{padding:20px 18px!important}.notice{padding:0 18px!important}main>header{padding-top:35px!important}.sdk-hero{padding-top:35px}.intro-figure figcaption{max-width:40ch;margin:0 auto}.family code{font-size:11px}main>header h1{font-size:3rem}}

body.reference-doc{max-width:none;padding:0}body.reference-doc>.guide{max-width:1120px;padding-top:35px}body.reference-doc h1{font-size:clamp(2.5rem,5vw,4rem)}body.reference-doc .guide p{max-width:72ch}body.reference-doc .guide nav{font-size:14px}body.reference-doc .guide th,body.reference-doc .guide td{min-width:140px}

/* Small text carries controls and evidence, so it remains readable. */
body :is(button,label,summary,select,output,.help,.small,.muted,.quiet,.tiny,.tag,.eyebrow,.port-type,.portrait-label,footer p,footer a){font-size:max(12px,.8125rem)!important;letter-spacing:normal!important}.brand span{font-size:12px!important}.metrics span{font-size:12px}.view-controls{font-size:13px}.phase-control{font-size:13px}.header-note>span,.garden-title,.color-key,.candidates>span{font-size:12px!important;letter-spacing:normal!important}.garden-title{text-align:center}.garden-glow,.live-dot{box-shadow:none!important}h1 em{font-style:normal}.intro+.primer{margin-top:0}.guide>.intro{border-top:0}.specimen{border:0!important}.workspace,.translation,.learning,.about-grid{box-shadow:none!important}.agent-scene:before,.agent-scene:after{background:none!important}.source-panel .label,.selected-specimen{font-size:13px!important}.portrait-wrap{background:var(--panel)!important}.result-story{border-left:0!important}button.primary:hover,.primary:hover{color:#121017!important;background:#d9eddf!important}.site-brand span{font-size:12px!important}.controls>label,.view-toolbar button,.candidates button,.exports button{font-size:13px!important}
