:root{color-scheme:light dark;--bg: #f7f7f5;--surface: #ffffff;--text: #1d1d1f;--muted: #6e6e73;--faint: #a8a8ad;--line: #e3e3e0;--line-strong: #c9c9c6;--accent: #2f6bd8;--accent-soft: rgba(47, 107, 216, .1);--done: #6f9384;--done-soft: #e5eeea;--red: #b4534a;--red-soft: #f5e4e2;--primary-bg: #1d1d1f;--primary-text: #ffffff;--radius: 8px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif}@media(prefers-color-scheme:dark){:root{--bg: #151516;--surface: #1d1d1f;--text: #ececee;--muted: #9b9ba1;--faint: #75757b;--line: #2c2c2f;--line-strong: #5a5a60;--accent: #6f9cf2;--accent-soft: rgba(111, 156, 242, .14);--done: #7fa596;--done-soft: #24302b;--red: #d98179;--red-soft: #3a2523;--primary-bg: #ececee;--primary-text: #151516}}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,select,input{font:inherit;color:inherit}.page{max-width:1200px;margin:0 auto;padding:0 24px 48px}.bar{display:flex;align-items:center;justify-content:space-between;height:56px;font-size:14px;color:var(--muted)}.brand{color:var(--muted)}.back:hover{color:var(--text)}.bar-actions{display:flex;gap:4px}h1{font-size:22px;font-weight:600;letter-spacing:-.01em;margin:24px 0 20px}.home h1{margin-top:56px;margin-bottom:28px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;max-width:960px}.card{display:flex;flex-direction:column;gap:10px;padding:12px 12px 14px;background:var(--surface);border:1px solid var(--line);border-radius:12px}a.card{cursor:pointer;transition:border-color .12s ease,box-shadow .12s ease}a.card:hover{border-color:var(--line-strong);box-shadow:0 2px 10px #0000000d}a.card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.thumb{display:block;width:100%;aspect-ratio:5 / 3;background:var(--bg);border-radius:8px}.thumb-edge{stroke:var(--line-strong);stroke-width:1.4}.thumb-edge--tree{stroke:var(--done);stroke-width:3;stroke-linecap:round}.thumb-node{fill:var(--surface);stroke:var(--line-strong);stroke-width:1.5}.thumb-node--chosen{fill:var(--done);stroke:var(--done)}.thumb-arrowhead{fill:var(--line-strong)}.thumb-dot{fill:none;stroke:var(--line-strong);stroke-width:1.2;stroke-dasharray:2 2}.card-label{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:0 2px}.card-name{font-size:15px;font-weight:500}a.card:hover .card-name{color:var(--accent)}.family-group{margin-bottom:28px}.family-title{font-size:13px;font-weight:500;color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin:0 0 10px}.actions{display:flex;flex-direction:column;gap:8px;margin:12px 0;align-items:flex-start}.actions h3{margin:0}.later-label{margin:32px 0 10px;font-size:13px;color:var(--faint)}.cards--later{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.card--later{padding:12px 14px;background:transparent;border-style:dashed;border-radius:10px}.card--later .card-name{font-size:14px;color:var(--muted);font-weight:400}.notice{color:var(--muted)}.sandbox h1{margin:8px 0 12px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px;align-items:start}.stage{min-width:0}.side{display:flex;flex-direction:column;gap:12px}.canvas{background:var(--surface);border:1px solid var(--line);border-radius:12px}.graph{display:block;width:100%;height:min(62vh,520px);font-family:var(--font)}.edge{stroke:var(--line-strong);stroke-width:1.4}.edge--tree{stroke:var(--done);stroke-width:3}.edge--used{stroke:var(--muted);stroke-width:2}.edge--removed{stroke:var(--line);stroke-dasharray:4 4}.edge--recording{stroke:var(--accent);stroke-width:1.6;stroke-dasharray:3 3}.edge--closed{stroke:var(--done);stroke-width:1.6}.channel-note{font-size:11px;fill:var(--muted);paint-order:stroke;stroke:var(--surface);stroke-width:4px;pointer-events:none}.arrowhead{fill:var(--line-strong)}.node-hit{cursor:pointer;outline:none}.node-circle{fill:var(--surface);stroke:var(--line-strong);stroke-width:1.5}.node-hit:hover .node-circle{stroke:var(--muted)}.node-hit:focus-visible .node-circle{stroke:var(--text);stroke-dasharray:3 3}.node--decided .node-circle{fill:var(--done-soft);stroke:var(--done)}.node--chosen .node-circle{fill:var(--done);stroke:var(--done)}.node--chosen .node-id{fill:#fff}.node--passive .node-circle{fill:var(--done-soft);stroke:var(--done)}.node--red .node-circle{fill:var(--red-soft);stroke:var(--red)}.node--white .node-circle{fill:var(--surface)}.node--free .node-circle{fill:var(--done-soft);stroke:var(--done)}.node--deadlocked .node-circle{fill:var(--line);stroke:var(--muted);stroke-width:2}.node--deadlocked .node-id{fill:var(--text)}.node-cut{fill:none;stroke:var(--muted);stroke-width:1.2;stroke-dasharray:2 3}.node--current .node-circle{stroke:var(--accent);stroke-width:2.5}.node-id{font-size:14px;font-weight:500;fill:var(--text);pointer-events:none}.node-phase{font-size:13px;fill:var(--muted);paint-order:stroke;stroke:var(--surface);stroke-width:5px;stroke-linejoin:round;pointer-events:none}.node--current .node-phase{fill:var(--text)}.envelope{cursor:pointer;outline:none;animation:appear .15s ease-out}.envelope .hit{fill:transparent;stroke:none}.envelope .token{fill:var(--surface);stroke:var(--line-strong);stroke-width:1.2}.envelope .notch{fill:var(--line-strong)}.envelope text{font-size:12px;fill:var(--text);pointer-events:none}.envelope:hover .token,.envelope:focus-visible .token{stroke:var(--text)}.envelope--fresh .token{stroke:var(--text)}.envelope--fresh .notch{fill:var(--text)}.envelope--next .token{stroke:var(--accent);fill:var(--accent-soft)}.envelope--next .notch{fill:var(--accent)}.envelope--red .token{fill:var(--red-soft);stroke:var(--red)}.envelope--control .token{fill:var(--done);stroke:none}.envelope--control .notch{fill:var(--done)}.envelope--blocked{cursor:default;opacity:.45}.envelope--blocked:hover .token{stroke:var(--line-strong)}.queue-more{font-size:12px;fill:var(--muted)}@keyframes appear{0%{opacity:0}}@media(prefers-reduced-motion:reduce){.envelope{animation:none}}.lines{margin-top:14px;min-height:calc(4.5em + 8px)}.lines p{margin:2px 0}.status,.fact{color:var(--text)}.aside,.refused{color:var(--muted)}.invariant{color:var(--text);font-weight:600}.copy-hint{margin:-8px 0 12px}.controls{display:flex;align-items:center;gap:20px;margin-top:16px}.primary{flex:none;min-width:148px;height:40px;padding:0 18px;border:none;border-radius:var(--radius);background:var(--primary-bg);color:var(--primary-text);font-weight:500;cursor:pointer}.primary:hover{opacity:.88}.quiet{height:32px;padding:0 10px;border:none;border-radius:6px;background:transparent;color:var(--muted);cursor:pointer}.quiet:hover:not(:disabled){color:var(--text);background:var(--line)}.quiet:disabled{color:var(--faint);cursor:default}.secondary{height:34px;padding:0 14px;border:1px solid var(--line-strong);border-radius:var(--radius);background:transparent;cursor:pointer}.timeline{flex:1;display:flex;align-items:center;gap:6px;min-width:0}.track{position:relative;flex:1;min-width:60px;margin:0 6px;display:flex}.tick{position:absolute;top:50%;width:7px;height:7px;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.tick--decided{background:var(--done)}.tick--quiescent{background:var(--muted)}.facts{display:flex;flex-wrap:wrap;gap:4px 18px;font-size:13px;color:var(--muted)}.key{display:inline-flex;align-items:center;gap:6px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%}.slider{position:relative;flex:1;width:100%;min-width:0;height:20px;margin:0;background:transparent;-webkit-appearance:none;appearance:none}.slider::-webkit-slider-runnable-track{height:2px;background:var(--line-strong);border-radius:1px}.slider::-moz-range-track{height:2px;background:var(--line-strong)}.slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;margin-top:-6px;border-radius:50%;background:var(--surface);border:1.5px solid var(--muted)}.slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--surface);border:1.5px solid var(--muted)}.step-count{font-size:13px;color:var(--muted);min-width:52px;text-align:center;font-variant-numeric:tabular-nums}.speed{min-width:40px;font-variant-numeric:tabular-nums}.panel{padding:14px 18px;background:var(--surface);border:1px solid var(--line);border-radius:12px}.panel:not(.settings){max-height:min(62vh,520px);overflow-y:auto}.panel-head{display:flex;align-items:center;justify-content:space-between}.panel-head h2{font-size:16px;font-weight:600;margin:0}.panel-head .quiet{margin-right:-10px}.panel p{color:var(--muted);margin:6px 0 14px}.panel dl{display:grid;grid-template-columns:7.5em minmax(0,1fr);gap:6px 12px;margin:0 0 16px;font-size:14px}.panel dt{color:var(--muted)}.panel dd{margin:0}.panel h3{font-size:14px;font-weight:500;margin:0 0 6px}.panel .empty{color:var(--muted);margin:0 0 16px;font-size:14px}.waiting{list-style:none;margin:0 0 16px;padding:0;font-size:14px}.waiting li{padding:2px 0}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px;font-size:14px}.field>span{color:var(--muted)}.field select,.field input[type=number]{height:34px;padding:0 8px;border:1px solid var(--line-strong);border-radius:6px;background:var(--surface)}.choice-row{display:flex;gap:18px}.choice-col{display:flex;flex-direction:column;gap:6px}.field select:disabled,.field input:disabled{opacity:.55;cursor:default}.choice{display:flex;align-items:center;gap:6px}.hint{font-size:13px;color:var(--muted);margin:0}.panel p.hint{margin:0}.settings .field:last-of-type{margin-bottom:12px}.settings-hint{color:var(--faint)}@media(max-width:860px){.workspace{display:block}.side{margin-top:20px}.panel:not(.settings){position:fixed;left:0;right:0;bottom:0;z-index:2;max-height:60vh;border-radius:14px 14px 0 0;box-shadow:0 -4px 20px #00000014}}@media(max-width:640px){.page{padding:0 16px 32px}.home h1{margin-top:32px;font-size:20px}.graph{height:min(58vh,480px)}.node-phase{font-size:12px}.controls{flex-direction:column;align-items:stretch;gap:10px}.primary{width:100%}.lines{min-height:4.5em}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cards--later{gap:8px}.card--later{padding:10px 12px}.card{padding:8px 8px 10px;gap:8px}.card-label{flex-direction:column;gap:0}.card-name{font-size:14px}}.label-card{fill:var(--surface);pointer-events:none}.view-switch{display:flex;gap:2px;margin:0 0 8px}.seg{height:28px;font-size:13px}.seg--on,.seg--on:hover:not(:disabled){color:var(--text);background:var(--line)}.canvas--hidden{display:none}.link{display:inline-flex;align-items:center}.spacetime{overflow:auto;max-height:min(62vh,520px)}.st-arrowhead{fill:var(--muted)}.spacetime-svg{display:block;font-family:var(--font)}.st-lane{stroke:var(--line-strong);stroke-width:1.2}.st-label{font-size:12px;fill:var(--muted)}.st-now{stroke:var(--accent);stroke-width:1;stroke-dasharray:2 3;opacity:.7}.st-arrow{stroke:var(--muted);stroke-width:1.3}.st-arrow--open{stroke:var(--accent);stroke-dasharray:4 3}.st-dot{cursor:pointer}.st-dot--step{fill:var(--surface);stroke:var(--muted);stroke-width:1.5}.st-dot--rejected{fill:var(--red-soft);stroke:var(--red);stroke-width:1.5}.st-dot--decided{fill:var(--done);stroke:var(--done)}.st-dot--now{stroke:var(--accent);stroke-width:2.5}.st-cut{fill:none;stroke:var(--red);stroke-width:1.5;stroke-dasharray:5 4}.st-cut-ring{fill:none;stroke:var(--red);stroke-width:1.2}.st-marker{stroke-width:1;stroke-dasharray:1 4}.st-marker--decided{stroke:var(--done)}.st-marker--quiescent{stroke:var(--muted)}.st-marker-label{font-size:11px}text.st-marker--decided{fill:var(--done);stroke:none}text.st-marker--quiescent{fill:var(--muted);stroke:none}.lesson-text{margin-top:14px;min-height:calc(4.5em + 8px);max-width:640px}.narration{margin:0 0 6px;font-size:17px}.lesson-text .aside,.reply{margin:2px 0}.reply--right{color:var(--done);font-weight:500}.reply--wrong{color:var(--muted)}.lesson-controls{justify-content:space-between}.primary--link{display:inline-flex;align-items:center;justify-content:center}@media(max-width:640px){.spacetime{max-height:min(58vh,480px)}.lesson-controls{flex-direction:row}.lesson-controls .primary{width:auto}}