.detail-page{padding:1rem 0}.detail-card{background:#16213e;border:1px solid hsla(0,0%,100%,.1);border-radius:.75rem;margin-bottom:1.5rem;padding:1.5rem}@media screen and (max-width:799px){.detail-card{margin-bottom:1rem;padding:1rem}}.detail-header{display:flex;gap:1.5rem}@media screen and (max-width:799px){.detail-header{flex-direction:column;gap:1rem}}.detail-poster{flex-shrink:0;width:220px}@media screen and (max-width:799px){.detail-poster{margin:0 auto;max-width:200px;width:100%}}.poster-wrapper{border-radius:.75rem;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);overflow:hidden;position:relative}.poster-image{aspect-ratio:2/3;-o-object-fit:cover;object-fit:cover;width:100%}.poster-tags{display:flex;flex-wrap:wrap;gap:.25rem;left:.5rem;position:absolute;top:.5rem}.tag{border-radius:.25rem;color:#fff;display:inline-block;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.tag.tag-type{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:rgba(0,0,0,.6)}.tag.tag-status{background:linear-gradient(135deg,#667eea,#764ba2)}.rating-badge{align-items:center;background:rgba(245,158,11,.9);border-radius:.25rem;display:flex;gap:.25rem;padding:.25rem .5rem;position:absolute;right:.5rem;top:.5rem}.rating-badge svg{color:#fff;height:14px;width:14px}.rating-badge .rating-score{color:#fff;font-size:.875rem;font-weight:700}.detail-info{flex:1;min-width:0}.detail-title{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;color:hsla(0,0%,100%,.95);font-size:1.5rem;font-weight:700;margin:0 0 1rem;-webkit-text-fill-color:transparent;background-clip:text}@media screen and (max-width:799px){.detail-title{font-size:1.25rem;margin-bottom:.75rem;text-align:center}}.detail-meta{margin-bottom:1rem}.meta-item{display:flex;font-size:.875rem;line-height:1.625;margin-bottom:.5rem}.meta-item.blurb-item{flex-direction:column;gap:.25rem}@media screen and (max-width:799px){.meta-item{font-size:.75rem}}.meta-label{align-items:center;color:hsla(0,0%,100%,.5);display:flex;flex-shrink:0;gap:.25rem;width:60px}.meta-label .meta-icon{display:none;height:14px;width:14px}@media screen and (max-width:799px){.meta-label{width:50px}}.meta-value{color:hsla(0,0%,100%,.7);flex:1}.meta-value a{color:hsla(0,0%,100%,.7);transition:color .15s ease}.meta-value a:hover{color:#667eea}.meta-value.blurb-text{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.meta-row{display:flex;gap:1rem;margin-bottom:.5rem}@media screen and (max-width:799px){.meta-row{flex-wrap:wrap;gap:.5rem}}.meta-col{display:flex;flex:1;min-width:0}@media screen and (max-width:799px){.meta-col{flex:0 0 calc(50% - 0.25rem)}}.actor-list,.director-list{display:flex;flex-wrap:wrap;gap:.25rem}.actor-list a:after,.actor-list span:after,.director-list a:after,.director-list span:after{color:hsla(0,0%,100%,.5);content:"/";margin-left:.25rem}.actor-list a:last-child:after,.actor-list span:last-child:after,.director-list a:last-child:after,.director-list span:last-child:after{display:none}.play-buttons{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}@media screen and (max-width:799px){.play-buttons{justify-content:center;margin-top:1rem}}.play-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:.75rem;color:#fff;display:inline-flex;font-size:1.125rem;font-weight:600;gap:.5rem;justify-content:center;min-width:160px;padding:1rem 2rem;text-decoration:none;transition:all .2s ease}.play-btn:hover{background:linear-gradient(135deg,#506be7,#694391);box-shadow:0 0 20px rgba(102,126,234,.3),0 0 40px rgba(118,75,162,.2);transform:translateY(-2px)}.play-btn .btn-icon{align-items:center;display:flex;height:32px;justify-content:center;width:32px}.play-btn .btn-icon svg{height:24px;width:24px}@media screen and (max-width:799px){.play-btn{flex:1;font-size:1rem;min-width:140px;padding:.75rem 1.25rem}.play-btn .btn-icon{height:28px;width:28px}.play-btn .btn-icon svg{height:20px;width:20px}}.play-card{background:#16213e;border:1px solid hsla(0,0%,100%,.1);border-radius:.75rem;margin-bottom:1.5rem;padding:1.5rem}@media screen and (max-width:799px){.play-card{margin-bottom:1rem;padding:1rem}}.content-card{background:#16213e;border:1px solid hsla(0,0%,100%,.1);border-radius:.75rem;margin-bottom:1.5rem;padding:1.5rem}.content-card .content-text{color:hsla(0,0%,100%,.7);font-size:.875rem;line-height:2}@media screen and (max-width:799px){.content-card{margin-bottom:1rem;padding:1rem}.content-card .content-text{font-size:.75rem}}.recommend-card{background:#16213e;border:1px solid hsla(0,0%,100%,.1);border-radius:.75rem;padding:1.5rem}@media screen and (max-width:799px){.recommend-card{padding:1rem}}