:root{--paper:#f6f4ef;--stage:#ecefea;--ink:#1b2423;--muted:#5f6d6b;--line:#d6dedb;--accent:#0e6b67;--accent-ink:#fff;--glow:#e2661c;--glow-ink:#b8490b;--glow-bg:#fbe7d8;--panel:#fdfdfb;--soft:#e2efed;--ring:#06302e;--shadow:0 1px 2px #1424230f, 0 8px 24px #14242312;--stage-serif:"Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif;--sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#101313;--stage:#151a1a;--ink:#e3ebea;--muted:#93a3a1;--line:#263130;--accent:#5cc6bc;--accent-ink:#062320;--glow:#ff9d57;--glow-ink:#ffb27c;--glow-bg:#33231a;--panel:#131818;--soft:#183230;--ring:#0a201f;--shadow:0 1px 2px #0006, 0 10px 30px #00000059;color-scheme:dark}}:root[data-theme=dark]{--paper:#101313;--stage:#151a1a;--ink:#e3ebea;--muted:#93a3a1;--line:#263130;--accent:#5cc6bc;--accent-ink:#062320;--glow:#ff9d57;--glow-ink:#ffb27c;--glow-bg:#33231a;--panel:#131818;--soft:#183230;--ring:#0a201f;--shadow:0 1px 2px #0006, 0 10px 30px #00000059;color-scheme:dark}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;padding:clamp(16px,4vw,48px);line-height:1.5}.wrap{max-width:1120px;margin:0 auto}header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.brand{align-items:center;gap:13px;display:flex}.brand .logo{flex-shrink:0;width:46px;height:46px}.logo .t-pri{stroke:var(--accent)}.logo .t-warm{stroke:var(--glow)}.logo .t-hub{fill:var(--accent)}.logo .t-halo{fill:var(--paper)}.logo .t-ring{stroke:var(--ring)}.home{color:var(--muted);align-items:center;gap:5px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.home:hover{color:var(--accent)}.home svg,.theme svg{width:12px;height:12px}h1{font-family:var(--stage-serif);letter-spacing:-.01em;margin:0;font-size:clamp(28px,5vw,40px);font-weight:600}h2{font-family:var(--stage-serif);margin:0;font-size:21px;font-weight:600}.tag{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);border:1px solid var(--accent);white-space:nowrap;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:600}.sub{color:var(--muted);max-width:74ch;margin:10px 0 0;font-size:15px}.sub b{color:var(--ink);font-weight:600}.theme{border:1px solid var(--line);color:var(--muted);cursor:pointer;font-size:11px;font-family:var(--sans);background:0 0;border-radius:999px;align-items:center;gap:6px;padding:5px 11px;display:inline-flex}.theme:hover{color:var(--accent);border-color:var(--accent)}.promise{font-family:var(--stage-serif);color:var(--ink);text-wrap:balance;max-width:34ch;margin:14px 0 0;font-size:clamp(21px,3vw,27px);line-height:1.3}section.block{margin-top:34px}.block-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.block-head p{color:var(--muted);max-width:70ch;margin:4px 0 0;font-size:13.5px}.stage{background:var(--stage);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;margin-top:22px;padding:clamp(12px,2.4vw,22px)}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.toolbar .group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.seg{border:1px solid var(--line);background:var(--panel);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.seg button{color:var(--muted);font-family:var(--sans);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:999px;padding:6px 12px;font-size:12.5px;font-weight:600}.seg button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}.btn{border:1px solid var(--line);background:var(--panel);color:var(--ink);font-family:var(--sans);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:7px 13px;font-size:12.5px;font-weight:600;transition:transform 80ms,border-color .12s;display:inline-flex}.btn:hover{border-color:var(--accent);transform:translateY(-1px)}.btn.icon{padding:7px 11px}.btn svg{width:12px;height:12px}.views{grid-template-rows:auto auto;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:12px;display:grid}.view{background:var(--panel);border:1px solid var(--line);border-radius:14px;flex-direction:column;min-width:0;display:flex;overflow:hidden}.view-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;display:flex}.view-head .name{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);align-items:center;gap:7px;font-size:11px;font-weight:700;display:inline-flex}.view-head .name i{background:var(--accent);border-radius:50%;width:7px;height:7px;transition:background .15s,transform .15s;display:inline-block}.view-head .name i.lit{background:var(--glow);transform:scale(1.5)}.view-head .meta{font-family:var(--mono);color:var(--muted);font-size:11px}.v-editor{grid-row:span 2}textarea#src{resize:none;width:100%;min-height:430px;color:var(--ink);font-family:var(--mono);tab-size:2;white-space:pre;background:0 0;border:0;flex:1;padding:12px 14px;font-size:13px;line-height:20px;overflow:auto}textarea#src:focus{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--accent) 55%, transparent);outline:none}@media (pointer:coarse){textarea,input{font-size:max(16px,1em)}}.outline{flex-direction:column;gap:2px;max-height:190px;margin:0;padding:8px;list-style:none;display:flex;overflow:auto}.outline button{text-align:left;width:100%;color:var(--ink);font-family:var(--sans);cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:baseline;gap:8px;padding:4px 8px;font-size:13px;display:flex}.outline button .n{font-family:var(--mono);color:var(--muted);min-width:22px;font-size:11px}.outline button.part{color:var(--muted);padding-left:32px}.outline button:hover{background:var(--soft)}.outline button[aria-current=true]{background:var(--accent);color:var(--accent-ink)}.outline button[aria-current=true] .n{color:var(--accent-ink)}.render{min-height:196px;padding:14px 18px 12px;font-size:14px;position:relative;overflow:auto}.render [data-s]{cursor:pointer;border-radius:6px;margin:0;padding:2px 6px;transition:background .12s,box-shadow .12s}.render [data-s]:hover{background:var(--soft)}.render [data-s].caret{box-shadow:inset 3px 0 0 var(--glow)}.render [data-s].picked{background:var(--glow-bg);box-shadow:0 0 0 1.5px var(--glow)}.render .dim{opacity:.38}.render h3{font-family:var(--stage-serif);margin:0 0 6px;font-size:20px;font-weight:600}.render h4{font-family:var(--stage-serif);color:var(--accent);margin:10px 0 4px;font-size:16px;font-weight:600}.render p{margin:2px 0}.render pre{font-family:var(--mono);background:var(--stage);font-size:12px;overflow:auto;padding:8px 10px!important}.render .cue{font-family:var(--stage-serif);font-size:19px;line-height:1.4}.render .cue .t{font-family:var(--mono);color:var(--glow-ink);margin-bottom:4px;font-size:12px;display:block}.render .timeline{gap:4px;margin-top:16px;display:flex}.render .timeline span{background:var(--line);border-radius:3px;flex:1;height:6px}.render .timeline span.on{background:var(--glow)}.render .code{font-family:var(--mono);white-space:pre;font-size:12.5px;line-height:1.7}.render .code .ln{color:var(--muted);user-select:none;width:26px;display:inline-block}.pager{justify-content:center;gap:6px;min-height:22px;padding:6px 0 10px;display:flex}.pager span{background:var(--line);border-radius:50%;width:7px;height:7px}.pager span.on{background:var(--glow)}.minimap{flex-wrap:wrap;align-items:center;gap:6px;padding:12px;display:flex}.minimap button{border:1px solid var(--line);background:var(--panel);width:30px;height:30px;font-family:var(--mono);color:var(--muted);cursor:pointer;border-radius:8px;font-size:11px}.minimap button.first{border-left:3px solid var(--accent)}.minimap button[aria-current=true]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}@media (width<=860px){.views{grid-template-columns:minmax(0,1fr)}.v-editor{grid-row:auto}textarea#src{min-height:220px}.v-preview{order:1}.v-outline{order:2}.outline{max-height:160px}}.wire{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:12px;margin-top:12px;display:grid}.log{font-family:var(--mono);min-height:196px;max-height:196px;margin:0;padding:8px 10px;font-size:12px;list-style:none;overflow:hidden}@media (width<=860px){.wire{grid-template-columns:minmax(0,1fr)}.log{min-height:0;max-height:150px}.wire .view-head .meta{display:none}}.log li{white-space:nowrap;border-radius:6px;grid-template-columns:38px 76px 64px 1fr;gap:8px;padding:3px 4px;display:grid}.log li:first-child{background:var(--soft)}.log .seq{color:var(--muted)}.log .org{color:var(--accent);text-overflow:ellipsis;font-weight:700;overflow:hidden}.log .cause{color:var(--glow-ink)}.log .where{color:var(--ink);text-overflow:ellipsis;overflow:hidden}.log li.drop .cause,.log li.drop .where{color:var(--muted);text-decoration:line-through}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:10px;display:grid}.stat{border:1px solid var(--line);border-radius:10px;padding:8px 10px}.stat .k{color:var(--muted);font-size:11px;display:block}.stat .v{font-family:var(--mono);font-size:18px;font-weight:700}.stat.hot .v{color:var(--glow-ink)}.diag{color:var(--muted);min-height:20px;margin:10px 2px 0;font-size:13px}.diag b{color:var(--ink)}.beats{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;display:grid}.beat{text-align:left;border:1px solid var(--line);background:var(--panel);cursor:pointer;font-family:var(--sans);color:var(--ink);border-radius:14px;align-items:flex-start;gap:12px;padding:14px 15px;transition:border-color .12s,transform 80ms;display:flex}.beat:hover{border-color:var(--accent);transform:translateY(-2px)}.beat[aria-current=true]{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 16%, transparent)}.beat .n{background:var(--stage);border:1px solid var(--line);width:26px;height:26px;color:var(--accent);font-family:var(--mono);border-radius:50%;flex-shrink:0;place-items:center;font-size:12px;font-weight:700;display:grid}.beat[aria-current=true] .n{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.beat .bt{margin:0 0 2px;font-size:14px;font-weight:600;display:block}.beat .bd{color:var(--muted);margin:0 0 4px;font-size:12.5px;line-height:1.45}.beat .api{font-family:var(--mono);color:var(--accent);overflow-wrap:anywhere;font-size:11px}.foot{color:var(--muted);border-top:1px solid var(--line);margin-top:34px;padding-top:16px;font-size:12px;line-height:1.7}.foot code{overflow-wrap:anywhere;font-family:var(--mono);background:var(--panel);border:1px solid var(--line);border-radius:4px;padding:1px 5px}.foot a{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{transition:none!important}}