*{margin:0;padding:0;box-sizing:border-box}:root{--base-font-size:16px}html{font-size:var(--base-font-size)}body{display:flex;justify-content:center;align-items:flex-start;background-color:#f5f5f5;padding:.625rem;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;color:#333}.container{width:100%;max-width:28.125rem;box-shadow:0 .25rem 1.25rem rgba(0,0,0,.08);border-radius:1.25rem;overflow:hidden;animation:.5s ease-in-out fadeIn}.shortfilm-detail{background:#fff;border-radius:.9375rem;padding:1.25rem}#home-button{display:flex;align-items:center;gap:.5rem;color:#fff;border:none;font-size:1rem;padding:.5rem .9375rem;cursor:pointer;margin-bottom:.9375rem;transition:.3s;border-radius:1.25rem;box-shadow:0 .125rem .625rem rgba(255,107,107,.3)}#home-button svg{transition:transform .3s;fill:#666}#home-button:hover{transform:translateY(-.125rem);box-shadow:0 .25rem .75rem rgba(255,107,107,.4)}#home-button:active{transform:translateY(.0625rem);box-shadow:0 .0625rem .3125rem rgba(255,107,107,.3)}.shortfilm-header{display:flex;flex-direction:row;align-items:flex-start;gap:1.25rem;margin-bottom:1.25rem;position:relative}.shortfilm-image{width:40%;flex-shrink:0;position:relative;overflow:hidden;border-radius:.75rem;box-shadow:0 .5rem 1.25rem rgba(0,0,0,.15);height:15.375rem}.shortfilm-image img{position:absolute;top:0;left:0;height:100%;object-fit:cover;width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:.625rem;transition:transform .5s}.shortfilm-image:hover img{transform:scale(1.03)}.shortfilm-image::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,rgba(0,0,0,.1) 0,rgba(0,0,0,.3) 100%);z-index:1;opacity:0;transition:opacity .3s}.shortfilm-image:hover::before{opacity:1}.shortfilm-info{width:60%;text-align:left;display:flex;flex-direction:column;justify-content:space-between;min-height:12.5rem}.shortfilm-top{margin-bottom:.9375rem;text-align:left}#shortfilm-title{font-size:1.25rem;font-weight:700;color:#333;margin-bottom:.625rem;position:relative;display:inline-block}#shortfilm-title::after{content:'';position:absolute;bottom:-.3125rem;left:1.25rem;width:2.5rem;height:.1875rem;background:#ff6b6b;border-radius:.1875rem}#shortfilm-language{color:#666;font-size:.875rem;display:flex;align-items:center;gap:.3125rem;margin-top:.3125rem}#shortfilm-language::before{content:'🌐';font-size:1rem}#view-count{font-size:.875rem;display:flex;align-items:center;gap:.3125rem;margin-top:.5rem}#promote-button{width:100%;display:flex;align-items:center;justify-content:center;gap:.625rem;background:#ff6b6b;color:#fff;border:none;padding:.75rem 1.25rem;border-radius:1.5625rem;cursor:pointer;font-size:1rem;font-weight:600;transition:.3s;box-shadow:0 .25rem .9375rem rgba(255,107,107,.3);margin-top:auto;animation:2s infinite pulse}@media (max-width:30em){.shortfilm-header{flex-direction:row;gap:.625rem}.shortfilm-image{width:40%;height:11.25rem;margin-bottom:0}.shortfilm-info{min-height:auto;width:60%;text-align:left;font-size:.875rem}#shortfilm-title{font-size:1rem;margin-bottom:.3125rem}#shortfilm-language,#view-count{font-size:.75rem;margin-top:.1875rem}#promote-button{padding:.5rem .9375rem;font-size:.875rem}.description-content p{font-size:.875rem}.container{padding:.625rem}.shortfilm-detail{padding:.9375rem .625rem}}.shortfilm-description{margin-top:1.5rem;position:relative}.description-title{font-size:1rem;font-weight:600;color:#333;margin-bottom:.75rem;display:flex;align-items:center;gap:.375rem;border-bottom:1px solid #eee;padding-bottom:.5rem}.description-title::before{content:'📝';font-size:1.125rem}.description-content{background-color:transparent;padding:.5rem 0;border-radius:0;border:none;box-shadow:none}.description-content p{color:#666;font-size:.875rem;line-height:1.5}.recommended-section{margin-top:1.25rem;padding:.75rem 0;position:relative}.recommended-section .description-title{font-size:1rem;font-weight:600;margin-bottom:.75rem;border-bottom:1px solid #eee;padding-bottom:.5rem;display:flex;align-items:center}.recommended-section .description-title::before{content:'🌟';font-size:1.125rem;margin-right:.375rem}.recommended-container{position:relative;overflow:hidden;padding:0}.recommended-wrapper{display:flex;gap:.625rem;transition:transform .5s;padding:0}.recommended-item{flex:0 0 6.25rem;height:11.25rem;overflow:hidden;cursor:pointer;border-radius:.375rem;box-shadow:0 .125rem .375rem rgba(0,0,0,.08);transition:.3s;position:relative}.recommended-item img{height:9.375rem;object-fit:cover;border-radius:.5rem .5rem 0 0;width:100%;aspect-ratio:2/3;object-fit:cover;transition:transform .5s}@media (max-width:30em){.description-title,.recommended-section .description-title{font-size:.875rem}.description-content p{font-size:.8125rem}.recommended-item{flex:0 0 5rem;height:10rem}.recommended-item img{height:7.5rem}.recommended-item .title{font-size:.6875rem;padding:.25rem}.recommended-wrapper{gap:.5rem}}.recommended-item:hover{transform:translateY(-.3125rem);box-shadow:0 .5rem .9375rem rgba(0,0,0,.15)}.recommended-item:hover img{transform:scale(1.08)}.recommended-item .title{font-size:.875rem;padding:.5rem;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#fff;border-radius:0 0 .5rem .5rem;text-align:center;font-weight:500}.recommended-item::after{content:'▶';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:1.5rem;opacity:0;transition:opacity .3s;text-shadow:0 0 .625rem rgba(0,0,0,.5);z-index:2}.recommended-item:hover::after{opacity:1}.advertisement-section{margin:1.875rem 0;width:100%}.ad-container{position:relative;width:100%;border-radius:.9375rem;overflow:hidden;box-shadow:0 .3125rem .9375rem rgba(0,0,0,.15);transition:transform .3s,box-shadow .3s}.ad-container:hover{transform:translateY(-.1875rem);box-shadow:0 .5rem 1.25rem rgba(0,0,0,.2)}.ad-image{width:100%;height:auto;display:block;transition:transform .5s}.ad-container:hover .ad-image{transform:scale(1.05)}.ad-label{position:absolute;top:.625rem;right:.625rem;background-color:rgba(0,0,0,.6);color:#fff;padding:.1875rem .5rem;border-radius:.25rem;font-size:.75rem;opacity:.8;z-index:2;transition:.3s}.ad-container:hover .ad-label{background-color:rgba(0,0,0,.8);opacity:1}@media (max-width:48em){.advertisement-section{margin:0}.container{border-radius:.9375rem}.shortfilm-detail{padding:.9375rem}#shortfilm-title{font-size:1.25rem}#promote-button{padding:.625rem .9375rem}}.ad-close-btn{position:absolute;top:.625rem;left:.625rem;width:1.75rem;height:1.75rem;border-radius:50%;background:rgba(0,0,0,.6);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.125rem;z-index:2;transition:.3s}.ad-close-btn:hover{background:rgba(0,0,0,.8);transform:scale(1.1)}@keyframes fadeIn{from{opacity:0;transform:translateY(1.25rem)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,107,107,.7)}70%{box-shadow:0 0 0 .625rem rgba(255,107,107,0)}100%{box-shadow:0 0 0 0 rgba(255,107,107,0)}}.scroll-indicator{position:absolute;right:0;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:.3125rem;z-index:3}.scroll-indicator span{width:.5rem;height:.5rem;background-color:#ddd;border-radius:50%;transition:.3s}.scroll-indicator span.active{background-color:#ff6b6b;transform:scale(1.3)}#view-count{display:flex;align-items:center;gap:2px;color:#666}#view-count svg{margin-right:3px;width:1.3rem;height:1rem;fill:#333}