:root{--c-desk:#f0f0f0;--c-chrome:#f5f6f7;--c-white:#fff;--c-ink:#000;--c-ink-soft:#1f1f1f;--c-mute:#555;--c-dim:#888;--c-frame:#a0a0a0;--c-edge:#c8c8c8;--c-grid-head:#d5d5d5;--c-grid-line:#e6e6e6;--c-btn:#e1e1e1;--c-btn-edge:#adadad;--c-hover:#e5f1fb;--c-select:#cce4f7;--c-select-edge:#99c9ef;--c-focus:#0078d7;--c-band:#2e6da4;--c-band-ink:#fff;--c-link:#06c;--c-ok:#1e6b34;--c-bad:#c00000;--c-note:#fffbe6;--c-note-edge:#e0d9b0;--c-practice:#ffd400;--c-practice-ink:#1a1a1a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html,body{margin:0}body{background:var(--c-desk);color:var(--c-ink);font-variant-numeric:tabular-nums;font:400 12px/1.4 Segoe UI,Tahoma,Arial,sans-serif}a{color:var(--c-link)}:focus-visible{outline:2px solid var(--c-focus);outline-offset:1px}h1,h2{margin:0;font-size:12px;font-weight:600}.app{flex-direction:column;min-height:100vh;display:flex;overflow-x:hidden}.practice{color:var(--c-practice-ink);text-align:center;background:repeating-linear-gradient(-45deg, var(--c-practice) 0 16px, var(--c-practice-ink) 16px 22px);flex-wrap:wrap;justify-content:center;align-items:baseline;gap:2px 12px;padding:6px 12px;display:flex}.practice strong,.practice span{background:var(--c-practice);padding:1px 8px}.practice strong{letter-spacing:.06em;font-size:14px}.titlebar{background:var(--c-chrome);border-bottom:1px solid var(--c-edge);align-items:center;gap:6px;min-width:0;padding:3px 8px;display:flex}.titlebar-app{color:var(--c-ink);white-space:nowrap;font-weight:600;text-decoration:none}.titlebar-win{color:var(--c-mute);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.titlebar-win:before{content:"- "}.titlebar-who{white-space:nowrap;gap:4px;min-width:0;margin-left:auto;display:flex}.who-name{text-overflow:ellipsis;overflow:hidden}.who-role{color:var(--c-mute)}.toolbar{background:var(--c-desk);border-bottom:1px solid var(--c-edge);scrollbar-width:thin;align-items:center;gap:2px;padding:3px 6px;display:flex;overflow-x:auto}.tool{text-align:center;white-space:nowrap;min-width:64px;color:var(--c-ink-soft);border:1px solid #0000;border-radius:2px;flex:none;padding:4px 10px;font-size:12px;text-decoration:none}.tool:hover{background:var(--c-hover);border-color:var(--c-select)}.tool[aria-current=page]{background:var(--c-select);border-color:var(--c-select-edge);color:var(--c-ink);font-weight:600}.tool-sep{background:var(--c-edge);flex:none;width:1px;height:20px;margin:0 4px}.workspace{flex:1;min-width:0;padding:6px 8px 24px}.btn{height:23px;font:inherit;color:var(--c-ink);cursor:default;background:var(--c-btn);border:1px solid var(--c-btn-edge);border-radius:2px;align-items:center;padding:0 10px;text-decoration:none;display:inline-flex}.btn:hover:not(:disabled){background:var(--c-hover);border-color:var(--c-focus)}.btn:disabled{color:var(--c-dim)}.btn-def{border-color:var(--c-focus)}.board{background:var(--c-desk);border:1px solid var(--c-frame);flex-direction:column;min-width:0;display:flex}.board+.board{margin-top:6px}.board-title{background:var(--c-band);color:var(--c-band-ink);align-items:baseline;gap:8px;padding:3px 8px;display:flex}.board-title h1,.board-title h2{font-size:13px}.board-sub{opacity:.9;font-size:12px}.board-tools{border-bottom:1px solid var(--c-grid-head);flex-wrap:wrap;align-items:center;gap:4px 6px;padding:4px 6px;display:flex}.board-note{background:var(--c-note);border:1px solid var(--c-note-edge);flex:260px;margin-left:4px;padding:2px 6px}.grid-wrap{background:var(--c-white);overflow:auto}.grid{border-collapse:collapse;width:100%;font-size:12px}.grid th{background:var(--c-desk);text-align:left;white-space:nowrap;border:1px solid var(--c-grid-head);padding:2px 6px;font-weight:400}.grid td{border:1px solid var(--c-grid-line);white-space:nowrap;height:19px;padding:1px 6px}.grid td.wrap{white-space:normal}.grid .grid-gutter{background:var(--c-desk);width:14px;padding:0}.grid tbody tr:hover td{background:var(--c-hover)}.home .grid td{height:auto;padding:3px 6px}.statusbar{border-top:1px solid var(--c-frame);color:var(--c-mute);flex-wrap:wrap;gap:2px 16px;padding:2px 8px;display:flex}.home{max-width:900px}.fields{grid-template-columns:110px minmax(0,1fr);align-items:center;gap:4px 8px;max-width:520px;padding:8px 10px;display:grid}.fields label{font-size:12px}.ro{background:var(--c-white);border:1px solid var(--c-grid-head);text-overflow:ellipsis;white-space:nowrap;min-height:20px;padding:1px 5px;display:block;overflow:hidden}.db{font-weight:600}.db-connected{color:var(--c-ok)}.db-unreachable{color:var(--c-bad)}.alert{background:var(--c-note);border:1px solid var(--c-note-edge);margin:0 10px 8px;padding:3px 6px}.dialog{background:var(--c-desk);border:1px solid var(--c-frame);max-width:440px;margin:12vh auto 0}.dialog-title{background:var(--c-white);border-bottom:1px solid var(--c-edge);padding:4px 8px}.dialog-body{padding:12px 14px}.dialog-body h1{margin-bottom:6px;font-size:13px}.dialog-body p{margin:0 0 8px}.dialog-btns{justify-content:flex-end;margin-top:10px;display:flex}@media (width<=600px){.who-role{display:none}.workspace{padding:6px 4px 20px}.dialog{margin:8vh 8px 0}}