*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif;line-height:1.6;color:#e0e0e0;min-height:100vh;overflow-x:hidden;background:#0a0e27}.stars,.twinkling{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;display:block;z-index:0}.stars{background:#0a0e27 url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIj48Y2lyY2xlIGN4PSIyMCIgY3k9IjIwIiByPSIxIiBmaWxsPSJ3aGl0ZSIgb3BhY2l0eT0iMC44Ii8+PGNpcmNsZSBjeD0iODAiIGN5PSI0MCIgcj0iMC41IiBmaWxsPSJ3aGl0ZSIgb3BhY2l0eT0iMC42Ii8+PGNpcmNsZSBjeD0iMTUwIiBjeT0iODAiIHI9IjEiIGZpbGw9IndoaXRlIiBvcGFjaXR5PSIwLjciLz48Y2lyY2xlIGN4PSI1MCIgY3k9IjEyMCIgcj0iMC44IiBmaWxsPSJ3aGl0ZSIgb3BhY2l0eT0iMC45Ii8+PGNpcmNsZSBjeD0iMTIwIiBjeT0iMTYwIiByPSIwLjYiIGZpbGw9IndoaXRlIiBvcGFjaXR5PSIwLjUiLz48Y2lyY2xlIGN4PSIxODAiIGN5PSIzMCIgcj0iMSIgZmlsbD0id2hpdGUiIG9wYWNpdHk9IjAuOCIvPjxjaXJjbGUgY3g9IjQwIiBjeT0iNzAiIHI9IjAuNyIgZmlsbD0id2hpdGUiIG9wYWNpdHk9IjAuNiIvPjxjaXJjbGUgY3g9IjE2MCIgY3k9IjE0MCIgcj0iMC45IiBmaWxsPSJ3aGl0ZSIgb3BhY2l0eT0iMC43Ii8+PC9zdmc+) repeat;animation:starsMove 200s linear infinite}.twinkling{background:transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMDAiIGhlaWdodD0iMzAwIj48Y2lyY2xlIGN4PSI1MCIgY3k9IjUwIiByPSIyIiBmaWxsPSJ3aGl0ZSIgb3BhY2l0eT0iMC4zIi8+PGNpcmNsZSBjeD0iMTUwIiBjeT0iMTAwIiByPSIxLjUiIGZpbGw9IndoaXRlIiBvcGFjaXR5PSIwLjQiLz48Y2lyY2xlIGN4PSIyNTAiIGN5PSIxNTAiIHI9IjEiIGZpbGw9IndoaXRlIiBvcGFjaXR5PSIwLjMiLz48Y2lyY2xlIGN4PSIxMDAiIGN5PSIyNTAiIHI9IjIiIGZpbGw9IndoaXRlIiBvcGFjaXR5PSIwLjUiLz48Y2lyY2xlIGN4PSIyMDAiIGN5PSI1MCIgcj0iMS41IiBmaWxsPSJ3aGl0ZSIgb3BhY2l0eT0iMC4zIi8+PC9zdmc+) repeat;animation:twinkle 5s ease-in-out infinite}@keyframes starsMove{0%{transform:translateY(0)}to{transform:translateY(-2000px)}}@keyframes twinkle{0%,to{opacity:0}50%{opacity:1}}.container{position:relative;z-index:1;max-width:600px;margin:0 auto;padding:2rem 1rem}header{text-align:center;margin-bottom:1rem;padding:1rem}h1{font-size:2.5rem;font-weight:700;color:#fff;text-shadow:0 0 20px rgba(138,43,226,.5);margin-bottom:.5rem}.subtitle{font-size:1.1rem;color:#b8b8d4;letter-spacing:2px}.form-card{background:#121732d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(138,43,226,.3);border-radius:16px;padding:2rem;box-shadow:0 8px 32px #0000004d;margin-bottom:2rem}.form-group{margin-bottom:1.5rem}label{display:block;margin-bottom:.5rem;color:#d0d0e8;font-weight:500;font-size:.95rem}input[type=date],input[type=time],input[type=number],select{width:100%;padding:.75rem;background:#ffffff0d;border:1px solid rgba(138,43,226,.3);border-radius:8px;color:#fff;font-size:1rem;transition:all .3s ease}input:focus,select:focus{outline:none;border-color:#8a2be299;background:#ffffff14;box-shadow:0 0 0 3px #8a2be21a}input::placeholder{color:#ffffff4d}.location-tabs{display:flex;gap:.5rem;margin-bottom:1rem}.tab-btn{flex:1;padding:.6rem;background:#ffffff0d;border:1px solid rgba(138,43,226,.2);border-radius:8px;color:#b8b8d4;cursor:pointer;transition:all .3s ease;font-size:.9rem}.tab-btn:hover{background:#ffffff14}.tab-btn.active{background:#8a2be24d;border-color:#8a2be299;color:#fff}.tab-content{display:none}.tab-content.active{display:block}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.form-row .form-group{min-width:0}.select-group,.coords-group{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.timezone-display{background:#8a2be21a;padding:.5rem 1rem;border-radius:8px;border:1px solid rgba(138,43,226,.2);align-items:center;margin-bottom:1.5rem}.timezone-display label{margin-bottom:0}.timezone-value{color:#e8d4ff;font-size:1rem;font-weight:500;text-align:center}.submit-btn{width:100%;padding:1rem;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #8a2be266}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8a2be299}.submit-btn:active{transform:translateY(0)}.result-card{background:#121732d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(138,43,226,.3);border-radius:16px;padding:2rem;box-shadow:0 8px 32px #0000004d}.result-card.hidden{display:none}.result-card h2{text-align:center;color:#fff;margin-bottom:1.5rem;font-size:1.5rem}.ascendant-main{text-align:center;padding:2rem;background:linear-gradient(135deg,#667eea33,#764ba233);border-radius:12px;margin-bottom:2rem;border:2px solid rgba(138,43,226,.4)}.ascendant-label{font-size:.9rem;color:#b8b8d4;margin-bottom:.5rem;letter-spacing:2px}.ascendant-value{font-size:3rem;font-weight:700;color:#fff;text-shadow:0 0 20px rgba(138,43,226,.6);margin-bottom:.5rem}.ascendant-details{font-size:1rem;color:#d0d0e8}.planets-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:1.5rem}.planet-item{background:#ffffff0d;padding:1.25rem;border-radius:10px;border:1px solid rgba(138,43,226,.2);text-align:center;transition:all .3s ease}.planet-item:hover{background:#ffffff14;border-color:#8a2be266;transform:translateY(-2px)}.planet-label{font-size:.85rem;color:#b8b8d4;margin-bottom:.5rem}.planet-value{font-size:1.3rem;font-weight:600;color:#e8d4ff}.planets-details{margin-top:1.5rem;border-top:1px solid rgba(138,43,226,.2);padding-top:1.5rem}.planets-details summary{cursor:pointer;color:#b8b8d4;font-size:.95rem;padding:.5rem;border-radius:6px;transition:all .3s ease}.planets-details summary:hover{color:#e8d4ff;background:#ffffff0d}.all-planets{margin-top:1rem;display:grid;gap:.75rem}.planet-detail-item{display:flex;justify-content:space-between;padding:.75rem;background:#ffffff08;border-radius:6px;border-left:3px solid rgba(138,43,226,.5)}.planet-name{color:#d0d0e8;font-weight:500}.planet-position{color:#e8d4ff}footer{text-align:center;padding:2rem 1rem;color:#7a7a9a;font-size:.9rem}@media (max-width: 640px){h1{font-size:2rem}.form-card,.result-card{padding:1.5rem}.select-group,.coords-group{grid-template-columns:1fr}.ascendant-value{font-size:2.5rem}.planets-grid{grid-template-columns:1fr}}@media (max-width: 360px){.form-row{grid-template-columns:1fr}}select{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgba(138, 43, 226, 0.8)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .7rem top 50%;background-size:1.2rem auto;padding-right:2.5rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}select option{background-color:#1a1f3d;color:#e0e0e0}input[type=date],input[type=time]{cursor:pointer}input[type=date]::-webkit-calendar-picker-indicator,input[type=time]::-webkit-calendar-picker-indicator{filter:invert(1) brightness(.8);cursor:pointer}