.hq{--hq-ground:#e9eceb;--hq-shell:#fff;--hq-panel:#f3f5f4;--hq-card:#fff;--hq-tile:#f3f5f4;--hq-ink:#141a16;--hq-ink-2:#55605a;--hq-ink-3:#88928c;--hq-line:#e4e8e6;--hq-accent:#0f9d58;--hq-accent-deep:#0b7d45;--hq-accent-soft:#e2f5ea;--hq-on-accent:#fff;--hq-strong:#1a201c;--hq-on-strong:#fff;--hq-bad:#d9363e;--hq-bad-soft:#fdeaea;--hq-warn:#a86400;--hq-warn-soft:#fdf1dc;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--hq-ground);color:var(--hq-ink);font-family:var(--font-anuphan), "IBM Plex Sans Thai", sans-serif;font-size:14.5px;line-height:1.5;position:fixed;inset:0;overflow:auto}.hq *,.hq :before,.hq :after{box-sizing:border-box}.hq button,.hq input,.hq select{font:inherit;color:inherit}.hq :focus-visible{outline:2px solid var(--hq-accent);outline-offset:2px}.hq h1{text-wrap:balance;margin:0;font-size:25px;font-weight:600;line-height:1.25}.hq h2{margin:0;font-size:16.5px;font-weight:600}.hq a{color:inherit;text-decoration:none}.hq-wrap{max-width:1280px;padding:20px max(16px, env(safe-area-inset-right,0px)) 20px max(16px, env(safe-area-inset-left,0px));margin:0 auto}.hq-shell{background:var(--hq-shell);border-radius:28px;grid-template-columns:212px minmax(0,1fr);gap:8px;padding:12px;display:grid}.hq-side{flex-direction:column;gap:18px;padding:8px 4px 4px;display:flex}.hq-brand{align-items:center;gap:10px;padding:0 8px;display:flex}.hq-logo{background:var(--hq-accent);width:32px;height:32px;color:var(--hq-on-accent);border-radius:9px;place-items:center;font-weight:700;display:grid}.hq-brand b{font-size:18px;font-weight:600}.hq-tag{background:var(--hq-strong);color:var(--hq-on-strong);letter-spacing:.08em;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.hq-grp{flex-direction:column;gap:2px;display:flex}.hq-grp>span{color:var(--hq-ink-3);letter-spacing:.08em;padding:0 10px 4px;font-size:11.5px}.hq-nb{color:var(--hq-ink-2);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:999px;align-items:center;gap:10px;width:100%;padding:9px 12px;display:flex}.hq-nb:hover{color:var(--hq-ink);background:var(--hq-panel)}.hq-nb[aria-current=page]{background:var(--hq-accent-soft);color:var(--hq-accent-deep);font-weight:600}.hq-me{border-top:1px solid var(--hq-line);color:var(--hq-ink-3);margin-top:auto;padding:12px 10px 4px;font-size:12.5px}.hq-me b{color:var(--hq-ink);font-size:14px;display:block}.hq-body{flex-direction:column;gap:10px;min-width:0;display:flex}.hq-panel{background:var(--hq-panel);border-radius:22px;flex-direction:column;gap:14px;padding:16px;display:flex}.hq-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.hq-sub{color:var(--hq-ink-2);margin:2px 0 0;font-size:13px}.hq-card{background:var(--hq-card);border-radius:18px;min-width:0;padding:16px}.hq-ch{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.hq-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.hq-stat span{color:var(--hq-ink-2);font-size:13px}.hq-stat b{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:26px;font-weight:700;line-height:1.25;display:block}.hq-stat.is-bad b{color:var(--hq-bad)}.hq-btn{background:var(--hq-tile);cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:9px 18px;font-weight:600;display:inline-flex}.hq-btn.is-pri{background:var(--hq-accent);color:var(--hq-on-accent)}.hq-btn.is-dark{background:var(--hq-strong);color:var(--hq-on-strong)}.hq-btn.is-danger{background:var(--hq-bad-soft);color:var(--hq-bad)}.hq-btn:disabled{opacity:.45;cursor:not-allowed}.hq-pill{white-space:nowrap;border-radius:999px;padding:2px 9px;font-size:12px;font-weight:600;display:inline-block}.hq-pill.is-ok{background:var(--hq-accent-soft);color:var(--hq-accent-deep)}.hq-pill.is-bad{background:var(--hq-bad-soft);color:var(--hq-bad)}.hq-pill.is-mute{background:var(--hq-tile);color:var(--hq-ink-2)}.hq-uname{background:var(--hq-accent-soft);min-width:30px;height:30px;color:var(--hq-accent-deep);border-radius:9px;place-items:center;padding:0 8px;font-weight:700;display:inline-grid}.hq-scroll{overflow-x:auto}.hq table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.hq th{color:var(--hq-ink-3);text-align:left;white-space:nowrap;background:var(--hq-tile);padding:9px 12px;font-size:12.5px;font-weight:500}.hq th:first-child{border-radius:10px 0 0 10px}.hq th:last-child{border-radius:0 10px 10px 0}.hq td{border-bottom:1px solid var(--hq-line);white-space:nowrap;padding:11px 12px}.hq tr:last-child td{border-bottom:0}.hq .is-num{text-align:right}.hq tr.is-link:hover td{background:var(--hq-tile)}.hq-rowlink{margin:-11px -12px;padding:11px 12px;display:block}.hq-kv{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.hq-kv div{background:var(--hq-tile);border-radius:13px;min-width:0;padding:10px 12px}.hq-kv span{color:var(--hq-ink-3);font-size:12px}.hq-kv b{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;display:block}.hq-two{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.hq-field{color:var(--hq-ink-2);flex-direction:column;gap:4px;min-width:0;font-size:13px;display:flex}.hq-field input{background:var(--hq-tile);width:100%;min-width:0;color:var(--hq-ink);border:1px solid #0000;border-radius:12px;padding:10px 12px}.hq-field input:focus{border-color:var(--hq-accent);outline:0}.hq-form{flex-direction:column;gap:12px;display:flex}.hq-note{border-radius:12px;padding:9px 12px;font-size:13px}.hq-note.is-bad{background:var(--hq-bad-soft);color:var(--hq-bad)}.hq-note.is-ok{background:var(--hq-accent-soft);color:var(--hq-accent-deep)}.hq-secret{letter-spacing:.06em;-webkit-user-select:all;user-select:all;overflow-wrap:anywhere;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:18px;font-weight:700}.hq-hint{color:var(--hq-ink-3);margin:0;font-size:12.5px}.hq-gate{place-items:center;min-height:100%;padding:24px 16px;display:grid}.hq-gate-card{background:var(--hq-shell);border-radius:24px;flex-direction:column;gap:16px;width:min(400px,100%);padding:28px;display:flex}.hq-code input{letter-spacing:.3em;text-align:center;font-variant-numeric:tabular-nums;font-size:24px}.hq-qr{background:#fff;border-radius:14px;align-self:center;padding:8px;line-height:0}.hq-qr svg{width:190px;max-width:100%;height:190px}@media (max-width:900px){.hq-stats,.hq-kv{grid-template-columns:repeat(2,minmax(0,1fr))}.hq-two{grid-template-columns:minmax(0,1fr)}}@media (max-width:760px){.hq-wrap{padding-top:12px;padding-bottom:12px}.hq-shell{border-radius:22px;grid-template-columns:minmax(0,1fr);padding:8px}.hq-side{flex-flow:wrap;align-items:center;gap:8px;padding:6px}.hq-grp{flex-flow:wrap}.hq-grp>span{display:none}.hq-nb{width:auto}.hq-me{border:0;margin:0 0 0 auto;padding:0 6px}.hq-panel{padding:12px}.hq h1{font-size:21px}}