:root{color-scheme:light;--ink:#233a36;--muted:#637972;--line:#dce6df;--accent:#236e59;--run-bar-height:0px;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:#f5f8f5}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 10% 12%,#e4f1e7,transparent 45%)}a{color:var(--accent);text-underline-offset:4px}button,input,select{font:inherit}button,a,label,summary{-webkit-tap-highlight-color:transparent}button,select{cursor:pointer}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #e49948;outline-offset:4px}[hidden]{display:none!important}.wrap{max-width:1100px;width:calc(100% - 48px);margin:auto}header,footer{display:flex;align-items:center;justify-content:space-between;gap:20px}header{padding:24px 0}.brand{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:750;text-decoration:none;color:var(--ink)}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--accent);color:#fff}.language-switch{display:flex;gap:3px;padding:4px;border:1px solid var(--line);border-radius:24px;background:#fff}.language-switch button{border:0;background:transparent;border-radius:18px;padding:6px 10px;color:var(--muted);font-size:12px}.language-switch [aria-pressed=true]{background:#e8f1ea;color:var(--accent);font-weight:700}.hero{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:56px;padding:50px 0 42px}.eyebrow{font-size:15px;font-weight:750;letter-spacing:.06em;color:var(--accent);margin:0 0 18px}h1{font-size:clamp(30px,3.6vw,44px);line-height:1.5;letter-spacing:-.04em;margin:0 0 20px}.lead{font-size:17px;line-height:1.9;color:#506960;margin:0 0 24px}.hero-actions,.exports,.live-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);padding:11px 17px;border-radius:11px;font-size:13px;font-weight:700;text-decoration:none;line-height:1.5;min-height:44px}.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.secondary{background:#fff;color:var(--ink)}.small{font-size:12px;line-height:1.8}.muted{color:var(--muted)}.hero-chat{padding:24px 26px 12px;border:1px solid #d7e5d9;background:#ffffffa6;border-radius:28px;transform:rotate(1deg);box-shadow:0 20px 50px #36554209}.sample-tag{font-size:11px;font-weight:700;color:var(--muted)}.sample{max-width:90%;margin:20px 0}.sample span{font-size:11px;color:var(--muted)}.sample p{border-radius:4px 18px 18px;background:#e9eef9;color:#344b78;padding:12px 16px;margin:6px 0;font-size:14px;line-height:1.8}.sample.device{margin-left:auto;text-align:right}.sample.device p{border-radius:18px 4px 18px 18px;background:#e0f0e5;color:#285b43}.getting-started{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:0 0 32px;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.getting-started p{margin:0;line-height:1.9}.getting-started b{display:block;font-size:13px}.getting-started span{display:block;font-size:12px;color:var(--muted)}.panel{border:1px solid var(--line);border-radius:22px;padding:26px;background:#fff;margin-bottom:24px;min-width:0}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel h2{font-size:20px;margin:0}.panel>p{line-height:1.8;font-size:14px}.pill{padding:4px 10px;border:1px solid var(--line);border-radius:30px;font-size:11px;white-space:nowrap;color:var(--muted)}.talk-live{background:#e0f1e7;color:#236e59;border-color:#9acbb0}.talk-chat{height:500px;background:#f7f9f7;border-color:#e4ebe5;padding:24px}.talk-chat:focus-visible{outline-color:var(--accent)}.talk-speaker,.talk-meta{color:#64776d;font-size:11px}.talk-bubble{background:#e9eef9;border-color:#d9e2f4;color:#344b78;font-size:15px;padding:14px 18px}.talk-sink .talk-bubble{background:#e0f0e5;border-color:#cce4d3;color:#285b43}.talk-observation .talk-bubble{background:#edeaf3;border-color:#dfd9e9;color:#615277}.talk-stamp .talk-bubble{background:#eff1dd;color:#62662f}.talk-note{color:#946421}.talk-details summary{color:#61758c}.talk-read summary{color:#236e59}.talk-raw{background:#eef1f4;color:#354454}.talk-empty{color:var(--muted);padding:140px 20px}.talk-settings{margin:0 0 14px}.talk-settings>summary{font-size:12px;color:var(--muted);cursor:pointer}.talk-options .check{display:flex;align-items:center;gap:7px;color:var(--muted)}input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px}select{background:#fff;border:1px solid var(--line);border-radius:9px;padding:10px;color:var(--ink);font-size:13px}.talk-toolbar{margin-top:22px}.talk-style{font-size:12px}.file-input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;clip-path:inset(50%)}label.btn:focus-within{outline:3px solid #e49948;outline-offset:4px}.exports{margin:20px 0}.error{color:#aa413b}.interpreter-panel>details:last-child{margin-top:22px}.panel details p{line-height:1.9}.live-panel>summary{display:flex;justify-content:space-between;gap:12px;font-weight:700;cursor:pointer;line-height:1.7;list-style:revert}.live-panel>summary:before{content:'＋';color:var(--accent)}.live-panel[open]>summary:before{content:'−'}.live-panel>summary>span:first-child{flex:1}.live-body{padding-top:16px;line-height:1.9;font-size:14px}.connection-diagram{display:flex;gap:14px;align-items:center;justify-content:center;flex-wrap:wrap;padding:22px 12px;background:#f5f8f5;border-radius:14px;font-size:13px}.connection-diagram b{padding:7px 14px;border:1px solid #c4d9cb;border-radius:10px;background:#fff}.live-controls{margin-top:22px}.live-controls output{margin-left:auto;font-size:14px;font-variant-numeric:tabular-nums}.about details{padding:18px 0;border-bottom:1px solid var(--line);font-size:13px}.about summary{cursor:pointer;font-weight:600}.advanced-link{margin:22px 0 0;color:var(--muted)}footer{padding:10px 0 30px;font-size:11px;color:var(--muted)}footer a{color:inherit}html{scroll-behavior:smooth;scroll-padding-top:20px}
@media(max-width:760px){.hero{gap:26px;padding:24px 0 30px;grid-template-columns:1fr}.hero-chat{display:none}.getting-started{gap:12px;padding:18px 0}.getting-started span{font-size:11px}.wrap{width:calc(100% - 28px)}.panel{padding:18px;border-radius:17px}.brand{font-size:11px;gap:7px}.brand-mark{width:29px;height:29px}.language-switch button{padding:6px 8px;font-size:11px}.lead{font-size:15px}.hero-actions .btn{flex:1;padding:11px 10px}.talk-chat{height:460px;padding:12px}.talk-bubble{font-size:14px;padding:12px 14px}.talk-style{width:100%}.talk-style select{flex:1}.talk-toolbar>.btn{flex:1}.live-panel>summary{flex-wrap:wrap}.live-panel>summary .small{width:100%;margin-left:24px}.live-controls output{width:100%;margin-left:0}.exports .btn{flex:1}.getting-started b{font-size:11px}.talk-row{max-width:94%;min-width:0}footer{flex-wrap:wrap;gap:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-chat{transform:none}}