/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 18 2025 | 06:58:08 */
sidebar-widget{display:flex;flex-direction:column;gap:12px;padding:5px;font-family:'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif}
.eye-time-date-container{background:rgba(255,255,255,.3);border-radius:12px;padding:15px;box-shadow:0 4px 15px rgba(0,0,0,.05);display:flex;flex-direction:column;align-items:center;gap:10px;position:relative}
.eye-time-date-container::before{content:'';position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#4f46e5,#3b82f6)}
.eye-group{display:flex;gap:15px;}
.round-eye{width:30px;height:30px;background-color:transparent;border-radius:50%;border:1px solid #ccc;position:relative}
.pupil{width:15px;height:15px;background-color:#333;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:transform .1s ease-out}
.time-date{flex:1;text-align:center}
.clock-time{color:#1e293b;font-size:28px;font-weight:600;letter-spacing:1px;margin-bottom:5px}
.clock-date{color:#475569;font-size:14px;letter-spacing:.5px}
.calendar-lunar-combo{background:rgba(255,255,255,.3);border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.05);position:relative}
.calendar-lunar-combo::before{content:'';position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#10b981,#34d399)}
.sidebar-calendar{padding:15px}
.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding:5px 0}
.calendar-nav{background:0 0;border:none;color:#059669;cursor:pointer;font-size:14px;padding:5px 10px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}
.calendar-nav:hover{background-color:rgba(5,150,105,.1)}
.today-btn{background-color:#10b981;color:#fff;padding:5px 12px}
.today-btn:hover{background-color:#059669;color:#fff}
.calendar-month{margin:0;color:#1e293b;font-size:16px;font-weight:600}
.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin-bottom:10px}
.calendar-weekdays div{text-align:center;font-size:12px;color:#64748b;font-weight:500;padding:5px 0}
.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin-bottom:15px}
.calendar-day{text-align:center;padding:8px 0;border-radius:6px;font-size:14px;color:#1e293b;transition:all .2s ease;cursor:pointer;position:relative}
.calendar-day:hover{background-color:rgba(16,185,129,.1)}
.calendar-day.other-month{color:#a8b4c1;background-color:rgba(0,0,0,.02)}
.calendar-day.today{background-color:#10b981;color:#fff;font-weight:600}
.calendar-day.selected{background-color:#3b82f6;color:#fff}
.lunar-info{padding-top:0px}
.lunar-calendar{color:#1e293b;font-size:15px;margin-bottom:8px;font-weight:500}
.lunar-zodiac{color:#475569;font-size:14px;margin-bottom:10px}
.lunar-auspicious,.lunar-inauspicious{margin-bottom:8px}
.auspicious-title,.inauspicious-title{display:inline-block;color:#059669;font-weight:500;margin-right:5px;font-size:14px}
.inauspicious-title{color:#dc2626}
.auspicious-content,.inauspicious-content{display:inline;color:#475569;font-size:14px;line-height:1.6}
.ip-query{background:rgba(255,255,255,.3);border-radius:12px;padding:5px;box-shadow:0 4px 15px rgba(0,0,0,.05);position:relative}
.ip-query::before{content:'';position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#ef4444,#f87171)}
.ip-title{margin:0 0 12px 0;color:#1e293b;font-size:16px;font-weight:600;text-align:center}
.ip-input-group{display:flex;gap:8px;margin-bottom:12px}
.ip-input{flex:1;padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;outline:0;transition:border-color .2s ease}
.ip-input:focus{border-color:#ef4444}
.ip-button{padding:8px 15px;background-color:#ef4444;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:background-color .2s ease}
.ip-button:hover{background-color:#dc2626}
.ip-result{font-size:14px}
.long-ip,.public-ip{color:#475569;margin-bottom:6px;padding-bottom:6px}
.public-ip{border-bottom:1px dashed #eee}
.long-ip-value,.public-ip-value{color:#ef4444;font-family:monospace}
.query-result{color:#1e293b;line-height:1.5;margin-top:8px}
@keyframes fadeIn{from{opacity:0;transform:translateY(5px)}
to{opacity:1;transform:translateY(0)}
}
.calendar-days,.clock-date,.clock-time,.lunar-info{animation:fadeIn .5s ease}
.calendar-days{transition:all .3s ease}
.calendar-days.month-transition{opacity:0;transform:translateY(10px)}
@keyframes pulse{0%{opacity:.6}
50%{opacity:1}
100%{opacity:.6}
}
.loading{animation:pulse 1.5s infinite}