@font-face{font-family:Orchard Geist;src:url(/work/orchard/demo/Geist-Variable.ttf)format("truetype");font-weight:100 900;font-display:swap}@font-face{font-family:Orchard Geist Mono;src:url(/work/orchard/demo/GeistMono-Variable.ttf)format("truetype");font-weight:100 900;font-display:swap}.demo-orchard{--o-frame:#111;--o-page:#181818;--o-plate:#252525;--o-cell:#303030;--o-chip:#383838;--o-line2:#3d3d3d;--o-dash:#494949;--o-tx:#ebebeb;--o-tx2:#b4b4b4;--o-tx3:#a4a4a4;--o-live:#4fa5ff;--o-tray:#111;--o-card:#252525;--o-card-edge:#3d3d3d;--o-card-focus:#30436a;--o-quiet:#a8a8a8;--o-hint:#949494;--o-key-off:#454545;--o-key-on:#4d8dff;--o-key-over:#3f80f5;--o-key-down:#3470dc;--o-disc:#262626;--o-green:#529e72;--o-purple:#9d68d3;--o-coral:#ff8474;--o-grey-mark:#fff9;background:var(--o-page);width:100%;height:640px;color:var(--o-tx);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;flex-direction:column;font-family:Orchard Geist,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-size:13px;line-height:1.25;display:flex;position:relative;overflow:hidden;container-type:inline-size}.demo-orchard *,.demo-orchard :before,.demo-orchard :after{box-sizing:border-box}.demo-orchard button{font:inherit;color:inherit;cursor:default;-webkit-tap-highlight-color:transparent;background:0 0;border:0;margin:0;padding:0}.demo-orchard button:focus{outline:none}.demo-orchard button:focus-visible{outline-offset:2px;outline:1.5px solid #ebebeb8c}.demo-orchard .o-mono{font-variant-numeric:tabular-nums;font-family:Orchard Geist Mono,ui-monospace,Menlo,monospace}.demo-orchard svg.o-i{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;display:block}.demo-orchard .o-head{flex:none;align-items:center;gap:10px;height:56px;padding:0 20px 0 16px;display:flex}.demo-orchard .o-head-name{font-weight:500}.demo-orchard .o-seg{background:var(--o-plate);border-radius:8px;gap:2px;padding:2px;display:flex}.demo-orchard .o-seg button{height:24px;color:var(--o-tx3);border-radius:6px;padding:0 9px;font-size:12px;font-weight:500;transition:background-color .12s ease-out,color .12s ease-out;position:relative}.demo-orchard .o-seg button:after{content:"";position:absolute;inset:-8px -2px}.demo-orchard .o-seg button[aria-selected=true]{background:var(--o-chip);color:var(--o-tx)}@media (hover:hover){.demo-orchard .o-seg button[aria-selected=false]:hover{color:var(--o-tx2)}}.demo-orchard .o-scroll{scrollbar-width:thin;scrollbar-color:#3d3d3d transparent;flex:1;min-height:0;overflow-y:auto}.demo-orchard .o-col{flex-direction:column;gap:20px;max-width:808px;margin:0 auto;padding:8px 24px 20px;display:flex}@container (max-width:520px){.demo-orchard .o-col{padding:4px 12px 16px}}.demo-orchard .o-tray{background:var(--o-tray);border-radius:20px;padding:4px}.demo-orchard .o-card{background:var(--o-card);box-shadow:inset 0 0 0 1px var(--o-card-edge);border-radius:16px;flex-direction:column;min-height:116px;transition:box-shadow .14s ease-out;display:flex;position:relative}.demo-orchard .o-card[data-focus=true]{box-shadow:inset 0 0 0 1px var(--o-card-focus)}.demo-orchard .o-words{resize:none;width:100%;min-height:46px;max-height:140px;color:var(--o-tx);font:inherit;-webkit-user-select:text;user-select:text;background:0 0;border:0;outline:0;padding:12px 18px 8px;font-size:14px;line-height:20px;display:block}.demo-orchard .o-words::placeholder{color:var(--o-hint)}.demo-orchard .o-foot{align-items:center;gap:6px;margin-top:auto;padding:0 10px 10px;display:flex}.demo-orchard .o-plus{background:var(--o-disc);width:28px;height:28px;color:var(--o-quiet);border-radius:50%;place-items:center;display:grid;box-shadow:inset 0 0 0 1px #2f2f2f}.demo-orchard .o-pair{background:var(--o-plate);border-radius:9px;height:28px;padding:2px;display:flex;box-shadow:inset 0 0 0 1px #2f2f2f}.demo-orchard .o-pair button{color:var(--o-quiet);border-radius:7px;align-items:center;gap:5px;padding:0 10px 0 8px;font-size:13px;transition:background-color .12s ease-out,color .12s ease-out;display:flex;position:relative}.demo-orchard .o-pair button:after{content:"";position:absolute;inset:-8px 0}.demo-orchard .o-pair button[aria-pressed=true]{background:var(--o-chip);color:var(--o-tx)}.demo-orchard .o-model{background:var(--o-cell);height:28px;color:var(--o-tx);white-space:nowrap;border-radius:9px;align-items:center;gap:5px;padding:0 8px 0 9px;font-size:13px;display:flex}.demo-orchard .o-foot-end{align-items:center;gap:4px;margin-left:auto;display:flex}.demo-orchard .o-mic{width:28px;height:28px;color:var(--o-quiet);place-items:center;display:grid}.demo-orchard .o-key{background:var(--o-key-off);color:#fff;border-radius:50%;place-items:center;width:28px;height:28px;transition:background-color .12s ease-out;display:grid;position:relative}.demo-orchard .o-key:after{content:"";border-radius:50%;position:absolute;inset:-8px}.demo-orchard .o-key[data-on=true]{background:var(--o-key-on)}@media (hover:hover){.demo-orchard .o-key[data-on=true]:hover{background:var(--o-key-over)}}.demo-orchard .o-key[data-on=true]:active{background:var(--o-key-down)}.demo-orchard .o-band{align-items:center;gap:2px;height:32px;padding:3px 8px 3px 6px;display:flex}.demo-orchard .o-band span{height:26px;color:var(--o-quiet);align-items:center;gap:5px;padding:0 6px;display:flex}.demo-orchard .o-agents{background:var(--o-plate);border-radius:22px;padding:0 8px 8px}.demo-orchard .o-agents-head{align-items:center;gap:8px;min-width:0;height:48px;padding:0 18px;display:flex}@container (max-width:520px){.demo-orchard .o-agents-head{padding:0 10px}}.demo-orchard .o-agents-title{white-space:nowrap;font-weight:500}.demo-orchard .o-pill{height:20px;color:var(--o-tx2);background:#ffffff14;border-radius:10px;align-items:center;padding:0 7px;font-size:12px;display:inline-flex}.demo-orchard .o-counts{white-space:nowrap;gap:14px;margin-left:auto;font-size:12px;display:flex}.demo-orchard .o-count{align-items:center;gap:5px;display:flex}.demo-orchard .o-count b{color:var(--o-tx);font-weight:400}.demo-orchard .o-count span{color:var(--o-tx2)}@container (max-width:420px){.demo-orchard .o-count span{display:none}.demo-orchard .o-counts{gap:10px}}.demo-orchard .o-grid{background:var(--o-cell);border-radius:14px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}@container (max-width:520px){.demo-orchard .o-grid{grid-template-columns:1fr}}.demo-orchard .o-tile{min-width:0;padding:18px;animation:.24s cubic-bezier(.23,1,.32,1) both o-enter;position:relative}.demo-orchard .o-tile:before,.demo-orchard .o-tile:after{content:"";pointer-events:none;position:absolute}.demo-orchard .o-tile[data-col="1"]:before{background:repeating-linear-gradient(to bottom, var(--o-dash) 0 3px, transparent 3px 6px);width:1px;top:0;bottom:0;left:0}.demo-orchard .o-tile[data-row-start=false]:after{background:repeating-linear-gradient(to right, var(--o-dash) 0 3px, transparent 3px 6px);height:1px;top:0;left:0;right:0}@container (max-width:520px){.demo-orchard .o-tile[data-col="1"]:before{display:none}.demo-orchard .o-tile[data-first=false]:after{background:repeating-linear-gradient(to right, var(--o-dash) 0 3px, transparent 3px 6px);height:1px;top:0;left:0;right:0}}@keyframes o-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.demo-orchard .o-t-title{white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.demo-orchard .o-t-doing{color:var(--o-tx2);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;overflow:hidden}.demo-orchard .o-t-bar{align-items:center;gap:10px;margin-top:16px;display:flex}.demo-orchard .o-track{border-radius:2px;flex:1;height:4px;position:relative;overflow:hidden}.demo-orchard .o-track i{border-radius:2px;transition:width .6s cubic-bezier(.23,1,.32,1),background-color .2s ease-out;position:absolute;top:0;bottom:0;left:0}.demo-orchard .o-pct{text-align:right;width:34px;color:var(--o-tx3);font-size:11px}.demo-orchard .o-t-state{align-items:center;gap:7px;min-width:0;margin-top:12px;display:flex}.demo-orchard .o-dot{border-radius:50%;flex:none;width:6px;height:6px;transition:background-color .2s ease-out}.demo-orchard .o-word{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.demo-orchard .o-time{color:var(--o-tx3);margin-left:auto;padding-left:8px;font-size:11px}.demo-orchard .o-word[data-lit=true]{color:var(--o-tx2);background:linear-gradient(90deg, var(--o-tx2) 0, var(--o-tx2) calc(50% - 32px), #f0f0f0fa 50%, var(--o-tx2) calc(50% + 32px), var(--o-tx2) 100%);-webkit-text-fill-color:transparent;background-repeat:no-repeat;background-size:calc(200% + 64px) 100%;-webkit-background-clip:text;background-clip:text;animation:2s linear infinite o-shimmer}@keyframes o-shimmer{0%{background-position:100% 0}55%,to{background-position:0 0}}.demo-orchard[data-paused=true] .o-word[data-lit=true]{animation-play-state:paused}.demo-orchard .o-empty{text-align:center;min-height:96px;color:var(--o-tx2);place-items:center;padding:18px;display:grid}.demo-orchard .o-empty small{color:var(--o-tx3);margin-top:4px;font-size:12px;display:block}.demo-orchard .o-board{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:4px 20px 20px 16px;display:grid}@container (max-width:620px){.demo-orchard .o-board{grid-template-columns:1fr 1fr}}.demo-orchard .o-bcol-head{align-items:center;gap:6px;height:28px;padding:0 4px;font-size:12px;display:flex}.demo-orchard .o-bcol-head b{font-weight:500}.demo-orchard .o-bcol-head span{color:var(--o-tx3)}.demo-orchard .o-bcard{background:var(--o-plate);border-radius:14px;margin-top:6px;padding:10px 12px;animation:.24s cubic-bezier(.23,1,.32,1) both o-enter}.demo-orchard .o-bcard div{white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.demo-orchard .o-bcard small{text-align:right;color:var(--o-tx3);margin-top:10px;font-size:11px;display:block}@media (prefers-reduced-motion:reduce){.demo-orchard *,.demo-orchard :before,.demo-orchard :after{transition:none!important;animation:none!important}.demo-orchard .o-word[data-lit=true]{-webkit-text-fill-color:currentColor;background:0 0}}@container (max-width:460px){.demo-orchard .o-model{display:none}.demo-orchard .o-foot{gap:4px}}