html,body{max-width:100%!important;overflow-x:hidden!important}*,*::before,*::after{box-sizing:border-box}:root{--brand-primary:#0a2647;--brand-gold:#c9a03e;--brand-olive:#556b2f;--brand-cream:#f5f1e3;--brand-dark:#3e3e3e;--brand-light:#f9f8f6;--yt-app-bg:#f4f1e8;--yt-surface:#ffffff;--yt-surface-hover:#f0ede2;--yt-text-primary:var(--brand-primary);--yt-text-body:var(--brand-dark);--yt-text-secondary:#6b6b6b;--yt-border:#e0ddd2;--yt-action-blue:var(--brand-primary);--yt-link:var(--brand-primary);--yt-input-border:#ccc8bd;--yt-input-focus:var(--brand-gold)}.yt-media-page{background-color:var(--yt-app-bg);font-family:"Cairo","Tajawal","Roboto",system-ui,sans-serif;min-height:100vh;color:var(--yt-text-body);width:100%;max-width:100vw;overflow-x:hidden}.yt-search-container{transition:all 0.3s ease}.yt-search-bar{display:flex;border:1px solid var(--yt-border);border-radius:40px;overflow:hidden;max-width:600px;margin:0 auto;box-shadow:0 2px 8px rgba(10,38,71,0.06);background:var(--yt-surface);transition:box-shadow 0.2s,border-color 0.2s}.yt-search-bar:focus-within{box-shadow:0 4px 12px rgba(201,160,62,0.25);border-color:var(--yt-input-focus)}.yt-search-input{flex:1;min-width:0;border:none;padding:10px 16px;font-size:1rem;outline:none;background:transparent;color:var(--yt-text-body)}.yt-search-input::placeholder{color:#8c8c8c}.yt-search-btn{background:var(--brand-light);border:none;padding:0 24px;border-inline-start:1px solid var(--yt-border);color:var(--brand-primary);font-weight:600;transition:all 0.2s;flex-shrink:0;display:flex;align-items:center;justify-content:center}.yt-search-btn:hover{background:var(--yt-surface-hover);color:var(--brand-primary)}.yt-main-content{background:transparent}.yt-video-wrapper{position:relative;width:100%;aspect-ratio:16 / 9;background:#000;border-radius:0;overflow:hidden;box-shadow:0 8px 24px rgba(10,38,71,0.12)}.yt-video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.yt-video-title{font-size:1.25rem;font-weight:800;color:var(--yt-text-primary);margin:16px;line-height:1.4;word-break:break-word;overflow-wrap:anywhere}.yt-description-box{background:var(--yt-surface);border:1px solid var(--yt-border);border-radius:12px;padding:14px 16px;margin:12px 16px;font-size:0.95rem;color:var(--yt-text-body);line-height:1.6;cursor:pointer;transition:all 0.2s;box-shadow:0 1px 2px rgba(0,0,0,0.03)}.yt-description-box:hover{background:var(--yt-surface-hover);border-color:var(--yt-input-border)}.yt-description-text{white-space:pre-line;overflow-wrap:anywhere;word-break:break-word}.yt-tags-container{display:flex;flex-wrap:wrap;gap:8px}.yt-tag{color:var(--brand-olive);text-decoration:none;font-weight:700;font-size:0.85rem;background:rgba(85,107,47,0.08);padding:4px 10px;border-radius:8px;transition:all 0.2s;white-space:nowrap}.yt-tag:hover{background:var(--brand-olive);color:#fff}.yt-comments-section{margin:24px 16px;border-top:1px solid var(--yt-border);padding-top:24px}.yt-comments-title{font-size:1.1rem;font-weight:800;color:var(--yt-text-primary)}.yt-login-alert{text-align:center;color:var(--brand-primary);background:rgba(10,38,71,0.05);padding:12px;border-radius:12px}.yt-comment-input-wrapper{position:relative}.yt-comment-input{border:1px solid var(--yt-input-border)!important;border-radius:12px!important;padding:12px!important;min-height:60px;font-size:0.95rem;resize:vertical;box-shadow:none!important;background-color:var(--yt-surface);color:var(--yt-text-body);max-width:100%}.yt-comment-input:focus{border-color:var(--yt-input-focus)!important;box-shadow:0 0 0 2px rgba(201,160,62,0.2)!important}.yt-submit-comment-btn{background:var(--yt-action-blue);border:1px solid var(--yt-action-blue);color:#fff;padding:8px 24px;border-radius:24px;font-weight:600;font-size:0.9rem;transition:all 0.2s}.yt-submit-comment-btn:hover{background:#09203d;border-color:#09203d;transform:translateY(-1px);box-shadow:0 4px 12px rgba(10,38,71,0.2)}.yt-comment-item{display:flex;gap:12px;margin-bottom:24px}.yt-comment-avatar{width:40px;height:40px;min-width:40px;flex-shrink:0;border-radius:50%;background:var(--yt-surface-hover);display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--brand-olive);font-size:1.5rem}.yt-comment-avatar img{width:100%;height:100%;object-fit:cover}.yt-comment-body{flex:1;min-width:0}.yt-comment-meta{margin-bottom:4px}.yt-comment-user{font-weight:700;font-size:0.85rem;color:var(--yt-text-primary)}.yt-comment-text{margin:0;font-size:0.95rem;color:var(--yt-text-body);line-height:1.5;white-space:pre-line;word-break:break-word;overflow-wrap:anywhere}.yt-sidebar{position:sticky;top:20px}.yt-sidebar-title{font-size:1.1rem;font-weight:800;color:var(--yt-text-primary);padding:0 16px}.yt-similar-list{display:flex;flex-direction:column;gap:8px}.yt-similar-item{display:flex;gap:10px;text-decoration:none;padding:8px;border-radius:12px;transition:background 0.2s}.yt-similar-item:hover{background:var(--yt-surface);box-shadow:0 2px 8px rgba(10,38,71,0.06)}.yt-similar-thumb{width:168px;min-width:168px;flex-shrink:0;aspect-ratio:16 / 9;border-radius:8px;overflow:hidden;background:#000}.yt-similar-thumb img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s}.yt-similar-item:hover .yt-similar-thumb img{transform:scale(1.05)}.yt-similar-content{display:flex;flex-direction:column;padding-top:4px;min-width:0}.yt-similar-title{font-size:0.95rem;font-weight:700;color:var(--yt-text-primary);line-height:1.3;margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.yt-similar-meta{font-size:0.8rem;color:var(--yt-text-secondary);font-weight:500}@media (min-width:992px){.yt-main-content,.yt-sidebar{padding:0}.yt-video-wrapper{border-radius:16px}.yt-video-title,.yt-description-box,.yt-comments-section{margin-left:0;margin-right:0}.yt-similar-item{padding:6px}.yt-similar-thumb{width:180px;min-width:180px}}@media (max-width:991.98px){.container-fluid{padding-left:0;padding-right:0}.yt-search-container{position:relative;top:0;background-color:var(--yt-app-bg);padding-top:8px!important;padding-bottom:8px!important;margin-bottom:0!important;box-shadow:0 4px 6px rgba(0,0,0,0.05)}.yt-search-bar{border-radius:24px;height:44px;box-shadow:0 2px 5px rgba(0,0,0,0.08)}.yt-search-input{padding:8px 16px;font-size:0.9rem}.yt-search-btn{padding:0 16px;font-size:1.1rem}.yt-video-wrapper{box-shadow:none;border-radius:0}.yt-video-title{font-size:1.05rem;margin:10px 12px;font-weight:700;line-height:1.3}.yt-description-box{margin:8px 12px;padding:10px 12px;font-size:0.9rem;border-radius:10px}.yt-comments-section{margin:16px 12px;padding-top:16px}.yt-similar-thumb{width:130px;min-width:130px}.yt-similar-title{font-size:0.9rem}.yt-similar-item:hover{background:transparent;box-shadow:none}}@media (max-width:575.98px){.yt-video-title{font-size:1rem;margin:8px 10px}.yt-description-box{margin:6px 10px;padding:8px 10px;font-size:0.85rem}.yt-comments-section{margin:12px 10px;padding-top:12px}.yt-similar-thumb{width:110px;min-width:110px}.yt-search-btn{padding:0 14px}.yt-submit-comment-btn{padding:6px 14px;font-size:0.8rem}}