body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased}

::-webkit-scrollbar{width:0!important;height:0!important;display:none!important;background:transparent!important;-webkit-appearance:none!important}
html,body,*{-ms-overflow-style:none!important;scrollbar-width:none!important}
.hide-scrollbar::-webkit-scrollbar{display:none!important}
.hide-scrollbar{-ms-overflow-style:none!important;scrollbar-width:none!important}

#clock-widget{margin-top:30px!important}
#clock-time{font-size:3.2rem;font-weight:300;font-variant-numeric:tabular-nums;line-height:1;letter-spacing:2px}

.search-container{position:relative;width:100%;z-index:50}
.search-box-pill{width:88%!important;max-width:420px!important;height:46px!important;border-radius:23px!important;background-color:rgba(255,255,255,0.08)!important;backdrop-filter:blur(15px)!important;-webkit-backdrop-filter:blur(15px)!important;border:1px solid rgba(255,255,255,0.1)!important;display:grid!important;grid-template-columns:40px 1fr 40px!important;align-items:center!important;margin:0 auto!important;position:relative!important;padding:0 4px!important;transition:background-color 0.3s,box-shadow 0.3s!important}
.search-container.focus .search-box-pill{background-color:rgba(255,255,255,0.95)!important;box-shadow:0 10px 30px rgba(0,0,0,0.3)!important}
@media(min-width:768px){.search-container.focus .search-box-pill{transform:scale(1.02)!important}}
.search-box-pill>input[type="hidden"]{display:none!important}

.search-src-wrapper{position:relative!important;grid-column:1!important;width:100%!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;opacity:0;visibility:hidden;transition:opacity 0.2s,visibility 0.2s!important;z-index:60!important}
.search-container.focus .search-src-wrapper{opacity:1!important;visibility:visible!important}

.search-btn-icon{position:relative!important;grid-column:3!important;width:100%!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;opacity:1;visibility:visible;transition:opacity 0.2s,visibility 0.2s!important;background:transparent!important;border:none!important;outline:none!important;cursor:pointer!important;z-index:60!important;color:#000!important}


.search-input-inner{position:relative!important;grid-column:2!important;width:100%!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important}
#search-input{position:relative!important;width:100%!important;height:100%!important;line-height:normal!important;padding:0!important;margin:0!important;box-sizing:border-box!important;color:#fff!important;background:transparent!important;border:none!important;outline:none!important;text-align:center!important;font-size:16px!important;-webkit-appearance:none!important;border-radius:0!important;transition:color 0.3s!important;transform:translateZ(0)!important}
.search-container.focus #search-input{color:#111!important}
#search-input::placeholder{color:rgba(255,255,255,0.4)!important}
.search-container.focus #search-input::placeholder{color:transparent!important}

.inner-3d{--w:130px;--h:185px;--translateZ:calc((var(--w) + var(--h)) * 0.95);--rotateX:-5deg;position:absolute;width:var(--w);height:var(--h);top:15%;left:calc(50% - (var(--w) / 2));z-index:2;transform-style:preserve-3d;transform:rotateX(var(--rotateX)) rotateY(var(--rotation,0deg));cursor:grab}
.inner-3d:active{cursor:grabbing}

.card-3d{position:absolute;border:2px solid rgba(var(--color-card),0.4);border-radius:8px;overflow:hidden;inset:0;transform:rotateY(calc((360deg / var(--quantity)) * var(--index))) translateZ(var(--translateZ));background-color:#1a1a1a;box-shadow:0 8px 16px rgba(0,0,0,0.5),0 0 10px rgba(var(--color-card),0.2);user-select:none;-webkit-user-drag:none;transition:border-color 0.3s ease,box-shadow 0.3s ease;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-style:preserve-3d}
.card-3d:hover{border:2px solid rgba(var(--color-card),1);box-shadow:0 10px 25px rgba(0,0,0,0.8),0 0 20px rgba(var(--color-card),0.6)}

.poster-img-3d{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;transition:transform 0.5s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.card-3d:hover .poster-img-3d{transform:scale(1.08)}

.movie-info-3d{position:absolute;bottom:0;left:0;right:0;padding:20px 6px 8px;background:linear-gradient(to top,rgba(0,0,0,0.95) 0%,rgba(0,0,0,0.7) 40%,transparent 100%);text-align:center;transform:translateY(10px);transition:transform 0.3s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.card-3d:hover .movie-info-3d{transform:translateY(0)}
.movie-title-3d{font-size:12px;font-weight:bold;margin:0;text-shadow:1px 1px 3px #000;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.movie-tag-3d{font-size:9px;color:rgba(var(--color-card),1);margin-top:2px}

@media(max-width:768px){.inner-3d{transform:scale(0.8) rotateX(var(--rotateX)) rotateY(var(--rotation,0deg))}#clock-time{font-size:2.4rem}.search-box-pill{width:92%!important;height:42px!important;border-radius:21px!important}#search-input{font-size:15px!important}}

@media(max-width:480px){.inner-3d{transform:scale(0.65) rotateX(var(--rotateX)) rotateY(var(--rotation,0deg))}#clock-time{font-size:2rem}#clock-widget{margin-top:-15px!important}.search-box-pill{width:96%!important;height:40px!important;border-radius:20px!important}}

.modal-overlay{position:fixed;inset:0;background-color:rgba(0,0,0,0.7);backdrop-filter:blur(6px);z-index:9999;display:none;align-items:center;justify-content:center;opacity:0;transition:opacity 0.3s ease}
.modal-overlay.open{display:flex;opacity:1}
.modal-container{transform:scale(0.95) translateY(10px);transition:transform 0.3s cubic-bezier(0.34,1.56,0.64,1);box-shadow:0 25px 50px -12px rgba(0,0,0,0.5)}
.modal-overlay.open .modal-container{transform:scale(1) translateY(0)}
#top-3d-carousel.js-ready{visibility:visible!important}

@media(max-height:700px){
  #clock-widget{margin-top:8px!important;margin-bottom:0.75rem!important}
  #clock-time{font-size:1.8rem!important}
  .search-container{margin-bottom:1rem!important}
  #top-3d-carousel{height:220px!important}
  .inner-3d{transform:scale(0.5) rotateX(var(--rotateX)) rotateY(var(--rotation,0deg))!important}
  .history-home h2{font-size:1rem!important;margin-bottom:0.5rem!important}
}

@media(max-height:600px){
  #clock-time{font-size:1.5rem!important}
  #clock-widget{margin-bottom:0.5rem!important}
  .search-container{margin-bottom:0.75rem!important}
  #top-3d-carousel{height:180px!important}
  .inner-3d{transform:scale(0.42) rotateX(var(--rotateX)) rotateY(var(--rotation,0deg))!important}
  .history-home{margin-top:-5px}
}