*{margin:0;padding:0;box-sizing:border-box}
html,body{height:100%}
body{background:#f2f1ec;font-family:Inter,-apple-system,"Segoe UI",sans-serif;overflow:hidden;overscroll-behavior:none;-webkit-font-smoothing:antialiased;user-select:none}
.defs{position:absolute}
#stage{position:fixed;inset:0;z-index:1;display:none;pointer-events:none}
#stage.on{display:block}
#mapG{filter:drop-shadow(0 4px 0 rgba(73,71,63,.10)) drop-shadow(0 2px 2px rgba(73,71,63,.05)) drop-shadow(0 18px 22px rgba(73,71,63,.16))}
#mapG path{fill:#fff;stroke:#e8e6df;stroke-width:1;stroke-linejoin:round}
#palette{position:fixed;left:50%;top:23vh;transform:translateX(-50%);width:245px;z-index:2;display:flex;flex-direction:column;gap:15px;transition:opacity .25s ease}
#palette.loading{opacity:0}
#searchCard{display:flex;align-items:center;gap:8px;height:42px;padding:0 12px;background:#fff;border:1px solid #eae8e1;border-radius:12px;box-shadow:0 1px 2px rgba(30,29,25,.04),0 10px 22px -10px rgba(30,29,25,.16)}
#searchCard>*{transition:opacity .22s ease}
#searchCard.fade>*{opacity:0}
.sicon{display:flex;color:#9b988f}
.sicon svg{width:13px;height:13px}
#q{flex:1;min-width:0;border:0;outline:0;background:transparent;font:400 12.5px/1 Inter,sans-serif;color:#23221c}
#q::placeholder{color:#a5a29a}
#qcount{font:400 10px ui-monospace,"SF Mono","Cascadia Mono",Menlo,Consolas,monospace;color:#b6b3a9}
#qcount:empty{display:none}
.kbd{display:inline-flex;align-items:center;justify-content:center;min-width:15px;height:15px;border:1px solid #e7e5de;background:#fbfaf7;border-radius:4px;color:#8f8d84;box-shadow:0 1px 0 rgba(30,29,25,.04)}
.kbd svg{width:9px;height:9px}
.kbd.esc{height:17px;padding:0 5px;border-radius:5px;font:500 9px ui-monospace,"SF Mono","Cascadia Mono",Menlo,Consolas,monospace;letter-spacing:.3px}
#listCard{background:#fff;border:1px solid #eae8e1;border-radius:12px;box-shadow:0 1px 2px rgba(30,29,25,.04),0 12px 26px -12px rgba(30,29,25,.18)}
#listCard.fx{filter:url(#listFx)}
#list{list-style:none;padding:5px;max-height:234px;overflow-y:auto;scrollbar-width:none}
#list::-webkit-scrollbar{display:none}
.row{display:flex;align-items:center;gap:8px;height:28px;padding:0 8px;border-radius:7px}
.row.sel{background:#f2f1eb}
.flag{width:16px;border-radius:2px;box-shadow:0 0 0 1px rgba(30,29,25,.06)}
.name{flex:1;font-size:12.5px;font-weight:500;color:#23221c;letter-spacing:.1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
mark{background:#f6e49b;color:inherit;border-radius:2px;padding:1px 0;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.code{font:500 9px ui-monospace,"SF Mono","Cascadia Mono",Menlo,Consolas,monospace;letter-spacing:.4px;color:#a3a097;border:1px solid #edebe4;background:#fcfbf8;padding:2px 4px;border-radius:5px}
.row.sel .code{background:#fff;border-color:#e3e1d9;color:#6d6b62;box-shadow:0 1px 1px rgba(30,29,25,.05)}
#foot{position:relative;display:flex;align-items:center;gap:4px;height:34px;padding:0 10px;background:#fff;border-top:1px solid #f0eee8;border-radius:0 0 11px 11px;color:#8f8d84;font-size:11px}
.flabel{margin:0 6px 0 2px}
#fcount{margin-left:auto;font-size:10.5px;color:#aca99f}
#retry{position:fixed;left:50%;bottom:16vh;transform:translate(-50%,6px);display:flex;align-items:center;gap:6px;height:30px;padding:0 11px;background:#fff;border:1px solid #e8e6df;border-radius:9px;box-shadow:0 1px 2px rgba(30,29,25,.05),0 7px 16px -7px rgba(30,29,25,.15);font:400 12px Inter,sans-serif;color:#4f4d46;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease;z-index:3}
#retry.show{opacity:1;transform:translate(-50%,0);pointer-events:auto}
#retry:hover{background:#fcfbf9}
#retry:active{transform:translate(-50%,1px)}
#retry svg{width:12px;height:12px;color:#8f8d84}
.speck{position:fixed;width:2.5px;height:2.5px;border-radius:50%;background:#c8c6be;pointer-events:none;z-index:4}