*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;font-family:Inter,"Segoe UI",Arial,sans-serif;color:#263e34;background:#bbddc8}button,input,select{font:inherit}button,select{cursor:pointer}button:focus-visible,select:focus-visible{outline:2px solid #597965;outline-offset:3px}[hidden]{display:none!important}#world{position:relative;height:100dvh;overflow:hidden}#viewer{position:absolute;inset:0;width:100%;height:100%;border:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.search-panel{position:absolute;z-index:3;bottom:max(30px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(480px,calc(100% - 32px));display:flex;flex-direction:column;align-items:stretch;gap:10px}.search-bar{display:flex;align-items:center;gap:13px;padding:8px 12px 8px 21px;min-height:64px;background:rgba(255,253,246,.95);border:1px solid rgba(255,255,255,.92);border-radius:22px;box-shadow:0 12px 45px #233c3426,0 2px 7px #263d3412,inset 0 1px #fff;backdrop-filter:blur(22px);transition:box-shadow .18s,border-color .18s}.search-bar:focus-within{border-color:#a7b9a4;box-shadow:0 12px 45px #233c3433,0 0 0 3px #fff5}.search-icon{width:21px;height:21px;fill:none;stroke:#6e8375;stroke-width:1.65;stroke-linecap:round;flex-shrink:0}#search{width:100%;min-width:0;height:44px;border:0;background:none;outline:none;color:#263e34;font-size:15px;letter-spacing:.05px}#search::placeholder{color:#7d897f;opacity:1}#search::-webkit-search-cancel-button{display:none}.shortcut{font-size:14px;color:#9ba498;border:1px solid #dce1d5;border-radius:6px;padding:1px 7px;line-height:23px}.language-wrap{display:flex;align-items:center;position:relative;border-inline-start:1px solid #dbe0d5;padding-inline-start:12px;flex-shrink:0}.language-wrap select{appearance:none;border:0;background:none;color:#667967;font-size:11px;font-weight:650;letter-spacing:1px;padding:13px 18px 13px 3px;outline-offset:0}.language-wrap svg{position:absolute;inset-inline-end:0;pointer-events:none;width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.5}.language-wrap option{color:#263e34;background:#fffdf6;font-size:14px}#clear-search,#clear-follow{border:0;background:none;color:#738574;font-size:22px;line-height:1;min-width:32px;min-height:36px;padding:0}.search-popover{position:absolute;bottom:calc(100% + 12px);width:100%;background:rgba(255,253,246,.98);border:1px solid #ffffffd9;border-radius:22px;padding:19px 12px 12px;box-shadow:0 12px 50px #233c342b;backdrop-filter:blur(22px);max-height:calc(100dvh - 180px);overflow:auto}.popover-heading{display:flex;align-items:center;justify-content:space-between;padding:0 10px 8px;font-size:10px;font-weight:650;letter-spacing:1.8px;color:#778776}.escape-key{font-size:10px;letter-spacing:0;border:1px solid #e1e4da;padding:3px 5px;border-radius:5px;color:#99a08f}.hint{font-size:13px;line-height:1.6;color:#7b8679;margin:5px 10px 9px}#results{padding:0;margin:0;list-style:none}#results:empty{display:none}#results button{display:flex;align-items:center;width:100%;border:0;border-radius:14px;background:transparent;text-align:start;gap:13px;padding:11px 10px;color:#263e34;transition:background .15s}#results button:hover,#results button:focus-visible{background:#eaf0e4}.resident-avatar{width:43px;height:43px;flex-shrink:0;display:grid;place-items:center;background:#e2eadb;color:#62806a;border:1px solid #d9e3d1;border-radius:15px;font-size:15px;font-weight:600}.resident-copy{min-width:0;flex:1}#results strong{display:block;font-size:14px;font-weight:600;overflow-wrap:anywhere}#results small{display:block;font-size:12px;color:#8a9585;margin-top:4px}.result-arrow{font-size:19px;color:#95a18e;padding-inline:6px}.following{align-self:center;max-width:100%;display:flex;align-items:center;gap:9px;border-radius:30px;padding:3px 8px 3px 15px;background:#fbfcf2ed;border:1px solid #fff9;box-shadow:0 4px 20px #233c3420;font-size:12px;color:#58715c;backdrop-filter:blur(12px)}#selected-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.following-dot{width:6px;height:6px;background:#739671;border-radius:100%;flex-shrink:0}.connection{margin:0;align-self:center;border-radius:14px;background:#fff9e9ee;padding:7px 12px;color:#836b43;font-size:12px;text-align:center}.empty{position:absolute;top:30px;left:50%;transform:translateX(-50%);max-width:90vw;text-align:center;background:#fffdf1df;border-radius:18px;padding:12px 20px;color:#60725c;font-size:13px}.loading{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;background:radial-gradient(ellipse at 50% 40%,#f6f4e8,#e4ecdc);text-align:center}.loading h1{font-size:22px;font-weight:500;letter-spacing:-.65px;margin:23px 0 2px}.loading p{color:#7a8974;font-size:14px;line-height:1.7;max-width:320px}.loading-orbit{height:27px;width:27px;border:1.5px solid #c9d5bd;border-top-color:#62806a;border-radius:50%;animation:orbit 1.7s linear infinite}.loading progress{width:130px;height:3px;accent-color:#82956d;margin:14px;border:0;border-radius:3px;overflow:hidden}.loading progress::-webkit-progress-bar{background:#dce4d4}.loading progress::-webkit-progress-value{background:#82956d}#retry{border:1px solid #c8d3bf;border-radius:25px;padding:10px 22px;background:#ffffff88;color:#58715c;margin-top:12px;font-size:13px}@keyframes orbit{to{transform:rotate(360deg)}}[dir=rtl] .search-bar{padding:8px 21px 8px 12px}[dir=rtl] .language-wrap select{padding:13px 3px 13px 18px}@media(max-width:600px){.search-panel{bottom:max(18px,env(safe-area-inset-bottom));width:calc(100% - 28px)}.search-bar{gap:10px;min-height:60px;padding-inline-start:17px;border-radius:20px}#search{font-size:16px}.shortcut{display:none}.search-popover{max-height:calc(100dvh - 155px)}.empty{top:16px}}@media(max-height:450px){.search-panel{bottom:12px}.search-popover{max-height:calc(100dvh - 120px)}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}