.landing{max-width:1120px;margin:0 auto;padding:0 var(--s-24) var(--s-48);color:var(--c-ink);font:var(--t-16) / 1.6 var(--f-caption)}.landing-bar{display:flex;align-items:center;gap:var(--s-16);padding:var(--s-24) 0 var(--s-16);border-bottom:var(--w-thin) solid var(--c-rule)}.landing-mark{flex:1 1 auto;margin:0;font:var(--t-18) / 1.2 var(--f-display)}.landing-toggle{font:var(--t-13) / 1 var(--f-mono);color:var(--c-grey);background:transparent;border:var(--w-thin) solid var(--c-rule);border-radius:var(--r-sm);padding:var(--s-4) var(--s-12);cursor:pointer}.landing-toggle:before{content:"◑ "}.landing-toggle:hover{color:var(--c-ink)}.landing-hero{display:grid;grid-template-columns:minmax(0,3fr) minmax(240px,2fr);gap:var(--s-48);align-items:start;padding:var(--s-48) 0 var(--s-32)}.landing-title{grid-column:1 / -1;margin:0;max-width:22ch;font:var(--t-32) / 1.15 var(--f-display)}.landing-pitch{margin:0;max-width:62ch}.landing-install{display:flex;flex-direction:column;gap:var(--s-8);padding:var(--s-16);border:var(--w-thin) solid var(--c-rule);border-radius:var(--r-md);background:var(--c-field)}.landing-soon{margin:0;font-size:var(--t-11);letter-spacing:.04em;text-transform:uppercase;color:var(--c-grey)}.landing-command{font:var(--t-13) / 1.5 var(--f-mono);overflow-wrap:anywhere}.landing-board{padding:var(--s-24) 0;border-top:var(--w-thin) solid var(--c-rule);border-bottom:var(--w-thin) solid var(--c-rule)}.board-stage{overflow-x:auto}.board-stage svg{max-width:100%;height:auto}@keyframes board-drawn{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}.board-stage-drawing svg{animation:board-drawn 1.8s cubic-bezier(.32,.06,.29,1) both}@media(prefers-reduced-motion:reduce){.board-stage-drawing svg{animation:none}}.landing-legend{display:flex;flex-wrap:wrap;gap:var(--s-8) var(--s-24);margin:var(--s-16) 0 0;font-size:var(--t-13);color:var(--c-grey)}.landing-legend-row{display:flex;gap:var(--s-8)}.landing-legend dt{font-family:var(--f-display);color:var(--c-ink)}.landing-legend dd{margin:0}.landing-interest{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--s-24);padding:var(--s-32) 0}.landing-offer{display:flex;flex-direction:column;gap:var(--s-8);align-items:start}.landing-button{font:var(--t-16) / 1.2 var(--f-display);color:var(--c-ink);background:var(--c-field);border:2px solid var(--c-ink);border-radius:var(--r-md);padding:var(--s-8) var(--s-24);cursor:pointer}.landing-button:hover:not(:disabled){background:var(--c-ink);color:var(--c-board)}.landing-button:disabled{cursor:default;color:var(--c-grey);border-color:var(--c-rule)}.landing-note{margin:0;max-width:44ch;font-size:var(--t-13);color:var(--c-grey)}.landing-inline{font-family:var(--f-mono);color:var(--c-ink)}.landing-foot{padding-top:var(--s-24);border-top:var(--w-thin) solid var(--c-rule);font-size:var(--t-13);color:var(--c-grey)}.landing-foot p{margin:0;max-width:78ch}@media(max-width:720px){.landing-hero{grid-template-columns:minmax(0,1fr);gap:var(--s-24);padding:var(--s-32) 0 var(--s-24)}.landing-title{font-size:var(--t-24)}}:root{color-scheme:light;--page: #faf9f5;--rule: #dcd8cc;--text: #2f2c26;--muted: #7a7366;--hand: "Bradley Hand", "Segoe Print", "Comic Sans MS", cursive}*{box-sizing:border-box}body{margin:0;background:var(--page);color:var(--text);font:14px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.page{display:flex;flex-direction:column;min-height:100vh}.bar{display:flex;align-items:baseline;gap:1rem;padding:.9rem 1.25rem;border-bottom:1px solid var(--rule)}.title{margin:0;font:20px/1.2 var(--hand);flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.counts,.status,.hint{margin:0;color:var(--muted)}.status:before{content:"● "}.status-live{color:#3f7d4f}.status-offline{color:#a84a3c}.board{padding:1rem 1.25rem;overflow:auto}.board svg{max-width:100%;height:auto}.hint{padding:0 1.25rem 2rem}.share{font:inherit;color:var(--text);background:transparent;border:1px solid var(--rule);border-radius:4px;padding:.2rem .7rem;cursor:pointer}.preview{padding:1rem 1.25rem;border-bottom:1px solid var(--rule)}.preview-bar{display:flex;align-items:baseline;gap:1rem}.preview-title{margin:0 0 .5rem;font:16px/1.2 var(--hand);flex:1 1 auto}.preview-close{font:inherit;color:var(--muted);background:none;border:0;cursor:pointer}.preview-presets{display:flex;gap:1rem;margin-bottom:.5rem}.preview-removals{list-style:none;margin:.25rem 0 .75rem;padding:0;max-height:12rem;overflow:auto}.preview-removals li{padding:.1rem 0}.preview-count{margin:0}.preview-link{display:flex;gap:.5rem;margin:.35rem 0}.preview-link input{flex:1 1 auto;min-width:0;font:inherit;color:var(--text);background:#fff;border:1px solid var(--rule);border-radius:4px;padding:.25rem .5rem}.preview-link button{font:inherit;color:var(--text);background:transparent;border:1px solid var(--rule);border-radius:4px;padding:.25rem .7rem;cursor:pointer;white-space:nowrap}.preview-warning{margin:.25rem 0;color:#a84a3c}.preview-error{margin:.5rem 0;color:#a84a3c}.muted{color:var(--muted)}:root{--c-board: #f7f6f1;--c-ink: #23262e;--c-grey: #8b8d94;--c-rule: #dcd8cc;--c-red: #d63b2f;--c-green: #1f9a58;--c-field: #ffffff;--f-display: "Architects Daughter", "Bradley Hand", "Segoe Print", "Comic Sans MS", cursive;--f-caption: "Delius", "Patrick Hand", "Chalkboard SE", "Segoe Print", cursive;--f-mono: ui-monospace, SFMono-Regular, Menlo, monospace;--t-32: 32px;--t-24: 24px;--t-18: 18px;--t-16: 16px;--t-13: 13px;--t-11: 11px;--s-4: 4px;--s-8: 8px;--s-12: 12px;--s-16: 16px;--s-24: 24px;--s-32: 32px;--s-48: 48px;--r-sm: 4px;--r-md: 10px;--w-thin: 1px}:root[data-theme]{--page: var(--c-board);--rule: var(--c-rule);--text: var(--c-ink);--muted: var(--c-grey)}:root[data-theme=board]{color-scheme:light}:root[data-theme=flat]{color-scheme:dark;--c-board: #000000;--c-ink: #f2efe6;--c-grey: #a3a5ad;--c-rule: #2b2b2b;--c-field: #101010}@media(prefers-color-scheme:dark){:root:not([data-theme=board]):not([data-theme=light]){color-scheme:dark;--c-board: #000000;--c-ink: #f2efe6;--c-grey: #a3a5ad;--c-rule: #2b2b2b;--c-field: #101010;--page: #000000;--rule: #2b2b2b;--text: #f2efe6;--muted: #a3a5ad}}:root[data-theme=flat] svg{--board: #000000;--ink: #f2efe6;--grey: #a3a5ad}@media(prefers-color-scheme:dark){:root:not([data-theme=board]):not([data-theme=light]) svg{--board: #000000;--ink: #f2efe6;--grey: #a3a5ad}}