@layer tokens{:root{--main-font:"Onest", "Inter", sans-serif;--mono-font:ui-monospace, SFMono-Regular, Menlo, monospace;font-synthesis:style;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--code:13px;--name:.75rem;--micro:.625rem;--cell:24px;--control:var(--step-6);--control-sm:calc(var(--cell) + var(--step-2));--ui:.875rem;--ui-sm:.8125rem;--step-1:3px;--step-2:6px;--step-3:12px;--step-4:18px;--step-5:24px;--step-6:36px;--quick:.12s;--ease:cubic-bezier(.2, .7, .3, 1);--bg:oklch(96.5% .004 264);--surface:oklch(100% 0 0);--ink:oklch(22% .012 264);--muted:oklch(52% .014 264);--faint:oklch(68% .012 264);--line:oklch(91% .006 264);--line-firm:oklch(85.5% .008 264);--accent:oklch(38% .035 264);--warn:oklch(54% .19 25);--emit:oklch(56% .14 75);--radius:36px;--radius-sm:12px;--lane-l:56%;--lane-c:.155;--lane-0:oklch(var(--lane-l) var(--lane-c) 241);--lane-1:oklch(var(--lane-l) var(--lane-c) 139);--lane-2:oklch(var(--lane-l) var(--lane-c) 343);--lane-3:oklch(var(--lane-l) var(--lane-c) 173);--lane-4:oklch(var(--lane-l) var(--lane-c) 309);--lane-5:oklch(var(--lane-l) var(--lane-c) 105);--lane-6:oklch(var(--lane-l) var(--lane-c) 275);--lane-7:oklch(var(--lane-l) var(--lane-c) 207);--wash:10%;--wash-firm:16%;--wash-hard:26%;--wash-full:42%;--quiet:.618;--dim:.382;--undone:.236}@media (prefers-color-scheme:dark){:root{--bg:oklch(13.5% .012 264);--surface:oklch(18.5% .012 264);--ink:oklch(96% .006 264);--muted:oklch(70% .012 264);--faint:oklch(54% .012 264);--line:oklch(27% .012 264);--line-firm:oklch(33% .014 264);--accent:oklch(90% .02 264);--warn:oklch(74% .16 28);--emit:oklch(82% .13 75);--lane-l:76%;--lane-c:.13}}*{box-sizing:border-box}.tag,.label{font:500 var(--micro)/1 var(--main-font);letter-spacing:.09em;text-transform:uppercase;color:var(--faint);margin:0}@supports (corner-shape:superellipse(1.25)){*{corner-shape:superellipse(1.25)}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}}@layer controls{:where(button,.button,input,select,textarea){height:var(--control);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);font:400 var(--ui) / 1 var(--main-font);transition:border-color var(--quick) var(--ease), background-color var(--quick) var(--ease), color var(--quick) var(--ease)}:where(button,.button){justify-content:center;align-items:center;gap:var(--step-2);padding:0 var(--step-4);border-color:var(--line-firm);white-space:nowrap;cursor:pointer;font-weight:500;display:inline-flex}:where(button,.button):hover:not(:disabled,[aria-disabled=true]){border-color:var(--accent);color:var(--accent)}:where(button,.button):disabled,:where(button,.button)[aria-disabled=true]{opacity:var(--dim);cursor:not-allowed}:where(input,select,textarea){min-width:0;padding:0 var(--step-3);background:var(--bg)}:where(textarea){height:auto;padding:var(--step-3);resize:vertical;line-height:1.55}:where(select){padding-right:var(--step-5);cursor:pointer}:where(input,textarea)::placeholder{color:var(--faint)}:where(input,textarea):read-only{opacity:var(--quiet)}:where(input,select,textarea):hover:not(:disabled,:read-only){border-color:var(--line-firm)}:where(input,select,textarea):focus-visible,:where(button,.button):focus-visible{outline:2px solid var(--accent);outline-offset:var(--step-1)}:where(input,select,textarea)[aria-invalid=true]{border-color:var(--warn)}:where(.dense) :where(button,.button,input,select){height:var(--control-sm);padding:0 var(--step-3);font-size:var(--ui-sm)}:where(kbd){border:1px solid var(--line-firm);border-radius:var(--step-1);background:var(--bg);color:var(--ink);font:inherit;border-bottom-width:2px;padding:0 .32em;font-size:.85em;display:inline-block}}@layer page{:root{--radius:18px;--grid:color-mix(in oklab, var(--line) 70%, transparent);--accent-in:var(--surface);--shadow:0 1px 2px oklch(22% .012 264/.05), 0 8px 24px -12px oklch(22% .012 264/.18)}@media (prefers-color-scheme:dark){:root{--shadow:0 1px 2px oklch(0% 0 0/.4), 0 12px 32px -14px oklch(0% 0 0/.7)}}a{color:var(--accent);-webkit-text-decoration-color:color-mix(in srgb, var(--accent) 35%, transparent);text-decoration-color:color-mix(in srgb, var(--accent) 35%, transparent);text-underline-offset:.18em}a:hover{text-decoration-color:currentColor}code{font:500 .9em/1 var(--mono-font);color:var(--ink)}.eyebrow{font-size:var(--micro);letter-spacing:.09em;text-transform:uppercase;color:var(--accent);margin:0;font-weight:600}.lede{max-width:38rem;color:var(--muted);text-wrap:pretty;margin:0}.hint{gap:var(--step-1);font-size:var(--ui-sm);color:var(--faint);text-wrap:pretty;margin:0;padding:0;list-style:none;display:grid}.hint b,.hint code{color:var(--ink);font-weight:500}.stat{align-items:baseline;gap:var(--step-2);display:inline-flex}.stat .value{font:500 var(--ui) / 1.4 var(--mono-font);font-variant-numeric:tabular-nums}}@layer shell{:root{--bar:calc(var(--control) + var(--step-4));--dock:clamp(19rem, 26vw, 27rem);--dock-h:min(34dvh, 20rem);--float:var(--step-3)}html,body{height:100%;overflow:hidden}body{grid-template-columns:minmax(0,1fr);grid-template-rows:var(--bar) minmax(0, 1fr);background:var(--bg);height:100dvh;color:var(--ink);font:400 15px/1.6 var(--main-font);margin:0;display:grid;overflow:hidden}.bar{align-items:center;gap:var(--step-4);height:var(--bar);padding:0 var(--step-4);border-bottom:1px solid var(--line);background:var(--surface);overscroll-behavior-x:contain;scrollbar-width:none;z-index:3;flex-wrap:nowrap;display:flex;overflow:auto hidden}.bar::-webkit-scrollbar{display:none}.bar>*{flex:none}.bar .who{align-items:baseline;gap:var(--step-3);white-space:nowrap;display:flex}.bar h1{font-size:var(--ui);letter-spacing:-.011em;margin:0;font-weight:620}@media (width<=90rem){.bar h1{display:none}.bar{gap:var(--step-3)}.edge button{padding:0 var(--step-2)}}.bar .board{align-items:center;gap:var(--step-3);margin-left:auto;display:flex}.stage{min-height:0;position:relative;overflow:hidden}.dock{top:calc(var(--bar) + var(--float));right:var(--float);bottom:var(--float);align-items:flex-end;gap:var(--float);z-index:2;pointer-events:none;flex-direction:column;display:flex;position:fixed}.dock>.pane{width:var(--dock);pointer-events:auto;resize:horizontal;direction:rtl;min-width:15rem;max-width:min(52rem,74vw);min-height:0;display:flex;overflow:hidden}.dock>.pane>*{direction:ltr;flex:auto;min-width:0}.dock>.pane:not(:has(>:not([hidden]))){display:none}:is(.dock>.pane:has(>machjs-diagram),.dock>.pane:has(>machjs-figure)){flex:0 auto;height:min(20rem,42dvh);min-height:7rem}.dock>.pane:has(>machjs-history){flex:auto;min-height:9rem}body[data-dock=bottom] .dock,body[data-dock=top] .dock{left:var(--float);right:var(--float);width:auto;height:var(--dock-h);flex-direction:row;align-items:stretch}body[data-dock=bottom] .dock{top:auto;bottom:var(--float)}body[data-dock=top] .dock{top:calc(var(--bar) + var(--float));bottom:auto}body[data-dock=bottom] .dock>.pane,body[data-dock=top] .dock>.pane{flex:auto;min-width:12rem;max-width:none;height:auto}body[data-dock=bottom] .deck{bottom:calc(var(--dock-h) + var(--float) * 2)}.edge{min-height:var(--control);border:1px solid var(--line-firm);border-radius:var(--control);background:var(--surface);align-items:stretch;display:inline-flex;overflow:hidden}.edge button{height:auto;padding:0 var(--step-3);color:var(--faint);font:500 var(--name) / 1 var(--mono-font);background:0 0;border:0;border-radius:0}.edge button+button{border-left:1px solid var(--line-firm)}.edge button[aria-pressed=true]{color:var(--ink);background:color-mix(in oklab, var(--accent) var(--wash-firm), var(--surface))}.edge button:hover:not([aria-pressed=true]){color:var(--ink);background:color-mix(in oklab, var(--accent) var(--wash), var(--surface))}.deck{left:var(--float);bottom:var(--float);z-index:2;align-items:start;gap:var(--float);max-width:min(30rem, calc(100vw - var(--dock) - var(--float) * 3));pointer-events:none;flex-direction:column;display:flex;position:fixed}.deck>*{pointer-events:auto}.card{padding:var(--step-3) var(--step-4);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.card{background:color-mix(in oklab, var(--surface) 86%, transparent);-webkit-backdrop-filter:blur(14px)saturate(1.4);backdrop-filter:blur(14px)saturate(1.4)}}.card h2{margin:0 0 var(--step-2)}.acts{gap:var(--step-2);flex-wrap:wrap;display:flex}@media (width<=60rem){:root{--dock:0px;--dock-h:min(40dvh, 18rem)}.dock,body[data-dock] .dock{top:auto;left:var(--float);right:var(--float);bottom:var(--float);width:auto;height:var(--dock-h);flex-direction:row;align-items:stretch}.dock>.pane,body[data-dock] .dock>.pane{flex:1 1 0;width:auto;min-width:0;max-width:none;height:auto;min-height:0}.deck,body[data-dock] .deck{bottom:calc(var(--dock-h) + var(--float) * 2);max-width:calc(100vw - var(--float) * 2)}.dock:not(:has(>.pane>:not([hidden])))~.deck{bottom:var(--float)}}.tool{--bg:#f9f5d7;--surface:#fbf1c7;--ink:#3c3836;--muted:#665c54;--faint:#928374;--line:#ebdbb2;--line-firm:#d5c4a1;--accent:#504945;--warn:#9d0006;--emit:#af3a03;--lane-0:#076678;--lane-1:#79740e;--lane-2:#8f3f71;--lane-3:#427b58;--lane-4:#b57614;--lane-5:#458588;--lane-6:#b16286;--lane-7:#689d6a}@media (prefers-color-scheme:dark){.tool{--bg:#1d2021;--surface:#282828;--ink:#ebdbb2;--muted:#bdae93;--faint:#928374;--line:#3c3836;--line-firm:#504945;--accent:#d5c4a1;--warn:#fb4934;--emit:#fe8019;--lane-0:#83a598;--lane-1:#b8bb26;--lane-2:#d3869b;--lane-3:#8ec07c;--lane-4:#fabd2f;--lane-5:#458588;--lane-6:#b16286;--lane-7:#98971a}}}@layer subject{.stage{gap:var(--step-3);padding:var(--step-3);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);display:grid}.side{gap:var(--step-3);min-height:0;padding:var(--step-4);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);scrollbar-width:thin;grid-auto-rows:max-content;display:grid;overflow:auto}.side-bar{justify-content:space-between;align-items:baseline;gap:var(--step-3);display:flex}.face{gap:var(--step-1);padding:var(--step-3) var(--step-4);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);display:grid}.phase{font:600 1.3rem/1.1 var(--mono-font)}.says{font-size:var(--ui-sm);color:var(--muted)}body[data-phase=refreshing] .phase{color:var(--emit)}body[data-phase=dead] .phase,body[data-phase=dead] .says{color:var(--warn)}#token{font:500 var(--ui) / 1 var(--mono-font);color:var(--faint)}.weather{align-items:center;gap:var(--step-2) var(--step-3);flex-wrap:wrap;display:flex}.switch{align-items:center;gap:var(--step-2);font-size:var(--ui-sm);color:var(--muted);display:inline-flex}.switch input{width:var(--step-4);height:var(--step-4);accent-color:var(--warn)}.acts button:not(:disabled),.weather button:not(:disabled){border-color:var(--accent);color:var(--accent)}.acts .go:not(:disabled){background:var(--accent);color:var(--accent-in)}.asks{gap:var(--step-2);min-height:0;margin:0;padding:0;list-style:none;display:grid}.asks:empty:after{content:"nothing asked yet";font-size:var(--ui-sm);color:var(--faint)}.ask{align-items:baseline;gap:var(--step-3);padding-left:var(--step-3);border-left:2px solid var(--line-firm);transition:border-color var(--quick) var(--ease);display:flex}.ask .no{font:500 var(--ui-sm) / 1.6 var(--mono-font);color:var(--faint)}.ask .what{font-size:var(--ui-sm);color:var(--muted)}.ask.sent{border-left-color:var(--accent)}.ask.waiting{border-left-color:var(--emit)}.ask.waiting .what{color:var(--emit)}.ask.done{border-left-color:var(--lane-1)}.ask.refused{border-left-color:var(--warn)}.ask.refused .what{color:var(--warn)}.hint{max-width:28rem}@media (width<=60rem){.stage{scrollbar-width:thin;grid-template-rows:auto;grid-template-columns:minmax(0,1fr);grid-auto-rows:auto;overflow-y:auto}.side{min-height:auto;overflow:visible}}}@layer frame{[hidden]{display:none}body[data-dock=right] .stage.clears-dock{padding-right:calc(var(--dock) + var(--float) * 2)}body[data-dock=bottom] .stage.clears-dock{padding-bottom:calc(var(--dock-h) + var(--float) * 2)}body[data-dock=top] .stage.clears-dock{padding-top:calc(var(--dock-h) + var(--float) * 2)}@media (width<=60rem){body[data-dock] .stage.clears-dock{padding-right:var(--step-3);padding-top:0;padding-bottom:calc(var(--dock-h) + var(--float) * 2)}}}