:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme: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;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}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}#root{max-width:1280px;margin:0 auto;padding:0 2rem}.app-main{padding:2rem}.app-header{position:sticky;top:0;background-color:#242424;padding:.75rem 2rem;z-index:990;border-bottom:1px solid #444;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);display:flex;align-items:center;justify-content:space-between;gap:1rem}.header-controls{display:flex;align-items:center;gap:1rem}.toggle-switch{position:relative;display:inline-block;width:34px;height:20px;-webkit-appearance:none;appearance:none;background-color:#444;border-radius:20px;outline:none;cursor:pointer;transition:background-color .2s}.toggle-switch:before{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background-color:#fff;top:2px;left:2px;transition:transform .2s}.toggle-switch:checked{background-color:#646cff}.toggle-switch:checked:before{transform:translate(14px)}.search-container{position:relative;width:100%;max-width:600px;margin:0 auto}.search-input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border-radius:2rem;border:1px solid #555;background-color:#3a3a3a;color:#fff;font-size:1rem}.search-input::placeholder{color:#aaa}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#aaa;pointer-events:none}.fab{position:fixed;bottom:2rem;left:2rem;width:56px;height:56px;border-radius:50%;background-color:#646cff;color:#fff;border:none;cursor:pointer;display:flex;justify-content:center;align-items:center;box-shadow:0 4px 8px #0003;z-index:999}.fab:hover{background-color:#535bf2}.fab-delete-all{right:2rem;left:auto;background-color:#d9534f}.fab-delete-all:hover{background-color:#c9302c}.fab-sync{right:2rem;left:auto;background-color:#17a2b8;transition:all .1s}.fab-sync:hover{background-color:#138496}.modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.places-dialog-overlay{z-index:1001}.modal-content{background-color:#2f2f2f;padding:2rem;border-radius:8px;max-width:500px;width:90%;position:relative;border:1px solid #444;max-height:90vh;display:flex;flex-direction:column;overflow-y:auto}.close-button{position:absolute;top:.75rem;right:.75rem;background:transparent;border:none;color:#aaa;cursor:pointer;padding:.25rem;line-height:1;border-radius:50%;display:flex;align-items:center;justify-content:center}.close-button:hover{color:#fff;background-color:#444}.capsules-container{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}.capsule{background-color:#4a4a4a;color:#e0e0e0;padding:.25rem .75rem;border-radius:1rem;font-size:.9rem;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem}.capsule:hover{background-color:#5a5a5a}.item-list-capsule{cursor:default}.photo-buttons-container{display:flex;gap:.5rem;margin-bottom:1rem}.photo-buttons-container button{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-grow:1}.photo-remove-btn{position:absolute;top:4px;right:4px;background:#00000080;color:#fff;border:none;border-radius:50%;width:24px;height:24px;display:flex;justify-content:center;align-items:center;cursor:pointer;padding:0;line-height:1}.photo-remove-btn:hover{background:#000c}.new-place-form{display:flex;padding:.5rem;border-bottom:1px solid #555;margin-bottom:.5rem}.new-place-form input{flex-grow:1;margin-right:.5rem;min-width:0}.place-list{list-style:none;padding:0;margin:0;overflow-y:auto}.place-list li{display:flex;justify-content:space-between;align-items:center;padding:.5rem;cursor:pointer}.place-list li:hover{background-color:#4a4a4a}.place-list .place-name{flex-grow:1}.delete-place-btn{background:none;border:none;color:#faa;cursor:pointer;padding:0 .5rem;display:flex;align-items:center}.delete-place-btn:hover{color:#f77}.delete-place-btn.permanent{color:#f55}.delete-place-btn.permanent:hover{color:red}.places-management-container{display:flex;flex-direction:column;flex:1;min-height:0}.place-header{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid #444;padding-bottom:.5rem}.place-header h3{flex-grow:1;text-align:center;margin:0;text-transform:capitalize}.place-header-btn{background:none;border:none;color:#fff;cursor:pointer;padding:0 .5rem;line-height:1;display:flex;align-items:center}.place-header-btn:hover{opacity:.8}.item-card{border:1px solid #444;padding:1rem;margin-bottom:1rem;border-radius:8px;cursor:pointer;position:relative}.item-delete-btn{position:absolute;top:.75rem;right:.75rem;background:none;border:none;color:#faa;cursor:pointer;padding:.25rem;line-height:1;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:10}.item-delete-btn:hover{color:#f77;background-color:#444}.item-delete-btn-permanent{position:absolute;top:.75rem;right:.75rem;background:none;border:none;color:#f55;cursor:pointer;padding:.25rem;line-height:1;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:10}.item-delete-btn-permanent:hover{color:red;background-color:#522}.photo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin-top:1rem}.photo-grid-item{position:relative;width:100%;padding-top:100%;border-radius:4px;overflow:hidden;cursor:pointer}.photo-grid-item img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .2s ease-in-out}.photo-grid-item:hover img{transform:scale(1.05)}.fullscreen-overlay{position:fixed;inset:0;background-color:#000000e6;display:flex;justify-content:center;align-items:center;z-index:2000;cursor:pointer}.fullscreen-photo{max-width:95vw;max-height:95vh;object-fit:contain;border-radius:8px}.fullscreen-close-btn{position:absolute;top:1rem;right:1rem;background:transparent;border:none;color:#fff;cursor:pointer;padding:.5rem;line-height:1;border-radius:50%;z-index:2001}.add-user-form{display:flex;margin-bottom:1.5rem;border-bottom:1px solid #555;padding-bottom:1.5rem}.add-user-form input{flex-grow:1;margin-right:.5rem;padding:.5rem;min-width:0}.add-user-form button{display:flex;align-items:center;gap:.5rem}.user-list{list-style:none;padding:0;margin:0;max-height:40vh;overflow-y:auto}.user-list li{display:flex;justify-content:space-between;align-items:center;padding:.75rem .5rem;border-bottom:1px solid #444}.user-list li:last-child{border-bottom:none}.user-list .user-name{flex-grow:1}.user-list .current-user-tag{font-style:italic;color:#888;margin-right:1rem}.user-list .user-actions{display:flex;gap:.5rem}.user-list .user-actions button{background:none;border:none;color:#aaa;cursor:pointer;padding:.5rem;border-radius:50%;display:flex;align-items:center}.user-list .user-actions button:hover{background-color:#4a4a4a;color:#fff}@media(max-width:768px){.places-management-container:focus-within{flex-direction:column-reverse}}.fab-syncing,.fab-syncing:hover{color:#000;background-color:#f0ad4e}.spin-animation{animation:spin 1.5s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dropdown-container{position:relative}.dropdown-toggle-btn{background:none;border:none;color:#fff;cursor:pointer;padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.dropdown-toggle-btn:hover{background-color:#444}.dropdown-menu{position:absolute;top:100%;right:0;background-color:#2f2f2f;border:1px solid #444;border-radius:8px;min-width:180px;z-index:1100;padding:.5rem 0;box-shadow:0 4px 8px #0003}.dropdown-menu ul{list-style:none;padding:0;margin:0}.dropdown-menu li{padding:.75rem 1rem;cursor:pointer;display:flex;align-items:center;gap:.5rem}.dropdown-menu li:hover{background-color:#4a4a4a}.dropdown-user-item{font-weight:700;cursor:default;color:#a0a0a0}.dropdown-user-item:hover{background-color:transparent}.dropdown-toggle-item{display:flex;justify-content:space-between;align-items:center}.dropdown-toggle-item label{flex-grow:1;cursor:pointer}.dropdown-menu li.dropdown-toggle-item:hover{background-color:transparent;cursor:default}