.attn-sections{--as-ink:#f1efe9;--as-muted:#9b9a95;--as-faint:#5d5c61;--as-line:#26262b;--as-panel:#111114;--as-accent:#ff6b35;--as-wait:#f59e0b;--as-work:#3fb950;--as-calm:#78c88c;--as-gut:24px;--as-col:min(1120px,calc(100vw - 2 * var(--as-gut)),calc((var(--screen-height) - 230px) * 1.5));box-sizing:border-box;padding:0 var(--as-gut);color:var(--as-ink);-webkit-font-smoothing:antialiased;isolation:isolate;font-family:Mona,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;display:block;position:relative;overflow-x:clip}.attn-sections *{box-sizing:border-box}.attn-sections kbd{color:var(--as-ink);background:#17171b;border:1px solid #3a3a40;border-bottom-width:2px;border-radius:6px;padding:.08em .4em .12em;font-family:JBM,ui-monospace,Menlo,monospace;font-size:.84em;font-weight:500}.attn-sections .as-field{height:var(--screen-height);margin:0 calc(-1 * var(--as-gut)) calc(-1 * var(--screen-height));z-index:-1;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(50% - var(--as-col) / 2 - 8px),#0000002e calc(50% - var(--as-col) / 2 + 60px),#0000002e calc(50% + var(--as-col) / 2 - 60px),#000 calc(50% + var(--as-col) / 2 + 8px));mask-image:linear-gradient(90deg,#000 0,#000 calc(50% - var(--as-col) / 2 - 8px),#0000002e calc(50% - var(--as-col) / 2 + 60px),#0000002e calc(50% + var(--as-col) / 2 - 60px),#000 calc(50% + var(--as-col) / 2 + 8px));position:sticky;top:0}.attn-sections .as-field canvas{width:100%;height:100%;display:block}.attn-sections .as-sec{--as-pad:clamp(88px,12vh,150px);width:var(--as-col);padding:var(--as-pad) 0 0;text-align:center;scroll-margin-top:calc(72px - var(--as-pad));margin:0 auto;position:relative}.attn-sections .as-sec:last-of-type{padding-bottom:clamp(96px,14vh,170px)}.attn-sections h2{letter-spacing:-.03em;color:var(--as-ink);text-wrap:balance;margin:0;font-size:clamp(32px,4vw,58px);font-weight:760;font-stretch:100%;line-height:1}.attn-sections .as-line{letter-spacing:-.012em;max-width:36em;color:var(--as-muted);text-wrap:balance;margin:14px auto 0;font-size:clamp(17px,1.5vw,21px);font-weight:500;line-height:1.35}.attn-sections .as-shot{margin:clamp(28px,3.4vw,44px) 0 0;transition:opacity .5s,filter .5s;position:relative}.attn-sections .as-media{aspect-ratio:3/2;background:var(--as-panel);border:1px solid #2a2a30;border-radius:12px;width:100%;height:auto;display:block;box-shadow:0 40px 90px -20px #000000bf,0 0 0 1px #0009}.attn-sections .as-corners{pointer-events:none;opacity:0;--c:var(--as-accent);--l:22px;--w:2px;background:linear-gradient(var(--c),var(--c)) top left/var(--l) var(--w),linear-gradient(var(--c),var(--c)) top left/var(--w) var(--l), linear-gradient(var(--c),var(--c)) top right/var(--l) var(--w),linear-gradient(var(--c),var(--c)) top right/var(--w) var(--l), linear-gradient(var(--c),var(--c)) bottom left/var(--l) var(--w),linear-gradient(var(--c),var(--c)) bottom left/var(--w) var(--l), linear-gradient(var(--c),var(--c)) bottom right/var(--l) var(--w),linear-gradient(var(--c),var(--c)) bottom right/var(--w) var(--l);background-repeat:no-repeat;transition:inset .45s cubic-bezier(.2,.8,.2,1),opacity .3s;position:absolute;inset:-10px}.attn-sections:not([data-live]) .as-corners{opacity:.9}.attn-sections[data-live] .as-sec{transition:opacity .5s}.attn-sections[data-live] .as-sec:not([data-focus]) .as-shot{opacity:.42;filter:saturate(.55)brightness(.85)}.attn-sections[data-live] .as-sec:not([data-focus]) h2,.attn-sections[data-live] .as-sec:not([data-focus]) .as-line{opacity:.55}.attn-sections[data-live] .as-sec h2,.attn-sections[data-live] .as-sec .as-line{transition:opacity .5s}.attn-sections[data-live] .as-sec[data-focus] .as-corners{opacity:1;inset:-12px}.attn-sections[data-live] .as-sec:not([data-focus]) .as-corners{inset:-30px}@media (width<=720px){.attn-sections{--as-gut:16px;--as-col:calc(100vw - 32px)}.attn-sections .as-media{border-radius:10px}.attn-sections .as-corners{--l:16px}}@media (prefers-reduced-motion:reduce){.attn-sections *,.attn-sections :before,.attn-sections :after{transition:none!important}}:root{color-scheme:dark;--ground:#08080a;--win:#111113;--tile:#1e1e1e;--line:#2a2a2d;--ink:#f1efe9;--mid:#a7a6a1;--dim:#7c7b77;--amber:#f59e0b;--green:#3fb950;--accent:#ff6b35;--claude:#d97757;--gutter:40px;--col:1120px;--sidebar:224px;--sans:Mona, -apple-system, "Segoe UI", sans-serif;--mono:JBM, ui-monospace, Menlo, monospace}*{box-sizing:border-box}html{background:var(--ground);-webkit-text-size-adjust:100%}body{background:var(--ground);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;overflow-x:clip}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:0;position:fixed;top:0;overflow:hidden}.logo{fill:currentColor;flex:none;width:1em;height:1em}#hero{isolation:isolate;height:var(--screen-height);min-height:640px;padding:0 var(--gutter) clamp(24px, 4.6vh, 56px);flex-direction:column;align-items:center;display:flex;position:relative;overflow:clip}#field,#lights{z-index:-1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.bar{width:100%;max-width:var(--col);flex:none;align-items:center;gap:26px;height:56px;font-size:15px;font-weight:500;display:flex}.mark{font:700 20px/1 var(--mono);letter-spacing:-.02em;color:var(--accent);margin-right:auto}.bar a:not(.mark){color:var(--mid);padding:8px 0;transition:color .15s}.bar a:not(.mark):hover{color:var(--ink)}.bar .install{background:#08080ab3;border:1px solid #3a3a3e;border-radius:8px;color:var(--ink)!important;padding:8px 14px!important}#spot{width:100%;max-width:var(--col);flex:none}h1{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:0;position:absolute;overflow:hidden}.nojs h1{clip-path:none;white-space:normal;text-align:center;letter-spacing:-.03em;width:auto;height:auto;font-size:clamp(44px,8vw,118px);font-weight:800;line-height:1;position:static}.sub{letter-spacing:-.012em;color:#dddbd5;flex-wrap:wrap;flex:none;justify-content:center;align-items:center;gap:0 .36em;margin:0 0 clamp(14px,2.4vh,24px);font-size:clamp(17px,1.7vw,24px);font-weight:500;line-height:1.3;display:flex}.sub span{color:var(--ink);align-items:center;gap:.3em;display:inline-flex}.sub .cc .logo{color:var(--claude)}.sub .cx .logo{color:var(--ink)}#edge{z-index:2;pointer-events:none;position:absolute;overflow:visible}.win{grid-template:32px minmax(0, 1fr) / var(--sidebar) minmax(0, 1fr);background:var(--win);border:1px solid #38383c;border-radius:12px;flex:1 1 0;width:min(100%,max(68vw,900px),1100px);min-height:0;font-size:13px;display:grid;position:relative;overflow:hidden;box-shadow:0 16px 44px #00000080}kbd{font:400 10px/15px var(--mono);color:#555}.tb{background:var(--win);border-bottom:1px solid var(--line);color:#bbb;grid-column:1/-1;align-items:center;min-width:0;padding-right:8px;display:flex}.tb .left{width:var(--sidebar);flex:none;align-items:center;gap:4px;padding-left:8px;display:flex}.tb .lights{gap:7px;margin-right:6px;display:flex}.tb .lights i{background:#3a3a3c;border-radius:50%;width:12px;height:12px}.tb .tool{border:1px solid var(--line);border-radius:6px;place-items:center;min-width:24px;height:24px;padding:0 5px;font-size:12px;display:grid}.tb .tool.new{color:#e8e8e8;background:#ff6b351f;border-color:#ff6b3580}.tb svg{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:13px;height:13px}.tb .tool.bolt{color:var(--accent)}.shelf{flex:1 1 0;align-items:center;gap:4px;min-width:0;padding:0 6px;display:flex;overflow:hidden}.chip{border:1px solid var(--line);color:#bbb;white-space:nowrap;background:#252528;border-radius:5px;flex:0 108px;align-items:center;gap:5px;min-width:0;height:22px;padding:0 6px;font-size:11px;display:flex}.chip b{text-overflow:ellipsis;flex:1;min-width:0;font-weight:400;overflow:hidden}.chip i,.tiledots i{background:#8d8d95;border-radius:50%;flex:none;width:7px;height:7px}.chip.needs i,.tiledots i.needs{background:var(--amber)}.tiledots{flex:none;gap:2px;margin:0 4px;display:flex}.tiledots span{border-bottom:2px solid #0000;place-items:center;width:28px;height:22px;display:grid}.tiledots span.cur{border-bottom-color:#bbb}.tiledots i.busy{background:var(--green)}.tb .end{flex:none;align-items:center;gap:4px;display:flex}.tb .plain{place-items:center;width:24px;height:24px;display:grid}.tb .plain svg{width:14px;height:14px}.tb .profile{border:1px solid var(--line);color:#e8e8e8;background:#1a1a1d;border-radius:6px;align-items:center;gap:6px;height:24px;padding:0 8px;font-size:12px;font-weight:600;display:flex}.tb .profile span{color:#555;font-size:9px;font-weight:400}.sb{background:var(--win);border-right:1px solid var(--line);flex-direction:column;min-height:0;padding:6px 8px 0;display:flex;overflow:hidden}.sb .homebtn,.sb li button{text-align:left;color:#d4d4d4;border-radius:5px;align-items:center;gap:8px;width:100%;height:32px;padding:0 6px 0 8px;transition:background .12s;display:flex}.sb .homebtn:hover,.sb li button:hover{background:#1a1a1d}.sb .homebtn:focus-visible,.sb li button:focus-visible{outline-offset:-2px}.sb .homebtn.on,.sb li button.on{color:#e8e8e8;background:#1a1a1d;position:relative}.sb li button.on:before{content:"";background:var(--accent);border-radius:1px;width:2px;position:absolute;top:8px;bottom:8px;left:2px}.sb svg.home{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linejoin:round;stroke-linecap:round;flex:none;width:15px;height:15px}.sb kbd{margin-left:auto}.sb .count{color:#e8e8e8;white-space:nowrap;align-items:center;gap:8px;height:28px;margin:8px 0 2px;padding:0 2px;font-weight:600;display:flex}.sb .count b{color:var(--amber);font-weight:600}.sb .count.none b{color:var(--green)}.sb .rule{background:#1f1f22;flex:1;height:1px}.sb ul{gap:1px;margin:0;padding:0;list-style:none;display:grid}.sb .ic{flex:none;width:16px;height:16px;display:block;position:relative}.sb .logo{width:16px;height:16px;color:var(--amber);display:block}.sb .ic sub{font:400 8px/1 var(--mono);color:#666;position:absolute;bottom:-3px;right:-3px}.sb .name{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.sb .role{font:400 10.5px/1 var(--mono);color:#666;margin-left:auto}.sb .age{font:400 10.5px/1 var(--mono);color:#555;margin-left:auto}.sb .role+.age{margin-left:10px}.sb .more{height:20px;font:400 10px/1 var(--mono);letter-spacing:.04em;color:#666;white-space:nowrap;align-items:center;gap:6px;margin:12px 0 0;padding:0 2px;display:flex}.sb .nworking{font:400 10px/16px var(--mono);color:#555;margin:2px 0 0;padding:0 2px}.sb .nworking b{color:#888;font-weight:400}.strip{border-top:1px solid #1f1f22;flex:none;margin:auto -8px 0;padding:6px 8px 7px}.strip .dchips{gap:3px;display:flex}.strip .dchips span{border:1px solid var(--line);width:15px;height:18px;font:400 10.5px/1 var(--mono);color:#666;border-radius:3px;place-items:center;display:grid;position:relative}.strip .dchips .cur{color:#e8e8e8;background:#1a1a1d;border-color:#4a4a4d}.strip .dchips i{background:var(--amber);border-radius:50%;width:6px;height:6px;position:absolute;top:-3px;right:-3px}.strip p{font:400 11px/1 var(--mono);color:#888;align-items:center;margin:5px 0 0;display:flex}.main{background:var(--tile);grid-template-columns:repeat(2,minmax(0,1fr));min-height:0;display:grid;position:relative}.tile{min-width:0;min-height:0;font:400 12.5px/18px var(--mono);font-variant-ligatures:none;flex-direction:column;display:flex;position:relative}.tile+.tile{border-left:1px solid #0d0d0f}.head{border-bottom:1px solid var(--line);height:41px;font-family:var(--sans);background:linear-gradient(#ff6b351c,#ff6b3508),linear-gradient(#ffffff0d,#fff0);flex-direction:column;flex:none;justify-content:center;padding:0 10px;display:flex;box-shadow:inset 0 1px #ffffff0d}#front .head{background:#2b2b2e}.head div{align-items:center;gap:8px;min-width:0;line-height:16px;display:flex}.head .light{background:var(--amber);border-radius:50%;flex:none;width:7px;height:7px}#side .head .light{background:var(--green)}.head b{color:#e8e8e8;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:12px;font-weight:600;overflow:hidden}#side .head b{color:#a9a9a9}.head small{color:#7c7c7c;margin-left:15px;font-size:10.5px;line-height:13px}.term{color:#e4e4e4;overflow-wrap:anywhere;flex-direction:column;flex:1;min-height:0;padding:0 0 8px;display:flex;overflow:hidden}#side .term{opacity:.6}.tx{flex-direction:column;flex:0 auto;justify-content:flex-end;min-height:0;display:flex;overflow:hidden}.fillr{flex:1 1 0}.tx,.pin{padding-inline:10px}.tx>*,.pin>*{flex:none;margin:0}.pin{flex:none}.term .you{text-indent:-2ch;background:#373737;margin-inline:-10px;padding:0 10px 0 calc(10px + 2ch)}.term .you:before{content:"❯ ";color:#bdbdbd}.term .sp{height:9px}.term b{font-weight:700}.term i{font-style:normal}.term .k{color:#ff5f87}.term .f{color:#66d9ef}.term .n{color:#a6e22e}.term .o{color:#fd971f}.term .y{color:#e6db74}.term .dm{color:#8d8d8d}.term .bl{color:#6f93d6}.term .gr{color:#4ec96f}.term .rd{color:#e0605a}.term .tan{color:#b9a58c}.term .tip{color:#c56d91;font-weight:700}.term .cm{text-indent:-2ch;padding-left:2ch}.term .cm:before{content:"● ";color:#8fd18d}.term .cm.w:before{color:#f2f2f2}.term .cr{text-indent:-3ch;padding-left:5ch}.term .cr:before{content:"⎿ ";color:#8d8d8d}.dl{white-space:pre-wrap;word-break:break-all;grid-template-columns:3ch 2ch minmax(0,1fr);display:grid;margin-left:2ch!important}.dl u{text-align:right;color:#a8a8a8;margin-right:0;text-decoration:none}.dl s{color:#8be06f;padding-left:.5ch;text-decoration:none}.dl.add{background:#285f12}.dl.add u{color:#bfe0b3}.term .wk{color:#8f8f8f}.term .wk:before{content:"✻ "}.term .spin{color:var(--claude)}.term .pl{padding-left:2ch}.cin{color:#eee;border-block:1px solid #5f5f5f;padding:2px 0;margin:8px -10px 0!important}.cin:before{content:"❯ ";color:#d0d0d0}.chint{white-space:nowrap;color:#8f8f8f;padding-left:2ch;overflow:hidden;margin-top:4px!important}.chint em{color:#f2d04a;font-style:normal}.term .cxb{text-indent:-3ch;padding-left:3ch}.term .cxb b{color:#cfcfcf}.term .cxp{color:#8d8d8d;padding-left:3ch}.term .cb{text-indent:-2ch;color:#c9c9c9;padding-left:2ch}.term .cb:before{content:"• ";color:#8a8a8a}.term .cb.on:before{color:var(--green)}.term .cr2{text-indent:-3ch;color:#a4a4a4;padding-left:5ch}.term .cr2:before{content:"└ ";color:#8a8a8a}.term .cd{color:#8d8d8d;padding-left:4ch}.term .cxdl{color:#d2c9a5;white-space:pre;background:#24471a;margin-inline:-10px;padding-left:calc(10px + 4ch)}.term .cxdl s{color:#6fce84;text-decoration:none}.term .band{text-indent:-2ch;color:#e0e0e0;background:#2e2e2e;margin-inline:-10px;padding:7px 10px 7px calc(10px + 2ch)}.term .band:before{content:"› ";color:#9a9a9a}.term .cxrule{color:#8d8d8d;white-space:nowrap;align-items:center;gap:1ch;display:flex}.term .cxrule:after{content:"";background:#555;flex:1;height:1px}.term .cinb{margin:8px -10px 4px}.term .ph{color:#7f7f7f}.term .cst{white-space:nowrap;color:#8a8a8a;padding-left:2ch;overflow:hidden}.caret{vertical-align:-.2em;background:#dcdcdc;width:1ch;height:1.15em;display:inline-block}.corner{pointer-events:none;z-index:1;width:14px;height:14px;position:absolute}.corner.a{border-left:2px solid var(--accent);border-top:2px solid var(--accent);top:0;left:0}.corner.b{border-right:2px solid var(--accent);border-bottom:2px solid var(--accent);bottom:0;right:0}.keywrap{flex:none;margin-left:auto;padding-left:10px;display:inline-flex}.sending .keywrap{visibility:hidden}.key{background:var(--accent);color:#190a04;width:100%;height:54px;font-family:var(--sans);letter-spacing:-.012em;border-radius:10px;justify-content:space-between;align-items:center;gap:22px;padding:0 16px;font-size:17px;font-weight:640;transition:transform 80ms,box-shadow 80ms,filter .15s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px #a23c13,0 10px 24px #ff6b3533}.key:hover{filter:brightness(1.06)}.key:active,.key.down{transform:translateY(3px);box-shadow:0 1px #a23c13,0 5px 12px #ff6b3529}.key:focus-visible{outline-color:var(--ink);outline-offset:4px;border-radius:12px}.key svg{stroke:currentColor;fill:none;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.tile #key{letter-spacing:0;text-indent:0;border-radius:6px;gap:7px;width:auto;height:26px;padding:0 10px;font-size:12.5px;font-weight:640;box-shadow:0 2px #a23c13,0 4px 14px #ff6b3540}.tile #key svg{stroke-width:2.6px;width:13px;height:13px}.tile #key:active,.tile #key.down{transform:translateY(2px);box-shadow:0 0 #a23c13}.tile #key:focus-visible{outline-offset:3px;border-radius:7px}.tile #key .fill{height:2px;bottom:3px;left:8px;right:8px}.cin,.term .cinb{align-items:center;min-height:32px;padding-right:8px;display:flex}.term .cinb{text-indent:0;padding-left:10px}.cin:before,.term .cinb:before{white-space:pre;flex:none}.cin .typed,.cinb .typed{white-space:pre;overflow:hidden}#front.done .head .light{background:var(--green);transition:background .2s}li.done .logo{color:var(--green);transition:color .2s}.sb ul{position:relative}.sb .count b{display:inline-block}.sb li button{position:relative}.sb li button:after{content:"";border-radius:inherit;transform-origin:0;pointer-events:none;background:#3fb9504d;transition:transform .28s cubic-bezier(.2,.7,.3,1);position:absolute;inset:0;transform:scaleX(0)}.sb li.done button:after{transform:none}.sb li.done .name{color:var(--green);transition:color .2s}.sb li.done button.on:before{background:var(--green)}.sb li.leaving{pointer-events:none;position:absolute}.ghost{z-index:30;pointer-events:none;transform-origin:0 0;border-radius:6px;margin:0;position:fixed;overflow:hidden;box-shadow:0 10px 30px #00000080}.chip.arrive{animation:.9s ease-out arrive}@keyframes arrive{0%,60%{border-color:var(--accent);color:#e8e8e8}}.fill{transform-origin:0;background:#190a0499;border-radius:2px;height:3px;position:absolute;bottom:8px;left:16px;right:16px;transform:scaleX(0)}.counting .fill{animation:fill var(--dwell,7s) linear forwards}.held .fill{animation-play-state:paused}@keyframes fill{to{transform:scaleX(1)}}#homepane{z-index:3;background:var(--tile);flex-direction:column;justify-content:center;gap:22px;padding:28px clamp(20px,5%,56px);display:none;position:absolute;inset:0}.at-home #homepane{display:flex}.at-home .keywrap{display:none}.nojs #homepane{display:flex;position:static}.settled{letter-spacing:-.02em;align-items:center;gap:10px;margin:0;font-size:clamp(22px,2.6vw,34px);font-weight:560;display:flex}.settled i{background:var(--green);border-radius:50%;flex:none;width:12px;height:12px;box-shadow:0 0 18px #3fb950b3}.waitingstill .settled i{background:var(--amber);box-shadow:0 0 18px #f59e0bb3}.cmds .key{width:auto;min-width:132px}.cmds{background:#101012;border:1px solid #2f2f33;border-radius:10px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;padding:16px 18px;display:grid}pre{font:400 clamp(12.5px, 1.05vw, 15px)/1.75 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;color:#e5e4df;margin:0}pre i{color:var(--accent);-webkit-user-select:none;user-select:none;font-style:normal}pre span{text-indent:-1.3em;padding-left:1.3em;display:block}.homelinks{flex-wrap:wrap;gap:8px 24px;font-size:15px;font-weight:500;display:flex}.homelinks a{color:var(--ink);padding:6px 0}.homelinks a:hover{color:var(--accent)}.homelinks button{color:var(--mid);padding:6px 0}.homelinks button:hover{color:var(--ink)}.nojs .sb,.nojs #again,.nojs .main>.tile,.nojs .keywrap{display:none}.nojs .win{display:block}.win.gone{visibility:hidden}#winfit{display:contents}#endstage{z-index:1;flex-direction:column;justify-content:flex-end;align-items:center;gap:12px;padding:0 12px 10px;display:none;position:absolute}.ended-stage #endstage{display:flex}.ended-stage .keywrap{display:none}#endstage>*{visibility:hidden;opacity:0;transition:opacity .38s ease-out,transform .38s cubic-bezier(.2,.7,.3,1),visibility 0s .38s;transform:translateY(14px)}.arrived #endstage>*{visibility:visible;opacity:1;transition-delay:0s;transform:none}#endstage .cmds{width:min(100%,680px);box-shadow:0 16px 50px #0000008c}#endstage .homelinks{background:#08080adb;border-radius:8px;padding:0 16px}.foot{color:var(--mid);justify-content:center;gap:26px;padding:0 16px 42px;font-size:14px;display:flex}.foot a:hover{color:var(--ink)}@media (height<=760px){.strip{display:none}}@media (width<=1000px){.main{grid-template-columns:minmax(0,1fr)}#side,.tb .end .plain{display:none}}@media (width<=760px),(height<=500px){#hero{padding-bottom:92px}.keywrap{z-index:4;left:12px;right:12px;bottom:calc(14px + env(safe-area-inset-bottom));margin:0;padding:0;transition:transform .25s,opacity .25s;display:flex;position:fixed}.sending .keywrap{visibility:visible;opacity:.55}.past .keywrap{opacity:0;pointer-events:none;transform:translateY(140%)}#key{justify-content:center;width:100%;height:60px;font-size:20px}#key svg{display:none}}@media (width<=760px){:root{--gutter:12px}#hero{min-height:0}.at-home #hero{height:auto;padding-bottom:20px}.bar{gap:16px;height:52px}.sub{margin-bottom:12px;font-size:14.5px}#winfit{flex:1 1 0;width:100%;min-height:0;display:block;position:relative}.at-home #winfit{flex:1 0 auto}.js:not(.at-home) #win{width:640px;height:calc(100% / var(--fit,1));transform:scale(var(--fit,1));transform-origin:0 0;position:absolute;top:0;left:0}.at-home .win,.nojs .win{border-radius:10px;grid-template:32px minmax(0,1fr)/minmax(0,1fr);width:100%}.at-home .sb{display:none}.at-home .tb .left{width:auto}.at-home .tb .tool:not(.new,.bolt){display:none}#homepane{gap:16px;padding:18px 14px;display:none;position:static}.at-home #homepane{display:flex}.at-home .main>.tile{display:none}.cmds{padding:12px;display:block}.cmds .key{width:100%;height:54px;margin-top:12px}pre{font-size:12.5px;line-height:1.55}pre span+span{margin-top:6px}}@media (hover:none){#key .enter{display:none}#key{justify-content:center}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:0s!important;animation:none!important}}