@font-face{font-family:Commit Mono;font-weight:400;font-display:block;src:url(../media/commit-mono-latin-400-normal.07vxzlkrmhahd.woff2)format("woff2")}@font-face{font-family:Commit Mono;font-weight:600;font-display:block;src:url(../media/commit-mono-latin-600-normal.3oor03tyakgv4.woff2)format("woff2")}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:var(--lightningcss-light,#fcfcfb)var(--lightningcss-dark,#0e0e0d);--fg:var(--lightningcss-light,#141413)var(--lightningcss-dark,#ecece8);--dim:var(--lightningcss-light,#55554e)var(--lightningcss-dark,#a8a8a0);--line:var(--lightningcss-light,#e6e6e1)var(--lightningcss-dark,#272725);--hover:var(--lightningcss-light,#f2f2ee)var(--lightningcss-dark,#1b1b19);--err:var(--lightningcss-light,#c02d1a)var(--lightningcss-dark,#ff7262);--string:var(--lightningcss-light,#2c6e49)var(--lightningcss-dark,#8fd0a8);--peer-1:var(--lightningcss-light,#2563c9)var(--lightningcss-dark,#7fb0ff);--peer-2:var(--lightningcss-light,#b02a86)var(--lightningcss-dark,#f28fd2);--peer-3:var(--lightningcss-light,#8f5e00)var(--lightningcss-dark,#e6b450);--peer-4:var(--lightningcss-light,#0b7a75)var(--lightningcss-dark,#5fd0c8);--bar:44px;--r:6px;--mono:"Commit Mono", ui-monospace, monospace}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box;margin:0}html,body{background:var(--bg);height:100%;color:var(--fg);font:400 14px/20px var(--mono);-webkit-font-smoothing:antialiased}button,select,input,textarea{font:inherit;color:inherit;border-radius:var(--r);background:0 0;border:0}::placeholder{color:var(--dim);opacity:1}button,select{cursor:pointer;height:28px;padding:0 8px}button:hover,select:hover{background:var(--hover)}:focus-visible{outline:2px solid var(--fg);outline-offset:1px}.primary{background:var(--fg);color:var(--bg);padding:0 12px;font-weight:600}.primary:hover{background:var(--fg);opacity:.85}.primary:disabled{opacity:.3;cursor:default}.lang{appearance:none;field-sizing:content;background:linear-gradient(45deg, transparent 50%, var(--dim) 50%) right 12px center / 4px 4px no-repeat, linear-gradient(-45deg, transparent 50%, var(--dim) 50%) right 8px center / 4px 4px no-repeat;padding-right:20px}.lang:hover{background-color:var(--hover)}@media (pointer:coarse){.lang{font-size:16px}}.pad{height:var(--vvh,100dvh);grid-template-columns:minmax(0,1fr) auto;grid-template-rows:minmax(var(--bar), auto) minmax(0, 1fr);display:grid}.bar{border-bottom:1px solid var(--line);grid-column:1/-1;align-items:center;gap:4px;padding:0 8px;display:flex}.bar .gap{flex:1}.bar .state{color:var(--dim);text-overflow:ellipsis;white-space:nowrap;min-width:0;padding:0 8px;overflow:hidden}.bar{position:relative}.bar .refused{z-index:10;background:var(--bg);max-width:calc(100% - 16px);color:var(--err);padding:4px 8px;position:absolute;top:100%;right:8px}.bar .short{display:none}.editor{min-width:0;min-height:0}.output{border-left:1px solid var(--line);white-space:pre-wrap;overflow-wrap:anywhere;width:clamp(360px,38vw,640px);padding:20px 16px;position:relative;overflow:auto}.output .err{color:var(--err)}.output .note{color:var(--dim)}.output[data-run=running]:before{content:"";background:var(--fg);transform-origin:0;height:2px;animation:10s linear forwards limit;position:absolute;inset:0 0 auto;transform:scaleX(0)}@keyframes limit{to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.output[data-run=running]:before{display:none}}.yRemoteSelectionHead{border-left:2px solid var(--peer);margin-left:-1px;position:relative}.yRemoteSelectionHead:after{content:attr(data-name);background:var(--peer);color:var(--bg);white-space:nowrap;pointer-events:none;border-radius:2px 2px 2px 0;padding:0 4px;font-size:11px;font-weight:600;line-height:15px;position:absolute;bottom:100%;left:-2px}.yRemoteSelection{background:color-mix(in srgb, var(--peer) 20%, transparent)}.pad[data-ended] .yRemoteSelection,.pad[data-ended] .yRemoteSelectionHead{display:none}@media (max-width:959px){:root{--bar:48px}button,select{height:44px;padding:0 12px}.primary{height:36px;position:relative}.primary:after{content:"";position:absolute;inset:-4px 0}.lang{padding:0 20px 0 8px}.bar{gap:0}.bar .state{padding:0 4px}.bar .long{display:none}.bar .short{display:inline}.pad{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(var(--bar), auto) minmax(0, 1fr) auto}.output{border-left:0;border-top:1px solid var(--line);width:auto;height:40dvh}.pad[data-keyboard] .output{display:none}}.home,.name{place-content:center;justify-items:center;gap:16px;min-height:100dvh;display:grid}.home>*,.name>*{text-align:center;width:240px}.wordmark{letter-spacing:-.02em;font-size:20px;font-weight:600;line-height:28px}.field{border:1px solid var(--line);width:100%;height:36px;padding:0 12px}.home .primary,.name .primary{height:36px}.foot{color:var(--dim);justify-content:center;gap:16px;display:flex;position:fixed;inset:auto 0 16px}.page{gap:48px;max-width:560px;margin:0 auto;padding:48px 16px;display:grid}.page h2{margin-bottom:8px;font-size:14px;font-weight:600;line-height:20px}.row{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:4px 12px;min-height:36px;display:flex}.row .end{margin-left:auto}.hint{color:var(--dim)}.bad{color:var(--err)}a{color:inherit;text-underline-offset:3px}a.row,.wordmark a{text-decoration:none}a.row:hover{background:var(--hover)}.padrow{flex-wrap:nowrap}.padrow .main{min-width:0;color:var(--dim);flex-wrap:wrap;flex:1;gap:0 12px;padding:8px 0;text-decoration:none;display:flex}.padrow a.main:hover{background:var(--hover)}.padrow .title{color:var(--fg);flex-basis:100%}.padrow .title.untitled{color:var(--dim)}.padrow .end{margin-left:0}.padrow .field{color:var(--fg);margin-bottom:4px}.padrow button{color:var(--dim)}ul{padding:0;list-style:none}.row,.hint,.bad{overflow-wrap:anywhere}.row .armed{color:var(--err)}.page .foot{flex-wrap:wrap;justify-content:flex-start;align-items:center;position:static}.stack{gap:8px;margin-top:8px;display:grid}textarea.field{resize:vertical;height:auto;min-height:72px;padding:8px 12px}.field.seats{width:96px}.field.fit{width:auto}@media (pointer:coarse){.row button{min-height:44px}}@media (max-width:959px){.field{height:44px;font-size:16px}.editor textarea{font-size:16px!important}}a.primary{border-radius:var(--r);place-items:center;height:36px;text-decoration:none;display:inline-grid}.land .home>*{width:min(320px,100vw - 32px)}.land .home{padding-bottom:48px}.land[data-wait] .home>:not(.wordmark),.land[data-wait] .foot{visibility:hidden}.home button:not(.primary):disabled{color:var(--dim);cursor:default;background:0 0}.doc section{gap:8px;display:grid}.doc h2{margin-bottom:0}.doc .row{gap:0 12px}.doc .cta{margin-top:8px}.doc .cta .primary{width:240px}.btn{border:1px solid var(--line);padding:0 12px}.btn:disabled{color:var(--dim);cursor:default;background:0 0}.wall{justify-items:start;gap:8px;margin-top:12px;display:grid}.bar .ask{min-width:0;padding:0 8px}.bar .danger{color:var(--err)}.primary .keys{opacity:.65;margin-left:8px;font-weight:400}.output[data-took]:after{content:attr(data-took);color:var(--dim);font-size:11px;line-height:20px;position:absolute;top:0;right:16px}@media (max-width:959px){.bar[data-ask]{flex-wrap:wrap;padding:8px}.bar[data-ask] .ask{flex:100%;padding:0 4px 4px}}
