.homepage-container{width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;background-color:transparent;position:absolute;top:0;left:0;z-index:2;justify-content:center;transform:translateY(-40px)}.homepage-content{width:100%;max-width:650px;text-align:center}.homepage-title{font-size:5rem;font-weight:800;margin-bottom:2.5rem;color:var(--color-text-primary);letter-spacing:-.02em}.homepage-title .gold-accent{color:var(--color-accent-gold);text-shadow:0 0 20px rgba(255,215,0,.5)}.search-form-container{width:100%}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-input-icon{position:absolute;inset-inline-end:20px;top:50%;transform:translateY(-50%);color:var(--color-accent-turquoise);opacity:.6;pointer-events:none}.search-input-icon svg{width:22px;height:22px}.search-input-main{width:100%;padding:1.1rem 3.5rem 1.1rem 1.5rem;font-size:1.1rem;background-color:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--border-radius-large);color:var(--color-text-primary);transition:border-color var(--transition-speed-fast),box-shadow var(--transition-speed-fast)}.search-input-main::-moz-placeholder{color:var(--color-text-secondary);opacity:.8;font-family:Arial,sans-serif}.search-input-main::placeholder{color:var(--color-text-secondary);opacity:.8;font-family:Arial,sans-serif}.search-input-main:focus{outline:none;border-color:var(--color-accent-turquoise);box-shadow:0 0 0 4px #00af914d,inset 0 0 10px #00af911a}.homepage-footer{position:absolute;bottom:2rem;font-size:.8rem;color:var(--color-text-secondary);opacity:.6;z-index:2}@keyframes subtle-glow-pulse{0%{box-shadow:0 5px 30px #00af9159}50%{box-shadow:0 8px 45px #00af9180}to{box-shadow:0 5px 30px #00af9159}}.app-header{position:fixed;top:0;left:0;width:100%;padding:1.75rem 2rem;z-index:10;background-color:#00af9133;animation:subtle-glow-pulse 5s infinite ease-in-out;-webkit-mask-image:linear-gradient(to bottom,black 80%,transparent 100%);mask-image:linear-gradient(to bottom,black 80%,transparent 100%);display:flex;justify-content:space-between;align-items:center}.header-section{flex:1;color:var(--color-text-primary);min-width:50px}.header-section.center{text-align:center}.header-section.right{text-align:right}.posts-sidebar{position:fixed;z-index:30;top:0;height:100vh;right:-300px;width:300px;transition:right var(--transition-speed-normal)}.sidebar-panel{width:100%;height:100%;background-color:var(--color-bg-secondary);border-left:2px solid var(--color-border);box-shadow:-10px 0 30px var(--color-shadow);display:flex;flex-direction:column}.sidebar-tab{position:absolute;top:50%;right:100%;transform:translateY(-50%);width:30px;height:100px;background-color:var(--color-accent-turquoise-light);border:none;border-radius:12px 0 0 12px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-text-inverted);box-shadow:-5px 0 15px #00af914d;transition:background-color var(--transition-speed-fast)}.sidebar-tab:hover{background-color:var(--color-accent-turquoise)}.sidebar-tab svg{transform:rotate(0);transition:transform var(--transition-speed-normal)}.posts-sidebar.open{right:0}.posts-sidebar.open .sidebar-tab svg{transform:rotate(180deg)}.panel-title{font-size:1.25rem;font-weight:600;padding:1.5rem;border-bottom:1px solid var(--color-border);text-align:right;color:var(--color-accent-turquoise-light)}.panel-content{flex-grow:1;overflow-y:auto;padding:1rem}.loader{text-align:center;padding:2rem;color:var(--color-text-secondary)}.posts-list{list-style:none;padding:0;margin:0}.post-item{margin-bottom:1rem}.post-link{display:flex;align-items:center;background-color:var(--color-bg-tertiary);border-radius:var(--border-radius-medium);overflow:hidden;text-decoration:none;color:var(--color-text-primary);transition:background-color var(--transition-speed-fast)}.post-link:hover{background-color:#3a3a3c}.post-image{width:100px;height:60px;-o-object-fit:cover;object-fit:cover;flex-shrink:0}.post-details{display:flex;flex-direction:column;padding:.75rem;overflow:hidden}.post-details .post-title{font-size:.9rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right;line-height:1.4}.post-duration{font-size:.8rem;color:var(--color-text-secondary);margin-top:.25rem;text-align:right}.flash-page-container{display:flex;max-width:1400px;margin:0 auto;padding:1.5rem;gap:1.5rem}.main-content{flex:2;min-width:0}.related-sidebar{flex:1;min-width:0}.video-player-wrapper{position:relative;padding-top:56.25%;background-color:#000;border-radius:var(--border-radius-medium);overflow:hidden}.video-player-wrapper video{position:absolute;top:0;left:0;width:100%;height:100%}.video-title{font-size:1.75rem;font-weight:700;color:var(--color-text-primary);margin-top:1rem;line-height:1.4;text-align:right}.video-actions-metadata{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border);gap:1rem;flex-wrap:wrap}.channel-info-placeholder{display:flex;align-items:center;gap:.75rem;padding:.5rem;background-color:var(--color-bg-tertiary);border-radius:var(--border-radius-small);min-width:200px}.placeholder-avatar{width:40px;height:40px;background-color:var(--color-text-secondary);border-radius:var(--border-radius-round)}.placeholder-subscribe-btn{padding:.5rem 1rem;background-color:var(--color-accent-gold);color:var(--color-text-inverted);border:none;border-radius:var(--border-radius-small);font-weight:600;margin-right:auto}.actions-placeholder{display:flex;gap:.5rem;padding:.5rem;background-color:var(--color-bg-tertiary);border-radius:var(--border-radius-small)}.placeholder-action-btn{padding:.5rem 1rem;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text-primary);border-radius:var(--border-radius-small)}.video-description{background-color:var(--color-bg-secondary);border-radius:var(--border-radius-medium);padding:1rem;margin-top:1rem;text-align:right;line-height:1.7}.metadata-bar{display:flex;gap:1rem;color:var(--color-text-secondary);font-size:.9rem;margin-bottom:1rem}.tags-container{margin-top:1rem;display:flex;flex-wrap:wrap;gap:.5rem}.tags-container span{background-color:var(--color-bg-tertiary);padding:.25rem .75rem;border-radius:var(--border-radius-small);font-size:.85rem}.comments-placeholder{margin-top:1.5rem;padding:1rem;background-color:var(--color-bg-tertiary);border-radius:var(--border-radius-medium);text-align:center;color:var(--color-text-secondary)}.related-sidebar h3{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:var(--color-accent-turquoise-light);text-align:right}.related-videos-list{display:flex;flex-direction:column;gap:.75rem}.related-video-item{display:flex;gap:.75rem;text-decoration:none;background-color:var(--color-bg-secondary);border-radius:var(--border-radius-small);overflow:hidden;transition:background-color var(--transition-speed-fast)}.related-video-item:hover{background-color:#3a3a3c}.related-video-item img{width:120px;height:70px;-o-object-fit:cover;object-fit:cover;flex-shrink:0}.related-video-details{padding:.5rem .5rem .5rem 0;overflow:hidden;text-align:right}.related-video-details h4{color:var(--color-text-primary);font-size:.9rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.related-video-details span{color:var(--color-text-secondary);font-size:.8rem;margin-top:.25rem;display:block}@media (max-width: 900px){.flash-page-container{flex-direction:column;padding:.5rem}.main-content,.related-sidebar{flex:none;width:100%}.related-sidebar{margin-top:1.5rem}.related-videos-list{flex-direction:row;overflow-x:auto;padding-bottom:1rem}.related-video-item{flex-direction:column;width:200px;flex-shrink:0}.related-video-item img{width:100%;height:110px}.related-video-details{padding:.75rem}}.post-page-container{max-width:800px;margin:0 auto;padding:2rem 1rem 4rem;color:var(--color-text-primary)}.post-header{text-align:right;margin-bottom:2rem;border-bottom:1px solid var(--color-border);padding-bottom:1.5rem}.post-title{font-size:2.5rem;font-weight:800;line-height:1.3;color:var(--color-text-primary)}.post-date{display:block;color:var(--color-text-secondary);margin-top:.5rem;font-size:.9rem}.post-hero-image{width:100%;max-height:450px;-o-object-fit:cover;object-fit:cover;border-radius:var(--border-radius-medium);margin-top:1.5rem;background-color:var(--color-bg-tertiary)}.post-content{text-align:right;line-height:1.9;font-size:1.1rem}.post-content h2{font-size:1.75rem;font-weight:700;color:var(--color-accent-turquoise-light);margin-top:2.5rem;margin-bottom:1rem}.post-content p{margin-bottom:1.5rem;color:var(--color-text-primary);opacity:.9}.post-content strong{color:var(--color-accent-gold);font-weight:600}.post-content img{max-width:100%;height:auto;border-radius:var(--border-radius-small);margin:1.5rem 0;display:block;margin-left:auto;margin-right:auto}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--color-bg-primary: #1A1A1A;--color-bg-secondary: #1E1E1E;--color-bg-tertiary: #252526;--color-bg-message-received: #3A3A3C;--color-text-primary: #EAEAEA;--color-text-secondary: #A0A0A0;--color-text-inverted: #1A1A1A;--color-accent-turquoise: #00AF91;--color-accent-turquoise-light: #00CBA8;--color-accent-turquoise-dark: #007A63;--color-accent-gold: #FFD700;--color-border: #333333;--color-shadow: rgba(0, 0, 0, .5);--font-family-primary: "Vazirmatn", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--border-radius-large: 16px;--border-radius-medium: 12px;--border-radius-small: 8px;--border-radius-round: 50%;--transition-speed-normal: .3s ease;--transition-speed-fast: .2s ease}body{font-family:var(--font-family-primary);background-color:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.6;margin:0}