:root{--future-bg:white;--future-header-bg:linear-gradient(135deg,#3498db,#2c3e50);--future-text:#333333;--future-copyright:#666666;--future-border:#dee2e6;--future-info-bg:#f0f8ff;--future-info-border:#007cba;--future-shadow:rgba(0,0,0,0.1);--future-title:#222222;--future-button-bg:#f8f9fa;--future-button-active-bg:#3498db;--future-button-text:#495057;--future-button-active-text:#ffffff;--future-card-bg:#ffffff;--future-card-shadow:0 4px 12px rgba(0,0,0,0.08);--future-button-shadow:0 4px 6px rgba(0,0,0,0.1);--future-button-hover-shadow:0 6px 8px rgba(0,0,0,0.15);--future-button-active-shadow:0 2px 4px rgba(0,0,0,0.2);--download-button-bg:#fff;--download-button-text:#333;--download-button-hover-bg:#f0f0f0;--download-button-shadow:rgba(0,0,0,0.1)}
body.dark-mode{--future-bg:#3c3c3c;--future-header-bg:#007cba;--future-text:#ecf0f1;--future-copyright:#aaaaaa;--future-border:#444444;--future-info-bg:#1e3a5f;--future-info-border:#007cba;--future-shadow:rgba(0,0,0,0.3);--future-title:#ffffff;--future-button-bg:#2d2d2d;--future-button-active-bg:#3498db;--future-button-text:#ecf0f1;--future-button-active-text:#ffffff;--future-card-bg:#252525;--future-card-shadow:0 4px 12px rgba(0,0,0,0.3);--future-button-shadow:0 4px 6px rgba(0,0,0,0.3);--future-button-hover-shadow:0 6px 8px rgba(0,0,0,0.4);--future-button-active-shadow:0 2px 4px rgba(0,0,0,0.35);--download-button-bg:#2d2d2d;--download-button-text:#ecf0f1;--download-button-hover-bg:#3d3d3d;--download-button-shadow:rgba(0,0,0,0.4)}
.future-wallpaper-preview{background-color:white;min-height:calc(100vh - 200px);padding:20px 0}
body.dark-mode .future-wallpaper-preview{background-color:#1a1a1a}
body.dark-mode{background-color:#1a1a1a}
.future-wallpaper-preview h1{color:var(--future-title);-webkit-transition:color 0.3s ease;-moz-transition:color 0.3s ease;-o-transition:color 0.3s ease;transition:color 0.3s ease;margin:0;padding:20px 0;font-size:2rem;font-weight:bold;text-align:center}
body.dark-mode .future-wallpaper-preview h1{color:var(--future-title);text-shadow:0 1px 3px rgba(0,0,0,0.7)}
.text-center{text-align:center}
.text-center h1{display:inline-block;text-align:center;color:var(--future-title)}
.future-wallpaper-preview .date-navigation{margin:20px 0;padding:0 10px}
.future-wallpaper-preview .date-buttons{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;-webkit-flex-wrap:nowrap;-moz-flex-wrap:nowrap;-ms-flex-wrap:nowrap;-o-flex-wrap:nowrap;flex-wrap:nowrap;gap:0;max-width:100%;margin:0 auto;padding:10px;overflow-x:auto;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.date-button{padding:12px 15px;background-color:var(--future-button-bg);color:var(--future-button-text);border:2px solid var(--future-border);-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.1);-moz-box-shadow:0 2px 4px rgba(0,0,0,0.1);box-shadow:0 2px 4px rgba(0,0,0,0.1);min-width:80px;display:inline-block;text-align:center;position:relative;overflow:hidden;-webkit-flex-shrink:0;-moz-flex-shrink:0;-ms-flex-shrink:0;-o-flex-shrink:0;flex-shrink:0;margin:0 5px;text-decoration:none}
.date-button:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:-webkit-linear-gradient(135deg,#3498db,#2c3e50);background:-moz-linear-gradient(135deg,#3498db,#2c3e50);background:-o-linear-gradient(135deg,#3498db,#2c3e50);background:linear-gradient(135deg,#3498db,#2c3e50);z-index:0;opacity:0;-webkit-transition:opacity 0.3s ease;-moz-transition:opacity 0.3s ease;-o-transition:opacity 0.3s ease;transition:opacity 0.3s ease}
.date-button:hover{-webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);-ms-transform:translateY(-5px);-o-transform:translateY(-5px);transform:translateY(-5px);-webkit-box-shadow:0 6px 12px rgba(0,0,0,0.15);-moz-box-shadow:0 6px 12px rgba(0,0,0,0.15);box-shadow:0 6px 12px rgba(0,0,0,0.15);border-color:#3498db}
.date-button:hover:before{opacity:0.15}
.date-button.active{background:var(--future-info-border);color:white;font-weight:600;-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.2);-moz-box-shadow:0 2px 4px rgba(0,0,0,0.2);box-shadow:0 2px 4px rgba(0,0,0,0.2);border-color:#3498db;-webkit-transform:translateY(-2px);-moz-transform:translateY(-2px);-ms-transform:translateY(-2px);-o-transform:translateY(-2px);transform:translateY(-2px)}
.date-button.active:before{opacity:0}
.date-button .date-text{font-size:15px;display:block;font-weight:bold;margin-bottom:4px;position:relative;z-index:1;font-weight:700}
.date-button .weekday-text{font-size:12px;display:block;font-size:0.85em;opacity:0.9;position:relative;z-index:1;font-weight:500}
.future-wallpaper-preview .image-item{background-color:var(--future-card-bg);-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;overflow:hidden;-webkit-box-shadow:var(--future-card-shadow);-moz-box-shadow:var(--future-card-shadow);box-shadow:var(--future-card-shadow);-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;max-width:1000px;margin:0 auto 40px}
.future-wallpaper-preview .image-item:hover{-webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);-ms-transform:translateY(-5px);-o-transform:translateY(-5px);transform:translateY(-5px);-webkit-box-shadow:0 8px 20px rgba(0,0,0,0.12);-moz-box-shadow:0 8px 20px rgba(0,0,0,0.12);box-shadow:0 8px 20px rgba(0,0,0,0.12)}
.future-wallpaper-preview .image-header{background:var(--future-info-border);padding:25px;color:white}
.future-wallpaper-preview .image-date{font-size:1.3em;font-weight:bold;margin-bottom:10px}
.future-wallpaper-preview .image-title{font-size:1.8em;margin:15px 0;font-weight:600;line-height:1.3}
.future-wallpaper-preview .image-headline{font-size:1.2em;font-style:italic;opacity:0.9}
.future-wallpaper-preview .image-content{padding:25px}
.future-wallpaper-preview .image-container{text-align:center;margin:25px 0;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;overflow:hidden;position:relative}
.future-wallpaper-preview .webp-image{max-width:100%;height:auto;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;-webkit-box-shadow:0 4px 8px rgba(0,0,0,0.1);-moz-box-shadow:0 4px 8px rgba(0,0,0,0.1);box-shadow:0 4px 8px rgba(0,0,0,0.1);-webkit-transition:-webkit-transform 0.3s ease;-moz-transition:-moz-transform 0.3s ease;-o-transition:-o-transform 0.3s ease;transition:transform 0.3s ease;pointer-events:none}
.future-wallpaper-preview .webp-image:hover{-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);-o-transform:scale(1.02);transform:scale(1.02)}
.image-overlay-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:auto;z-index:10;background:transparent}
.future-wallpaper-preview .image-description{color:var(--future-text);margin:20px 0;line-height:1.7;font-size:16px;-webkit-transition:color 0.3s ease;-moz-transition:color 0.3s ease;-o-transition:color 0.3s ease;transition:color 0.3s ease;text-indent:2em}
.future-wallpaper-preview .image-description:not(.background-color-f0f8ff){font-size:1.1em;font-style:italic}
.future-wallpaper-preview .image-description.background-color-f0f8ff{background-color:var(--future-info-bg);border-left:4px solid var(--future-info-border);padding:20px;margin:25px 0;-webkit-border-radius:0 8px 8px 0;-moz-border-radius:0 8px 8px 0;border-radius:0 8px 8px 0;text-indent:0}
.future-wallpaper-preview .image-copyright{color:var(--future-copyright);border-top:1px solid var(--future-border);padding-top:20px;margin-top:20px;font-style:italic;-webkit-transition:color 0.3s ease,border-top 0.3s ease;-moz-transition:color 0.3s ease,border-top 0.3s ease;-o-transition:color 0.3s ease,border-top 0.3s ease;transition:color 0.3s ease,border-top 0.3s ease}
.future-wallpaper-preview .no-data{background:var(--future-card-bg);-webkit-box-shadow:var(--future-card-shadow);-moz-box-shadow:var(--future-card-shadow);box-shadow:var(--future-card-shadow);color:var(--future-text);padding:50px;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;text-align:center;-webkit-transition:background 0.3s ease,-webkit-box-shadow 0.3s ease,color 0.3s ease;-moz-transition:background 0.3s ease,-moz-box-shadow 0.3s ease,color 0.3s ease;-o-transition:background 0.3s ease,box-shadow 0.3s ease,color 0.3s ease;transition:background 0.3s ease,box-shadow 0.3s ease,color 0.3s ease;max-width:800px;margin:0 auto}
.future-wallpaper-preview .data-source{color:var(--future-copyright);text-align:center;margin-bottom:20px;-webkit-transition:color 0.3s ease;-moz-transition:color 0.3s ease;-o-transition:color 0.3s ease;transition:color 0.3s ease}
body.dark-mode .future-wallpaper-preview .image-item{background:var(--future-card-bg);-webkit-box-shadow:0 2px 10px var(--future-shadow);-moz-box-shadow:0 2px 10px var(--future-shadow);box-shadow:0 2px 10px var(--future-shadow)}
body.dark-mode .future-wallpaper-preview .date-button{background-color:var(--future-button-bg);color:var(--future-button-text);border:1px solid var(--future-border)}
body.dark-mode .future-wallpaper-preview .date-button:hover,body.dark-mode .future-wallpaper-preview .date-button.active{background-color:var(--future-button-active-bg);color:var(--future-button-active-text)}
body.dark-mode .future-wallpaper-preview .image-header{background-color:var(--future-header-bg)}
body.dark-mode .future-wallpaper-preview .image-description{color:var(--future-text)}
body.dark-mode .future-wallpaper-preview .image-copyright{color:var(--future-copyright);border-top:1px solid var(--future-border)}
body.dark-mode .future-wallpaper-preview .no-data{background:var(--future-card-bg);-webkit-box-shadow:0 2px 10px var(--future-shadow);-moz-box-shadow:0 2px 10px var(--future-shadow);box-shadow:0 2px 10px var(--future-shadow);color:var(--future-text)}
body.dark-mode .future-wallpaper-preview .data-source{color:var(--future-copyright)}
body.dark-mode .future-wallpaper-preview .image-description.background-color-f0f8ff{background-color:var(--future-info-bg);border-left:4px solid var(--future-info-border)}
body.dark-mode .image-overlay-layer{background:transparent}
.future-wallpaper-preview .text-center{text-align:center}
.future-wallpaper-preview .margin-bottom-20{margin-bottom:20px}
.future-wallpaper-preview .padding-50{padding:50px}
.future-wallpaper-preview .border-radius-8{-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px}
.future-wallpaper-preview .box-shadow{-webkit-box-shadow:0 2px 10px var(--future-shadow);-moz-box-shadow:0 2px 10px var(--future-shadow);box-shadow:0 2px 10px var(--future-shadow)}
.future-wallpaper-preview .text-left{text-align:left}
.future-wallpaper-preview .display-inline-block{display:inline-block}
.future-wallpaper-preview .margin-top-20{margin-top:20px}
.future-wallpaper-preview .font-size-1-2em{font-size:1.2em}
.future-wallpaper-preview .font-weight-bold{font-weight:bold}
.future-wallpaper-preview .padding-20{padding:20px}
.future-wallpaper-preview .color-white{color:white}
.future-wallpaper-preview .font-size-1-5em{font-size:1.5em}
.future-wallpaper-preview .margin-10-0{margin:10px 0}
.future-wallpaper-preview .font-size-1-1em{font-size:1.1em}
.future-wallpaper-preview .font-style-italic{font-style:italic}
.future-wallpaper-preview .margin-20-0{margin:20px 0}
.future-wallpaper-preview .max-width-100{max-width:100%}
.future-wallpaper-preview .height-auto{height:auto}
.future-wallpaper-preview .border-radius-5{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.future-wallpaper-preview .margin-15-0{margin:15px 0}
.future-wallpaper-preview .line-height-1-6{line-height:1.6}
.future-wallpaper-preview .background-color-f0f8ff{background-color:var(--future-info-bg)}
.future-wallpaper-preview .padding-15{padding:15px}
.future-wallpaper-preview .border-left-4px-solid-007cba{border-left:4px solid var(--future-info-border)}
.future-wallpaper-preview .color-666{color:var(--future-copyright)}
.future-wallpaper-preview .border-top-1px-solid-eee{border-top:1px solid var(--future-border)}
.future-wallpaper-preview .padding-top-15{padding-top:15px}
.future-wallpaper-preview .margin-top-15{margin-top:15px}
.future-wallpaper-preview .margin-top-30{margin-top:30px}
.future-wallpaper-preview .overflow-hidden{overflow:hidden}
.future-wallpaper-preview .margin-bottom-30{margin-bottom:30px}
.download-buttons{position:fixed;right:20px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:15px;z-index:100}
.download-button{display:flex;flex-direction:column;align-items:center;justify-content:center;width:50px;height:50px;background-color:var(--download-button-bg);color:var(--download-button-text);border-radius:50%;box-shadow:0 4px 12px var(--download-button-shadow);text-decoration:none;transition:all 0.3s ease;font-size:10px;font-weight:bold;padding:5px;border:1px solid var(--future-border)}
.download-button:hover{transform:scale(1.1);background-color:var(--download-button-hover-bg);box-shadow:0 6px 16px var(--download-button-shadow)}
.download-button svg{width:24px;height:24px;margin-bottom:4px}
.download-button svg path{stroke:var(--future-info-border)}
@media (max-width:768px){.future-wallpaper-preview .date-buttons{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;-webkit-flex-wrap:nowrap;-moz-flex-wrap:nowrap;-ms-flex-wrap:nowrap;-o-flex-wrap:nowrap;flex-wrap:nowrap;gap:5px;max-width:100%;margin:0 auto;padding:10px;overflow-x:auto}
.future-wallpaper-preview .date-button{padding:14px 18px;min-width:85px;font-size:15px}
.future-wallpaper-preview .date-text{font-size:16px}
.future-wallpaper-preview .weekday-text{font-size:13px}
.future-wallpaper-preview .image-header{padding:20px 15px}
.future-wallpaper-preview .image-title{font-size:1.5em}
.future-wallpaper-preview .image-content{padding:20px 15px}
.future-wallpaper-preview .image-description.background-color-f0f8ff{padding:15px}
.download-buttons{right:10px}
.download-button{width:45px;height:45px;font-size:9px}
.download-button svg{width:20px;height:20px}
}@media (max-width:576px){.future-wallpaper-preview .date-buttons{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-webkit-justify-content:flex-start;-moz-justify-content:flex-start;-ms-justify-content:flex-start;-o-justify-content:flex-start;justify-content:flex-start;-webkit-flex-wrap:nowrap;-moz-flex-wrap:nowrap;-ms-flex-wrap:nowrap;-o-flex-wrap:nowrap;flex-wrap:nowrap;gap:5px;max-width:100%;margin:0 auto;padding:10px;overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}
.future-wallpaper-preview .date-button{padding:12px 15px;min-width:75px;font-size:14px;flex:0 0 auto}
.future-wallpaper-preview .date-text{font-size:15px}
.future-wallpaper-preview .weekday-text{font-size:12px}
.future-wallpaper-preview .image-title{font-size:1.3em}
.future-wallpaper-preview .image-date{font-size:1.1em}
.future-wallpaper-preview .image-headline{font-size:1.1em}
.future-wallpaper-preview .image-content{padding:15px}
.future-wallpaper-preview h1{font-size:1.5rem;padding:15px 0}
.download-buttons{right:5px}
.download-button{width:40px;height:40px;font-size:8px}
.download-button svg{width:18px;height:18px}
}