:root{--bg-color:#0d0f12;--widget-bg:#ffffff0d;--widget-border:#ffffff1a;--text-primary:#f0f2f5;--text-secondary:#a0aab2;--accent-color:#3b82f6;--font-family:"Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-family);width:100%;min-height:100vh;overflow-x:hidden}#root{width:100%;height:100%}.brightness-slider{-webkit-appearance:none;background:#ffffff1a;border-radius:10px;outline:none;width:100%;height:6px;transition:all .2s}.brightness-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#a855f7;border:2px solid #fff;border-radius:50%;width:18px;height:18px;box-shadow:0 0 10px #a855f780}.brightness-slider::-moz-range-thumb{cursor:pointer;background:#a855f7;border:2px solid #fff;border-radius:50%;width:18px;height:18px;box-shadow:0 0 10px #a855f780}.app-container{box-sizing:border-box;background:radial-gradient(circle,#1e293b 0%,#0d0f12 100%);flex-direction:column;gap:1.5rem;width:100%;min-height:100vh;padding:1.5rem;display:flex}.header-widgets{flex-direction:column;gap:1rem;display:flex}.main-content{flex-direction:column;gap:2rem;height:100%;padding-bottom:2rem;display:flex;overflow-y:auto}.top-row,.middle-row,.control-row{z-index:5;grid-template-columns:repeat(auto-fit,minmax(700px,1fr));gap:1.5rem;width:100%;display:grid;position:relative}@media (width<=1400px){.top-row,.middle-row,.control-row{grid-template-columns:1fr}}.news-row{width:100%;margin-top:.5rem}.widget-card{background:var(--widget-bg);border:1px solid var(--widget-border);-webkit-backdrop-filter:blur(10px);border-radius:1.5rem;padding:1.5rem;transition:transform .3s,box-shadow .3s;box-shadow:0 8px 32px #0000005e}.widget-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px #00000080}.widget-header{color:var(--accent-color);text-transform:uppercase;letter-spacing:1px;margin-bottom:1rem;font-size:1.2rem;font-weight:600}.widget-content{color:var(--text-primary);font-size:1rem;line-height:1.5}@keyframes scrollTicker{0%{transform:translate(100%)}to{transform:translate(-100%)}}.ticker-scroll{animation:20s linear infinite scrollTicker}