.vp{background:var(--card-bg);border:.5px solid color-mix(in srgb, var(--gold) 35%, transparent);width:100%;font-family:var(--font-ui), sans-serif;color:var(--foreground);aspect-ratio:16/9;--vp-accent:var(--gold);--vp-accent-bright:#f0bd78;border-radius:6px;max-width:calc(177.778dvh - 373.333px);margin-inline:auto;position:relative;overflow:hidden}.vp.vp-fullscreen{aspect-ratio:auto;border:none;width:100vw;max-width:none;height:100vh}.vp-video{object-fit:contain;background:#000;width:100%;height:100%;display:block}.vp-center-play{background:color-mix(in srgb, var(--card-bg) 78%, transparent);cursor:pointer;width:72px;height:72px;color:var(--vp-accent);box-shadow:0 0 0 1px color-mix(in srgb, var(--gold) 60%, transparent), 0 8px 22px #00000059, 0 0 36px color-mix(in srgb, var(--gold) 22%, transparent);-webkit-backdrop-filter:blur(10px);z-index:2;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:background .25s,color .25s,transform .2s,box-shadow .25s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vp-center-play svg{margin-left:4px;transition:fill .25s}.vp:hover .vp-center-play{background:var(--vp-accent);color:var(--on-gold);box-shadow:0 0 0 1px var(--vp-accent), 0 10px 28px #0006, 0 0 48px color-mix(in srgb, var(--gold) 45%, transparent);transform:translate(-50%,-50%)scale(1.06)}.vp-controls{color:#ffffffeb;opacity:0;pointer-events:none;background:linear-gradient(#0000 0%,#000000c7 60%,#000000eb 100%);align-items:center;gap:12px;padding:10px 14px;transition:opacity .2s,transform .2s;display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(8px)}.vp:hover .vp-controls,.vp.vp-not-started .vp-controls,.vp.vp-controls-visible .vp-controls,.vp .vp-controls:focus-within{opacity:1;pointer-events:auto;transform:translateY(0)}.vp-title-bar{color:#fffffff2;opacity:0;pointer-events:none;z-index:2;background:linear-gradient(#000000d9 0%,#0000008c 60%,#0000 100%);padding:10px 14px 14px;transition:opacity .2s,transform .2s;position:absolute;top:0;left:0;right:0;transform:translateY(-8px)}.vp:hover .vp-title-bar,.vp.vp-not-started .vp-title-bar,.vp.vp-controls-visible .vp-title-bar{opacity:1;transform:translateY(0)}.vp-title{letter-spacing:.2px;text-shadow:0 1px 3px #000000b3;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;font-size:14px;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.vp-fullscreen .vp-title-bar{padding:16px 20px 22px}.vp-fullscreen .vp-title{font-size:18px}.vp-icon-btn{width:30px;height:30px;color:var(--vp-accent-bright);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:color .18s,background .18s,transform .15s;display:inline-flex}.vp-icon-btn:hover{color:#fffffffa;background:color-mix(in srgb, var(--gold) 18%, transparent);transform:scale(1.08)}.vp-icon-btn:active{transition-duration:80ms;transform:scale(.96)}.vp-icon-btn svg{flex-shrink:0}.vp-speed-btn{width:auto;font-family:var(--font-ui), sans-serif;min-width:38px;padding:0 8px;font-size:12px;font-weight:600}.vp-time{font-family:var(--font-ui), sans-serif;letter-spacing:.5px;color:inherit;text-align:center;font-variant-numeric:tabular-nums;white-space:nowrap;min-width:44px;font-size:11px}.vp-scrubber{flex:1;align-items:center;height:18px;display:flex;position:relative}.vp-scrubber-track{background:#ffffff38;border-radius:2px;height:3px;transition:height .18s;position:absolute;top:50%;left:0;right:0;overflow:hidden;transform:translateY(-50%)}.vp-scrubber:hover .vp-scrubber-track{height:5px;box-shadow:0 0 12px color-mix(in srgb, var(--vp-accent) 28%, transparent)}.vp-scrubber-buffered{background:#ffffff52;position:absolute;top:0;bottom:0;left:0}.vp-scrubber-fill{background:var(--vp-accent-bright);position:absolute;top:0;bottom:0;left:0}.vp-scrubber-input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.vp-volume{appearance:none;background:linear-gradient(to right, var(--vp-accent-bright) var(--vp-vol,100%), #ffffff2e var(--vp-vol,100%));cursor:pointer;border-radius:2px;outline:none;width:80px;height:3px}.vp-volume::-moz-range-track{background:#ffffff2e;border-radius:2px;height:3px}.vp-volume::-moz-range-progress{background:var(--vp-accent-bright);border-radius:2px;height:3px}.vp-volume::-webkit-slider-thumb{appearance:none;background:var(--vp-accent-bright);cursor:pointer;border-radius:50%;width:11px;height:11px}.vp-volume::-moz-range-thumb{background:var(--vp-accent-bright);cursor:pointer;border:none;border-radius:50%;width:11px;height:11px}.vp-speed-wrap{position:relative}.vp-speed-menu{background:var(--card-bg);border:1px solid var(--border-mid);z-index:5;border-radius:4px;min-width:110px;margin-bottom:8px;padding:4px 0;position:absolute;bottom:100%;right:0;box-shadow:0 8px 24px #00000073}.vp-speed-item{width:100%;color:var(--foreground);font-family:var(--font-ui), sans-serif;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:3px;padding:6px 14px;font-size:12px;display:block}.vp-speed-item:hover{background:color-mix(in srgb, var(--gold) 18%, transparent)}.vp-speed-item-active{color:var(--vp-accent-bright);font-weight:600}.vp-speed-item-active:before{content:"✓";margin-right:6px}.vp:hover .vp-video{cursor:pointer}@media (max-width:540px){.vp-controls{flex-wrap:wrap;gap:8px;padding:8px 10px}.vp-volume{display:none}.vp-time{min-width:0;font-size:10px}.vp-speed-btn{min-width:32px;font-size:11px}.vp-center-play{width:52px;height:52px}.vp-center-play svg{width:22px;height:22px}.vp-scrubber{flex:1 0 100%;order:-1}.vp-title-bar{padding:8px 10px 14px}.vp-title{font-size:12px}}
.asip{background:var(--card-bg);border:.5px solid color-mix(in srgb, var(--gold) 35%, transparent);width:100%;font-family:var(--font-ui), sans-serif;border-radius:6px;position:relative;overflow:hidden}.asip.asip-fullscreen{border:none;width:100vw;height:100vh}.asip.asip-fullscreen .asip-stage{aspect-ratio:auto;height:100%}.asip-stage{aspect-ratio:16/9;cursor:pointer;background:#000;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.asip-poster{object-fit:cover;width:100%;height:100%;display:block}.asip-poster--fallback{background:linear-gradient(135deg, var(--deep) 0%, var(--background) 60%, var(--deep) 100%);justify-content:center;align-items:center;display:flex}.asip-fallback-mark{font-family:var(--font-arabic-display), serif;color:var(--gold);opacity:.18;-webkit-user-select:none;user-select:none;font-size:clamp(70px,12vw,140px);line-height:1}.asip-fallback-mark--scroll{opacity:.2;justify-content:center;align-items:center;display:flex}.asip-fallback-mark--scroll svg{width:clamp(96px,14vw,172px);height:clamp(96px,14vw,172px)}.asip-viz{pointer-events:none;width:100%;height:42%;position:absolute;bottom:0;left:0;right:0}.asip-play-overlay{background:color-mix(in srgb, var(--card-bg) 78%, transparent);cursor:pointer;width:72px;height:72px;color:var(--gold);box-shadow:0 0 0 1px color-mix(in srgb, var(--gold) 60%, transparent), 0 8px 22px #00000059, 0 0 36px color-mix(in srgb, var(--gold) 22%, transparent);-webkit-backdrop-filter:blur(10px);border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:background .25s,color .25s,transform .2s,box-shadow .25s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.asip-play-overlay svg{fill:currentColor;margin-left:4px;transition:fill .25s}.asip-stage:hover .asip-play-overlay{background:var(--gold-fill,var(--gold));color:var(--on-gold);box-shadow:0 0 0 1px var(--gold), 0 10px 28px #0006, 0 0 48px color-mix(in srgb, var(--gold) 45%, transparent);transform:translate(-50%,-50%)scale(1.06)}.asip-stage:hover .asip-play-overlay svg{fill:var(--on-gold)}.asip-controls{color:#ffffffeb;--gold:#e0a858;--gold-bright:#f0bd78;background:linear-gradient(#0000 0%,#000000c7 60%,#000000eb 100%);align-items:center;gap:12px;padding:10px 14px;display:flex;position:absolute;bottom:0;left:0;right:0}.asip-icon-btn{width:30px;height:30px;color:var(--gold-bright);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:color .18s,background .18s,transform .15s;display:inline-flex}.asip-icon-btn:hover{color:#fffffffa;background:color-mix(in srgb, var(--gold) 18%, transparent);transform:scale(1.08)}.asip-icon-btn:active{transition-duration:80ms;transform:scale(.96)}.asip-icon-btn svg{flex-shrink:0}.asip-time{letter-spacing:.5px;color:inherit;text-align:center;font-variant-numeric:tabular-nums;min-width:44px;font-size:11px}.asip-scrubber{flex:1;align-items:center;height:18px;display:flex;position:relative}.asip-scrubber-track{background:#ffffff38;border-radius:2px;height:3px;transition:height .18s;position:absolute;top:50%;left:0;right:0;overflow:hidden;transform:translateY(-50%)}.asip-scrubber:hover .asip-scrubber-track{height:5px;box-shadow:0 0 12px color-mix(in srgb, var(--gold) 28%, transparent)}.asip-scrubber-buffered{background:#ffffff52;position:absolute;top:0;bottom:0;left:0}.asip-scrubber-fill{background:var(--gold-bright);position:absolute;top:0;bottom:0;left:0}.asip-scrubber-input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.asip-volume{appearance:none;background:linear-gradient(to right, var(--gold-bright) var(--asip-vol,100%), #ffffff2e var(--asip-vol,100%));cursor:pointer;border-radius:2px;outline:none;width:80px;height:3px}.asip-volume::-moz-range-track{background:#ffffff2e;border-radius:2px;height:3px}.asip-volume::-moz-range-progress{background:var(--gold-bright);border-radius:2px;height:3px}.asip-volume::-webkit-slider-thumb{appearance:none;background:var(--gold-bright);cursor:pointer;border-radius:50%;width:11px;height:11px}.asip-volume::-moz-range-thumb{background:var(--gold-bright);cursor:pointer;border:none;border-radius:50%;width:11px;height:11px}.asip-speed-wrap{position:relative}.asip-speed-btn{width:auto;font-family:var(--font-ui), sans-serif;min-width:38px;padding:0 8px;font-size:12px;font-weight:600}.asip-speed-menu{background:var(--card-bg);border:1px solid var(--border-mid);z-index:5;border-radius:4px;min-width:110px;margin-bottom:8px;padding:4px 0;position:absolute;bottom:100%;right:0;box-shadow:0 8px 24px #00000073}.asip-speed-item{width:100%;color:var(--foreground);font-family:var(--font-ui), sans-serif;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:3px;padding:6px 14px;font-size:12px;display:block}.asip-speed-item:hover{background:color-mix(in srgb, var(--gold) 18%, transparent)}.asip-speed-item-active{color:var(--gold-bright);font-weight:600}.asip-speed-item-active:before{content:"✓";margin-right:6px}@media (max-width:540px){.asip-volume{display:none}.asip-controls{gap:8px;padding:8px 10px}.asip-time{min-width:38px;font-size:10px}.asip-speed-btn{min-width:32px;font-size:11px}}
.ap-toggle{cursor:pointer;font-family:var(--font-ui), sans-serif;background:0 0;border:none;border-radius:999px;align-items:center;gap:9px;padding:6px 10px 6px 6px;display:inline-flex}.ap-toggle:hover .ap-toggle-label{color:var(--foreground)}.ap-toggle-track{background:color-mix(in srgb, var(--foreground) 22%, transparent);border-radius:999px;flex-shrink:0;width:38px;height:22px;transition:background .2s;position:relative}.ap-toggle--on .ap-toggle-track{background:var(--gold-fill,var(--gold))}.ap-toggle-knob{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0000004d}.ap-toggle--on .ap-toggle-knob{transform:translate(16px)}.ap-toggle-label{letter-spacing:.4px;color:var(--muted);font-size:12px;transition:color .15s}@media (prefers-reduced-motion:reduce){.ap-toggle-track,.ap-toggle-knob{transition:none}}