body,html{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background-color:#000510;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}#star-canvas{display:block;width:100%;height:100%}h1{margin:0;font-size:1.5rem;font-weight:300;letter-spacing:2px;text-transform:uppercase}#status-text{margin-top:5px;font-size:.9rem;opacity:.7}#location-modal,#help-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:100;display:none;align-items:center;justify-content:center;backdrop-filter:blur(2px)}.modal-content{background-color:#141e32e6;border:1px solid rgba(100,200,255,.3);padding:20px;border-radius:8px;width:300px;color:#fff;font-family:sans-serif;position:relative;box-shadow:0 4px 20px #00000080}#events-list,#highlights-list{font-size:.85rem;color:#ccc}#events-list>div,#highlights-list>div{padding:5px 0;border-bottom:1px solid rgba(255,255,255,.05)}#events-list>div:last-child,#highlights-list>div:last-child{border-bottom:none}.close-btn{position:absolute;top:10px;right:15px;font-size:24px;cursor:pointer;color:#aaa}.close-btn:hover{color:#fff}h2{margin-top:0;font-size:1.2rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:10px}ul{padding-left:20px;line-height:1.6}#chat-panel{position:fixed;top:0;right:0;width:350px;height:100%;background:#0a1428f2;border-left:1px solid rgba(100,150,255,.3);display:flex;flex-direction:column;z-index:200;transition:transform .3s ease;backdrop-filter:blur(10px)}.chat-panel-closed{transform:translate(100%)}.chat-panel-open{transform:translate(0)}#chat-header{display:flex;justify-content:space-between;align-items:center;padding:15px;background:#3250964d;border-bottom:1px solid rgba(100,150,255,.2);font-size:1.1em;font-weight:700}#chat-messages{flex:1;overflow-y:auto;padding:15px;display:flex;flex-direction:column;gap:12px}.chat-message{max-width:90%;padding:10px 14px;border-radius:12px;line-height:1.5;font-size:.95em}.chat-message.user{align-self:flex-end;background:#6496ff4d;border:1px solid rgba(100,150,255,.4)}.chat-message.ai{align-self:flex-start;background:#32466480;border:1px solid rgba(100,150,255,.2)}.chat-message.error{align-self:center;background:#ff64644d;border:1px solid rgba(255,100,100,.5);color:#faa}.chat-message.loading{align-self:flex-start;background:#3246644d;color:#aaa;font-style:italic}#chat-input-area{display:flex;gap:8px;padding:15px;background:#1e325080;border-top:1px solid rgba(100,150,255,.2)}#chat-input{flex:1;background:#ffffff1a;border:1px solid rgba(100,150,255,.3);color:#fff;padding:10px 12px;border-radius:8px;font-size:.95em}#btn-now,#btn-play-pause{padding:6px 12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background .2s}#chat-input::placeholder{color:#ffffff80}#chat-input:focus{outline:none;border-color:#6496ff99}#chat-send-btn{background:#6496ff66;border:1px solid rgba(100,150,255,.5);color:#fff;padding:10px 16px;border-radius:8px;cursor:pointer;font-weight:700;transition:background .2s}#chat-send-btn:hover{background:#6496ff99}#chat-send-btn:disabled{opacity:.5;cursor:not-allowed}#moon-phase-panel{position:absolute;top:20px;right:70px;background:#0a141e99;border:1px solid rgba(255,220,100,.2);padding:6px 12px;border-radius:20px;color:#fff;pointer-events:none;display:flex;align-items:center;backdrop-filter:blur(4px)}#side-menu{position:fixed;top:0;left:0;width:280px;height:100%;max-height:100vh;background:#0a141ef2;border-right:1px solid rgba(100,150,255,.2);backdrop-filter:blur(10px);z-index:200;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;box-shadow:2px 0 20px #00000080;overflow-y:auto;overflow-x:hidden}#side-menu::-webkit-scrollbar{width:6px}#side-menu::-webkit-scrollbar-track{background:#0003}#side-menu::-webkit-scrollbar-thumb{background:#6496ff4d;border-radius:3px}#side-menu::-webkit-scrollbar-thumb:hover{background:#6496ff80}.side-menu-closed{transform:translate(-100%)}#side-menu-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#32509633;border-bottom:1px solid rgba(100,150,255,.15);position:sticky;top:0;z-index:10}#side-menu-header h3{margin:0;font-weight:400;letter-spacing:1px;text-transform:uppercase;font-size:1rem;color:#add8e6}#menu-close-btn{background:none;border:none;color:#aaa;font-size:1.2rem;cursor:pointer;padding:5px;transition:color .2s}#menu-close-btn:hover{color:#fff}.menu-section{padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.05)}.menu-section h4{margin:0 0 15px;font-size:.85rem;text-transform:uppercase;color:#6daecc;letter-spacing:1px}.control-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.control-row label{color:#ccc;font-size:.95rem}.control-row input[type=number]{width:80px;background:#ffffff0d;border:1px solid #445566;color:#fff;padding:6px;border-radius:4px;text-align:right;font-size:.95rem}.toggle-row{display:flex;align-items:center;gap:10px;margin-bottom:10px;cursor:pointer;color:#e0e0e0;font-size:.95rem;transition:color .2s}.toggle-row:hover{color:#fff}#view-mode-select{width:100%;padding:8px;background:#0000004d;border:1px solid #445566;color:#fff;border-radius:4px;font-size:.95rem;cursor:pointer}.menu-btn-action{display:block;width:100%;padding:10px;margin-bottom:10px;background:#6496ff1a;border:1px solid rgba(100,150,255,.3);color:#fff;border-radius:4px;cursor:pointer;text-align:left;transition:all .2s;font-size:.95rem}.menu-btn-action:hover{background:#6496ff33;border-color:#6496ff80}#bottom-panel{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background:#0a0f19d9;border:1px solid rgba(100,150,255,.2);padding:12px 20px;border-radius:12px;display:flex;flex-direction:column;gap:12px;backdrop-filter:blur(5px);width:500px;box-shadow:0 10px 30px #00000080}#search-bar{display:flex;gap:8px}#search-input{flex:1;background:#ffffff0d;border:1px solid #445566;color:#fff;padding:8px 12px;border-radius:6px;font-size:.95rem}#search-btn{padding:8px 16px;background:#64c8ff33;border:1px solid rgba(100,200,255,.4);color:#fff;border-radius:6px;cursor:pointer;font-size:.95rem;transition:all .2s}#time-controls{display:flex;align-items:center;gap:15px;justify-content:space-between}#date-picker{background:#ffffff0d;border:1px solid #445566;color:#fff;padding:6px;border-radius:4px;font-family:inherit;font-size:.9rem}#moon-phase-panel{position:absolute;top:70px;right:20px;background:#0a141e99;border:1px solid rgba(255,220,100,.2);padding:6px 12px;border-radius:20px;color:#fff;pointer-events:none;display:flex;align-items:center;backdrop-filter:blur(4px)}#btn-now:hover,#btn-play-pause:hover{background:#fff3}.speed-control{display:flex;align-items:center;gap:8px}.night-mode{filter:sepia(100%) hue-rotate(-50deg) saturate(600%) brightness(.7)}#hud-panel{position:absolute;top:60px;left:20px;background:#0006;border:1px solid rgba(100,200,255,.2);padding:10px;border-radius:6px;pointer-events:none;backdrop-filter:blur(2px)}#hud-direction{font-size:1.1rem;color:#0ff;font-weight:700;margin-bottom:4px}#hud-coordinates{font-size:.85rem;color:#8cf;font-family:monospace}#world-map-canvas{background:#000810;cursor:crosshair}#settings-panel{position:fixed;top:0;right:0;width:320px;height:100%;background:#0a141ef2;border-left:1px solid rgba(100,150,255,.2);backdrop-filter:blur(10px);z-index:200;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;box-shadow:-2px 0 20px #00000080}.settings-panel-closed{transform:translate(100%)}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#32509633;border-bottom:1px solid rgba(100,150,255,.15)}.settings-header h3{margin:0;font-weight:400;letter-spacing:1px;text-transform:uppercase;font-size:1rem;color:#add8e6}#settings-close-btn{background:none;border:none;color:#aaa;font-size:1.2rem;cursor:pointer;padding:5px;transition:color .2s}#settings-close-btn:hover{color:#fff}.settings-tabs{display:flex;border-bottom:1px solid rgba(100,150,255,.2);background:#0003}.tab-btn{flex:1;background:none;border:none;color:#8ad;padding:12px 0;cursor:pointer;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;transition:all .2s;border-bottom:2px solid transparent}.tab-btn:hover{background:#6496ff1a;color:#fff}.tab-btn.active{color:#fff;border-bottom:2px solid #00c8fa;background:#6496ff1a}.settings-content{flex:1;overflow-y:auto;padding:10px 0}.tab-content{display:none;animation:fadeIn .3s ease}.tab-content.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}#main-settings-btn{transition:transform .3s ease}#main-settings-btn:hover{transform:rotate(90deg)}#auto-demo-btn:hover{transform:scale(1.05);box-shadow:0 0 25px #00c8ffcc}@keyframes pulse-glow{0%{box-shadow:0 0 10px #00c8ff66}50%{box-shadow:0 0 20px #00c8ffcc}to{box-shadow:0 0 10px #00c8ff66}}#auto-demo-btn{animation:pulse-glow 2s infinite}