@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg-color: #f3f4f6;--panel-bg: #ffffff;--panel-border: #e5e7eb;--text-main: #1f2937;--text-muted: #6b7280;--primary: #fce000;--primary-hover: #e5c800;--primary-text: #000000;--danger: #ef4444;--success: #10b981}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:var(--bg-color);color:var(--text-main);min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased}.flex-center{display:flex;align-items:center;justify-content:center}.flex{display:flex}.items-start{align-items:flex-start}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-6{margin-top:1.5rem}.p-3{padding:.75rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.w-full{width:100%}.text-center{text-align:center}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.font-medium{font-weight:500}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.italic{font-style:italic}.inline-block{display:inline-block}.mx-auto{margin-left:auto;margin-right:auto}.space-y-1>*+*{margin-top:.25rem}.opacity-50{opacity:.5}.opacity-0{opacity:0}.transition-colors{transition:background-color .2s,color .2s}.absolute{position:absolute}.relative{position:relative}.top-4{top:1rem}.right-4{right:1rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.flex-col{flex-direction:column}.text-gray-400{color:#9ca3af}.text-gray-500{color:#6b7280}.text-gray-600{color:#4b5563}.text-red-500{color:#ef4444}.text-orange-500{color:#f97316}.text-pink-500{color:#ec4899}.text-blue-500{color:#3b82f6}.text-green-500{color:#10b981}.bg-red-500\/10{background-color:#ef44441a}.bg-orange-500\/10{background-color:#f973161a}.bg-pink-500\/10{background-color:#ec48991a}.bg-blue-500\/10{background-color:#3b82f61a}.bg-green-500\/10{background-color:#10b9811a}.bg-gray-500\/10{background-color:#6b72801a}.hover\:text-red-500:hover{color:#ef4444}.group:hover .group-hover\:opacity-100{opacity:1}.app-container{display:flex;height:100vh;overflow:hidden}.main-content{display:flex;flex:1;width:100%}.map-section{flex:1;position:relative}.controls-section{width:420px;background-color:var(--panel-bg);box-shadow:-4px 0 16px #0000000d;display:flex;flex-direction:column;overflow-y:auto;z-index:10}.glass-header{padding:1.5rem 1.5rem 1rem;border-bottom:1px solid var(--panel-border);background-color:var(--panel-bg);position:sticky;top:0;z-index:10}.header-content{display:flex;align-items:center;margin-bottom:.25rem}.header-subtitle{color:var(--text-muted);font-size:.9rem}.controls-scroll{padding:1.5rem;flex:1}@media (max-width: 992px){.app-container{flex-direction:column;overflow:auto}.main-content{flex-direction:column}.map-section{height:50vh;flex:none}.controls-section{width:100%;box-shadow:0 -4px 16px #0000000d;overflow:visible}}.map-container,.yandex-map{width:100%;height:100%}.form-grid{display:grid;grid-template-columns:1fr;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.85rem;font-weight:600;color:var(--text-muted)}.modern-input,.modern-select{background:#f3f4f6;border:2px solid transparent;color:var(--text-main);padding:.75rem 1rem;border-radius:12px;font-size:.95rem;transition:all .2s ease;font-family:inherit;outline:none}.modern-input:focus,.modern-select:focus{background:#fff;border-color:var(--primary)}.modern-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234b5563' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 1rem center;background-size:1em}.modern-select option{background-color:#fff;color:var(--text-main)}.btn-primary{background:var(--primary);color:var(--primary-text);border:none;padding:.875rem 1.5rem;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease;display:flex;justify-content:center;align-items:center}.btn-primary:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.places-grid{display:flex;flex-direction:column;gap:1rem}.place-card{background:#fff;border:1px solid var(--panel-border);border-radius:16px;padding:1.25rem;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.place-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014;border-color:#d1d5db}.delete-btn{background:none;border:none;cursor:pointer;padding:.25rem;color:#9ca3af;border-radius:50%}.delete-btn:hover{background:#ef44441a;color:#ef4444}.card-action-btn{background:#f3f4f6;border:none;cursor:pointer;padding:.5rem;color:#6b7280;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;outline:none}.card-action-btn:hover{background:#e5e7eb;color:#374151}.card-action-btn.btn-edit:hover{background:#3b82f61a;color:#3b82f6}.card-action-btn.btn-delete:hover{background:#ef44441a;color:#ef4444}.card-action-btn.btn-visited{background:#10b9811a;color:#10b981}.card-action-btn.btn-unvisited{background:#f3f4f6;color:#9ca3af}.card-action-btn.btn-unvisited:hover{background:#10b9811a;color:#10b981}.footer{text-align:center;padding:1.5rem 0;color:var(--text-muted);font-size:.85rem;border-top:1px solid var(--panel-border);margin-top:2rem}.error-message{background:#fef2f2;border:1px solid #f87171;color:#b91c1c;padding:.75rem 1rem;border-radius:12px;font-size:.875rem}.loading-spinner{width:20px;height:20px;border:2px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:var(--primary-text);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.animate-slide-up{animation:slide-up .3s ease-out forwards}.animate-fade-in{animation:fade-in .3s ease-out forwards}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1.5rem;animation:fade-in .2s ease-out forwards}.modal-content{width:100%;max-width:480px;max-height:85vh;background:#fff;border-radius:20px;display:flex;flex-direction:column;box-shadow:0 20px 40px #00000026;animation:slide-up .3s cubic-bezier(.16,1,.3,1) forwards;padding:1.5rem}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.modal-title{font-size:1.25rem;font-weight:700;color:var(--text-main);margin:0}.modal-close-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.375rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.modal-close-btn:hover{background:#f3f4f6;color:var(--text-main)}.modal-description{font-size:.875rem;color:var(--text-muted);margin-bottom:1.25rem}.search-results-list{max-height:50vh;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem;padding-right:.25rem}.search-results-list::-webkit-scrollbar{width:6px}.search-results-list::-webkit-scrollbar-track{background:transparent}.search-results-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.search-results-list::-webkit-scrollbar-thumb:hover{background:#9ca3af}.result-item{cursor:pointer;background:#fff;border:1px solid #e5e7eb;padding:1rem 1.25rem;border-radius:12px;text-align:left;width:100%;transition:all .2s ease;display:flex;flex-direction:column;gap:.25rem;font-family:inherit;color:var(--text-main)}.result-item:hover{background:#f9fafb;border-color:#d1d5db;box-shadow:0 2px 8px #0000000d}.result-item-title{font-size:.95rem;font-weight:600;color:var(--text-main);line-height:1.4}.result-item-subtitle{font-size:.8rem;color:var(--text-muted);line-height:1.4}