:root{color-scheme:light;--bg: #f6efe4;--bg-strong: #efe1cf;--panel: rgba(255, 252, 247, .82);--panel-strong: rgba(255, 248, 239, .95);--ink: #201611;--muted: #6f5a4d;--accent: #bb4d1d;--accent-2: #17695d;--line: rgba(32, 22, 17, .12);--shadow: 0 24px 60px rgba(70, 39, 24, .12);font-family:Avenir Next,Trebuchet MS,Segoe UI,sans-serif;line-height:1.4;font-weight:400;color:var(--ink);background:radial-gradient(circle at top left,rgba(187,77,29,.18),transparent 28%),radial-gradient(circle at top right,rgba(23,105,93,.12),transparent 22%),linear-gradient(180deg,#f9f4ec 0%,var(--bg) 60%,#efe5d8 100%)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit}.shell{width:min(1400px,calc(100vw - 2rem));margin:0 auto;padding:2rem 0 3rem}.hero{padding:1rem 0 1.5rem}.mode-tabs{display:flex;gap:.65rem;margin-bottom:1rem;flex-wrap:wrap}.mode-tab{background:#fffaf4b8;border:1px solid rgba(32,22,17,.12);color:var(--muted)}.mode-tab.is-active{background:var(--ink);color:#fff8ef;box-shadow:0 12px 24px #20161129}.subtabs{display:flex;gap:.5rem;padding:.8rem 1.2rem 0;flex-wrap:wrap;margin-bottom:.75rem}.subtab{min-height:38px;padding:.55rem .9rem;border-radius:999px;border:1px solid rgba(32,22,17,.12);background:#fffaf4b8;color:var(--muted)}.subtab.is-active{background:#201611eb;color:#fff8ef}.tab-panel{display:none}.tab-panel.is-active{display:block}.eyebrow,.panel-label,.summary-k{margin:0;text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;color:var(--muted)}.hero h1,.panel h2{margin:.2rem 0 0;font-family:Georgia,Times New Roman,serif;font-weight:600}.hero h1{max-width:12ch;font-size:clamp(2.5rem,6vw,5rem);line-height:.95}.lede{max-width:62ch;margin:1rem 0 0;color:var(--muted);font-size:1.05rem}.hero-links{margin:1rem 0 0}.repo-link{display:inline-flex;align-items:center;min-height:44px;padding:.7rem 1rem;border-radius:999px;border:1px solid rgba(32,22,17,.14);background:#fffaf4bd;color:var(--ink);text-decoration:none;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.repo-link:hover{transform:translateY(-1px);box-shadow:0 12px 24px #2016111f;background:#fffaf4f5}.workspace{display:grid;grid-template-columns:minmax(340px,1.1fr) minmax(320px,.9fr);gap:1rem;align-items:start}.results{display:grid;gap:1rem}.repl-workspace{grid-template-columns:minmax(340px,.95fr) minmax(320px,1.05fr)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);overflow:hidden}.panel-header{display:flex;align-items:start;justify-content:space-between;gap:1rem;padding:1.1rem 1.2rem 0}.editor-panel textarea{width:calc(100% - 2rem);min-height:520px;margin:1rem;padding:1rem;border:1px solid rgba(32,22,17,.15);border-radius:18px;background:#fffaf4e0;color:var(--ink);resize:vertical;font-family:Iosevka,Cascadia Code,SFMono-Regular,monospace;font-size:.95rem;line-height:1.55}.controls{display:grid;grid-template-columns:1fr 1fr auto;gap:.85rem;padding:0 1rem 1rem}.repl-controls{grid-template-columns:1fr auto}.repl-field{grid-column:1}.field{display:grid;gap:.35rem}.field span{font-size:.85rem;color:var(--muted)}.field input,.field select{min-height:44px;padding:.7rem .9rem;border:1px solid rgba(32,22,17,.15);border-radius:14px;background:var(--panel-strong)}.actions{display:flex;align-items:end;gap:.6rem}button{min-height:44px;padding:.75rem 1rem;border-radius:999px;border:1px solid transparent;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}button:hover{transform:translateY(-1px)}.primary{background:var(--ink);color:#fff8ef;box-shadow:0 12px 24px #2016112e}.ghost{background:transparent;color:var(--ink);border-color:#2016112e}.toggle{display:inline-flex;align-items:center;gap:.45rem;color:var(--muted)}.detail-tools{padding:0 1.2rem .35rem 1.35rem}.summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;padding:1rem 1.2rem 1.2rem}.summary-card{padding:.9rem 1rem;border-radius:18px;background:linear-gradient(180deg,#fffcf7f2,#efe1cfb8);border:1px solid rgba(32,22,17,.08)}.summary-card strong{display:block;margin-top:.4rem;color:var(--accent);font-size:1rem;overflow-wrap:anywhere}.console,.code-block{margin:0;padding:1rem 1.2rem 1.2rem;min-height:160px;white-space:pre-wrap;overflow-wrap:anywhere;font-family:Iosevka,Cascadia Code,SFMono-Regular,monospace;font-size:.92rem}.help-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.help-panel{min-height:100%}.help-copy{padding:.8rem 1.2rem 1.2rem;color:var(--muted)}.help-copy p{margin:0 0 .85rem}.help-copy p:last-child{margin-bottom:0}.help-list{margin:0;padding-left:1.2rem}.help-list li+li{margin-top:.45rem}.help-defs{margin:0;display:grid;gap:.65rem}.help-defs dt{color:var(--ink);font-weight:600}.help-defs dd{margin:-.4rem 0 0}.word-grid{display:grid;grid-template-columns:auto 1fr;gap:.55rem 1rem;align-items:baseline}.word-grid code{color:var(--accent);font-weight:700}.help-code{min-height:0;margin-top:.25rem}.console{background:linear-gradient(180deg,#201611fa,#2a1c15f2);color:#f8eee2}.code-block{background:#fffaf4a8;color:var(--ink)}#error:empty{display:none}.detail-panel{display:none}.detail-panel.is-active{display:block}@media(max-width:1080px){.workspace,.help-grid{grid-template-columns:1fr}}@media(max-width:720px){.shell{width:min(100vw - 1rem,1400px);padding-top:1.25rem}.controls,.repl-controls{grid-template-columns:1fr}.actions{justify-content:stretch}.actions button{flex:1}.summary-grid{grid-template-columns:1fr}}