@font-face{font-family:Inter;src:url(/inter-latin-mvsshj9m.woff2)format(woff2);font-weight:100 900;font-style:normal;font-display:block}:root{--buncss-light:initial;--buncss-dark: ;color-scheme:light;--sheet:light-dark(oklch(.985 .004 240),oklch(.2 .012 250));--grid-minor:light-dark(oklch(.94 .012 240),oklch(.255 .014 250));--grid-major:light-dark(oklch(.885 .026 240),oklch(.32 .02 250));--ruler:light-dark(oklch(.965 .006 240),oklch(.235 .012 250));--ruler-tick:light-dark(oklch(.72 .02 245),oklch(.5 .02 250));--ink:light-dark(oklch(.24 .02 255),oklch(.93 .01 250));--graphite:light-dark(oklch(.5 .016 255),oklch(.72 .012 250));--chrome:light-dark(oklch(1 0 0),oklch(.25 .012 250));--chrome-border:light-dark(oklch(.9 .01 250),oklch(.34 .016 250));--focus:light-dark(oklch(.55 .16 250),oklch(.72 .13 245));--marquee-fill:color-mix(in oklab,var(--focus)8%,transparent);--option-active:color-mix(in oklab,var(--focus)12%,var(--chrome));--pencil-1:light-dark(oklch(.6 .13 245),oklch(.76 .11 240));--pencil-2:light-dark(oklch(.6 .12 160),oklch(.76 .1 160));--redline:light-dark(oklch(.58 .19 28),oklch(.72 .16 28));--card:var(--chrome);--card-border:light-dark(oklch(.84 .014 250),oklch(.4 .018 250));--card-note:light-dark(oklch(.965 .05 95),oklch(.34 .04 95));--area-fill:color-mix(in oklab,var(--grid-major)22%,transparent);--area-border:light-dark(oklch(.8 .02 245),oklch(.42 .02 250));--area-title:var(--graphite);--area-title-text:13px;--chip-fill:color-mix(in oklab,var(--graphite)14%,var(--card));--chip-text:var(--graphite);--column-fill:color-mix(in oklab,var(--grid-major)30%,transparent);--card-editing:color-mix(in oklab,var(--card)94%,var(--focus));--card-live-alpha:.85;--card-live-dash:4 3;--card-bars-alpha:.25;--selection-ring:2px;--link:var(--graphite);--link-width:1.5px;--hover-alpha:.45;--card-pad:10px;--card-text:14px;--card-line:20px;--card-radius:var(--radius-s);--grid-step:10px;--grid-major-step:100px;--ruler-size:20px;--tick-minor:5px;--tick-major:10px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--radius-s:6px;--control-size:28px;--icon-size:20px;--radius-m:10px;--font-ui:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--font-mono:ui-monospace,"SF Mono",Menlo,monospace;--text-xs:10px;--text-s:12px;--text-m:13px;--weight-regular:400;--weight-strong:650;--shadow-island:0 1px 2px oklch(0 0 0/.06),0 6px 18px oklch(0 0 0/.08);--dur-fast:.12s;--dur-ui:.2s;--notice-hold:4s;--ease-out:cubic-bezier(.2,.8,.2,1)}:root[data-theme=dark]{--buncss-light: ;--buncss-dark:initial;color-scheme:dark;--shadow-island:0 1px 2px oklch(0 0 0/.4),0 8px 24px oklch(0 0 0/.45)}@layer reset,base,components;@layer reset{*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0}}@layer base{body{background:var(--sheet);color:var(--ink);font:var(--text-m)/1.4 var(--font-ui);overflow:hidden;-webkit-user-select:none;user-select:none}}@layer components{.table{position:fixed;background-color:var(--sheet);background-image:linear-gradient(var(--grid-major)1px,transparent 1px),linear-gradient(90deg,var(--grid-major)1px,transparent 1px),linear-gradient(var(--grid-minor)1px,transparent 1px),linear-gradient(90deg,var(--grid-minor)1px,transparent 1px);background-size:var(--grid-major-now,var(--grid-major-step))var(--grid-major-now,var(--grid-major-step)),var(--grid-major-now,var(--grid-major-step))var(--grid-major-now,var(--grid-major-step)),var(--grid-minor-now,var(--grid-step))var(--grid-minor-now,var(--grid-step)),var(--grid-minor-now,var(--grid-step))var(--grid-minor-now,var(--grid-step));background-position:var(--grid-x,var(--ruler-size))var(--grid-y,var(--ruler-size));inset:0}.cards{position:fixed;touch-action:none;cursor:default;width:100%;height:100%;inset:0}.ink{position:fixed;pointer-events:none;width:100%;height:100%;inset:0}.cards[data-hand=pen]{cursor:crosshair}.cards[data-hand=link]{cursor:alias}.cards[data-hand=open]{cursor:grab}.cards[data-hand=closed]{cursor:grabbing}.ruler{position:fixed;overflow:hidden;background-color:var(--ruler);font:var(--text-xs)/1 var(--font-mono);color:var(--graphite)}.ruler.top{inset:0 0 auto var(--ruler-size);height:var(--ruler-size);background-image:linear-gradient(90deg,var(--ruler-tick)1px,transparent 1px),linear-gradient(90deg,var(--ruler-tick)1px,transparent 1px);background-size:var(--grid-major-now,var(--grid-major-step))var(--tick-major),var(--grid-minor-now,var(--grid-step))var(--tick-minor);background-repeat:repeat-x;background-position:var(--ruler-shift-x,0px)bottom}.ruler.left{inset:var(--ruler-size)auto 0 0;width:var(--ruler-size);background-image:linear-gradient(180deg,var(--ruler-tick)1px,transparent 1px),linear-gradient(180deg,var(--ruler-tick)1px,transparent 1px);background-size:var(--tick-major)var(--grid-major-now,var(--grid-major-step)),var(--tick-minor)var(--grid-minor-now,var(--grid-step));background-repeat:repeat-y;background-position:right var(--ruler-shift-y,0px)}.ruler .label{position:absolute;pointer-events:none;font-variant-numeric:tabular-nums}.ruler.top .label{top:var(--space-1);margin-left:var(--space-1)}.ruler.left .label{left:var(--space-1);margin-top:var(--space-1);writing-mode:vertical-rl;transform:rotate(180deg)}.corner{position:fixed;width:var(--ruler-size);height:var(--ruler-size);background:var(--ruler);inset:0 auto auto 0}.editor-layer{position:fixed;pointer-events:none;overflow:clip;inset:0}.card-editor{-webkit-user-select:text;user-select:text;position:absolute;transform-origin:0 0;pointer-events:auto;outline:none;white-space:pre;overflow-wrap:normal;font-family:var(--font-ui);font-size:var(--card-text);line-height:var(--card-line);font-kerning:auto;color:var(--ink);caret-color:var(--focus);inset:0 auto auto 0}.label-editor{position:absolute;transform-origin:0 0;pointer-events:auto;box-sizing:border-box;padding:calc(var(--card-pad)/4)calc(var(--card-pad)/2);border-radius:var(--radius-s);outline:var(--selection-ring)solid var(--focus);background:var(--sheet);font-family:var(--font-ui);font-size:var(--card-text);line-height:var(--card-line);font-kerning:auto;text-align:center;color:var(--ink);caret-color:var(--focus);border:none;width:200px;inset:0 auto auto 0}.title-editor{text-align:left;font-size:var(--area-title-text);font-weight:var(--weight-strong);width:320px}.marquee{position:fixed;pointer-events:none;border:1px solid var(--focus);background:var(--marquee-fill)}.toolbar{position:fixed;display:flex;gap:var(--space-1);padding:var(--space-1);background:var(--chrome);border:1px solid var(--chrome-border);border-radius:var(--radius-m);box-shadow:var(--shadow-island);top:0;left:0}.toolbar[hidden]{display:none}.toolbar-button{display:grid;width:var(--control-size);height:var(--control-size);border-radius:var(--radius-s);color:var(--ink);cursor:default;background:0 0;border:0;place-items: center;padding:0}.toolbar-button:hover{background:var(--option-active)}.toolbar-button:focus-visible{outline:var(--selection-ring)solid var(--focus);outline-offset:-2px}.toolbar-button svg{width:var(--icon-size);height:var(--icon-size);fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.toolbar-button path{vector-effect:non-scaling-stroke}.dock{position:fixed;bottom:var(--space-3);display:flex;align-items: center;gap:var(--space-1);padding:var(--space-1);background:var(--chrome);border:1px solid var(--chrome-border);border-radius:var(--radius-m);box-shadow:var(--shadow-island);left:50%;translate:-50%}.dock[hidden]{display:none}.dock-rule{margin:var(--space-1)0;background:var(--chrome-border);align-self:stretch;width:1px}.dock-button{display:grid;width:var(--control-size);height:var(--control-size);border-radius:var(--radius-s);color:var(--ink);cursor:default;background:0 0;border:0;place-items: center;padding:0}.dock-button:hover{background:var(--option-active)}.dock-button[aria-pressed=true]{background:var(--option-active);color:var(--focus)}.dock-button:focus-visible{outline:var(--selection-ring)solid var(--focus);outline-offset:-2px}.dock-tray-item:focus-visible{outline:var(--selection-ring)solid var(--focus);outline-offset:-2px}.dock-button svg,.dock-tray-item svg{width:var(--icon-size);height:var(--icon-size);fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.dock-button path,.dock-tray-item path{vector-effect:non-scaling-stroke}.dock-tray{position:absolute;bottom:calc(100% + var(--space-1));display:grid;padding:var(--space-1);background:var(--chrome);border:1px solid var(--chrome-border);border-radius:var(--radius-m);box-shadow:var(--shadow-island);min-width:140px}.dock-tray-item{display:flex;gap:var(--space-2);padding:var(--space-1)var(--space-2);border-radius:var(--radius-s);color:var(--ink);font:inherit;font-size:var(--text-m);text-align:left;background:0 0;border:0;align-items: center}.dock-tray-item[aria-checked=true]{color:var(--focus)}.dock-tray-item:hover{background:var(--option-active)}.toolbar-menu{position:absolute;top:calc(100% + var(--space-1));display:grid;padding:var(--space-1);background:var(--chrome);border:1px solid var(--chrome-border);border-radius:var(--radius-m);box-shadow:var(--shadow-island);min-width:140px;left:0}.toolbar-menu-item{display:flex;gap:var(--space-1);padding:var(--space-1)var(--space-2);border-radius:var(--radius-s);color:var(--ink);font:inherit;font-size:var(--text-m);text-align:left;background:0 0;border:0;align-items: center}.toolbar-menu-item:before{content:"";text-align:center;inline-size:1em}.toolbar-menu-item[aria-checked=true]:before{content:"✓";content:"✓"/"";color:var(--focus)}.toolbar-menu-item:hover{background:var(--option-active);outline:none}.toolbar-menu-item:focus-visible{background:var(--option-active);outline:none}.palette{position:fixed;top:calc(var(--ruler-size) + var(--space-4)*4);width:min(440px,calc(100vw - var(--space-4)*2));display:grid;grid-template-rows:auto 1fr;background:var(--chrome);border:1px solid var(--chrome-border);border-radius:var(--radius-m);box-shadow:var(--shadow-island);overflow:hidden;max-height:50vh;left:50%;translate:-50%}.palette[hidden]{display:none}.palette-input{padding:var(--space-3);border:0;border-bottom:1px solid var(--chrome-border);color:var(--ink);font:inherit;font-size:var(--text-m);outline:none;background:0 0;margin:0}.palette-list{padding:var(--space-1);list-style:none;overflow-y:auto;margin:0}.palette-option,.palette-empty{display:flex;justify-content:space-between;gap:var(--space-3);padding:var(--space-1)var(--space-2);border-radius:var(--radius-s);font-size:var(--text-m);color:var(--ink)}.palette-option[aria-selected=true]{background:var(--option-active)}.palette-option kbd{font-family:var(--font-mono);font-size:var(--text-s);color:var(--graphite)}.palette-empty{color:var(--graphite)}.findbar{position:fixed;top:calc(var(--ruler-size) + var(--space-3));right:var(--space-3);display:flex;align-items: center;gap:var(--space-2);width:min(320px,calc(100vw - var(--space-4)*2));padding:var(--space-1)var(--space-2);background:var(--chrome);border:1px solid var(--chrome-border);border-radius:var(--radius-m);box-shadow:var(--shadow-island)}.findbar[hidden]{display:none}.findbar-input{padding:var(--space-1);color:var(--ink);font:inherit;font-size:var(--text-m);outline:none;background:0 0;border:0;flex:1;min-width:0;margin:0}.findbar-count{font-size:var(--text-s);font-variant-numeric:tabular-nums;color:var(--graphite);white-space:nowrap}.area-list{position:fixed;top:calc(var(--ruler-size) + var(--space-4)*4);left:calc(var(--ruler-size) + var(--space-3));display:grid;grid-template-rows:auto 1fr;width:min(260px,calc(100vw - var(--space-4)*2));max-height:calc(100vh - var(--ruler-size) - var(--space-4)*6);background:var(--chrome);border:1px solid var(--chrome-border);border-radius:var(--radius-m);box-shadow:var(--shadow-island);overflow:hidden}.area-list[hidden]{display:none}.area-list-head{display:flex;padding:var(--space-2)var(--space-3);border-bottom:1px solid var(--chrome-border);justify-content:space-between;align-items: center}.area-list-head h2{font-size:var(--text-m);font-weight:var(--weight-strong);color:var(--ink);margin:0}.area-list-close{padding:var(--space-1)var(--space-2);border-radius:var(--radius-s);color:var(--graphite);font:inherit;font-size:var(--text-s);background:0 0;border:0}.area-list-rows{padding:var(--space-1);list-style:none;overflow-y:auto;margin:0}.area-row{display:flex;justify-content:space-between;gap:var(--space-3);padding:var(--space-1)var(--space-2);border-radius:var(--radius-s);color:var(--ink);font:inherit;font-size:var(--text-m);text-align:start;background:0 0;border:0;width:100%;padding-inline-start:calc(var(--space-2) + var(--depth,0)*var(--space-3))}.area-row:hover,.area-list-close:hover{background:var(--option-active);outline:none}.area-row:focus-visible{background:var(--option-active);outline:none}.area-list-close:focus-visible{background:var(--option-active);outline:none}.area-row[aria-current=true] .area-row-title{font-weight:var(--weight-strong)}.area-row-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.area-row-title.untitled{color:var(--graphite)}.area-row-title.agent{color:var(--pencil-1)}.area-row-count{font-size:var(--text-s);font-variant-numeric:tabular-nums;color:var(--graphite)}.area-list-empty{padding:var(--space-2);font-size:var(--text-s);color:var(--graphite)}.notice{pointer-events:none;position:fixed;bottom:calc(var(--space-3)*2 + var(--control-size) + var(--space-1)*2);padding:var(--space-2)var(--space-3);font-size:var(--text-s);color:var(--ink);background:var(--chrome);border:1px solid var(--chrome-border);border-radius:var(--radius-m);box-shadow:var(--shadow-island);margin:0;left:50%;translate:-50%}.mode-chip{position:fixed;bottom:calc(var(--space-3)*2 + var(--control-size) + var(--space-1)*2 + var(--space-4)*2.5);padding:var(--space-1)var(--space-3);pointer-events:none;font-size:var(--text-s);color:var(--graphite);background:var(--chrome);border:1px solid var(--chrome-border);border-radius:var(--radius-m);margin:0;left:50%;translate:-50%}.hint{position:fixed;padding:var(--space-2)var(--space-3);pointer-events:none;font-size:var(--text-s);color:var(--graphite);background:var(--chrome);border:1px solid var(--chrome-border);border-radius:var(--radius-m);margin:0;top:40%;left:50%;translate:-50%}.island{pointer-events:none;position:fixed;top:calc(var(--ruler-size) + var(--space-3));left:calc(var(--ruler-size) + var(--space-3));display:flex;align-items:baseline;gap:var(--space-2);padding:var(--space-2)var(--space-3);background:var(--chrome);border:1px solid var(--chrome-border);border-radius:var(--radius-m);box-shadow:var(--shadow-island)}.island h1{font-size:var(--text-m);font-weight:var(--weight-strong);margin:0}.island .phase{font:var(--text-s)/1 var(--font-mono);color:var(--graphite)}}.toolbar,.notice,.mode-chip{transition:opacity var(--dur-fast)var(--ease-out)}@starting-style{.toolbar,.notice,.mode-chip{opacity:0}}@media (prefers-reduced-motion:reduce){.toolbar,.notice,.mode-chip{transition:none}}