*{margin:0;padding:0;box-sizing:border-box}:root{--bg-black: #000000;--bg-dark: #0f0f0f;--bg-card: #1a1a1a;--accent-pink: #ff0050;--accent-cyan: #00f5ff;--accent-yellow: #ffb800;--text-white: #ffffff;--text-light: #f0f0f0;--text-gray: #8a8a8a;--text-dark-gray: #666666;--border-subtle: rgba(255, 255, 255, .1);--border-bright: rgba(255, 255, 255, .2);--gradient-primary: linear-gradient(135deg, var(--accent-pink), var(--accent-cyan));--gradient-secondary: linear-gradient(45deg, var(--accent-yellow), var(--accent-pink));--shadow-glow: 0 0 20px rgba(255, 0, 80, .3);--shadow-card: 0 8px 32px rgba(0, 0, 0, .8);--vh: 1vh;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--safe-area-right: env(safe-area-inset-right, 0px);--header-height: 80px;--total-header-height: calc(var(--header-height) + var(--safe-area-top))}@supports (padding: max(0px)){:root{--safe-area-top: max(44px, env(safe-area-inset-top));--safe-area-bottom: max(34px, env(safe-area-inset-bottom));--safe-area-left: max(0px, env(safe-area-inset-left));--safe-area-right: max(0px, env(safe-area-inset-right))}}@supports (top: max(54px)){:root{--safe-area-top: max(54px, env(safe-area-inset-top, 54px));--safe-area-bottom: max(40px, env(safe-area-inset-bottom, 40px))}}body{font-family:Cairo,Helvetica Neue,Arial,sans-serif;background:var(--bg-black);color:var(--text-white);overflow-x:hidden;height:100vh;height:100dvh;direction:rtl;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:fixed;top:0;left:0;right:0;bottom:0;width:100%}.app-container{height:100vh;height:100dvh;height:calc(100vh - var(--safe-area-top) - var(--safe-area-bottom));display:flex;flex-direction:column;position:relative;background:var(--bg-black);width:100%}.header{display:none}.main-content{flex:1;height:100vh;height:100dvh;margin-top:0;overflow:hidden;position:relative;display:flex;flex-direction:column}.video-container{flex:1;overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:80px;overscroll-behavior:contain;-webkit-scroll-behavior:smooth;scroll-behavior:smooth}.video-container::-webkit-scrollbar{display:none}.article-card{width:100%;height:100vh;height:100dvh;position:relative;background:var(--bg-black);display:flex;flex-direction:column;justify-content:space-between;scroll-snap-align:start;overflow:hidden;border-radius:0;margin-bottom:0;transform:translateZ(0);will-change:transform}.article-image-container{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,var(--bg-dark),var(--bg-card));display:flex;align-items:center;justify-content:center;overflow:hidden}.article-image-container:before{content:"";position:absolute;top:50%;left:50%;width:60px;height:60px;border:3px solid var(--accent-pink);border-top:3px solid transparent;border-radius:50%;transform:translate(-50%,-50%);animation:imageSpinner 1s linear infinite;z-index:2;opacity:1;transition:opacity .3s ease}.article-image-container.image-loaded:before{opacity:0;pointer-events:none}@keyframes imageSpinner{to{transform:translate(-50%,-50%) rotate(360deg)}}.article-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;opacity:0;transition:opacity .3s ease;position:relative;z-index:1}.article-image.loaded{opacity:1}.article-image.error{opacity:1;background:var(--bg-card)}.article-image:before,.article-image:after{content:"";display:none}.article-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,#0000004d,#0000001a 30%,#0000001a 70%,#000c);z-index:10;pointer-events:none}.article-header{position:absolute;top:20px;right:20px;left:auto;width:auto;max-width:60%;z-index:20;text-align:right;background:linear-gradient(to bottom,rgba(0,0,0,.7),transparent);padding:20px;padding-top:calc(20px + var(--safe-area-top, 0px));padding-right:calc(20px + var(--safe-area-right, 0px));border-radius:0}html[dir=ltr] .article-header{text-align:left;right:auto;left:20px;padding-left:calc(20px + var(--safe-area-left, 0px));padding-right:20px}.article-info h2{font-size:20px;font-weight:700;color:var(--text-white);margin-bottom:8px;text-shadow:0 2px 8px rgba(0,0,0,.8);line-height:1.2}.article-category{background:var(--gradient-primary);padding:4px 12px;border-radius:15px;font-size:11px;font-weight:600;color:var(--text-white);display:inline-block;text-shadow:none;margin-top:4px}.article-actions{position:absolute;left:16px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:16px;z-index:30;padding-left:var(--safe-area-left, 0px)}html[dir=ltr] .article-actions{left:16px;padding-left:var(--safe-area-left, 0px)}.action-btn{background:#ffffff26;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:none;border-radius:50%;width:56px;height:56px;color:var(--text-white);font-size:18px;cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94);display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;border:2px solid rgba(255,255,255,.1);position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.action-btn:hover,.action-btn:focus,.action-btn:active{background:#ffffff40;transform:scale(1.1);border-color:var(--accent-pink);box-shadow:0 0 20px #ff005066}.action-btn i{margin-bottom:4px;transition:transform .3s ease}.action-btn .count{font-size:11px;font-weight:600;color:var(--text-white);min-height:16px;line-height:1}.nav-btn:hover,.nav-btn.active{background:var(--gradient-primary);transform:scale(1.1);box-shadow:var(--shadow-glow)}.article-actions .read-more-btn{background:var(--gradient-primary);color:var(--text-white);border:none;border-radius:50%;width:56px;height:56px;font-size:18px;padding:0;transition:all .3s ease;position:relative;display:flex;align-items:center;justify-content:center}.article-actions .read-more-btn:hover,.article-actions .read-more-btn:focus{transform:scale(1.15);box-shadow:var(--shadow-glow)}.article-actions .read-more-btn i{transition:transform .3s ease}.action-divider{width:2px;height:20px;background:#fff3;margin:0 auto;border-radius:1px}.like-btn.liked{background:var(--gradient-secondary)}.like-btn.liked i{color:var(--text-white);animation:heartBeat .3s ease-in-out}.sidebar{display:none}.menu-toggle,.side-nav,.nav-overlay,.side-nav-header,.side-nav-logo,.side-nav-subtitle,.side-nav-menu,.side-nav-item,.side-nav-footer,.nav-stats,.nav-stat,.nav-stat-number,.nav-stat-label,.close-nav-btn,.sidebar-item{display:none!important}.article-content{position:absolute;bottom:0;left:0;right:0;padding:24px;padding-bottom:calc(24px + var(--safe-area-bottom, 0px));z-index:20;background:linear-gradient(to top,rgba(0,0,0,.9),transparent);padding-top:60px}.article-summary{color:var(--text-white);font-size:16px;line-height:1.6;margin-bottom:16px;font-weight:400;text-align:right;max-height:120px;overflow:hidden;text-shadow:0 1px 4px rgba(0,0,0,.8)}html[dir=ltr] .article-summary{text-align:left}.article-meta{display:flex;gap:16px;color:var(--text-gray);font-size:13px;justify-content:flex-end;align-items:center}html[dir=ltr] .article-meta{justify-content:flex-start}.read-more-btn{background:var(--gradient-primary);color:var(--text-white);border:none;padding:14px 28px;border-radius:30px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94);text-decoration:none;display:inline-flex;align-items:center;gap:8px;font-family:Cairo,sans-serif;margin-top:12px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 16px #ff00504d}.read-more-btn:hover,.read-more-btn:focus{transform:translateY(-2px) scale(1.05);box-shadow:0 8px 24px #ff005066}.read-more-btn i{transition:transform .3s ease}.loading{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg-black);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding-top:var(--safe-area-top);padding-bottom:var(--safe-area-bottom);padding-left:var(--safe-area-left);padding-right:var(--safe-area-right)}.loading.hidden{display:none}.loading-spinner{width:60px;height:60px;border:4px solid var(--border-subtle);border-top:4px solid var(--accent-pink);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.loading p{color:var(--text-gray);font-size:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.install-prompt{position:fixed;bottom:30px;left:20px;right:20px;background:var(--gradient-primary);border-radius:24px;z-index:1000;animation:slideUp .5s ease-out;box-shadow:var(--shadow-card)}.install-content{padding:24px;text-align:center;color:var(--text-white)}.install-content h3{font-size:20px;font-weight:800;margin-bottom:12px}.install-content p{font-size:16px;margin-bottom:24px;opacity:.9;font-weight:500}.install-actions{display:flex;gap:16px;justify-content:center}.install-btn,.dismiss-btn{padding:12px 24px;border:none;border-radius:30px;font-weight:700;cursor:pointer;transition:all .3s ease;font-family:Cairo,sans-serif;font-size:16px}.install-btn{background:var(--text-white);color:var(--accent-pink)}.install-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ffffff4d}.dismiss-btn{background:#fff3;color:var(--text-white)}.dismiss-btn:hover{background:#ffffff4d}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.list-container,.list-header,.list-content,.list-item,.item-info,.item-date,.profile-container,.profile-header,.profile-avatar,.profile-stats,.stat,.stat-number,.stat-label,.profile-actions,.profile-btn{display:none!important}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60%;text-align:center;color:var(--text-gray)}.empty-state h3{font-size:20px;margin-bottom:12px;font-weight:700}.empty-state p{font-size:16px;font-weight:500}.toast{position:fixed;top:calc(var(--safe-area-top) + 60px);left:50%;right:auto;background:var(--bg-card);color:var(--text-white);padding:16px 24px;border-radius:16px;border:2px solid var(--accent-pink);box-shadow:var(--shadow-card);transform:translate(-50%) translate(100vw);transition:transform .3s ease;z-index:1001;font-family:Cairo,sans-serif;font-size:16px;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:calc(100vw - 32px);width:-moz-fit-content;width:fit-content;min-width:280px}.toast.show{transform:translate(-50%) translate(0);opacity:1}.toast-content{display:flex;align-items:center;gap:12px;justify-content:space-between}.toast-action-btn{background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:20px;color:#fff;padding:6px 12px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;min-width:-moz-fit-content;min-width:fit-content}.toast-action-btn:hover{background:#ffffff4d;transform:scale(1.05)}.toast-action-btn:active{transform:scale(.95)}.toast-info{background:linear-gradient(135deg,#25f4ee,#007bff);border:1px solid rgba(37,244,238,.3)}.toast-success{background:linear-gradient(135deg,#28a745,#20c997)}.toast-error{background:linear-gradient(135deg,#dc3545,#fd7e14)}@keyframes heartBeat{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.article-card{animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@media (min-width: 768px){.header-content{padding:0 20px}.article-card{border-radius:20px;margin:10px;height:calc(100vh - 100px)}.video-container::-webkit-scrollbar{display:block;width:8px}.video-container::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.video-container::-webkit-scrollbar-thumb{background:var(--accent-pink);border-radius:4px}.video-container::-webkit-scrollbar-thumb:hover{background:var(--accent-cyan)}}@media (max-width: 480px){.logo{font-size:24px}.article-info h2{font-size:20px}.install-actions{flex-direction:column}.install-btn,.dismiss-btn{width:100%}.action-btn{width:56px;height:56px;min-width:56px;min-height:56px;font-size:18px}.article-actions{gap:12px;left:15px;top:50%;transform:translateY(-50%)}html[dir=ltr] .article-actions{left:15px;top:50%;transform:translateY(-50%)}}@supports (-webkit-touch-callout: none){.app-container{height:100vh;height:-webkit-fill-available}.video-container,.article-card{height:calc(100vh - 80px);height:calc(-webkit-fill-available - 80px)}}@supports (padding: max(0px)){.header{padding-left:max(24px,env(safe-area-inset-left));padding-right:max(24px,env(safe-area-inset-right));padding-top:max(16px,env(safe-area-inset-top))}.article-actions,html[dir=ltr] .article-actions{left:max(20px,env(safe-area-inset-left))}.article-content{padding-bottom:max(24px,env(safe-area-inset-bottom))}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.side-nav,.nav-overlay,.menu-toggle{transition-duration:.1s!important}}@media (prefers-contrast: high){:root{--border-subtle: rgba(255, 255, 255, .5);--text-gray: #cccccc}.side-nav{background:var(--bg-black);border-right:2px solid var(--text-white)}.menu-toggle{border:2px solid var(--text-white)}}button:focus-visible,[role=button]:focus-visible,input:focus-visible{outline:3px solid var(--accent-cyan);outline-offset:2px}.logo{position:fixed;top:20px;left:20px;top:calc(20px + var(--safe-area-top, 0px));left:calc(20px + var(--safe-area-left, 0px));background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:18px;font-weight:900;z-index:100;opacity:.8;pointer-events:none}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:var(--bg-black);background:linear-gradient(to top,var(--bg-black) 90%,transparent);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-subtle);padding:8px 0;padding-bottom:calc(8px + var(--safe-area-bottom));display:flex;justify-content:space-around;align-items:center;z-index:100;height:80px;box-shadow:0 -2px 20px #0000004d}.bottom-nav .nav-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;background:none;border:none;color:var(--text-gray);padding:8px 12px;border-radius:12px;cursor:pointer;transition:all .3s ease;min-width:60px;font-family:Cairo,sans-serif;text-decoration:none;position:relative;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.bottom-nav .nav-btn i{font-size:20px;margin-bottom:4px;transition:all .3s ease}.bottom-nav .nav-btn span{font-size:11px;font-weight:500;transition:all .3s ease;white-space:nowrap}.bottom-nav .nav-btn:hover,.bottom-nav .nav-btn:focus{color:var(--text-white);background:#ffffff0d;transform:translateY(-1px)}.bottom-nav .nav-btn.active{color:var(--accent-pink);background:#ff00501a}.bottom-nav .nav-btn.active i{transform:scale(1.1);text-shadow:0 0 10px rgba(255,0,80,.5)}.bottom-nav .nav-btn.active span{font-weight:600}.category-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000004d}.category-card:active{transform:translateY(0)}.search-interface .search-box input:focus{border-color:var(--accent-pink);box-shadow:0 0 0 3px #fe2c551a}.search-results::-webkit-scrollbar{width:6px}.search-results::-webkit-scrollbar-track{background:var(--bg-card);border-radius:3px}.search-results::-webkit-scrollbar-thumb{background:var(--accent-pink);border-radius:3px}.search-results::-webkit-scrollbar-thumb:hover{background:var(--accent-cyan)}.result-item:hover{border-color:var(--accent-pink);transform:translateY(-1px);box-shadow:0 4px 15px #fe2c5533}.result-item:active{transform:translateY(0)}@keyframes spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}@media (max-width: 480px){.categories-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.category-card{min-height:100px!important;padding:16px 12px!important}.category-card div{font-size:24px!important}.category-card h3{font-size:14px!important}.search-interface .search-box input{font-size:16px!important;padding:16px 50px 16px 16px!important}.result-item{padding:12px!important}}.category-indicator{position:fixed;top:calc(var(--safe-area-top) + 16px);left:50%;transform:translate(-50%);z-index:1000;background:#25f4eef2;color:#161823;padding:8px 16px;border-radius:25px;font-size:14px;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(37,244,238,.3);box-shadow:0 4px 20px #25f4ee4d;animation:slideDown .3s ease;max-width:calc(100vw - 32px);width:-moz-fit-content;width:fit-content}.indicator-content{display:flex;align-items:center;gap:8px}.article-counter{background:var(--accent-pink)20;border:1px solid var(--accent-pink)40;padding:4px 10px;border-radius:12px;font-size:13px;font-weight:700;color:var(--accent-pink);white-space:nowrap;transition:all .3s ease}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1);background:var(--accent-pink)40}to{transform:scale(1)}}.clear-category-btn{background:#161823cc;border:none;border-radius:50%;color:#fff;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:12px}.clear-category-btn:hover{background:#161823;transform:scale(1.1)}.clear-category-btn:active{transform:scale(.95)}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media (max-width: 768px){.category-indicator{top:calc(var(--safe-area-top) + 12px);font-size:13px;padding:6px 12px;margin:0 16px;max-width:calc(100vw - 32px)}.clear-category-btn{width:20px;height:20px;font-size:10px}}@media (max-width: 480px) and (min-height: 800px){.category-indicator{top:calc(var(--safe-area-top) + 20px);font-size:14px;padding:8px 16px}.toast{top:calc(var(--safe-area-top) + 80px);font-size:15px;min-width:300px;padding:18px 24px}}@media (max-width: 480px) and (min-height: 900px){.category-indicator{top:calc(var(--safe-area-top) + 25px)}.toast{top:calc(var(--safe-area-top) + 90px)}}.fullscreen-mode .bottom-nav{transition:transform .3s ease}.fullscreen-mode .bottom-nav.hidden{transform:translateY(100%)}.fullscreen-mode .header{transform:translateY(-100%);transition:transform .3s ease}.fullscreen-btn{background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;padding:12px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-size:16px}.fullscreen-btn:hover{background:#000000e6;transform:scale(1.1)}.fullscreen-btn:active{transform:scale(.95)}.fullscreen-mode{overflow:hidden}.fullscreen-mode .video-container{height:100vh;width:100vw;position:fixed;top:0;left:0;z-index:1000}.fullscreen-mode .article-card{height:100vh;width:100vw}.fullscreen-mode .bottom-nav.auto-hide{transition:transform .3s ease}@keyframes fadeInFullscreen{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.fullscreen-mode .video-container{animation:fadeInFullscreen .3s ease}.toast.fullscreen-toast{background:#000c;color:#fff;font-size:16px;padding:12px 20px;border-radius:25px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.fullscreen-mode .action-btn{min-width:44px;min-height:44px;padding:10px}@media (max-width: 768px){.fullscreen-mode .bottom-nav{padding-bottom:env(safe-area-inset-bottom)}.fullscreen-btn{padding:10px;font-size:14px}}.fullscreen-btn:focus{outline:2px solid #25f4ee;outline-offset:2px}.fullscreen-mode body{overflow:hidden;position:fixed;width:100%;height:100%}.fullscreen-mode .article-actions{opacity:.8;transition:opacity .3s ease}.fullscreen-mode .article-actions:hover{opacity:1}@media only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3){.category-indicator{top:calc(var(--safe-area-top) + 30px);font-size:15px;padding:10px 20px;min-width:300px}.toast{top:calc(var(--safe-area-top) + 100px);font-size:16px;min-width:320px;padding:20px 24px}.bottom-nav{min-height:calc(80px + var(--safe-area-bottom));padding-bottom:calc(16px + var(--safe-area-bottom))}.bottom-nav .nav-btn{min-width:70px;padding:10px 15px}.bottom-nav .nav-btn i{font-size:22px;margin-bottom:6px}.bottom-nav .nav-btn span{font-size:12px}}@media (max-width: 480px) and (min-height: 850px){.category-indicator{top:calc(var(--safe-area-top) + 25px);font-size:15px;padding:10px 18px}.toast{top:calc(var(--safe-area-top) + 95px);font-size:16px;min-width:310px;padding:18px 22px}.article-actions{gap:15px}.action-btn{width:60px;height:60px;font-size:20px}}@supports (top: env(safe-area-inset-top)) and (max-height: 932px){.category-indicator{top:max(60px,calc(env(safe-area-inset-top) + 20px))}.toast{top:max(110px,calc(env(safe-area-inset-top) + 70px))}}@media (min-width: 400px){.category-indicator .indicator-content{gap:12px}.toast-content{gap:16px}.toast-action-btn{padding:8px 16px;font-size:13px;min-width:80px}}