:root{--bg-dark: #050b14;--glass-bg: rgba(16, 30, 60, .6);--glass-border: rgba(100, 180, 255, .2);--text-main: #e2f1ff;--text-muted: #8ab4f8;--accent: #4da8da;--accent-glow: rgba(77, 168, 218, .5)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:"system-ui",-apple-system,sans-serif;background-color:var(--bg-dark);color:var(--text-main);overflow-x:hidden}.app-container{min-height:100vh;display:flex;flex-direction:column;position:relative;z-index:1}.app-header{padding:20px;display:flex;justify-content:center;z-index:10;position:relative}.header-content{display:flex;flex-direction:column;align-items:center;gap:8px}.header-content h1{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:600;text-shadow:0 0 10px var(--accent-glow)}.app-main{flex:1;padding:20px;max-width:1200px;margin:0 auto;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;position:relative}.stars-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:radial-gradient(ellipse at bottom,#1b2735,#050b14);overflow:hidden}.stars-layer-1,.stars-layer-2,.stars-layer-3{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:transparent}.stars-layer-1:after{content:"";position:absolute;width:1px;height:1px;background:transparent;box-shadow:10vw 20vh #fff,40vw 60vh #fff,80vw 10vh #fff,20vw 80vh #fff,90vw 90vh #fff,50vw 50vh #fff,30vw 10vh #fff,70vw 70vh #fff,15vw 45vh #fff,85vw 35vh #fff;animation:animStar 50s linear infinite}.stars-layer-2:after{content:"";position:absolute;width:2px;height:2px;background:transparent;box-shadow:15vw 25vh #fff,45vw 65vh #fff,85vw 15vh #fff,25vw 85vh #fff,95vw 95vh #fff,55vw 55vh #fff,35vw 15vh #fff,75vw 75vh #fff;animation:animStar 100s linear infinite;opacity:.7}.stars-layer-3:after{content:"";position:absolute;width:3px;height:3px;background:transparent;box-shadow:5vw 5vh #fff,60vw 40vh #fff,70vw 90vh #fff,10vw 70vh #fff;animation:animStar 150s linear infinite;opacity:.4}@keyframes animStar{0%{transform:translateY(0)}to{transform:translateY(-100vh)}}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px;padding:24px;box-shadow:0 8px 32px #0000004d}.cloud-badge{display:inline-flex;align-items:center;gap:4px;font-size:12px;padding:4px 10px;border-radius:20px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2)}.cloud-badge.loading{color:gold}.cloud-badge.success{color:#4ade80;border-color:#4ade80}.cloud-badge.error{color:#f87171}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.setup-panel{width:100%;max-width:400px;display:flex;flex-direction:column;gap:20px}.setup-panel h2{text-align:center;font-size:20px;margin-bottom:10px;color:var(--accent)}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--text-muted)}.form-group input{background:#0000004d;border:1px solid var(--glass-border);color:#fff;padding:12px;border-radius:8px;font-size:16px;outline:none;transition:border-color .3s,box-shadow .3s}.form-group input:focus{border-color:var(--accent);box-shadow:0 0 8px var(--accent-glow)}.form-group input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:invert(1);cursor:pointer}.primary-btn,.secondary-btn{padding:14px 24px;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s;border:none;display:flex;align-items:center;justify-content:center;gap:8px}.primary-btn{background:linear-gradient(135deg,#1e3c72,#2a5298);color:#fff;box-shadow:0 4px 15px #2a529866}.primary-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #2a529899}.primary-btn:disabled{opacity:.6;cursor:not-allowed}.secondary-btn{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.secondary-btn:hover{background:#fff3}.loading-panel{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.radar-spinner{width:60px;height:60px;border-radius:50%;border:2px solid rgba(77,168,218,.2);border-top-color:var(--accent);animation:spin 1s linear infinite;box-shadow:0 0 20px var(--accent-glow)}.result-container{width:100%;max-width:900px;display:flex;flex-direction:column;gap:20px}.result-header{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;padding:16px!important}.info-pill{display:flex;align-items:center;gap:6px;background:#0006;padding:8px 16px;border-radius:20px;font-size:14px}.info-pill.highlight{border:1px solid var(--accent);color:var(--accent);box-shadow:0 0 10px #4da8da33}.result-grid{display:grid;grid-template-columns:1fr;gap:20px}@media (min-width: 768px){.result-grid{grid-template-columns:1fr 1fr}}.compass-section{display:flex;flex-direction:column;align-items:center;gap:16px}.compass-container{position:relative;width:300px;height:300px;display:flex;justify-content:center;align-items:center}.compass-svg{position:absolute;z-index:2}.celestial-marker{transition:transform .3s;cursor:pointer}.celestial-marker:hover{transform:scale(1.2)}.star-label{text-shadow:0 0 4px #000}.direction-hint{background:#4da8da1a;padding:12px;border-radius:8px;border-left:4px solid var(--accent);width:100%;text-align:center}.details-section{display:flex;flex-direction:column;gap:20px}.ai-suggestion h3,.celestial-list h3{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:var(--accent);font-size:18px}.ai-suggestion p{line-height:1.6;color:#d1e8ff;margin-bottom:12px;font-size:15px}.best-time{display:inline-block;background:#ffd7001a;color:gold;padding:6px 12px;border-radius:6px;font-size:14px;border:1px solid rgba(255,215,0,.3)}.list-scroll{display:flex;flex-direction:column;gap:10px;max-height:200px;overflow-y:auto;padding-right:8px}.list-scroll::-webkit-scrollbar{width:6px}.list-scroll::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.celestial-card{background:#0000004d;border:1px solid rgba(255,255,255,.1);padding:12px;border-radius:8px;transition:background .2s}.celestial-card:hover{background:#ffffff0d}.c-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.c-header h4{margin:0;color:#fff}.constellation-tag{font-size:12px;background:#4da8da33;color:var(--accent);padding:2px 8px;border-radius:12px}.c-stats{display:flex;gap:12px;font-size:12px;color:var(--text-muted)}.decorative-images{display:flex;gap:16px;margin-top:10px}.img-wrapper{flex:1;height:120px;border-radius:8px;overflow:hidden;position:relative;border:1px solid var(--glass-border);display:flex;justify-content:center;align-items:center;background:#0a1428cc}.svg-illustration{width:80%;height:80%}.img-caption{position:absolute;bottom:0;left:0;width:100%;background:#000000b3;font-size:12px;text-align:center;padding:4px 0;color:var(--text-muted)}.action-bar{display:flex;justify-content:center;margin-top:10px}