.news-notice {
            margin: 0 0 100px 0px;
            font-size: clamp(14px, 2vw, 32px);
            text-align: center;
                position: sticky; top: 0;
        }
        .live-news-title {
            text-align: center;
        }
        ul {
          list-style-type: none;
          padding-left: 0;
          margin: 0 auto;
          color: #00ffea;       
          font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
          font-size: 3.0rem; 
          text-align: left;
        }
        li {
          display: flex;
          justify-content: center;
          border: 4px solid rgba(255, 136, 0, 0);
          transition: border 0.2s ease;
          font-family: 'Rajdhani', sans-serif;
          font-weight: 700;
        }       
        .news-list {
          color: var(--news-list-text-color);
          padding: 50px 30px 30px 30px;
          list-style: none;
          border-radius: 8px;
          height: 100%;
        }
        .news-list li {
          margin-bottom: 8px;
          border-radius: 4px;
          transition: background-color 0.3s ease, border 0.3s ease;
          cursor: pointer;
          padding: 10px;
        }
        .news-list li:hover {
          background-color: var(--news-list-hover-bg);
          border: 4px solid var(--news-list-border-color);
        }
        .news-list li:hover a {
          color: var(--news-list-link-hover-color);
        }
        .news-list li a {
          color: var(--news-list-link-color);
          text-decoration: none;
          pointer-events: auto;
          transition: color 0.3s ease, text-shadow 0.3s ease;
        }
        .news-list li:active {
          background-color: var(--news-list-active-bg);
          border: 4px solid var(--news-list-active-border-color);
          color: var(--news-list-active-text-color);
          text-shadow:
            0 0 5px var(--news-list-active-glow-color),
            0 0 10px var(--news-list-active-glow-color),
            0 0 15px var(--news-list-active-glow-color);
        }
        .news-list li:active a {
          color: var(--news-list-active-text-color);
          text-shadow:
            0 0 5px var(--news-list-active-glow-color),
            0 0 10px var(--news-list-active-glow-color),
            0 0 15px var(--news-list-active-glow-color);
        }
        
        .news-scrollbar-track {
            position: absolute;
            top: 0%;
            right: 0;
            width: 10px;
            height: 99.3%;
            min-height: 30px;
            background: #0a0a0a;
            border-radius: 10px;
            box-shadow: inset 0 0 5px #0ff2;
            z-index: 10;
        }
        .news-scrollbar-thumb {
          height: 40px;
          position: absolute;
          top: 0;
          width: 100%;
          background: linear-gradient(45deg, var(--news-thumb-bg-start), var(--news-thumb-bg-end));
          border-radius: 10px;
          box-shadow: 0 0 10px var(--news-thumb-glow-start), 0 0 20px var(--news-thumb-glow-start);
          cursor: pointer;
          animation: cyberPulse 2s infinite ease-in-out;
          transition: background 0.3s, box-shadow 0.3s;
        }
        .news-scrollbar-thumb:hover,
        .news-scrollbar-thumb.active-scroll {
          background: linear-gradient(45deg, var(--news-thumb-glow-hover-start), var(--news-thumb-glow-hover-end));
          box-shadow: 0 0 20px var(--news-thumb-boxshadow-hover-start), 0 0 40px var(--news-thumb-boxshadow-hover-end);
          animation: cyberPulseHover 2s infinite ease-in-out;
        }
        .news-scrollbar-track,
        .news-scrollbar-thumb {
          display: none;
        }
        .news-scrollbar-track.visible,
        .news-scrollbar-thumb.visible {
          display: block;
        }

        .preview-inner-wrapper {
          display: flex;
          flex-direction: column;
          height: 100%;
          flex-grow: 1;
          box-sizing: border-box;
          margin-right: 0px;
          margin-left: 0px;
        }
        .loading-wrapper {
          display: flex;
          flex-grow: 1;
          flex-direction: column;
          width: 100%;
        }
        .loading-center {
          flex-grow: 1;
          display: flex;
          flex-direction: column;
          justify-content: center; /* vertical centering */
          align-items: center;
          font-family: monospace;
          font-weight: bold;
          font-size: 14px;
          color: white;
          margin: 80px;
        }
        #warning-sign {
          width: 160px;
          height: 160px;
          margin-bottom: 10px;
          filter: drop-shadow(0 0 6px #ff0000);
          user-select: none;
          pointer-events: none;
          z-index: 3;
        }
        #loading-bar-container {
          position: relative;
          width: 100%;
          height: 40px;
          background-color: black;
          border: 1px solid red;
          margin-bottom: 0px;
          box-shadow: 0 0 10px #f002;
          overflow: hidden;
          z-index: 2;
        }
        #loading-bar {
          position: absolute;
          top: 0;
          left: 0;
          height: 100%;
          width: 0%; /* animated via JS */
          background: linear-gradient(90deg, rgb(0,0,0), rgb(255, 0, 0));
          transition: width 0.05s ease-in-out;
          z-index: 1;
        }
        #loading-overlay {
          position: absolute;
          top: 0;
          left: 0;
          height: 100%;
          width: 100%;
          display: flex;
          justify-content: space-between; /* anchors left and right */
          align-items: center;
          padding: 0 5px;
          z-index: 2; /* above the bar */
          pointer-events: none;
        }
        #loading-text,
        #loading-percentage {
          font-family: monospace;
          font-size: 28px;
          color: white;
          white-space: nowrap;
          padding-right: 10px;
        }
        @keyframes growHeight {
          from {
            height: 1px;
          }
          to {
            height: 40px; /* full height of your loading bar */
          }
        }
        @keyframes wink {
          0%, 100% { opacity: 1; }
          25%, 75% { opacity: 0; }
          50% { opacity: 1; }
        }