:root{--tknb-bg: #f4f2ec;--tknb-surface: #ffffff;--tknb-ink: #1c1a17;--tknb-muted: #57534e;--tknb-line: #d6d2c8;--tknb-brand: #14432e;--tknb-brand-ink: #ffffff;--tknb-ok: #166534;--tknb-warn: #92400e;--tknb-bad: #991b1b;--tknb-info: #1e3a8a;--tknb-focus: #b45309}*{box-sizing:border-box}body{margin:0;background:var(--tknb-bg);color:var(--tknb-ink);font-family:Segoe UI,Arial,sans-serif;font-size:20px;line-height:1.45}h1{font-size:2rem;margin:0 0 .75rem}h2{font-size:1.5rem;margin:1.25rem 0 .5rem}.tknb-shell{max-width:64rem;margin:0 auto;padding:1.5rem}.tknb-card{background:var(--tknb-surface);border:2px solid var(--tknb-line);border-radius:.75rem;padding:1.25rem;margin:1rem 0}.tknb-topbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.tknb-btn{display:inline-flex;align-items:center;justify-content:center;min-height:3rem;min-width:6rem;padding:.5rem 1.25rem;border:2px solid var(--tknb-brand);border-radius:.5rem;background:var(--tknb-brand);color:var(--tknb-brand-ink);font:inherit;font-weight:600;cursor:pointer}.tknb-btn:hover{filter:brightness(1.08)}.tknb-btn:disabled{opacity:.5;cursor:not-allowed}.tknb-btn--ghost{background:var(--tknb-surface);color:var(--tknb-brand)}.tknb-btn--danger{background:var(--tknb-bad);border-color:var(--tknb-bad)}.tknb-btn--block{width:100%}.tknb-input{width:100%;min-height:3rem;padding:.5rem .75rem;border:2px solid var(--tknb-line);border-radius:.5rem;font:inherit;background:var(--tknb-surface);color:var(--tknb-ink)}.tknb-label{display:block;font-weight:600;margin:.75rem 0 .25rem}.tknb-hint{color:var(--tknb-muted);font-size:.95rem}.tknb-error{border:2px solid var(--tknb-bad);background:#fdecea;color:var(--tknb-bad);border-radius:.5rem;padding:.75rem 1rem;margin:.75rem 0;font-weight:600}.tknb-success{border:2px solid var(--tknb-ok);background:#ecfdf3;color:var(--tknb-ok);border-radius:.5rem;padding:.75rem 1rem;margin:.75rem 0;font-weight:600}.tknb-info{border:2px solid var(--tknb-info);background:#eef4ff;color:var(--tknb-info);border-radius:.5rem;padding:.75rem 1rem;margin:.75rem 0}.tknb-table{width:100%;border-collapse:collapse;margin:.75rem 0}.tknb-table th,.tknb-table td{text-align:left;padding:.6rem .75rem;border-bottom:1px solid var(--tknb-line);vertical-align:top}.tknb-table th{background:var(--tknb-bg);font-weight:700}.tknb-chip{display:inline-block;padding:.15rem .6rem;border-radius:999px;font-weight:700;font-size:.9rem;border:2px solid transparent}.tknb-chip--online{background:#dcfce7;color:var(--tknb-ok)}.tknb-chip--offline{background:#f5f5f4;color:var(--tknb-muted)}.tknb-chip--state{background:#fef3c7;color:var(--tknb-warn)}.tknb-chip--ok{background:#dcfce7;color:var(--tknb-ok)}.tknb-chip--bad{background:#fee2e2;color:var(--tknb-bad)}.tknb-code{font-family:Consolas,monospace;font-size:1.15rem;background:var(--tknb-bg);border:2px dashed var(--tknb-brand);border-radius:.5rem;padding:.75rem 1rem;word-break:break-all;-webkit-user-select:all;user-select:all}.tknb-nav{display:flex;gap:.75rem;margin:1rem 0}.tknb-nav a{color:var(--tknb-brand);font-weight:700;padding:.5rem .75rem;border-radius:.5rem;text-decoration:none}.tknb-nav a:hover{background:var(--tknb-line)}.tknb-row{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.tknb-muted-text{color:var(--tknb-muted)}.tknb-focus-visible:focus-visible{outline:4px solid var(--tknb-focus);outline-offset:2px}