.yt-weather-widget{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;margin:20px 0}.yt-weather-error{background:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#721c24;padding:15px;text-align:center}.yt-weather-card{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,.2);color:#fff;max-width:350px;padding:25px;transition:transform .3s ease , box-shadow .3s ease}.yt-weather-card:hover{box-shadow:0 15px 40px rgba(0,0,0,.3);transform:translateY(-5px)}.yt-weather-card .yt-weather-header{margin-bottom:20px}.yt-weather-card .yt-weather-city{font-size:24px;font-weight:600;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.2)}.yt-weather-card .yt-weather-body{text-align:center}.yt-weather-card .yt-weather-icon{font-size:80px;line-height:1;margin-bottom:15px;text-shadow:0 2px 4px rgba(0,0,0,.2)}.yt-weather-card .yt-weather-temp{font-size:56px;font-weight:700;line-height:1;margin-bottom:10px;text-shadow:0 2px 4px rgba(0,0,0,.2)}.yt-weather-card .yt-weather-unit{font-size:28px;font-weight:400;margin-left:5px}.yt-weather-card .yt-weather-desc{font-size:18px;font-weight:400;margin-bottom:20px;opacity:.9;text-transform:capitalize}.yt-weather-card .yt-weather-details{border-top:1px solid rgba(255,255,255,.3);display:flex;gap:30px;justify-content:center;margin-top:20px;padding-top:20px}.yt-weather-card .yt-weather-detail{align-items:center;display:flex;flex-direction:column;gap:5px}.yt-weather-card .yt-weather-detail-label{font-size:12px;letter-spacing:.5px;opacity:.8;text-transform:uppercase}.yt-weather-card .yt-weather-detail-value{font-size:16px;font-weight:600}.yt-weather-minimal{align-items:center;background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;color:#333;display:inline-flex;font-size:14px;gap:10px;padding:10px 15px}.yt-weather-minimal .yt-weather-city{color:#495057;font-weight:600}.yt-weather-minimal .yt-weather-temp{color:#667eea;font-size:18px;font-weight:700}.yt-weather-minimal .yt-weather-icon{font-size:24px;line-height:1}.yt-weather-detailed{background:#fff;border:1px solid #e9ecef;border-radius:15px;box-shadow:0 5px 20px rgba(0,0,0,.1);max-width:400px;padding:30px}.yt-weather-detailed .yt-weather-header{border-bottom:2px solid #667eea;margin-bottom:25px;padding-bottom:15px}.yt-weather-detailed .yt-weather-city{color:#2c3e50;font-size:26px;font-weight:700;margin:0}.yt-weather-detailed .yt-weather-body{margin-bottom:20px;text-align:center}.yt-weather-detailed .yt-weather-icon{filter:drop-shadow(0 3px 6px rgba(0,0,0,.1));font-size:100px;line-height:1;margin-bottom:20px}.yt-weather-detailed .yt-weather-temp{color:#667eea;font-size:64px;font-weight:700;line-height:1;margin-bottom:15px}.yt-weather-detailed .yt-weather-unit{color:#6c757d;font-size:32px;font-weight:400;margin-left:8px}.yt-weather-detailed .yt-weather-desc{color:#495057;font-size:20px;font-weight:500;margin-bottom:20px;text-transform:capitalize}.yt-weather-detailed .yt-weather-details{display:grid;gap:15px;grid-template-columns:1fr 1fr;margin-top:20px}.yt-weather-detailed .yt-weather-detail{background:#f8f9fa;border-radius:8px;display:flex;flex-direction:column;padding:15px;text-align:center}.yt-weather-detailed .yt-weather-detail-label{color:#6c757d;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.yt-weather-detailed .yt-weather-detail-value{color:#2c3e50;font-size:18px;font-weight:700}.yt-weather-detailed .yt-weather-extra{border-top:1px solid #e9ecef;margin-top:15px;padding-top:15px}.yt-weather-detailed .yt-weather-extra .yt-weather-details{grid-template-columns:1fr}@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translateY(10px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}.yt-weather-widget{animation:fadeIn .5s ease-out}.yt-weather-loading{align-items:center;color:#6c757d;display:flex;font-size:14px;justify-content:center;padding:40px}.yt-weather-loading::after{animation:spin .8s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top:3px solid #667eea;content:'';display:inline-block;height:20px;margin-left:10px;width:20px}@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}@media screen and (max-width:480px){.yt-weather-card{max-width:100%;padding:20px}.yt-weather-card .yt-weather-city{font-size:20px}.yt-weather-card .yt-weather-icon{font-size:60px}.yt-weather-card .yt-weather-temp{font-size:48px}.yt-weather-card .yt-weather-unit{font-size:24px}.yt-weather-card .yt-weather-desc{font-size:16px}.yt-weather-card .yt-weather-details{gap:15px}.yt-weather-detailed{max-width:100%;padding:20px}.yt-weather-detailed .yt-weather-city{font-size:22px}.yt-weather-detailed .yt-weather-icon{font-size:80px}.yt-weather-detailed .yt-weather-temp{font-size:52px}.yt-weather-detailed .yt-weather-unit{font-size:26px}.yt-weather-detailed .yt-weather-details{grid-template-columns:1fr}.yt-weather-minimal{flex-wrap:wrap;justify-content:center}}@media print{.yt-weather-widget{break-inside:avoid}.yt-weather-card{background:#fff!important;box-shadow:none!important;color:#000!important}.yt-weather-card .yt-weather-city,.yt-weather-card .yt-weather-temp,.yt-weather-card .yt-weather-desc{text-shadow:none!important}}.yt-weather-widget:focus-within{outline:2px solid #667eea;outline-offset:4px}.yt-weather-detail-label{user-select:none}.yt-weather-card.yt-weather-sunny{background:linear-gradient(135deg,#f6d365 0%,#fda085 100%)}.yt-weather-card.yt-weather-cloudy{background:linear-gradient(135deg,#a8c0ff 0%,#3f2b96 100%)}.yt-weather-card.yt-weather-rainy{background:linear-gradient(135deg,#667eea 0%,#517fa4 100%)}.yt-weather-card.yt-weather-snowy{background:linear-gradient(135deg,#e0e0e0 0%,#a9c9d4 100%)}.yt-weather-card.yt-weather-stormy{background:linear-gradient(135deg,#434343 0%,#000 100%)}