.xdial-field{color:#f4f4f5;flex-shrink:0;direction:ltr}
.xdial-native{color:#f4f4f5!important;background:#16181d!important;color-scheme:dark;display:block;visibility:visible!important;opacity:1!important}
.xdial-native[hidden]{display:none!important}
.xdial-trigger{display:flex;justify-content:center;align-items:center;gap:9px;min-width:88px;height:42px;padding:0 11px;border:1px solid #b4df2b45;border-radius:9px;background:linear-gradient(145deg,#202127,#14151a);color:#f7d76b!important;font-size:15px;font-weight:700;line-height:1;cursor:pointer;direction:ltr;box-shadow:inset 0 1px 0 #ffffff08;font-variant-numeric:tabular-nums}
.xdial-trigger:after{content:'';width:5px;height:5px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px)}
.xdial-trigger:focus-visible,.xdial button:focus-visible{outline:2px solid #b4df2b;outline-offset:3px}
.xdial{--dial-bg:#101217;--dial-surface:#191c23;--dial-text:#f4f5f7;--dial-muted:#929ba9;--dial-line:#ffffff12;--dial-accent:#b4df2b;position:fixed;inset:0;margin:auto;width:min(420px,calc(100% - 24px));max-height:min(640px,85dvh);padding:0;overflow:hidden;background:var(--dial-bg);color:var(--dial-text);border:1px solid #b4df2b38;border-radius:20px;box-shadow:0 24px 90px #0009;font:14px sans-serif}
.xdial::backdrop{background:#0009;backdrop-filter:blur(5px)}
.xdial[open]{display:flex;flex-direction:column}
.xdial-header{display:flex;align-items:center;justify-content:space-between;padding:20px 18px 14px;border-bottom:1px solid var(--dial-line);gap:12px}.xdial-title{font-size:16px;font-weight:700;margin:0;color:var(--dial-text)}
.xdial-close{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;border:1px solid var(--dial-line);border-radius:9px;background:var(--dial-surface);color:var(--dial-muted);font-size:22px;cursor:pointer;line-height:1}
.xdial-search-wrap{padding:14px 16px 10px}.xdial-search{box-sizing:border-box;width:100%;height:44px;padding:0 13px;border:1px solid var(--dial-line);border-radius:11px;background:var(--dial-surface);color:var(--dial-text)!important;outline:none;font:inherit}.xdial-search:focus{border-color:var(--dial-accent)}.xdial-search::placeholder{color:var(--dial-muted)}
.xdial-list{overflow:auto;overscroll-behavior:contain;padding:0 8px 12px;min-height:100px;max-height:54dvh;scrollbar-width:thin;scrollbar-color:#77632e transparent}.xdial-row{width:100%;display:flex;align-items:center;gap:11px;min-height:57px;padding:10px;border:1px solid transparent;border-radius:11px;background:transparent;color:var(--dial-text);cursor:pointer;text-align:start;font:inherit}.xdial-row:hover{background:var(--dial-surface)}.xdial-row[aria-pressed=true]{background:#b4df2b10;border-color:#b4df2b2d}.xdial-iso{display:grid;place-items:center;flex-shrink:0;width:34px;height:30px;border:1px solid var(--dial-line);border-radius:8px;background:var(--dial-surface);font:700 11px sans-serif;color:var(--dial-muted);direction:ltr}.xdial-name{flex:1;color:var(--dial-text);font-size:13px}.xdial-code{color:var(--dial-accent);font-size:14px;font-weight:700;direction:ltr;unicode-bidi:isolate;font-variant-numeric:tabular-nums}.xdial-check{width:14px;color:var(--dial-accent);font-size:16px}.xdial-empty{text-align:center;color:var(--dial-muted);padding:24px 10px}.xdial-row[hidden],.xdial-empty[hidden]{display:none!important}
html[data-appearance=light] .xdial{--dial-bg:#fff;--dial-surface:#f1f4f8;--dial-text:#17212e;--dial-muted:#5c6877;--dial-line:#dce1e8;--dial-accent:#886009;box-shadow:0 24px 90px #15213033}
html[data-appearance=light] .xdial-trigger,html[data-appearance=light] .xdial-native{background:#f4f6f9!important;color:#805908!important;border-color:#d6c699;color-scheme:light}
@media(max-width:480px){.xdial{margin:auto 12px max(12px,env(safe-area-inset-bottom));width:calc(100% - 24px);max-height:78dvh;border-radius:20px}.xdial-list{max-height:49dvh}}
