.observer-panel{position:fixed;top:80px;right:20px;width:280px;background:rgba(20,25,35,.95);border:1px solid rgba(100,150,255,.3);border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.5);z-index:1000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#e0e0e0}.observer-panel-header{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;background:rgba(40,60,100,.5);border-bottom:1px solid rgba(100,150,255,.2);border-radius:8px 8px 0 0}.observer-panel-title{font-weight:600;font-size:14px;color:#aaddff}.observer-panel-close{background:none;border:none;color:#888;font-size:16px;cursor:pointer;padding:2px 8px;border-radius:4px;transition:all .2s}.observer-panel-close:hover{background:rgba(255,100,100,.2);color:#ff6666}.observer-panel-content{padding:15px}.observer-section{margin-bottom:15px}.observer-section label{display:block;font-size:12px;color:#8899aa;margin-bottom:6px}.observer-select{width:100%;padding:8px 10px;background:rgba(30,40,60,.8);border:1px solid rgba(100,150,255,.2);border-radius:4px;color:#e0e0e0;font-size:13px;cursor:pointer;transition:border-color .2s}.observer-select:hover{border-color:rgba(100,150,255,.5)}.observer-select:focus{outline:none;border-color:rgba(100,150,255,.7)}.observer-coords{display:flex;gap:10px;margin-bottom:10px}.observer-coord-field{flex:1}.observer-coord-field label{font-size:11px;margin-bottom:4px}.observer-coord-field input{width:100%;padding:6px 8px;background:rgba(30,40,60,.8);border:1px solid rgba(100,150,255,.2);border-radius:4px;color:#e0e0e0;font-size:12px;box-sizing:border-box}.observer-coord-field input:focus{outline:none;border-color:rgba(100,150,255,.7)}.observer-btn{width:100%;padding:8px 12px;background:rgba(60,100,180,.6);border:1px solid rgba(100,150,255,.3);border-radius:4px;color:#fff;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.observer-btn:hover{background:rgba(80,120,200,.8);border-color:rgba(100,150,255,.5)}.observer-btn-secondary{background:rgba(40,50,70,.6)}.observer-btn-secondary:hover{background:rgba(60,70,90,.8)}.observer-current{margin-top:15px;padding:12px;background:rgba(40,60,100,.3);border-radius:6px;border:1px solid rgba(100,150,255,.15)}.observer-current-title{font-size:11px;color:#6688aa;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.observer-current-value{font-size:14px;color:#aaddff;font-weight:500;margin-bottom:4px}.observer-current-coords{font-size:11px;color:#888;font-family:monospace}.observer-datetime-section{border-top:1px solid #333;padding-top:12px;margin-top:12px}.observer-datetime{display:flex;gap:8px;margin-bottom:8px}.observer-date-input,.observer-time-input{flex:1;padding:8px;background:#1a1a1a;border:1px solid #444;border-radius:4px;color:#fff;font-size:14px}.observer-date-input:focus,.observer-time-input:focus{border-color:#4a9eff;outline:none}.observer-timezone-info{font-size:12px;color:#4a9eff;margin-bottom:8px;text-align:center}.observer-quick-times{display:flex;gap:6px;margin-top:8px}.observer-quick-time-btn{flex:1;padding:6px 4px;background:#333;border:1px solid #444;border-radius:4px;color:#ccc;font-size:11px;cursor:pointer;transition:all .2s}.observer-quick-time-btn:hover{background:#444;border-color:#4a9eff;color:#fff}.observer-indicator{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:rgba(40,60,100,.5);border:1px solid rgba(100,150,255,.2);border-radius:4px;font-size:11px;color:#aaddff;cursor:pointer;transition:all .2s}.observer-indicator:hover{background:rgba(50,70,120,.6);border-color:rgba(100,150,255,.4)}.observer-indicator.not-set{color:#666;border-color:rgba(100,100,100,.2)}.visibility-info{margin-top:12px;padding:10px;background:rgba(40,60,100,.2);border-radius:6px;border-left:3px solid rgba(100,150,255,.5)}.visibility-info-title{font-size:11px;color:#6688aa;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.visibility-info-content{font-size:12px;color:#ccc;line-height:1.6;white-space:pre-line}.visibility-info-content strong{color:#aaddff}