:root{--footer-height: 40px}body,html{margin:0;padding:0;width:100%;height:100%;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:#4a5d4a;color:#333}body{--footer-height: 35px;margin:0;position:relative;width:100vw;height:100vh;overflow:hidden;background-size:cover}.main-content{flex:1;position:relative;overflow:hidden}#yandex-map{position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:0}.ui-overlay{position:relative;width:100%;height:100%}.left-toolbar{position:absolute;top:16px;left:16px;background-color:#fffffff2;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:8px 0;display:flex;flex-direction:column;align-items:center;gap:4px}.arrow-button>img{opacity:50%}.left-toolbar .icon-button{width:40px;height:40px;border-radius:4px;margin:0 6px;cursor:pointer;transition:background-color .2s;display:grid;place-items:center}.left-toolbar .icon-button:hover{background-color:#d0d0d0}.left-toolbar .separator{width:80%;height:1px;background-color:#e0e0e0;margin:8px 0}.right-sidebar{position:absolute;top:16px;right:85px;bottom:calc(var(--footer-height) + 75px);width:380px;max-width:90%;background-color:#f5f5f5fa;border-radius:12px;box-shadow:0 4px 15px #0003;display:flex;flex-direction:column;padding:16px}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid #e0e0e0;flex-shrink:0}.sidebar-header h2{margin:0;font-size:18px;font-weight:600}.sidebar-header .controls{display:flex;gap:12px}.sidebar-header .icon-placeholder{width:24px;height:24px;border-radius:4px;cursor:pointer}.sidebar-content{overflow-y:auto;margin-top:16px;flex-grow:1;scrollbar-width:thin;scrollbar-color:#ccc #f5f5f5}.sidebar-content::-webkit-scrollbar{width:6px}.sidebar-content::-webkit-scrollbar-track{background:#f5f5f5;border-radius:3px}.sidebar-content::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:3px}.news-card{background-color:#fff;border-radius:8px;padding:16px;margin-bottom:12px;box-shadow:0 2px 5px #0000000d}.news-card .tag{display:inline-block;background-color:khaki;color:#a67c00;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;margin-bottom:8px}.news-card h3{font-size:16px;margin:0 0 12px;font-weight:600}.news-card .image-placeholder{width:100%;height:160px;background-color:#e0e0e0;border-radius:6px;margin-bottom:12px}.news-card p{font-size:14px;line-height:1.5;color:#555;margin:0 0 12px}.card-footer{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#888}.card-footer .expand-icon{width:20px;height:20px;background-color:#e0e0e0;border-radius:50%;cursor:pointer}.tooltip-news{position:absolute;top:50%;right:510px;transform:translateY(-50%);background-color:#fcee21;padding:10px 18px;border-radius:18px;font-size:14px;font-weight:500;box-shadow:0 2px 8px #00000026;cursor:pointer}.tooltip-news:after{content:"";position:absolute;top:50%;left:100%;transform:translateY(-50%);border:8px solid transparent;border-left-color:#fcee21}.tooltip-news:after{content:"";position:absolute;top:50%;left:99%;transform:translateY(-50%);border:8px solid transparent;border-left-color:#fcee21}.bottom-left-icons{position:absolute;left:10px;bottom:calc(var(--footer-height) + 20px);display:flex;gap:10px;background-color:#fffffff2;border-radius:16px;padding:4px 6px}.bottom-left-info .icon-placeholder{width:24px;height:24px;background-color:#ffffffb3;border-radius:4px;cursor:pointer}.bottom-right-controls{position:absolute;right:16px;bottom:calc(var(--footer-height) + 20px);display:flex;align-items:center;gap:12px}.scale-bar{color:#fff;font-size:13px;text-shadow:1px 1px 2px rgba(0,0,0,.7);padding:6px 10px;border-bottom:2px solid white}.control-buttons{display:flex;gap:8px}.control-buttons .btn{width:40px;height:40px;background-color:#fffffff2;border:none;border-radius:50%;box-shadow:0 2px 6px #0003;cursor:pointer}.zoom-controls{display:flex;flex-direction:row;background-color:#fffffff2;border-radius:20px;box-shadow:0 2px 6px #0003;overflow:hidden}.zoom-controls .btn{width:40px;height:40px;background-color:transparent;border:none;font-size:24px;font-weight:700;color:#555;cursor:pointer}.zoom-controls .zoom-separator{width:1px;height:20px;background-color:#e0e0e0;margin:auto 0}.info-footer{position:absolute;bottom:0;left:0;width:100%;height:var(--footer-height);background-color:#f0f0f0e6;border-top:1px solid rgba(0,0,0,.1);padding:0 16px;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;color:#333;font-size:13px}.footer-left-info{display:flex;gap:20px}.footer-right-info{display:flex;align-items:center;gap:16px}.scale-display{display:flex;align-items:center;gap:8px}.scale-line{width:80px;height:5px;border-bottom:1px solid #555;position:relative}.scale-line:before,.scale-line:after{content:"";position:absolute;background-color:#555;width:1px;height:5px;bottom:-2px}.scale-line:before{left:0}.scale-line:after{right:0}.coordinates{font-size:12px;color:#555}.control-buttons .btn:hover{background-color:#e9e9e9;box-shadow:0 4px 8px #00000040;transform:translateY(-1px);transition:all .2s ease-out}.zoom-controls .btn:hover{background-color:#e0e0e0;transition:background-color .2s ease-out}.bottom-left-icons .icon-placeholder:hover{background-color:#0000001a;transition:background-color .2s ease-out}.control-buttons .btn:active{background-color:#dcdcdc;transform:translateY(0);box-shadow:0 2px 4px #0003;transition:all .1s ease}.side-controls{position:absolute;top:16px;right:15px;display:flex;flex-direction:column;gap:8px}.control-group{background-color:#fffffff2;border-radius:8px;box-shadow:0 2px 6px #00000026;padding:4px;display:flex;flex-direction:column;gap:4px}.side-button{width:40px;height:40px;cursor:pointer;display:grid;place-items:center;transition:background-color .2s ease}.side-button:hover{background-color:#e9e9e9;border-radius:6px}.side-button img{width:24px;height:24px}