.wetter-plugin-wrapper{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px rgb(0 0 0 / .1);max-width:400px;margin:20px auto}.wetter-current{text-align:center}.wetter-location h3{margin:0 0 5px 0;color:#333}.wetter-date{color:#666;font-size:14px;margin:0 0 15px 0}.wetter-main{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:20px}.wetter-icon img{width:80px;height:80px}.wetter-temp{text-align:left}.wetter-temp-value{display:block;font-size:48px;font-weight:700;color:#333}.wetter-description{display:block;font-size:16px;color:#666;text-transform:capitalize}.wetter-details{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.wetter-detail{background:#f5f5f5;padding:10px;border-radius:4px}.wetter-detail-label{display:block;font-size:12px;color:#666}.wetter-detail-value{display:block;font-size:14px;font-weight:600;color:#333}.wetter-forecast{margin-top:20px;padding-top:20px;border-top:1px solid #eee}.wetter-forecast h4{margin:0 0 15px 0;color:#333}.wetter-forecast-days{display:flex;justify-content:space-between}.wetter-forecast-day{text-align:center;flex:1}.wetter-forecast-date{display:block;font-size:12px;color:#666;margin-bottom:5px}.wetter-forecast-day img{width:40px;height:40px}.wetter-forecast-temp{display:block;font-size:14px;font-weight:600;color:#333}.wetter-plugin-error{background:#f8d7da;color:#721c24;padding:15px;border-radius:4px;text-align:center}.wetter-alerts{margin-bottom:20px}.wetter-alert{padding:12px;border-radius:4px;margin-bottom:10px}.wetter-alert-extreme{background:#7e0023;color:#fff}.wetter-alert-warning{background:red;color:#fff}.wetter-alert-advisory{background:#ff7e00;color:#fff}.wetter-alert-info{background:#0078d4;color:#fff}.wetter-alert strong{display:block;margin-bottom:5px}.wetter-alert p{margin:0;font-size:14px}.wetter-astronomy{margin-top:20px;padding-top:20px;border-top:1px solid #eee}.wetter-astronomy h4{margin:0 0 15px 0;color:#333}.wetter-astronomy-details{display:grid;grid-template-columns:1fr 1fr;gap:10px}.wetter-astronomy-item{background:#f5f5f5;padding:10px;border-radius:4px;display:flex;align-items:center;gap:8px}.wetter-astronomy-icon{font-size:20px}.wetter-astronomy-label{font-size:12px;color:#666}.wetter-astronomy-value{font-size:14px;font-weight:600;color:#333;margin-left:auto}.wetter-air-quality{margin-top:20px;padding-top:20px;border-top:1px solid #eee}.wetter-air-quality h4{margin:0 0 15px 0;color:#333}.wetter-aqi-badge{display:flex;align-items:center;gap:10px;padding:12px;border-radius:4px;color:#fff}.wetter-aqi-icon{font-size:24px}.wetter-aqi-value{font-size:18px;font-weight:700}.wetter-aqi-level{font-size:14px;margin-left:auto}.wetter-uv{margin-top:20px;padding-top:20px;border-top:1px solid #eee}.wetter-uv-badge{display:flex;align-items:center;gap:10px;padding:12px;border-radius:4px;color:#fff;margin-bottom:10px}.wetter-uv-value{font-size:18px;font-weight:700}.wetter-uv-level{font-size:14px;margin-left:auto}.wetter-uv-advice{margin:10px 0 0 0;font-size:14px;color:#666;font-style:italic}.wetter-design-modern{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.wetter-design-modern .wetter-location h3,.wetter-design-modern .wetter-temp-value,.wetter-design-modern .wetter-detail-value,.wetter-design-modern .wetter-forecast h4{color:#fff}.wetter-design-modern .wetter-date,.wetter-design-modern .wetter-description,.wetter-design-modern .wetter-detail-label,.wetter-design-modern .wetter-forecast-date{color:rgb(255 255 255 / .8)}.wetter-design-modern .wetter-detail{background:rgb(255 255 255 / .1)}.wetter-design-modern .wetter-forecast{border-top-color:rgb(255 255 255 / .2)}.wetter-design-minimal{background:#fff;border:1px solid #ddd;box-shadow:none}.wetter-design-minimal .wetter-main{gap:10px}.wetter-design-minimal .wetter-icon img{width:60px;height:60px}.wetter-design-minimal .wetter-temp-value{font-size:36px}.wetter-design-minimal .wetter-details{grid-template-columns:1fr;gap:5px}.wetter-design-minimal .wetter-detail{background:none;padding:5px 0;display:flex;justify-content:space-between}.wetter-design-minimal .wetter-forecast-days{gap:15px}@media (max-width:480px){.wetter-plugin-wrapper{margin:10px;padding:15px}.wetter-temp-value{font-size:36px}.wetter-forecast-days{flex-wrap:wrap;gap:10px}}