*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;position:fixed;background-color:#0a0a0a;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.page-container{position:relative;width:100%;height:100vh;max-width:600px;margin:0 auto;background-color:#0a0a0a;overflow:hidden;display:flex;flex-direction:column}.app-header{position:fixed;top:0;left:50%;transform:translate(-50%);width:100%;max-width:600px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;z-index:100;background:linear-gradient(90deg,rgba(0,227,219,.2) 0%,rgba(43,255,155,.2) 100%),linear-gradient(90deg,rgba(0,0,0,.8) 0%,rgba(0,0,0,.8) 100%);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.app-info{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.app-icon-wrapper{flex-shrink:0;width:32px;height:32px;border-radius:6px;overflow:hidden}.app-icon{width:100%;height:100%;object-fit:cover}.app-details{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.app-name-image{height:12px;width:auto;object-fit:contain;object-position:left center}.app-description{font-size:12px;line-height:18px;color:#ffffffd9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.open-btn{flex-shrink:0;padding:6px 12px;background:linear-gradient(133.3deg,#00E9F8 21.91%,#00FE5F 88.13%);border:none;border-radius:14px;font-size:14px;font-weight:500;color:#000;cursor:pointer;transition:opacity .2s}.open-btn:active{opacity:.8}.hero-section{position:relative;width:100%;flex:1;overflow:hidden;touch-action:none}.drama-cover{width:100%;object-fit:cover;display:block;touch-action:none;user-select:none;-webkit-user-select:none}.play-button{position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;cursor:pointer;transition:transform .2s}.play-button:active{transform:translate(-50%,-50%) scale(.95)}.bottom-section{position:fixed;bottom:0;left:0;width:100%;z-index:10}.bottom-section:before{content:"";display:block;position:absolute;top:-1.67rem;left:0;z-index:-1;width:100%;height:100%;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,#000000 4.32rem,#000000 100%)}.drama-info{position:relative;padding:60px 16px 16px;max-height:200px}.info-gradient{position:absolute;top:0;left:0;width:100%;max-height:200px;background:linear-gradient(180deg,rgba(10,10,10,0) 0%,rgba(10,10,10,.9) 57.5%,#0a0a0a 100%);pointer-events:none}.info-content{position:relative;z-index:1;display:flex;flex-direction:column;gap:16px}.drama-title{font-size:20px;font-weight:600;line-height:28px;color:#fff;text-align:center;word-wrap:break-word}.drama-description{font-size:16px;font-weight:400;line-height:22px;color:#ffffff8c;text-align:left;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;word-wrap:break-word}.action-section{position:relative;padding:16px;background-color:#0a0a0a}.download-btn{width:100%;height:48px;padding:13px 16px;background:linear-gradient(162.46deg,#00E9F8 21.91%,#00FE5F 88.13%);border:none;border-radius:24px;font-size:16px;font-weight:500;line-height:20px;color:#000;text-align:center;cursor:pointer;transition:opacity .2s}.download-btn:active{opacity:.8}.hand-icon{position:absolute;right:-10px;top:10px;width:92px;height:92px;pointer-events:none;animation:hand-breath 1s linear infinite}.hand-icon img{width:100%;height:100%;object-fit:contain}@keyframes hand-breath{0%{transform:scale(1)}50%{transform:scale(.8)}to{transform:scale(1)}}@media (max-width: 375px){.app-description{font-size:11px;line-height:16px}.drama-title{font-size:18px;line-height:24px}.drama-description{font-size:14px;line-height:20px}}@media (min-width: 600px){.page-container{box-shadow:0 0 30px #00000080}}@supports (padding: env(safe-area-inset-top)){.app-header{padding-top:calc(12px + env(safe-area-inset-top))}.hero-section{margin-top:calc(58px + env(safe-area-inset-top))}.action-section{padding-bottom:calc(16px + env(safe-area-inset-bottom))}}html.lang-arabic{font-family:Arabic UI Text,Droid Arabic Naskh,Noto Sans Arabic,-apple-system,BlinkMacSystemFont,sans-serif}[dir=rtl] .app-name-image{object-position:right center}[dir=rtl] .drama-description{text-align:right}[dir=rtl] .hand-icon{right:auto;left:-10px;transform:scaleX(-1)}[dir=rtl] .hand-icon{animation:hand-breath-rtl 1s linear infinite}@keyframes hand-breath-rtl{0%{transform:scaleX(-1) scale(1)}50%{transform:scaleX(-1) scale(.8)}to{transform:scaleX(-1) scale(1)}}