:root{--bg-gradient: linear-gradient(135deg, #e0f2f7 0%, #d1e9f0 100%);--glass-bg: rgba(255, 255, 255, .35);--glass-border: rgba(255, 255, 255, .4);--glass-blur: blur(12px);--text-primary: #1e3a5f;--text-secondary: #7a92a5;--accent: #3b82f6;--white: #ffffff;--shadow-sm: 0 4px 12px rgba(0, 0, 0, .03);--shadow-lg: 0 10px 30px rgba(31, 38, 135, .07);--transition: all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-gradient);background-attachment:fixed;color:var(--text-primary);font-family:Inter,system-ui,-apple-system,sans-serif;min-height:100vh;padding:2.5rem 1.5rem;line-height:1.5}.app-container{max-width:1200px;margin:0 auto}.search-container{position:relative;width:100%;max-width:600px;margin:0 auto 3rem}.search-bar{display:flex;background:var(--white);border-radius:16px;padding:6px 12px;box-shadow:var(--shadow-lg);transition:var(--transition);border:1px solid transparent}.search-bar:focus-within{transform:translateY(-2px);border-color:var(--accent)}.search-bar input{flex:1;padding:12px 16px;border:none;font-size:1rem;outline:none;background:transparent;color:var(--text-primary)}.search-bar button{padding:0 20px;background:var(--accent);border:none;color:var(--white);border-radius:12px;font-weight:600;cursor:pointer;transition:var(--transition)}.search-bar button:hover{background:#2563eb;box-shadow:0 4px 12px #3b82f666}.suggestions-list{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#ffffffe6;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:16px;list-style:none;overflow:hidden;z-index:100;box-shadow:var(--shadow-lg);border:1px solid var(--glass-border)}.suggestions-list li{padding:14px 20px;cursor:pointer;border-bottom:1px solid rgba(0,0,0,.05);transition:var(--transition);display:flex;justify-content:space-between;align-items:center}.suggestions-list li:hover{background:#3b82f61a;padding-left:25px}.current-card{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);padding:3rem;border-radius:32px;border:1px solid var(--glass-border);box-shadow:var(--shadow-lg);margin-bottom:3rem}.main-temp h2{font-size:6rem;font-weight:800;letter-spacing:-3px;line-height:1}.main-temp p{color:var(--text-secondary);font-size:1.25rem;font-weight:500}.moon-middle-section{display:flex;flex-direction:column;align-items:center;gap:10px}.moon-hero-icon{font-size:4.5rem;filter:drop-shadow(0 10px 15px rgba(0,0,0,.1))}.moon-phase-name{font-weight:700;color:var(--text-primary);font-size:.85rem;text-transform:uppercase;letter-spacing:2px}.hourly-row{display:flex;gap:16px;overflow-x:auto;padding:10px 0 20px;scrollbar-width:none}.hourly-row::-webkit-scrollbar{display:none}.hour-card{background:var(--white);padding:24px 20px;border-radius:24px;text-align:center;min-width:100px;flex:1;box-shadow:var(--shadow-sm);transition:var(--transition)}.hour-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.hour-card span{display:block;font-size:.85rem;color:var(--text-secondary);margin-bottom:8px}.hour-card strong{font-size:1.25rem;font-weight:700}.daily-list{background:transparent;margin-top:2rem}.daily-item{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid rgba(0,0,0,.05);transition:var(--transition)}.daily-item:hover{padding-left:10px;color:var(--accent)}@media(max-width:992px){.current-card{grid-template-columns:1fr;gap:3rem;text-align:center;padding:2.5rem}}@media(max-width:600px){.main-temp h2{font-size:4.5rem}body{padding:1.5rem 1rem}}.current-card-container{margin-bottom:2rem}.current-card-main{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem;padding:0 10px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.stat-box{background:#ffffff59;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:20px;border-radius:20px;display:flex;align-items:center;gap:15px;border:1px solid rgba(255,255,255,.4);box-shadow:0 8px 32px #1f26870d}.stat-icon{font-size:1.5rem}.stat-content small{display:block;color:#7a92a5;text-transform:uppercase;font-size:.7rem;font-weight:700;letter-spacing:.5px;margin-bottom:2px}.stat-content strong{font-size:1rem;color:#1e3a5f;font-weight:700}@media(max-width:600px){.stats-grid{grid-template-columns:1fr}}