/*! Copyright (c) 2025 UB0JBX <mail@ub0jbx.ru> */
:root{color-scheme:dark;--bg:#090909;--accent-bg:#262626;--text:#e8e8e8;--text-light:#a8a8a8;--accent:#4db6ac;--accent-hover:#80cbc4;--accent-text:#ffffff;--code:#f06292;--preformatted:#ccc;--disabled:#111;--border:#333;--shadow:rgba(0, 0, 0, 0.5);--card-shadow:0 4px 12px rgba(0, 0, 0, 0.25);--transition-speed:0.3s;--standard-border-radius:0;--sender-marker-color:#d84315;--sender-marker-color-hover:#ffab91;--gateway-marker-color:var(--accent);--gateway-marker-color-hover:var(--accent-hover)}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;background-color:var(--bg);color:var(--text);display:flex;height:100vh;overflow:hidden;transition:background-color var(--transition-speed)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--accent-bg)}::-webkit-scrollbar-thumb{background:var(--accent);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-hover)}a{transition:color var(--transition-speed)}@media (max-width:768px){body{flex-direction:column}}#map-container{flex:1;position:relative;box-shadow:var(--card-shadow);transition:box-shadow var(--transition-speed);display:flex;flex-direction:column}#map{flex:1;width:100%;background-color:var(--bg);z-index:99}#map svg.leaflet-zoom-animated{animation:markerEntrance .6s ease-out forwards}#map .leaflet-attribution-flag{display:none!important}#map .leaflet-tooltip{background-color:var(--accent-bg);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:8px 12px;font-size:14px;box-shadow:var(--card-shadow);transition:opacity var(--transition-speed);opacity:0;transform:translateY(5px)}#map .leaflet-tooltip::after,#map .leaflet-tooltip::before{display:none!important}#map .leaflet-tooltip.visible{opacity:1;transform:translateY(0)}#map .leaflet-tooltip b{color:var(--accent);font-weight:700}#map .leaflet-popup{transition:opacity var(--transition-speed)}#map .leaflet-popup-content-wrapper{background-color:var(--accent-bg);color:var(--text);border-radius:8px;box-shadow:var(--card-shadow);border:1px solid var(--border);margin-bottom:0}#map .leaflet-popup-content{padding:12px;font-size:14px;line-height:1.5}#map .leaflet-popup-content p:first-child{margin-top:0}#map .leaflet-popup-content p:last-child{margin-bottom:0}#map .leaflet-popup-content label{display:inline;color:var(--text-light)}#map .leaflet-popup-content b{color:var(--accent)}#map .leaflet-popup-tip{display:none!important}#map .leaflet-interactive{cursor:inherit}#map .leaflet-control-zoom{border:1px solid var(--border)!important;border-radius:8px!important;box-shadow:var(--card-shadow)!important;overflow:hidden}#map .leaflet-control-zoom a{background-color:var(--accent-bg)!important;color:var(--text)!important;border:none!important;width:34px!important;height:34px!important;line-height:34px!important;font-size:18px!important;font-weight:700!important;transition:all var(--transition-speed)!important;display:flex!important;align-items:center!important;justify-content:center!important}#map .leaflet-control-zoom a:hover{background-color:var(--accent)!important;color:var(--accent-text)!important}#map .leaflet-control-zoom a:first-child{border-bottom:1px solid var(--border)!important}#map .leaflet-control-zoom a:first-child:hover{border-bottom-color:var(--accent-hover)!important}#map .ripple{position:absolute;border-radius:50%;background:var(--accent-hover);animation:ripple 1.2s ease-out;animation-fill-mode:forwards;animation-iteration-count:1;pointer-events:none;box-shadow:0 0 10px rgba(77,182,172,.5)}#map .hackish-marker{outline:0}#tabs{display:flex;justify-content:space-around;background:var(--accent-bg);padding:10px 0;box-shadow:0 2px 5px var(--shadow);border-bottom:1px solid var(--border);position:relative;z-index:100}#tabs .tab{padding:10px 20px;cursor:pointer;color:var(--text-light);transition:all var(--transition-speed);border-radius:3px;margin:0 5px;position:relative;border-bottom:2px solid transparent}#tabs .tab:hover{background-color:rgba(77,182,172,.1);color:var(--text)}#tabs .tab.active{color:var(--accent);border-bottom:2px solid var(--accent);background-color:rgba(77,182,172,.15)}.message-overlay{position:fixed;top:90px;left:50%;background:var(--accent-bg);color:var(--text);padding:12px 20px;border-radius:8px;box-shadow:var(--card-shadow);border:1px solid var(--border);z-index:1000;max-width:80%;text-align:center;font-size:16px;opacity:0;transform:translate(-50%,0);transition:opacity .5s ease,transform .5s ease}.message-overlay[x-show]{opacity:1}#scanline-overlay{pointer-events:none}@media (max-width:768px){#tabs{flex-wrap:wrap}.tab{padding:8px 15px;margin:3px;font-size:.9rem}.message-overlay{max-width:90%;font-size:14px}}#status-indicator{position:fixed;bottom:10px;left:10px;display:flex;align-items:center;gap:8px;background:var(--accent-bg);backdrop-filter:blur(5px);padding:8px 12px;border-radius:8px;border:1px solid var(--border);box-shadow:var(--card-shadow);z-index:1000;color:var(--text);font-size:.85rem}#status-indicator .status-dot{width:10px;height:10px;border-radius:50%;background:#4caf50;box-shadow:0 0 8px #4caf50;transition:all var(--transition-speed)}.modal-overlay{display:flex;justify-content:center;align-items:center}.modal-content{background:var(--accent-bg);border:1px solid var(--border);border-radius:8px;box-shadow:var(--card-shadow);width:90%;max-width:800px;max-height:70vh;overflow-y:auto;padding:24px;position:relative;color:var(--text);transform:scale(.95);opacity:0;transition:all var(--transition-speed) ease-out}.modal-overlay[x-show] .modal-content{opacity:1}.modal-close{position:absolute;top:12px;right:12px;background:rgba(255,255,255,.1);color:var(--text);width:32px;height:32px;line-height:32px;border-radius:50%;cursor:pointer;text-align:center;transition:all var(--transition-speed);padding:0;margin:0;border:0}.modal-close:focus,.modal-close:hover{background:var(--accent);color:var(--accent-text)}.project-info h3{color:var(--accent);margin-top:0}@media (max-width:768px){.modal-content{width:95%;padding:20px}}@media (max-width:480px){.modal-content{max-height:85vh;overflow-y:auto}}@keyframes ripple{0%{transform:scale(.5);opacity:0}30%{transform:scale(1);opacity:1}100%{transform:scale(3);opacity:0}}@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes dataStream{0%{transform:translateX(-100%);opacity:0}10%{opacity:.7}90%{opacity:.7}100%{transform:translateX(100%);opacity:0}}@keyframes markerEntrance{from{opacity:0}to{opacity:1}}.scanline{position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(to bottom,transparent,transparent 1px,rgba(0,0,0,.3) 1px,rgba(0,0,0,.3) 3px);opacity:.8;z-index:10000;transition:opacity .8s ease-out}.data-stream::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(77,182,172,.3),transparent);animation:dataStream 2s;opacity:0;border-radius:inherit;z-index:1;pointer-events:none}.fade-in{animation:fadeIn .5s ease-out forwards;opacity:0}.fade-in-delay{animation:fadeIn .5s ease-out forwards;animation-delay:.2s;opacity:0}.fade-out{animation:fadeOut .5s ease-out forwards;opacity:1}.fade-out-delay{animation:fadeOut .5s ease-out forwards;animation-delay:.2s;opacity:1}#info .info-separator{margin:2rem 0}#info .info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px}#info .info-item{text-align:center;padding:16px;background:rgba(0,0,0,.3);border-radius:8px;border:1px solid var(--border);transition:all var(--transition-speed)}#info .info-item:hover{background:rgba(77,182,172,.1);border-color:rgba(77,182,172,.1)}#info .info-value{font-size:1.6rem;font-weight:700;color:var(--accent);margin-bottom:8px}#info .info-label{font-size:.85rem;color:var(--text-light)}#info .links{display:flex;flex-wrap:wrap;gap:12px}#info .info-link{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:rgba(77,182,172,.1);border-radius:3px;color:var(--accent);text-decoration:none;font-size:.85rem;transition:all var(--transition-speed)}#info .info-link:focus,#info .info-link:hover{background:rgba(77,182,172,.2);color:var(--accent-hover);transform:translateY(-1px)}#info .project-info h3{color:var(--accent);margin-top:0}@media (max-width:768px){#info .info-grid{grid-template-columns:repeat(2,1fr)}#info .links{flex-direction:column}}@media (max-width:480px){#info .info-grid{grid-template-columns:1fr}}