*{margin:0;padding:0;box-sizing:border-box}body{font-family:Open Sans,sans-serif;background-color:#09061b;color:#fff;overflow:hidden}.app{width:100vw;height:100vh;position:relative}.orbital-container{width:100%;height:100%;position:absolute;top:0;left:0}.menu-toggle{position:absolute;top:20px;right:20px;width:50px;height:50px;background-color:#ffffff1a;border:none;border-radius:50%;color:#fff;font-size:24px;cursor:pointer;z-index:100;display:flex;align-items:center;justify-content:center;transition:background-color .3s}.menu-toggle:hover{background-color:#fff3}.pause-button{position:absolute;top:20px;left:20px;width:50px;height:50px;background-color:#ffffff1a;border:none;border-radius:50%;color:#fff;font-size:24px;cursor:pointer;z-index:100;display:flex;align-items:center;justify-content:center;transition:background-color .3s}.pause-button:hover{background-color:#fff3}.menu-panel{position:absolute;top:0;right:-400px;width:400px;height:100%;background-color:#0a0a1ee6;backdrop-filter:blur(10px);padding:20px;overflow-y:auto;transition:right .3s ease-in-out;z-index:99;box-shadow:-5px 0 15px #00000080}.menu-panel.open{right:0}.menu-panel h1{font-size:28px;margin-bottom:20px;color:#ffb300;text-align:center}.menu-panel h2{font-size:20px;margin:15px 0;color:#fff}.search-section{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.2)}.input-group{margin-bottom:15px}.input-group label{display:block;margin-bottom:5px;font-size:14px;color:#ccc}.input-group input{width:100%;padding:10px;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;color:#fff;font-size:16px}.input-group input:focus{outline:none;border-color:#ffb300}.search-section button{padding:10px 15px;background-color:#ffb300;color:#09061b;border:none;border-radius:4px;cursor:pointer;font-size:16px;margin-right:10px;transition:background-color .3s}.search-section button:hover{background-color:#ffc233}.article-history{margin-top:30px}.article-list{max-height:300px;overflow-y:auto;margin-top:15px}.article-item{padding:12px;background-color:#ffffff0d;border-radius:6px;margin-bottom:10px;cursor:pointer;transition:background-color .2s}.article-item:hover{background-color:#ffffff1a}.article-item.selected{background-color:#ffb30033;border-left:3px solid #ffb300}.article-title{font-size:14px;font-weight:600;margin-bottom:5px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.article-source{font-size:12px;color:#aaa}.article-details{padding:15px;background-color:#ffffff0d;border-radius:8px;margin-top:20px}.article-details h2{font-size:22px;margin-bottom:10px;color:#fff}.article-meta{font-size:14px;color:#aaa;margin-bottom:15px}.article-content{font-size:16px;line-height:1.6;margin-bottom:20px}.article-actions{display:flex;gap:10px;margin-top:15px;flex-wrap:wrap}.source-link{display:inline-block;padding:8px 15px;background-color:#ffffff1a;color:#fff;text-decoration:none;border-radius:4px;transition:background-color .3s}.source-link:hover{background-color:#fff3}.read-more-button,.collapse-button{background:none;border:none;color:#4a9df8;cursor:pointer;padding:5px;margin-left:5px;font-size:.9em;transition:color .2s;text-decoration:underline}.read-more-button:hover,.collapse-button:hover{color:#7eb9ff}.collapse-button{padding:8px 15px;background-color:#4a9df833;color:#fff;text-decoration:none;border-radius:4px;transition:background-color .3s;border:1px solid rgba(74,157,248,.4)}.collapse-button:hover{background-color:#4a9df84d;color:#fff}@media (max-width: 768px){.menu-panel{width:100%;right:-100%}}.article-hud{position:absolute;top:60px;left:50%;transform:translate(-50%);background-color:#000000d9;border-radius:8px;padding:12px 20px;color:#fff;max-width:60%;text-align:center;z-index:100;backdrop-filter:blur(8px);box-shadow:0 4px 20px #00000080,0 0 15px #ffb3004d;border:1px solid rgba(255,179,0,.4);pointer-events:none;transition:all .2s ease;animation:hudPulse .5s ease-in-out}@keyframes hudPulse{0%{transform:translate(-50%) scale(.95);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}.article-hud-title{font-size:1.1rem;font-weight:700;margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 3px rgba(0,0,0,.5);color:#ffb300}.article-hud-source{font-size:.9rem;color:#fff}:root{font-family:Open Sans,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#09061b;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#root{width:100%;height:100vh}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}}