:root{--yt-base-color:#004851;--yt-brand-color:#92842c;--yt-transition:.3s ease}.yt-container{max-width:900px;margin:20px auto;background:#000;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px rgb(0 0 0 / .5);font-family:tahoma,sans-serif;position:relative;width:calc(100% - 40px)}.video-box{position:relative;background:#000;width:100%;aspect-ratio:16/9;overflow:hidden}.video-box video{width:100%;height:100%;object-fit:contain;display:block;outline:0}.video-box video::-webkit-media-controls,.video-box video::-webkit-media-controls-enclosure,.video-box video::-webkit-media-controls-panel{display:none!important;opacity:0!important;visibility:hidden!important}.video-box video::-moz-media-controls,.video-box video::-ms-media-controls{display:none!important}.video-box.loading::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;border:4px solid rgb(255 255 255 / .3);border-top-color:var(--yt-brand-color);border-radius:50%;animation:yt-spin 1s linear infinite;z-index:5}@keyframes yt-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.yt-center-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background:rgb(0 0 0 / .75);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity var(--yt-transition),transform var(--yt-transition);z-index:20;pointer-events:none;border:3px solid rgb(255 255 255 / .3);padding:0;margin:0}.video-box:hover .yt-center-play,.video-box.paused .yt-center-play{opacity:1;pointer-events:auto}.yt-center-play:hover{transform:translate(-50%,-50%) scale(1.1);background:rgb(0 0 0 / .9);border-color:var(--yt-brand-color)}.yt-center-play svg{width:40px;height:40px;fill:#fff;display:block;position:relative}.yt-center-play .play-icon{transform:translateX(2px)}.yt-center-play:hover svg{fill:var(--yt-brand-color)}.yt-controls{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgb(0 0 0 / .95) 0%,rgb(0 0 0 / .8) 50%,transparent 100%);padding:12px 15px 15px 15px;z-index:10;direction:ltr;opacity:0;transition:opacity var(--yt-transition)}.video-box:hover .yt-controls,.video-box.paused .yt-controls,.video-box.touch .yt-controls{opacity:1}.yt-timeline{display:flex;height:5px;margin-bottom:10px;cursor:pointer;align-items:center;gap:3px;touch-action:none;transition:height var(--yt-transition)}.yt-timeline:hover{height:7px}.yt-segment{height:100%;background:rgb(255 255 255 / .3);position:relative;flex-grow:1;border-radius:2px;overflow:hidden;min-width:5px;transition:background var(--yt-transition)}.yt-segment:hover{background:rgb(255 255 255 / .4)}.yt-fill{position:absolute;left:0;top:0;height:100%;width:0%;background:var(--yt-brand-color);transition:width .1s linear;pointer-events:none}.yt-actions{display:flex;align-items:center;gap:12px;color:#fff;height:36px}.yt-btn{background:0 0;border:none;cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0;margin:0;border-radius:50%;transition:transform var(--yt-transition),background var(--yt-transition);position:relative}.yt-btn:hover{transform:scale(1.1);background:rgb(255 255 255 / .1)}.yt-btn:active{transform:scale(.95)}.yt-btn svg{fill:#fff;width:22px;height:22px;display:block;flex-shrink:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.yt-btn:hover svg{fill:var(--yt-brand-color)}.yt-btn:focus{outline:2px solid var(--yt-brand-color);outline-offset:2px}.btn-play svg{transform:translate(-48%,-50%)}.yt-time{font-size:13px;color:#fff;font-family:'Courier New',monospace;font-weight:500;flex-grow:1;direction:ltr;text-align:left;font-variant-numeric:tabular-nums;text-shadow:0 1px 3px rgb(0 0 0 / .7);white-space:nowrap;user-select:none;line-height:36px}.yt-volume-wrapper{display:flex;align-items:center;gap:8px;height:36px}.yt-volume-slider{width:0;opacity:0;transition:width var(--yt-transition),opacity var(--yt-transition);-webkit-appearance:none;appearance:none;height:4px;background:rgb(255 255 255 / .3);outline:0;border-radius:2px;cursor:pointer}.yt-volume-wrapper:hover .yt-volume-slider,.yt-volume-slider:focus{width:60px;opacity:1}.yt-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;background:var(--yt-brand-color);cursor:pointer;border-radius:50%;box-shadow:0 2px 4px rgb(0 0 0 / .3)}.yt-volume-slider::-moz-range-thumb{width:12px;height:12px;background:var(--yt-brand-color);cursor:pointer;border-radius:50%;border:none;box-shadow:0 2px 4px rgb(0 0 0 / .3)}.yt-hint{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);background:var(--yt-base-color);color:#fff;padding:4px 8px;border-radius:4px;font-size:11px;display:none;white-space:nowrap;border:1px solid var(--yt-brand-color);pointer-events:none;z-index:30;direction:rtl;box-shadow:0 2px 8px rgb(0 0 0 / .4)}.yt-segment:hover .yt-hint{display:block}.yt-chapters-list{background:#f9f9f9;padding:10px;border-top:2px solid var(--yt-base-color);max-height:180px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;scroll-behavior:smooth}.yt-chapters-list::-webkit-scrollbar{width:6px;height:6px}.yt-chapters-list::-webkit-scrollbar-track{background:#e0e0e0;border-radius:3px}.yt-chapters-list::-webkit-scrollbar-thumb{background:var(--yt-base-color);border-radius:3px}.yt-chapters-list::-webkit-scrollbar-thumb:hover{background:var(--yt-brand-color)}.ch-item{background:#fff;border:1.5px solid #e0e0e0;padding:8px 10px;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;gap:4px;text-align:right;direction:rtl;transition:all .2s ease;box-sizing:border-box;min-height:48px}.ch-item:hover{border-color:var(--yt-brand-color);background:#f0f7f8;transform:translateY(-1px);box-shadow:0 2px 6px rgb(0 0 0 / .1)}.ch-item:focus{outline:2px solid var(--yt-brand-color);outline-offset:2px}.ch-item.active{background:var(--yt-base-color);color:#fff;border-color:var(--yt-brand-color);box-shadow:0 3px 8px rgb(146 132 44 / .3)}.ch-title{font-size:12px;font-weight:700;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3}.ch-time{font-size:11px;font-weight:600;opacity:.8;font-family:'Courier New',monospace;direction:ltr;text-align:right;font-variant-numeric:tabular-nums;line-height:1.2}.ch-item.active .ch-time{color:var(--yt-brand-color);opacity:1}.yt-container.fullscreen{max-width:100%;width:100%;margin:0;border-radius:0;height:100vh;display:flex;flex-direction:column}.yt-container.fullscreen .video-box{aspect-ratio:auto;flex:1;height:auto}.yt-container.fullscreen .yt-chapters-list{max-height:80px;flex-shrink:0;padding:6px 8px;gap:6px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.yt-container.fullscreen .ch-item{padding:6px 8px;min-height:40px}.yt-container.fullscreen .ch-title{font-size:11px}.yt-container.fullscreen .ch-time{font-size:10px}.yt-container.fullscreen .yt-center-play{width:90px;height:90px}.yt-container.fullscreen .yt-center-play svg{width:45px;height:45px}.yt-container.fullscreen .yt-btn{width:38px;height:38px}.yt-container.fullscreen .yt-btn svg{width:24px;height:24px}@media (min-width:769px) and (max-width:1024px){.yt-container{width:calc(100% - 30px);margin:15px auto}.yt-chapters-list{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}}@media (max-width:768px){.yt-container{margin:10px auto;border-radius:8px;width:calc(100% - 20px)}.yt-center-play{width:65px;height:65px}.yt-center-play svg{width:32px;height:32px}.yt-chapters-list{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));padding:8px;max-height:140px;gap:6px}.ch-item{padding:6px 8px;min-height:42px}.ch-title{font-size:11px}.ch-time{font-size:10px}.yt-controls{padding:10px 12px 12px 12px}.yt-actions{gap:8px;height:32px}.yt-btn{width:32px;height:32px}.yt-btn svg{width:20px;height:20px}.yt-time{font-size:12px;line-height:32px}.yt-volume-wrapper{display:none}.yt-timeline{margin-bottom:8px;height:4px}.yt-timeline:hover{height:6px}.yt-container.fullscreen .yt-chapters-list{max-height:70px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));padding:5px;gap:4px}.yt-container.fullscreen .ch-item{padding:5px 6px;min-height:36px}.yt-container.fullscreen .ch-title{font-size:10px}.yt-container.fullscreen .ch-time{font-size:9px}}@media (max-width:480px){.yt-container{margin:5px auto;border-radius:6px;width:calc(100% - 10px)}.yt-center-play{width:60px;height:60px}.yt-center-play svg{width:30px;height:30px}.yt-chapters-list{grid-template-columns:repeat(2,1fr);padding:6px;max-height:130px;gap:5px}.ch-item{padding:6px 7px;min-height:40px}.ch-title{font-size:10.5px}.ch-time{font-size:9.5px}.yt-controls{padding:8px 10px 10px 10px}.yt-btn{width:30px;height:30px}.yt-btn svg{width:18px;height:18px}.yt-time{font-size:11px;line-height:30px}.yt-timeline{height:4px;margin-bottom:7px}.yt-hint{font-size:10px;padding:3px 6px}.yt-container.fullscreen .yt-chapters-list{max-height:65px;grid-template-columns:repeat(2,1fr)}.yt-container.fullscreen .ch-item{padding:4px 6px;min-height:34px}}@media (max-width:320px){.yt-actions{gap:6px}.yt-btn{width:28px;height:28px}.yt-btn svg{width:16px;height:16px}.ch-item{padding:5px 6px}}@media (min-width:1200px){.yt-container{max-width:1000px}.yt-chapters-list{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}@media (min-width:1600px){.yt-container{max-width:1200px}.yt-chapters-list{max-height:200px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (max-width:768px) and (orientation:landscape){.video-box{aspect-ratio:auto;height:calc(100vh - 100px)}.yt-chapters-list{max-height:80px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.ch-item{padding:5px 7px;min-height:38px}.ch-title{font-size:10px}.ch-time{font-size:9px}.yt-container.fullscreen .video-box{height:calc(100vh - 70px)}.yt-container.fullscreen .yt-chapters-list{max-height:60px}}@media print{.yt-controls,.yt-chapters-list,.yt-center-play{display:none!important}.yt-container{box-shadow:none;border:1px solid #000;page-break-inside:avoid}.video-box::after{content:'پخش‌کننده ویدیو';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:24px;color:#999;font-family:tahoma}}@media (prefers-contrast:high){.yt-segment{background:rgb(255 255 255 / .5)}.ch-item{border-width:2px}.yt-controls{background:linear-gradient(to top,#000 0%,rgb(0 0 0 / .9) 70%,transparent 100%)}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-color-scheme:dark){.yt-chapters-list{background:#1a1a1a}.ch-item{background:#2a2a2a;border-color:#444;color:#fff}.ch-item:hover{background:#333}.yt-chapters-list::-webkit-scrollbar-track{background:#333}}.yt-error{background:#fff3cd;color:#856404;padding:12px 16px;border-radius:6px;text-align:center;border:2px solid #ffc107;margin:15px;direction:rtl;font-size:13px;font-weight:600}```:root{--yt-base-color:#004851;--yt-brand-color:#92842c}