:root{--bg-primary:#0a0e17;--bg-card:#121a2bbf;--bg-card-hover:#1a253ce6;--border-glass:#ffffff14;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-muted:#64748b;--accent-color:#0d9488;--accent-light:#2dd4bf;--accent-glow:#0d948873;--danger-color:#ef4444;--warning-color:#f59e0b;--font-brand:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);width:100vw;height:100dvh;line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}.glass-effect{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass)}.glass-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-glass);background:#0a0e17d9}.app-container{border-left:1px solid var(--border-glass);border-right:1px solid var(--border-glass);background-color:#030712;flex-direction:column;max-width:500px;height:100dvh;margin:0 auto;display:flex;position:relative;box-shadow:0 25px 50px -12px #00000080}.news-feed{scroll-snap-type:y mandatory;scroll-behavior:smooth;scrollbar-width:none;flex:1;height:calc(100dvh - 60px);overflow-y:scroll}.news-feed::-webkit-scrollbar{display:none}.news-card-wrapper{scroll-snap-align:start;scroll-snap-stop:always;flex-direction:column;justify-content:center;width:100%;height:calc(100dvh - 60px);padding:16px;display:flex;position:relative}.news-card{border-radius:24px;flex-direction:column;height:100%;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden;box-shadow:0 10px 30px -10px #000000b3}.news-card:hover{border-color:#2dd4bf40;box-shadow:0 15px 35px -10px #0d948826}.card-image-container{width:100%;height:40%;position:relative;overflow:hidden}.card-image{object-fit:cover;width:100%;height:100%;transition:transform .6s}.news-card:hover .card-image{transform:scale(1.03)}.card-image-overlay{background:linear-gradient(#0000004d 0%,#0000 40%,#000000d9 100%);position:absolute;inset:0}.category-badge{font-family:var(--font-brand);letter-spacing:.05em;text-transform:uppercase;background:var(--accent-color);color:#fff;box-shadow:0 4px 12px var(--accent-glow);border:1px solid #fff3;border-radius:50px;padding:6px 14px;font-size:.75rem;font-weight:600;position:absolute;top:16px;left:16px}.breaking-badge{font-family:var(--font-brand);text-transform:uppercase;background:var(--danger-color);color:#fff;border-radius:50px;padding:6px 12px;font-size:.75rem;font-weight:700;animation:1.5s infinite pulse;position:absolute;top:16px;right:16px;box-shadow:0 4px 12px #ef444466}.card-content{flex-direction:column;height:60%;padding:18px 22px;display:flex}.card-title-container{align-items:center;height:16.6%;display:flex;overflow:hidden}.card-title{font-family:var(--font-brand);color:var(--text-primary);cursor:pointer;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:clamp(.95rem,2.3vh,1.15rem);font-weight:700;line-height:1.25;transition:color .2s;display:-webkit-box;overflow:hidden}.card-title:hover{color:var(--accent-light);text-decoration:underline}.card-body-container{flex-direction:column;justify-content:flex-start;height:66.6%;padding-top:10px;display:flex;overflow-y:auto}.card-summary{color:var(--text-secondary);text-align:justify;font-size:.95rem;line-height:1.6}.card-hashtags{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.hashtag{font-family:var(--font-brand);color:var(--accent-light);background:#2dd4bf14;border:1px solid #2dd4bf26;border-radius:6px;padding:3px 8px;font-size:.75rem;font-weight:600}.card-footer{border-top:1px solid var(--border-glass);justify-content:space-between;align-items:center;height:16.8%;margin-top:auto;padding-top:8px;display:flex}.pub-time{color:var(--text-muted);font-size:.75rem}.action-buttons{gap:12px;display:flex}.action-btn{border:1px solid var(--border-glass);color:var(--text-secondary);cursor:pointer;background:#ffffff0d;border-radius:12px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.action-btn:hover{background:var(--accent-color);color:#fff;border-color:var(--accent-color);box-shadow:0 0 10px var(--accent-glow)}.action-btn.active{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.feed-sync-btn{background:var(--accent-color);width:52px;height:52px;box-shadow:0 6px 20px var(--accent-glow);color:#fff;cursor:pointer;z-index:90;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.175,.885,.32,1.275);display:flex;position:absolute;bottom:24px;right:24px}.feed-sync-btn:hover{background:var(--accent-light);transform:scale(1.08);box-shadow:0 8px 25px #2dd4bf80}.swipe-guide-overlay{-webkit-backdrop-filter:blur(12px);z-index:1000;text-align:center;background:#030712e6;flex-direction:column;justify-content:center;align-items:center;padding:24px;transition:opacity .5s ease-out;display:flex;position:absolute;inset:0}.swipe-hand-animation{margin-bottom:20px;font-size:3rem;animation:1.8s ease-in-out infinite swipeUpAnim}.swipe-guide-title{font-family:var(--font-brand);color:#fff;margin-bottom:8px;font-size:1.3rem;font-weight:700}.swipe-guide-desc{color:var(--text-secondary);max-width:250px;margin-bottom:24px;font-size:.9rem;line-height:1.5}.toast-alert{border:1px solid var(--border-glass);color:var(--accent-light);z-index:500;background:#0f172af2;border-radius:12px;padding:10px 18px;font-size:.85rem;font-weight:500;animation:.3s cubic-bezier(.16,1,.3,1) forwards slideUpToast;position:absolute;bottom:90px;left:50%;transform:translate(-50%);box-shadow:0 10px 25px #00000080}.breaking-alert-banner{z-index:100;cursor:pointer;background:#ef4444f2;border-radius:16px;align-items:center;gap:12px;padding:12px 16px;animation:.4s cubic-bezier(.16,1,.3,1) forwards slideDown;display:flex;position:absolute;top:70px;left:16px;right:16px;box-shadow:0 10px 25px -5px #00000080}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUpToast{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}@keyframes swipeUpAnim{0%{opacity:0;transform:translateY(20px)}30%{opacity:1}60%{opacity:1;transform:translateY(-30px)}80%{opacity:0}to{opacity:0;transform:translateY(20px)}}.audio-playing-indicator{align-items:center;gap:3px;height:16px;display:flex}.audio-bar{background-color:var(--accent-light);border-radius:3px;width:3px;height:100%;animation:1s ease-in-out infinite alternate bounce}.audio-bar:nth-child(2){animation-delay:.2s}.audio-bar:nth-child(3){animation-delay:.4s}@keyframes bounce{0%{height:4px}to{height:16px}}.admin-view{background:#030712;width:100%;height:100%;padding:24px 16px;overflow-y:auto}.admin-header{margin-bottom:24px}.form-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.form-group label{font-family:var(--font-brand);color:var(--text-secondary);font-size:.85rem}.form-control{border:1px solid var(--border-glass);color:#fff;font-family:var(--font-body);background:#ffffff0a;border-radius:12px;outline:none;padding:12px}.form-control:focus{border-color:var(--accent-color);box-shadow:0 0 8px var(--accent-glow)}.btn-primary{background:var(--accent-color);color:#fff;font-family:var(--font-brand);cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px;font-weight:600;transition:all .2s;display:flex}.btn-primary:hover{box-shadow:0 4px 12px var(--accent-glow);background:#0f766e}.btn-secondary{color:#fff;border:1px solid var(--border-glass);font-family:var(--font-brand);cursor:pointer;background:#ffffff14;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px;font-weight:600;transition:all .2s;display:flex}.btn-secondary:hover{background:#ffffff26}.iframe-drawer{border-top:1px solid var(--border-glass);z-index:200;background:#030712;border-top-left-radius:28px;border-top-right-radius:28px;flex-direction:column;height:90%;animation:.3s cubic-bezier(.16,1,.3,1) forwards slideUp;display:flex;position:absolute;bottom:0;left:0;right:0}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.iframe-header{border-bottom:1px solid var(--border-glass);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.iframe-body{background:#fff;border:none;flex:1;width:100%}