.eo-wrapper{background:var(--bg-2);border:1px solid var(--border-2);border-radius:var(--radius-lg);margin-bottom:2rem;overflow:hidden}.eo-header{border-bottom:1px solid var(--border);padding:1.25rem 1.5rem 1rem}.eo-title-row{align-items:center;display:flex;gap:.75rem;margin-bottom:.35rem}.eo-badge{animation:eoPulse 2s ease-in-out infinite;background:rgba(239,68,68,.2);border-radius:var(--radius-full);color:#f87171;font-size:.65rem;font-weight:700;letter-spacing:.08em;padding:.2em .6em}@keyframes eoPulse{0%,to{opacity:1}50%{opacity:.5}}.eo-title{color:var(--text);font-size:1.1rem;font-weight:600}.eo-subtitle{color:var(--text-muted);font-size:.78rem}.eo-body{display:grid;grid-template-columns:1fr 340px;min-height:420px}.eo-iframe-col{border-right:1px solid var(--border);position:relative}.eo-iframe-wrap{height:100%;min-height:400px;position:relative;width:100%}.eo-iframe-wrap iframe{border:none;height:100%;inset:0;position:absolute;width:100%}.eo-iframe-overlay{background:linear-gradient(transparent,rgba(10,15,30,.85));bottom:0;color:var(--text-muted);font-size:.72rem;left:0;padding:.5rem 1rem;pointer-events:none;position:absolute;right:0;text-align:center}.eo-panel-col{display:flex;flex-direction:column;overflow:hidden}.eo-city-nav{align-items:flex-start;border-bottom:1px solid var(--border);display:flex;gap:.5rem;padding:.75rem}.eo-city-list{display:flex;flex:1;flex-wrap:wrap;gap:.35rem}.eo-city-btn{background:transparent;border:1px solid var(--border-2);border-radius:var(--radius-full);color:var(--text-muted);cursor:pointer;font-family:var(--font);font-size:.7rem;padding:.25em .6em;transition:all .2s}.eo-city-btn:hover{border-color:var(--primary);color:var(--text-2)}.eo-city-btn.active{background:var(--primary-dim);border-color:var(--primary);color:var(--primary);font-weight:600}.eo-cycle-controls{display:flex;flex-shrink:0;gap:.3rem}.eo-cycle-btn{align-items:center;background:transparent;border:1px solid var(--border-2);border-radius:var(--radius);color:var(--text-muted);cursor:pointer;display:flex;font-size:.75rem;height:28px;justify-content:center;transition:all .2s;width:28px}.eo-cycle-btn:hover{border-color:var(--primary);color:var(--text)}.eo-data-panel{display:flex;flex:1;flex-direction:column;gap:.6rem;overflow-y:auto;padding:.75rem}.eo-city-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding-bottom:.4rem}.eo-city-name{color:var(--text);font-size:.95rem;font-weight:600}.eo-coords{color:var(--text-muted);font-family:monospace;font-size:.7rem}.eo-data-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.65rem .75rem;transition:border-color .2s}.eo-data-card:hover{border-color:var(--border-2)}.eo-data-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.4rem}.eo-data-icon{font-size:.9rem}.eo-data-label{color:var(--text-2);flex:1;font-size:.75rem;font-weight:600}.eo-status{font-size:.6rem;font-weight:700;letter-spacing:.05em}.eo-status-live{color:var(--green)}.eo-status-error{color:var(--red)}.eo-status-loading{color:var(--amber)}.eo-data-content{color:var(--text-2);font-size:.78rem;line-height:1.5}.eo-pulse-line{animation:eoShimmer 1.5s infinite;background:linear-gradient(90deg,var(--surface-2) 25%,var(--border) 50%,var(--surface-2) 75%);background-size:200% 100%;border-radius:4px;height:10px;margin-bottom:.4rem}@keyframes eoShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.eo-footer{align-items:center;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;padding:.6rem 1.25rem}.eo-footer-badge{background:var(--primary-dim);border-radius:var(--radius-full);color:var(--primary);font-size:.7rem;font-weight:600;padding:.2em .7em}.eo-footer-note{color:var(--text-muted);font-family:monospace;font-size:.65rem}@media (max-width:768px){.eo-body{grid-template-columns:1fr}.eo-iframe-col{border-bottom:1px solid var(--border);border-right:none}.eo-iframe-wrap{min-height:280px}.eo-panel-col{max-height:360px}.eo-footer{flex-direction:column;text-align:center}}.eo-mobile-fallback{align-items:center;display:flex;flex-direction:column;gap:.5rem;justify-content:center;min-height:120px;padding:2rem 1rem;text-align:center}.eo-mobile-fallback a{color:var(--primary);font-size:1rem;font-weight:600;text-decoration:none}.eo-mobile-fallback span{color:var(--text-muted);font-size:.72rem}