.sun-calculator-container{max-width:800px;margin:30px auto;font-family:segoe ui,Roboto,Helvetica,Arial,sans-serif;color:#334155}.select-group{display:flex;justify-content:center;gap:30px;margin-bottom:30px;flex-wrap:wrap}.select-box{display:flex;flex-direction:column;min-width:220px}.select-box label{margin-bottom:8px;font-size:14px;color:#475569}.sun-select{width:100%;padding:8px;border:1px solid #cbd5e1;border-radius:6px;background-color:#f8fafc;color:#1e293b;font-size:14px;outline:none;transition:border-color .2s}.sun-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.result-return{margin-top:20px}.placeholder-text{color:#94a3b8;font-style:italic}.sun-results-wrapper{background:#fff;border-radius:10px;padding:20px;box-shadow:0 4px 15px rgba(0,0,0,5%)}.sun-row{display:flex;align-items:center;margin-bottom:10px;font-size:13px}.sun-date{width:80px;font-weight:600;color:#475569;text-align:right;padding-right:15px}.sun-bar-container{flex:1;height:28px;background-color:#0f172a;border-radius:14px;position:relative;overflow:hidden}.sun-bar-daylight{position:absolute;top:0;bottom:0;background:linear-gradient(90deg,#f59e0b 0%,#fbbf24 50%,#f59e0b 100%);border-radius:14px;display:flex;justify-content:space-between;align-items:center;padding:0 10px;box-sizing:border-box;box-shadow:0 0 10px rgba(245,158,11,.5)}.sun-time{font-size:11px;font-weight:700;color:#78350f;white-space:nowrap}body.dark .sun-results-wrapper{background-color:#1e293b;box-shadow:0 4px 15px rgba(0,0,0,.2)}body.dark .sun-date{color:#cbd5e1}body.dark .sun-select{background-color:#0f172a;border-color:#334155;color:#f1f5f9}