:root{
  --bg1:#0a0e1a;
  --bg2:#050810;
  --card:#0f1625;
  --accent:#6ee7b7;
  --accent2:#4ade80;
  --accent3:#60a5fa;
  --glass: rgba(255,255,255,0.05);
  --glass-2: rgba(255,255,255,0.03);
  --text:#e2e8f0;
  --text-dim:#94a3b8;
}
*{box-sizing:border-box}
html,body{height:100%;margin:0;font-family:Inter,ui-sans-serif,system-ui,Segoe UI,Roboto,"Helvetica Neue",Arial;color:var(--text);background:linear-gradient(180deg,var(--bg1),var(--bg2));}
#animated-bg{position:fixed;inset:0;z-index:-1;background:
  radial-gradient(circle at 10% 20%, rgba(110,231,183,0.08), transparent 15%),
  radial-gradient(circle at 85% 80%, rgba(96,165,250,0.06), transparent 15%),
  radial-gradient(circle at 50% 50%, rgba(99,102,241,0.04), transparent 20%),
  linear-gradient(135deg, rgba(110,231,183,0.02) 0%, transparent 50%),
  linear-gradient(45deg, rgba(96,165,250,0.02) 0%, transparent 50%);
animation: drift 20s linear infinite;
}
#live-wallpaper{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none}
@keyframes drift{0%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-30px) rotate(2deg)}100%{transform:translateY(0) rotate(0deg)}}
.topbar{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;backdrop-filter: blur(10px);background:linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.02));box-shadow:0 6px 30px rgba(0,0,0,0.4), 0 0 0 1px rgba(110,231,183,0.1);border-bottom:1px solid rgba(255,255,255,0.05);}
.top-left,.top-center,.top-right{display:flex;align-items:center}
.ad-slot-top{min-width:300px;padding:8px 12px;border-radius:6px;background:var(--glass);text-align:center;min-height:90px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;overflow:hidden}
@media (max-width:768px){.ad-slot-top{min-width:100%;width:100%}}
.ad-slot-top:empty::before{content:"Ad Space";opacity:0.5;font-size:0.9rem}
.container{display:grid;grid-template-columns:320px 1fr;gap:18px;padding:18px;max-width:1200px;margin:20px auto}
.sidebar{display:flex;flex-direction:column;gap:16px}
.content{display:flex;flex-direction:column;gap:16px}
.card{background:linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.02));padding:20px;border-radius:16px;box-shadow: 0 10px 40px rgba(0,0,0,0.4), 0 0 0 1px rgba(110,231,183,0.1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.05);transition:all 0.3s ease}
.card:hover{box-shadow: 0 15px 50px rgba(0,0,0,0.5), 0 0 0 1px rgba(110,231,183,0.2);transform:translateY(-2px)}
.card h1,.card h2,.card h3{margin-top:0;margin-bottom:12px}
#games-list{display:flex;flex-wrap:wrap;gap:10px;padding:8px 0}
#games-list .btn{min-width:140px;flex:1 1 auto;min-height:45px}
#horoscope-list{display:flex;flex-direction:column;gap:10px;padding:8px 0}
#horoscope-list .card{padding:14px;margin:0;background:linear-gradient(135deg, rgba(110,231,183,0.05), rgba(96,165,250,0.03));border-left:3px solid var(--accent)}
#horoscope-list .card:hover{border-left-color:var(--accent2);background:linear-gradient(135deg, rgba(110,231,183,0.08), rgba(96,165,250,0.05))}
#horoscope-list .card strong{display:block;margin-bottom:8px;color:var(--accent);font-size:1.1rem;font-weight:600}
#horoscope-list .card p{margin:8px 0;line-height:1.6}
#weather-widget input,#weather-widget button{margin:4px 0}
#weather-widget input{width:100%;max-width:200px}
.news-item{margin-bottom:20px;padding:16px;border-radius:12px;background:rgba(255,255,255,0.03);border-left:3px solid var(--accent);transition:all 0.3s ease;box-shadow:0 2px 8px rgba(0,0,0,0.1)}
.news-item:hover{background:rgba(110,231,183,0.08);transform:translateX(6px);border-left-color:var(--accent2);box-shadow:0 4px 16px rgba(110,231,183,0.2)}
.news-item:last-child{margin-bottom:0}
.news-item h4{margin:0 0 8px 0;font-size:1rem;line-height:1.4;font-weight:600}
.news-item a{color:var(--accent);text-decoration:none;font-weight:500;display:block}
.news-item a:hover{color:var(--accent2)}
.news-item img{border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.2);transition:transform 0.3s}
.news-item:hover img{transform:scale(1.05)}
.news-item small{opacity:0.8;font-size:0.85rem;color:var(--text-dim)}
.ad-slot-side{min-height:250px;border-radius:8px;background:var(--glass);display:flex;align-items:center;justify-content:center;margin-bottom:16px;overflow:hidden}
.ad-slot-side:empty::before{content:"Ad Space";opacity:0.5;font-size:0.9rem}
.ad-slot-inline{min-height:100px;border-radius:8px;background:var(--glass);display:flex;align-items:center;justify-content:center;margin:16px 0;padding:8px;overflow:hidden}
.ad-slot-inline:empty::before{content:"Ad Space";opacity:0.5;font-size:0.9rem}
.ad-slot-footer{min-height:250px;background:var(--glass);border-radius:8px;padding:8px;text-align:center;display:flex;align-items:center;justify-content:center;margin-bottom:16px;overflow:hidden}
.ad-slot-footer:empty::before{content:"Ad Space";opacity:0.5;font-size:0.9rem}
.adsbygoogle{display:block!important}
/* Hide AdSense errors */
ins.adsbygoogle[data-ad-status="unfilled"]{display:none!important}
ins.adsbygoogle[data-ad-status="error"]{display:none!important}
.footer{padding:12px 18px;display:flex;flex-direction:column;gap:12px;align-items:center}
.footer .ad-slot-footer{width:100%;max-width:970px}
.footer .credits{text-align:center;width:100%}
.clock{font-weight:600;padding:8px 14px;border-radius:10px;background:linear-gradient(135deg, rgba(110,231,183,0.15), rgba(96,165,250,0.1));border:1px solid rgba(110,231,183,0.2);box-shadow:0 2px 8px rgba(0,0,0,0.2);font-family:monospace;letter-spacing:1px}
#radio-player{position:fixed;bottom:16px;right:16px;background:linear-gradient(135deg, rgba(15,22,37,0.9), rgba(5,8,16,0.95));backdrop-filter: blur(12px);padding:12px;border-radius:14px;display:flex;gap:8px;align-items:center;box-shadow:0 8px 40px rgba(0,0,0,0.5), 0 0 0 1px rgba(110,231,183,0.2);z-index:50;flex-wrap:wrap;max-width:300px;border:1px solid rgba(255,255,255,0.1)}
.radio-left,.radio-middle,.radio-right{display:flex;align-items:center;gap:4px}
.radio-left button{background:var(--glass);border:1px solid rgba(255,255,255,0.1);color:var(--text);padding:6px 12px;border-radius:6px;cursor:pointer}
.radio-left button:hover{background:rgba(110,231,183,0.1)}
#station-select{background:var(--card);color:var(--text);border:1px solid rgba(255,255,255,0.1);border-radius:4px;padding:4px}
#radio-volume{width:80px}
.modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(2,6,23,0.6);z-index:100;pointer-events:none}
.modal:not([hidden]){display:flex;pointer-events:auto}
.modal[hidden]{display:none!important;visibility:hidden;opacity:0}
.modal-content{background:var(--card);padding:16px;border-radius:10px;min-width:300px;max-width:90%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px rgba(0,0,0,0.8);border:1px solid rgba(110,231,183,0.2)}
.modal-close{position:absolute;right:10px;top:10px;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);color:var(--text);font-size:20px;cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;z-index:101}
.modal-close:hover{background:rgba(239,68,68,0.3);border-color:rgba(239,68,68,0.5)}

/* Calculator styles */
#calc-root{display:flex;flex-direction:column;gap:12px}
.calc-screen{background:linear-gradient(135deg, rgba(0,0,0,0.4), rgba(0,0,0,0.2));padding:16px;border-radius:12px;font-size:1.3rem;min-height:60px;word-wrap:break-word;overflow-wrap:break-word;text-align:right;color:var(--accent);font-family:monospace;display:flex;align-items:center;justify-content:flex-end;border:1px solid rgba(110,231,183,0.2);box-shadow:inset 0 2px 8px rgba(0,0,0,0.3), 0 0 0 1px rgba(110,231,183,0.1)}
.calc-pad{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:8px}
.calc-pad button{transition:all 0.2s;min-height:50px;font-size:1.1rem;color:var(--text)}
.calc-pad button:hover{background:linear-gradient(180deg, rgba(110,231,183,0.1), rgba(99,102,241,0.08));transform:scale(1.05)}
.calc-pad button:active{transform:scale(0.95)}
#toolbox-toggle{margin-top:12px;width:100%}
.btn{padding:10px 16px;border-radius:10px;background:linear-gradient(135deg, rgba(110,231,183,0.1), rgba(96,165,250,0.08));border:1px solid rgba(110,231,183,0.2);cursor:pointer;color:var(--text);font-size:1rem;font-family:inherit;transition:all 0.3s ease;font-weight:500;box-shadow:0 2px 8px rgba(0,0,0,0.2)}
.btn:hover{background:linear-gradient(135deg, rgba(110,231,183,0.2), rgba(96,165,250,0.15));border-color:rgba(110,231,183,0.4);transform:translateY(-2px);box-shadow:0 4px 12px rgba(110,231,183,0.3)}
.btn:active{transform:translateY(0);box-shadow:0 2px 6px rgba(0,0,0,0.3)}
input[type="email"],input[type="number"],input[type="date"],input[type="text"],select{color:var(--text);background:var(--card);border:1px solid rgba(255,255,255,0.1);border-radius:6px;padding:8px;font-size:1rem;width:100%;max-width:300px}
input[type="email"]:focus,input[type="number"]:focus,input[type="date"]:focus,input[type="text"]:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px rgba(110,231,183,0.2)}
label{display:block;margin-bottom:8px;font-size:0.9rem;margin-top:12px}
label:first-child{margin-top:0}
#newsletter-form{display:flex;flex-direction:column;gap:12px;max-width:400px}
#newsletter-form input{max-width:100%}
#newsletter-msg{margin-top:8px;padding:8px;border-radius:6px;min-height:20px}
#newsletter-msg.success{background:rgba(110,231,183,0.1);color:var(--accent)}
#newsletter-msg.error{background:rgba(239,68,68,0.1);color:#ef4444}

/* Responsive */
@media (max-width:900px){
  .container{grid-template-columns:1fr;padding:12px}
  .sidebar{order:2}
  .content{order:1}
  .ad-slot-side{display:none}
  .ad-slot-top{min-width:100%;width:100%}
  .ad-slot-footer{min-height:200px;width:100%}
  .topbar{flex-wrap:wrap;gap:8px}
  .top-center{width:100%;order:3;justify-content:center}
  #radio-player{position:relative;bottom:auto;right:auto;max-width:100%;margin:8px 0}
  .footer{flex-direction:column}
}
@media (prefers-reduced-motion:reduce){#animated-bg{animation:none}}