:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body,html{height:100%;margin:0;overflow:hidden}button,input{font:inherit}.surface-shell{background:#111827;min-height:240px;position:relative}.map-canvas,.surface-shell{height:100%;width:100%}.surface-state{align-items:center;background:#111827;color:#f3f4f6;display:flex;inset:0;justify-content:center;min-height:240px;padding:24px;position:absolute;text-align:center;z-index:4}.search-panel{left:12px;max-width:min(360px,calc(100% - 24px));position:absolute;right:12px;top:12px;z-index:3}.search-input{border:1px solid #9ca3af;border-radius:10px;min-height:44px;padding:10px 12px;width:100%}.search-input,.suggestions{background:#fff;color:#111827}.suggestions{border:1px solid #d1d5db;border-radius:10px;list-style:none;margin:6px 0 0;max-height:260px;overflow-y:auto;padding:4px}.suggestion{background:transparent;border:0;border-radius:7px;color:inherit;cursor:pointer;min-height:44px;padding:9px 10px;text-align:left;width:100%}.suggestion:focus,.suggestion:hover{background:#e5e7eb;outline:2px solid #2563eb;outline-offset:-2px}.screen-reader-only{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}