:root{--bg:#f6f2ea;--panel:#fdfbf6;--panel-2:#f1ece1;--line:#ddd5c4;--text:#2b2a26;--muted:#7c766a;--accent:#3d5a99;--red:#c94f4f;--blue:#3a76c4;--green:#2e8f62;--yellow:#d9a514;--amber:#c07f2a}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.55}main{max-width:860px;margin:0 auto;padding:0 20px 80px}.topbar{z-index:10;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);align-items:center;gap:18px;padding:10px 4px;display:flex;position:sticky;top:0}.brand{white-space:nowrap;font-size:17px;font-weight:700}.brand-goggles{filter:drop-shadow(0 0 6px color-mix(in srgb, var(--accent) 60%, transparent))}.topbar nav{flex-wrap:nowrap;flex:1;gap:14px;display:flex}.topbar .badge{margin-left:auto}.topbar a{color:var(--muted);white-space:nowrap;font-size:14px;text-decoration:none}.topbar a:hover{color:var(--text)}.badge{color:var(--muted);white-space:nowrap;background:0 0;border:none;align-items:center;gap:6px;font-family:inherit;font-size:12px;display:inline-flex}.badge .dot{background:currentColor;border-radius:50%;flex:none;width:7px;height:7px}.badge.warm{color:var(--green)}.badge.booting{color:var(--amber)}.badge.cold{color:var(--muted);cursor:pointer;border:1px solid var(--line);border-radius:999px;padding:3px 11px}.badge.cold:hover{color:var(--text);border-color:var(--amber)}.badge-sub{color:var(--muted);font-size:11px}.badge .dot.pulse{animation:1.15s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 0 0 color-mix(in srgb, var(--amber) 70%, transparent)}50%{opacity:.45;box-shadow:0 0 0 5px #0000}}.intro{padding:56px 0 36px}.intro h1{letter-spacing:-.5px;margin-bottom:14px;font-size:32px;line-height:1.2}.intro h1 em{color:var(--accent);font-style:italic}.intro p{color:var(--muted)}.intro p+p{margin-top:14px}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;margin-bottom:28px;padding:24px;scroll-margin-top:70px}.card-head h2{margin-bottom:6px;font-size:21px}.blurb{color:var(--muted);font-size:14px}.deck{align-items:center;gap:10px;margin:18px 0 10px;display:flex}.deck-name{color:var(--text);text-align:center;white-space:nowrap;text-overflow:ellipsis;width:320px;font-size:14px;overflow:hidden}@media (max-width:560px){.deck-name{width:55vw}}.deck-count{color:var(--muted);margin-left:8px;font-size:12px}.editor{margin-top:8px}.toolbar{flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:10px;display:flex}.palette{align-items:center;gap:10px;margin-bottom:12px;display:flex}.palette-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.palette-label{white-space:nowrap;min-width:72px;color:var(--muted);font-size:12px}.chip{cursor:pointer;border:1px solid var(--line);background:var(--panel-2);color:var(--text);border-radius:7px;padding:2px 9px;font-size:13px;line-height:1.5}.chip:hover{border-color:var(--accent)}.chip.armed,.ghost.armed{outline:2px solid var(--accent);outline-offset:1px;box-shadow:0 0 12px color-mix(in srgb, var(--accent) 55%, transparent);color:var(--text)}.toolstate{color:var(--muted);margin:2px 0 8px;font-size:12px}.markbox.tool-armed{cursor:crosshair;-webkit-user-select:none;user-select:none;border-color:color-mix(in srgb, var(--accent) 45%, var(--line))}.chip-highlighted.chip-red{background:color-mix(in srgb, var(--red) 30%, var(--panel-2))}.chip-highlighted.chip-blue{background:color-mix(in srgb, var(--blue) 30%, var(--panel-2))}.chip-highlighted.chip-green{background:color-mix(in srgb, var(--green) 30%, var(--panel-2))}.chip-highlighted.chip-yellow{background:color-mix(in srgb, var(--yellow) 30%, var(--panel-2))}.chip-underlined.chip-red{-webkit-text-decoration:underline 3px var(--red);text-decoration:underline 3px var(--red);text-underline-offset:3px}.chip-underlined.chip-blue{-webkit-text-decoration:underline 3px var(--blue);text-decoration:underline 3px var(--blue);text-underline-offset:3px}.chip-underlined.chip-green{-webkit-text-decoration:underline 3px var(--green);text-decoration:underline 3px var(--green);text-underline-offset:3px}.chip-underlined.chip-yellow{-webkit-text-decoration:underline 3px var(--yellow);text-decoration:underline 3px var(--yellow);text-underline-offset:3px}.chip-circled{border-radius:999px}.chip-circled.chip-red{border:1.5px solid var(--red)}.chip-circled.chip-blue{border:1.5px solid var(--blue)}.chip-circled.chip-green{border:1.5px solid var(--green)}.chip-circled.chip-yellow{border:1.5px solid var(--yellow)}.chip-untrusted{border:1.5px dashed var(--amber);color:var(--amber)}.toolbar-side{align-items:center;gap:8px;margin-left:auto;display:flex}.hint{color:var(--amber);font-size:12px}.ghost{cursor:pointer;border:1px solid var(--line);color:var(--muted);background:0 0;border-radius:7px;padding:3px 10px;font-size:12.5px}.ghost:hover{color:var(--text);border-color:var(--muted)}.ghost.primary{color:var(--accent);border-color:var(--accent)}.markbox{background:var(--panel-2);border:1px solid var(--line);white-space:pre-wrap;overflow-wrap:break-word;border-radius:10px;padding:18px 20px;font-family:Georgia,Times New Roman,serif;font-size:16.5px;line-height:2.05}.markbox-edit{width:100%;color:var(--text);line-height:1.7}.hl-red{background:color-mix(in srgb, var(--red) 30%, transparent)}.hl-blue{background:color-mix(in srgb, var(--blue) 30%, transparent)}.hl-green{background:color-mix(in srgb, var(--green) 30%, transparent)}.hl-yellow{background:color-mix(in srgb, var(--yellow) 32%, transparent)}.ul-red{-webkit-text-decoration:underline 3px var(--red);text-decoration:underline 3px var(--red);text-underline-offset:4px}.ul-blue{-webkit-text-decoration:underline 3px var(--blue);text-decoration:underline 3px var(--blue);text-underline-offset:4px}.ul-green{-webkit-text-decoration:underline 3px var(--green);text-decoration:underline 3px var(--green);text-underline-offset:4px}.ul-yellow{-webkit-text-decoration:underline 3px var(--yellow);text-decoration:underline 3px var(--yellow);text-underline-offset:4px}[class*=ci-]{padding-top:1px;padding-bottom:1px}.ci-red{border-top:1.6px solid var(--red);border-bottom:1.6px solid var(--red)}.ci-blue{border-top:1.6px solid var(--blue);border-bottom:1.6px solid var(--blue)}.ci-green{border-top:1.6px solid var(--green);border-bottom:1.6px solid var(--green)}.ci-yellow{border-top:1.6px solid var(--yellow);border-bottom:1.6px solid var(--yellow)}.ci-start.ci-red{border-left:1.6px solid var(--red)}.ci-start.ci-blue{border-left:1.6px solid var(--blue)}.ci-start.ci-green{border-left:1.6px solid var(--green)}.ci-start.ci-yellow{border-left:1.6px solid var(--yellow)}.ci-end.ci-red{border-right:1.6px solid var(--red)}.ci-end.ci-blue{border-right:1.6px solid var(--blue)}.ci-end.ci-green{border-right:1.6px solid var(--green)}.ci-end.ci-yellow{border-right:1.6px solid var(--yellow)}.ci-start{border-top-left-radius:.55em;border-bottom-left-radius:.55em;padding-left:2px}.ci-end{border-top-right-radius:.55em;border-bottom-right-radius:.55em;padding-right:2px}.untrusted{background:color-mix(in srgb, var(--amber) 14%, transparent);border-bottom:1.5px dashed var(--amber)}.mech{flex-wrap:wrap;align-items:baseline;gap:10px;margin-top:10px;display:flex}.mech-tag{letter-spacing:.5px;text-transform:uppercase;color:var(--red);border:1px solid color-mix(in srgb, var(--red) 45%, transparent);background:color-mix(in srgb, var(--red) 10%, transparent);border-radius:999px;padding:2px 10px;font-size:11px;font-weight:700}.mech-why{color:var(--muted);font-size:13px}.mech-note{color:var(--muted);margin-top:6px;font-size:12px;font-style:italic}.lbl{letter-spacing:.6px;text-transform:uppercase;align-items:center;gap:10px;margin:16px 0 5px;font-size:11px;display:flex}.trusted-lbl{color:var(--green)}.data-lbl{color:var(--amber)}.ghost.tiny{text-transform:none;letter-spacing:0;margin-left:auto;padding:1px 8px;font-size:11px}.passage{white-space:pre-wrap;overflow-wrap:break-word;border-radius:10px;max-height:340px;padding:14px 16px;font-family:Georgia,Times New Roman,serif;font-size:15.5px;line-height:1.62;overflow-y:auto}.untrusted-all{width:100%;color:var(--text);background:color-mix(in srgb, var(--amber) 9%, var(--panel-2));border:1px solid color-mix(in srgb, var(--amber) 30%, var(--line));border-left:3px solid var(--amber);max-height:none;display:block}.untrusted-all:focus{border-color:color-mix(in srgb, var(--amber) 55%, var(--line));border-left-color:var(--amber);outline:none}.lbl-hint{text-transform:none;letter-spacing:0;color:var(--muted);margin-left:auto;font-size:10.5px}.planted{border:1px dashed color-mix(in srgb, var(--red) 45%, transparent);background:color-mix(in srgb, var(--red) 7%, transparent);border-radius:9px;margin-top:10px;padding:10px 13px}.planted-tag{letter-spacing:.6px;text-transform:uppercase;color:var(--red);font-size:11px;font-weight:700}.planted-where{color:var(--muted);margin-left:8px;font-size:11.5px}.planted-text{color:var(--text);margin-top:6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.5}.planted-none{border-color:color-mix(in srgb, var(--green) 40%, transparent);background:color-mix(in srgb, var(--green) 6%, transparent)}.planted-none .planted-tag{color:var(--green)}.instruction-box{background:color-mix(in srgb, var(--green) 7%, var(--panel-2));border:1px solid color-mix(in srgb, var(--green) 32%, var(--line));width:100%;color:var(--text);border-radius:10px;padding:12px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;line-height:1.6}.deck-note{color:var(--muted);margin-left:auto;font-size:12px}.panes{margin-top:14px}.panes.two{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (max-width:720px){.panes.two{grid-template-columns:1fr}}.pane-head{align-items:center;gap:8px;margin-bottom:6px;font-size:12px;display:flex}.pane-head.on{color:var(--accent)}.pane-head.offhead{color:var(--muted)}.pane-secs{color:var(--muted);margin-left:auto;font-size:11px}.panes .output{margin-top:0;font-size:14px}.generate.secondary{border:1px solid var(--accent);color:var(--accent);background:0 0;padding:8px 16px;font-size:13.5px;font-weight:600}.run-row{align-items:center;gap:14px;margin-top:14px;display:flex}.generate{cursor:pointer;background:linear-gradient(135deg, var(--accent), #9b7bff);color:#0b0e14;border:none;border-radius:9px;padding:9px 22px;font-size:15px;font-weight:700}.generate:disabled{opacity:.55;cursor:default}.goggle-state{color:var(--muted);font-size:13px}.goggle-state.on{color:var(--accent)}.elapsed{color:var(--muted);margin-left:auto;font-size:12px}.output{background:var(--panel-2);border:1px solid var(--line);white-space:pre-wrap;border-radius:10px;min-height:30px;margin-top:14px;padding:16px 18px;font-size:15px}.cursor{color:var(--accent);animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.soon-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (max-width:640px){.soon-row{grid-template-columns:1fr}}.card.soon{opacity:.65}.soon-tag{letter-spacing:1px;text-transform:uppercase;color:var(--amber);border:1px solid color-mix(in srgb, var(--amber) 40%, transparent);border-radius:999px;margin-top:10px;padding:2px 10px;font-size:11px;display:inline-block}footer{color:var(--muted);text-align:center;margin-top:40px;font-size:12.5px}.stamp-text{white-space:pre-wrap;border:1px solid var(--border,#333);background:var(--panel,#111);-webkit-user-select:none;user-select:none;border-radius:8px;padding:14px 16px;line-height:1.55}.stamp-text.dragable{cursor:text}.ispan{border-bottom:1px dashed color-mix(in srgb, currentColor 45%, transparent);border-radius:3px;position:relative}.ispan.armable:hover{background:color-mix(in srgb, currentColor 12%, transparent);cursor:pointer}.stamp-tag{color:#fff;vertical-align:super;white-space:nowrap;-webkit-user-select:none;user-select:none;border-radius:4px;margin-left:6px;padding:1px 5px;font-size:.62rem;font-weight:600}.drag-preview{background:color-mix(in srgb, currentColor 18%, transparent);border-radius:3px}.custom-text{box-sizing:border-box;border:1px solid var(--border,#333);background:var(--panel,#111);width:100%;color:inherit;font:inherit;border-radius:8px;margin-bottom:10px;padding:12px 14px}.custom-toggle.active{font-weight:600}.stamp-text.code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.84rem;line-height:1;overflow-x:auto}.stamp-text.code .stamp-tag{vertical-align:baseline}.edit-row{margin-bottom:6px}.custom-toggle{margin-left:auto}.snippets{flex-direction:column;gap:10px;display:flex}.snippet-title{color:var(--muted);margin-bottom:3px;font-size:.8rem;font-weight:600}.snippet-body{border:1px solid var(--line);background:var(--panel-2);white-space:pre;border-radius:6px;margin:0;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.84rem;line-height:1;overflow-x:auto}.snippet-body.armable:hover{cursor:pointer;filter:brightness(.97)}.snippet-body.editable:hover{cursor:text;outline:1px dashed var(--line)}.snippet-divider{border-top:2px solid var(--line);margin:6px 0}.question-line{padding:6px 2px}.question-line.editable:hover{cursor:text;outline:1px dashed var(--line);border-radius:4px}.custom-text.code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.84rem;line-height:1}.snippet-box{position:relative}.snippet-box>.stamp-tag{vertical-align:baseline;margin:0;position:absolute;top:8px;right:10px}textarea.passage,textarea.markbox,textarea.instruction-box{field-sizing:content;max-height:420px}textarea{resize:none}.trunc-note{color:var(--amber);margin-top:8px;font-size:12px}.mech-diagram{width:100%;height:auto;margin:6px 0 10px;display:block}