:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0d10;--bar:#12161b;--line:#1f242b;--fg:#e6e6e6;--mute:#9aa4b2;--accent:#2f6feb}html,body{background:var(--bg);height:100%;color:var(--fg);overscroll-behavior:none;margin:0;font:14px -apple-system,BlinkMacSystemFont,system-ui,sans-serif;overflow:hidden}#app{will-change:height, transform;flex-direction:column;height:100dvh;display:flex;position:fixed;top:0;left:0;right:0;overflow:hidden}#root{overflow:hidden}button{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation}#topbar{padding:4px 8px;padding-top:calc(4px + env(safe-area-inset-top));background:var(--bar);border-bottom:1px solid var(--line);align-items:center;gap:8px;min-height:36px;display:flex}#dot{background:#f5a524;border-radius:50%;flex:none;width:8px;height:8px}#dot.ok{background:#3ecf8e}#dot.bad{background:#f0506e}#status-text{color:var(--mute);white-space:nowrap;font-size:12px}#tabs{scrollbar-width:none;flex:1;gap:4px;min-width:0;display:flex;overflow-x:auto}#tabs::-webkit-scrollbar{display:none}#tabs:empty+#status-text{flex:1}.tab{border:1px solid var(--line);height:30px;color:var(--mute);white-space:nowrap;background:#171c22;border-radius:8px;flex:none;align-items:center;gap:6px;padding:0 10px;font-size:13px;display:flex}.tab.on{border-color:var(--accent);color:#fff;background:#1f2a3a}.tab .x{opacity:.6;padding:0 2px}#add,#menu{border:1px solid var(--line);background:#171c22;border-radius:8px;width:34px;height:30px;font-size:18px;line-height:1}#root{flex:1;min-height:0;display:flex}.split{flex:1;min-width:0;min-height:0;display:flex}.split.row{flex-direction:row}.split.col{flex-direction:column}.split>.slot{min-width:0;min-height:0;display:flex}.gutter{background:var(--line);touch-action:none;flex:0 0 8px}.split.row>.gutter{cursor:col-resize}.split.col>.gutter{cursor:row-resize}.gutter:active{background:var(--accent)}.pane{background:var(--bg);flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.pane.active .pane-head{border-bottom-color:var(--accent)}.pane-head{background:var(--bar);border-bottom:1px solid var(--line);height:28px;color:var(--mute);align-items:center;gap:6px;padding:0 6px;font-size:12px;display:flex}.pane-head .title{text-overflow:ellipsis;white-space:nowrap;color:var(--fg);flex:1;overflow:hidden}.pane-head button{width:28px;height:24px;color:var(--mute);background:0 0;border:0;border-radius:6px;font-size:14px}.pane-head button:active{background:#2a3440}.pane-body{flex:1;min-height:0}.pane-body.term{padding:4px 0 0 6px}.pane-body.term .xterm{height:100%}.pane-body.web iframe{background:#fff;border:0;width:100%;height:100%}.pane-body.win{background:#000;position:relative;overflow:auto}.pane-body.win canvas,.pane-body.win video{object-fit:contain;touch-action:none;background:#000;width:100%;height:100%;display:block}.pane-body.win canvas[hidden],.pane-body.win video[hidden]{display:none!important}.win-inputbar{padding:8px;padding-bottom:calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--line);z-index:3;background:#12161bf5;gap:6px;display:flex;position:absolute;bottom:0;left:0;right:0}.win-kb-visible{color:#fff;background:#0b0d10;border:1px solid #2a313a;border-radius:8px;flex:1;height:40px;padding:0 12px;font:15px -apple-system,system-ui,sans-serif}.win-kb-visible:focus{outline:2px solid var(--accent);border-color:#0000}.win-send{background:var(--accent);color:#fff;border:0;border-radius:8px;height:40px;padding:0 14px;font-weight:600}.pane-body.web{position:relative}.web-overlay{text-align:center;background:var(--bar);color:var(--mute);justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.web-overlay a{color:#fff;background:var(--accent);border-radius:8px;margin-top:10px;padding:8px 14px;text-decoration:none;display:inline-block}#appmenu[hidden]{display:none}#appmenu{z-index:9;background:#00000080;justify-content:flex-end;align-items:flex-start;display:flex;position:fixed;inset:0}#appmenu .m{background:var(--bar);border:1px solid var(--line);border-radius:12px;min-width:220px;margin:44px 8px 0 0;padding:6px}#appmenu .mi{border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}#appmenu .mi:active{background:#2a3440}#appmenu .mi .sw{background:#3a3f47;border-radius:12px;width:40px;height:24px;transition:background .15s;position:relative}#appmenu .mi .sw.on{background:#3ecf8e}#appmenu .mi .sw:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .15s;position:absolute;top:2px;left:2px}#appmenu .mi .sw.on:after{transform:translate(16px)}#root.tabs .pane:not(.shown),#keybar.collapsed{display:none}#kbtoggle.off{opacity:.45}#keybar{-webkit-overflow-scrolling:touch;padding:6px 8px;padding-bottom:calc(6px + env(safe-area-inset-bottom));background:var(--bar);border-top:1px solid var(--line);scrollbar-width:none;gap:6px;display:flex;overflow-x:auto}#keybar::-webkit-scrollbar{display:none}#keybar button{color:#dfe6ee;background:#1a2027;border:1px solid #2a313a;border-radius:8px;flex:none;min-width:44px;height:40px;padding:0 12px;font:500 14px ui-monospace,SFMono-Regular,Menlo,monospace}#keybar button:active{background:#2a3440}#keybar button.mod.on{background:var(--accent);border-color:var(--accent);color:#fff}#sheet[hidden]{display:none}#sheet{z-index:9;background:#0000008c;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet-panel{background:var(--bar);width:min(560px,100%);max-height:85dvh;padding:16px 16px calc(16px + env(safe-area-inset-bottom));border-radius:16px 16px 0 0;flex-direction:column;gap:8px;display:flex;overflow-y:auto}.sheet-panel h2{margin:0 0 4px;font-size:17px}.sheet-panel h3{color:var(--mute);margin:12px 0 2px;font-size:13px;font-weight:600}.sheet-panel h3 small{margin-left:6px;font-weight:400}.sheet-row{border:1px solid var(--line);background:#1a2027;border-radius:10px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.sheet-row:active{background:#2a3440}.sheet-row b{font-weight:600}.sheet-row span{color:var(--mute);font-size:12px}.sheet-row.off b{color:var(--mute)}.sheet-row .rm{color:#f0506e;background:0 0;border:0;align-self:flex-end;margin-top:-26px;font-size:12px}.inline{gap:6px;display:flex}.inline input{color:#fff;height:40px;font:inherit;background:#0b0d10;border:1px solid #2a313a;border-radius:8px;flex:1;padding:0 10px}.inline button,.sheet-close{background:#1a2027;border:1px solid #2a313a;border-radius:8px;height:40px;padding:0 14px}.sheet-close{margin-top:8px}#login[hidden]{display:none}#login{background:var(--bg);z-index:10;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}#login-form{text-align:center;flex-direction:column;gap:12px;width:min(360px,100%);display:flex}#login-form h1{margin:0;font-size:22px;font-weight:600}#login-form p{color:var(--mute);margin:0;font-size:13px}#login-form input{background:var(--bar);color:#fff;text-align:center;letter-spacing:2px;text-transform:uppercase;border:1px solid #2a313a;border-radius:10px;height:48px;font:500 20px ui-monospace,SFMono-Regular,Menlo,monospace}#login-form input:focus{outline:2px solid var(--accent);border-color:#0000}#login-form button{background:var(--accent);color:#fff;border:0;border-radius:10px;height:46px;font-size:16px;font-weight:600}#login-err{color:#f0506e;min-height:18px;font-size:13px}#cards-btn,#cards[hidden]{display:none}#cards{z-index:8;padding-top:env(safe-area-inset-top);background:#0b0d10f7;flex-direction:column;display:flex;position:fixed;inset:0}.cards-head{justify-content:space-between;align-items:center;padding:14px 16px;font-size:17px;font-weight:600;display:flex}.cards-head button{background:var(--accent);color:#fff;border:0;border-radius:8px;padding:8px 16px;font-size:15px;font-weight:600}#cards-grid{padding:0 16px 24px;padding-bottom:calc(24px + env(safe-area-inset-bottom));flex:1;grid-template-columns:repeat(2,1fr);align-content:start;gap:12px;display:grid;overflow-y:auto}.card{border:1px solid var(--line);aspect-ratio:3/4;background:#171c22;border-radius:14px;flex-direction:column;display:flex;position:relative;overflow:hidden}.card.on{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.card .thumb{color:#3a4351;background:#000 50%/cover no-repeat;flex:1;justify-content:center;align-items:center;min-height:0;font-size:40px;display:flex}.card .cap{color:var(--fg);white-space:nowrap;text-overflow:ellipsis;background:var(--bar);border-top:1px solid var(--line);padding:8px 10px;font-size:12px;overflow:hidden}.card .cap .badge{color:#9aa4b2;background:#2a3440;border-radius:5px;margin-right:6px;padding:1px 6px;font-size:10px;display:inline-block}.card .close{color:#fff;background:#0009;border:0;border-radius:50%;width:28px;height:28px;font-size:16px;line-height:1;position:absolute;top:6px;right:6px}.card.add{color:var(--mute);border-style:dashed;justify-content:center;align-items:center;font-size:15px}.card.add .plus{color:#3a4351;font-size:44px}@media (width<=767px){#cards-btn{display:inline-block}#tabs{display:none}#status-text{flex:1}#topbar{gap:6px}#topbar button{width:38px;height:34px}}.pane-menu{z-index:6;background:var(--bar);border:1px solid var(--line);border-radius:10px;min-width:170px;padding:4px;position:absolute;box-shadow:0 8px 24px #00000080}.pane-menu button{width:100%;color:var(--fg);text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:10px;padding:10px 12px;font-size:13px;display:flex}.pane-menu button span{text-align:center;width:20px;color:var(--mute)}.pane-menu button:active{background:#2a3440}body.solo #tabs,body.solo #add,body.solo #cards-btn{display:none!important}body.solo .pane-head{display:none}.xterm{cursor:text;-webkit-user-select:none;user-select:none;position:relative}.xterm.focus,.xterm:focus{outline:none}.xterm .xterm-helpers{z-index:5;position:absolute;top:0}.xterm .xterm-helper-textarea{opacity:0;z-index:-5;white-space:nowrap;resize:none;border:0;width:0;height:0;margin:0;padding:0;position:absolute;top:0;left:-9999em;overflow:hidden}.xterm .composition-view{color:#fff;white-space:nowrap;z-index:1;background:#000;display:none;position:absolute}.xterm .composition-view.active{display:block}.xterm .xterm-viewport{cursor:default;background-color:#000;position:absolute;inset:0;overflow-y:scroll}.xterm .xterm-screen{position:relative}.xterm .xterm-screen canvas{position:absolute;top:0;left:0}.xterm-char-measure-element{visibility:hidden;line-height:normal;display:inline-block;position:absolute;top:0;left:-9999em}.xterm.enable-mouse-events{cursor:default}.xterm.xterm-cursor-pointer,.xterm .xterm-cursor-pointer{cursor:pointer}.xterm.column-select.focus{cursor:crosshair}.xterm .xterm-accessibility:not(.debug),.xterm .xterm-message{z-index:10;color:#0000;pointer-events:none;position:absolute;inset:0}.xterm .xterm-accessibility-tree:not(.debug) ::selection{color:#0000}.xterm .xterm-accessibility-tree{-webkit-user-select:text;user-select:text;white-space:pre;font-family:monospace}.xterm .xterm-accessibility-tree>div{transform-origin:0;width:fit-content}.xterm .live-region{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.xterm-dim{opacity:1!important}.xterm-underline-1{text-decoration:underline}.xterm-underline-2{-webkit-text-decoration:underline double;text-decoration:underline double}.xterm-underline-3{-webkit-text-decoration:underline wavy;text-decoration:underline wavy}.xterm-underline-4{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.xterm-underline-5{-webkit-text-decoration:underline dashed;text-decoration:underline dashed}.xterm-overline{text-decoration:overline}.xterm-overline.xterm-underline-1{text-decoration:underline overline}.xterm-overline.xterm-underline-2{-webkit-text-decoration:overline double underline;text-decoration:overline double underline}.xterm-overline.xterm-underline-3{-webkit-text-decoration:overline wavy underline;text-decoration:overline wavy underline}.xterm-overline.xterm-underline-4{-webkit-text-decoration:overline dotted underline;text-decoration:overline dotted underline}.xterm-overline.xterm-underline-5{-webkit-text-decoration:overline dashed underline;text-decoration:overline dashed underline}.xterm-strikethrough{text-decoration:line-through}.xterm-screen .xterm-decoration-container .xterm-decoration{z-index:6;position:absolute}.xterm-screen .xterm-decoration-container .xterm-decoration.xterm-decoration-top-layer{z-index:7}.xterm-decoration-overview-ruler{z-index:8;pointer-events:none;position:absolute;top:0;right:0}.xterm-decoration-top{z-index:2;position:relative}.xterm .xterm-scrollable-element>.scrollbar{cursor:default}.xterm .xterm-scrollable-element>.scrollbar>.scra{cursor:pointer;font-size:11px!important}.xterm .xterm-scrollable-element>.visible{opacity:1;z-index:11;background:0 0;transition:opacity .1s linear}.xterm .xterm-scrollable-element>.invisible{opacity:0;pointer-events:none}.xterm .xterm-scrollable-element>.invisible.fade{transition:opacity .8s linear}.xterm .xterm-scrollable-element>.shadow{display:none;position:absolute}.xterm .xterm-scrollable-element>.shadow.top{width:100%;height:3px;box-shadow:var(--vscode-scrollbar-shadow,#000) 0 6px 6px -6px inset;display:block;top:0;left:3px}.xterm .xterm-scrollable-element>.shadow.left{width:3px;height:100%;box-shadow:var(--vscode-scrollbar-shadow,#000) 6px 0 6px -6px inset;display:block;top:3px;left:0}.xterm .xterm-scrollable-element>.shadow.top-left-corner{width:3px;height:3px;display:block;top:0;left:0}.xterm .xterm-scrollable-element>.shadow.top.left{box-shadow:var(--vscode-scrollbar-shadow,#000) 6px 0 6px -6px inset}
