.qb-loading,.qb-hint{color:var(--muted);text-align:center;padding:24px;font-size:14px}.qb-err{color:var(--muted);text-align:center;padding:16px;font-size:14px;line-height:1.6}.qb-locate{display:flex;flex-direction:column;gap:12px;max-width:460px;margin-inline:auto;padding-block:8px}.qb-geo{width:100%}.qb-or{text-align:center;font-size:13px;color:var(--muted)}.qb-search-field{display:flex;flex-direction:column;gap:6px}.qb-search-field>span{font-size:13px;color:var(--muted)}.qb-results{display:flex;flex-direction:column;gap:6px}.qb-result{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;background:var(--panel);border:1px solid var(--line);border-radius:10px;color:var(--text);text-align:start}.qb-result:hover{border-color:var(--accent)}.qb-result-name{font-size:15px;font-weight:600}.qb-result-sub{font-size:12px;color:var(--muted)}.qb-locbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.qb-place{font-size:15px;font-weight:700}.qb-change{flex:none;padding:6px 10px;font-size:12px;border-radius:8px;border:1px solid var(--line);background:var(--panel2);color:var(--muted)}.qb-change:hover{border-color:var(--accent);color:var(--text)}.qb-bearing{text-align:center;margin-bottom:16px}.qb-bearing-label{font-size:13px;color:var(--muted);margin-bottom:2px}.qb-bearing-val{font-size:34px;font-weight:800;color:var(--accent);line-height:1.1;font-variant-numeric:tabular-nums}.qb-dial{direction:ltr;position:relative;inline-size:260px;max-inline-size:82%;aspect-ratio:1;margin:4px auto 18px;border-radius:50%;background:var(--panel);border:1px solid var(--line)}.qb-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;transition:transform .15s linear}.qb-card{position:absolute;font-size:13px;font-weight:700;color:var(--muted)}.qb-n{top:8px;left:50%;transform:translate(-50%);color:var(--accent)}.qb-s{bottom:8px;left:50%;transform:translate(-50%)}.qb-e{right:10px;top:50%;transform:translateY(-50%)}.qb-w{left:10px;top:50%;transform:translateY(-50%)}.qb-needle{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:50% 50%}.qb-needle svg{width:100%;height:100%;display:block}.qb-arrow{fill:var(--accent)}.qb-tail{fill:var(--muted);opacity:.55}.qb-kaaba{position:absolute;top:4%;left:50%;transform:translate(-50%);font-size:18px;line-height:1}.qb-hub{position:absolute;top:50%;left:50%;width:14px;height:14px;transform:translate(-50%,-50%);border-radius:50%;background:var(--accent);border:2px solid var(--panel)}.qb-enable{display:block;width:100%;max-width:320px;margin-inline:auto;margin-bottom:10px}.qb-status{text-align:center;font-size:13px;color:var(--muted);line-height:1.5;margin-bottom:14px}.qb-note{font-size:12px;color:var(--muted);text-align:center;line-height:1.6}