:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;padding:0;height:100vh;width:100vw;overflow:hidden}h1{font-size:3.2em;line-height:1.1}#app{width:100%;height:100%;margin:0;padding:0;display:flex;flex-direction:column}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.vanilla:hover{filter:drop-shadow(0 0 2em #3178c6aa)}.card{padding:2em}.read-the-docs{color:#888}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;padding-bottom:20px;width:100%;height:100%;background-color:#0006}.modal-content{background-color:#fefefe;margin:5% auto;padding:20px 20px 40px;border:1px solid #888;width:90%;max-width:800px;max-height:80vh;border-radius:8px;position:relative;overflow-y:auto;box-shadow:0 4px 8px #0000001a}.modal-content h2{margin-top:0;padding-right:30px}.modal-content>div{max-height:calc(80vh - 100px);overflow-y:auto;padding-right:10px}.close{color:#aaa;float:right;font-size:28px;font-weight:700;cursor:pointer;position:absolute;right:30px;top:0}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}.image-container{display:flex;flex-direction:row;flex-wrap:nowrap;gap:20px;overflow-x:auto;overflow-y:hidden;margin-bottom:20px;padding:20px;align-items:center;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#888 #f1f1f1}.image-container::-webkit-scrollbar{height:8px}.image-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.image-container::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.image-container img{max-width:400px;max-height:400px;width:auto;height:auto;object-fit:contain;margin:0;display:block;flex-shrink:0}@media (prefers-color-scheme: dark){.modal-content{background-color:#1a1a1a;color:#fff}.close{color:#888}.close:hover,.close:focus{color:#fff}}.item-details{margin-top:20px}.detail-row{margin-bottom:10px;padding:8px;background-color:#f5f5f5;border-radius:4px}.marker-item{transition:background-color .2s}.marker-item:hover{background-color:#f0f0f0}.controls{padding:10px;background-color:#f5f5f5;border-bottom:1px solid #ddd;display:flex;flex-direction:column;gap:10px;flex-shrink:0}.search-container{width:100%}#searchInput{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:14px}.filter-container{display:flex;gap:10px;flex-wrap:wrap}.filter-container select{padding:8px;border:1px solid #ddd;border-radius:4px;background-color:#fff;font-size:14px;min-width:150px}.map-container{position:relative;flex:1;min-height:0;overflow:hidden}#map{width:100%;height:100%}.items-list{position:absolute;top:0;left:0;width:300px;height:100%;background-color:#fff;z-index:1000;box-shadow:2px 0 5px #0000001a;transition:transform .3s ease;display:flex;flex-direction:column}.items-list.collapsed{transform:translate(-260px);transform:translateY(300px);background-color:#0000}.items-list.collapsed .list-content{display:none}.items-list.collapsed .list-header{background-color:#0000;color:#0000;border-bottom:1px solid rgba(0,0,0,0)}.items-list.collapsed .list-header h3{color:#0000;display:none}.items-list.collapsed .list-header button{background-color:#fff9}.list-header{display:flex;justify-content:space-between;align-items:center;padding:10px;background-color:#f5f5f5;border-bottom:1px solid #ddd;flex-shrink:0}.list-header h3{margin:0;font-size:16px}.toggle-button{background:none;border:none;font-size:16px;cursor:pointer;padding:5px;transition:transform .3s ease;color:#333;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.items-list.collapsed .toggle-button{transform:rotate(-90deg)}.list-content{flex:1;overflow-y:auto;min-height:0}#itemsListContent{padding:10px}.list-item{padding:10px;border-bottom:1px solid #eee;cursor:pointer;transition:background-color .2s}.list-item:hover{background-color:#f5f5f5}.list-item.selected{background-color:#e3f2fd}@media (prefers-color-scheme: dark){.items-list{background-color:#1a1a1a;color:#fff}.list-header{background-color:#2a2a2a;border-bottom-color:#333}.list-item{border-bottom-color:#333}.list-item:hover{background-color:#2a2a2a}.list-item.selected{background-color:#1a237e}.toggle-button{color:#fff}}.map-legend{position:absolute;top:10px;right:10px;background-color:#ffffffe6;padding:10px;border-radius:5px;box-shadow:0 2px 4px #0003;z-index:1000;max-width:200px}.map-legend h4{margin:0 0 10px;font-size:14px;color:#333}.legend-item{display:flex;align-items:center;margin-bottom:5px}.legend-color{width:15px;height:15px;border-radius:50%;margin-right:8px;border:1px solid rgba(0,0,0,.2)}.legend-item span{font-size:12px;color:#333}