@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/55c55f0601d81cf3-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/26a46d62cd723877-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/97e0cb1ae144a2a9-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/581909926a08bbc8-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_e8ce0c{font-family:Inter,Inter Fallback;font-style:normal}@media (max-width:640px){.cursor-pointer,[role=button],button{min-height:44px;min-width:44px}.text-xs{font-size:.75rem;line-height:1rem}.text-base,.text-sm{font-size:.875rem;line-height:1.25rem}.text-lg{font-size:1rem;line-height:1.5rem}.text-xl{font-size:1.125rem}.text-2xl,.text-xl{line-height:1.75rem}.text-2xl{font-size:1.25rem}.text-3xl{font-size:1.5rem;line-height:2rem}.overflow-x-auto{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.grid{gap:.75rem}.card{border-radius:.75rem}input,select,textarea{font-size:16px}.btn-group>*+*{margin-left:.5rem}.scroll-container{scroll-snap-type:x mandatory;scroll-padding:1rem}.scroll-container>*{scroll-snap-align:start}.nav-tabs{gap:.5rem;padding:0 1rem}.nav-tab{padding:.5rem 1rem;font-size:.875rem;white-space:nowrap}.search-form{flex-direction:row;gap:.5rem;align-items:center}.search-input{height:2.75rem;padding-left:2.5rem;flex:1}.search-button{height:2.75rem;padding:0 1rem;flex-shrink:0}.search-container form{flex-direction:row!important;gap:.5rem!important;align-items:center!important}.search-type-dropdown{flex-shrink:0!important}.search-type-dropdown button{min-width:44px!important;height:44px!important}.collection-card{width:140px;flex-shrink:0}.collection-card img{aspect-ratio:2/3;object-fit:cover}.loading-skeleton{border-radius:.5rem}.error-state{padding:2rem 1rem;text-align:center}.modal-content{margin:1rem;max-width:calc(100vw - 2rem);max-height:calc(100vh - 2rem)}.dropdown-menu{min-width:200px;max-width:calc(100vw - 2rem)}.badge{padding:.25rem .5rem}.badge,.tooltip{font-size:.75rem}.tooltip{max-width:200px}.pagination{gap:.25rem}.pagination-button{min-width:2.5rem;height:2.5rem}.horizontal-scroll-container{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.discover-card{width:160px!important;flex-shrink:0;margin-right:16px}.discover-card:last-child{margin-right:0}.discover-title{font-size:1.125rem!important;line-height:1.25rem!important;font-weight:700!important;color:#ffffff!important;text-shadow:0 1px 2px rgba(0,0,0,.1)}h1.text-3xl.font-bold.text-white,h2.text-3xl.font-bold.text-white,h2.text-xl.sm\:text-2xl.md\:text-3xl.font-bold.text-white{color:#ffffff!important;text-shadow:0 1px 2px rgba(0,0,0,.1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.discover-subtitle{font-size:.875rem!important;line-height:1.25rem!important}.discover-nav-arrow{min-width:44px!important;min-height:44px!important;padding:12px!important;background-color:rgba(0,0,0,.9)!important;border:1px solid rgba(255,255,255,.2)!important}.discover-section{padding:0;margin-bottom:24px}.discover-header{margin-bottom:16px;padding:0 16px!important}.discover-section .horizontal-scroll-container{padding-left:16px!important;padding-right:16px!important}.horizontal-scroll-container{gap:16px!important}.discover-card{position:relative;z-index:1}.flex-shrink-0{flex-shrink:0!important}.flex.items-center.gap-1{gap:.25rem!important}.text-xs.text-gray-400{font-size:.75rem!important;line-height:1rem!important}.space-y-6.sm\:space-y-8{gap:1.5rem!important}.text-base.font-semibold{font-size:.875rem!important;line-height:1.25rem!important}.text-sm.text-muted-foreground{font-size:.75rem!important;line-height:1rem!important}.mt-3.text-center{margin-top:.75rem!important}.overflow-x-auto.scrollbar-hide{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.w-2.h-2{width:.5rem!important;height:.5rem!important}.w-2\.5.h-2\.5{width:.625rem!important;height:.625rem!important}.w-3.h-3{width:.75rem!important;height:.75rem!important}.w-4.h-4{width:1rem!important;height:1rem!important}@media (max-width:640px){.profile-books-section .h-2\.5.w-2\.5,.profile-movie-section .h-2\.5.w-2\.5,.profile-music-section .h-2\.5.w-2\.5,.profile-music-section div[class*=mt-3] svg[class*="h-2\.5"],.profile-music-section div[class*=mt-3] svg[class*="w-2\.5"],.profile-series-section .h-2\.5.w-2\.5,div[class*=mt-12] svg[class*="h-2\.5"],div[class*=mt-12] svg[class*="w-2\.5"]{width:.625rem!important;height:.625rem!important;min-width:.625rem!important;min-height:.625rem!important;max-width:.625rem!important;max-height:.625rem!important}.profile-music-section .w-16.h-16{display:flex!important;align-items:center!important;justify-content:center!important;margin-left:auto!important;margin-right:auto!important}.profile-music-section .w-16.h-16 svg{flex-shrink:0!important;display:block!important}.profile-music-section div[class*=text-center]{display:flex!important;flex-direction:column!important;align-items:center!important;width:100%!important}}.gap-0\.5{gap:.125rem!important}.w-\[120px\]{width:120px!important}.h-\[180px\]{height:180px!important}.w-\[120px\] .font-medium.text-xs{font-size:.625rem!important;line-height:.875rem!important}.w-\[120px\] .text-xs.text-muted-foreground{font-size:.5rem!important;line-height:.75rem!important}.w-40{width:7.5rem!important;max-width:7.5rem!important}.w-40 .text-base{font-size:.75rem!important;line-height:1rem!important}.w-40 .text-sm{font-size:.625rem!important;line-height:.875rem!important}.w-40 p{max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.w-40 .aspect-square{width:7.5rem!important;height:7.5rem!important}.w-40 .h-8{height:1.5rem!important;width:1.5rem!important}.w-40 .h-4{height:.75rem!important;width:.75rem!important}.w-40 .h-14{height:2.5rem!important;width:2.5rem!important}.w-40 .h-6{height:1rem!important;width:1rem!important}.space-y-6{gap:1.5rem!important}.space-y-3{gap:.75rem!important}.mb-6{margin-bottom:1.5rem!important}.space-y-0\.5{gap:.125rem!important}.space-y-0\.5,.space-y-1{gap:.0625rem!important}.user-header-text{display:flex!important;flex-direction:column!important;gap:2px!important}.flex.items-center.gap-4 .flex-1 .mb-0{margin-bottom:0!important}.flex.items-center.gap-4 .flex-1 .gap-2{gap:.125rem!important}.flex.items-center.gap-2{gap:.5rem!important}.space-y-4{gap:1rem!important}.space-y-8{gap:2rem!important}.mb-4{margin-bottom:1rem!important}.mb-8{margin-bottom:2rem!important}.pt-4{padding-top:1rem!important}@media (max-width:768px){.relative.max-w-7xl.mx-auto.px-6.pt-20.pb-8{padding-top:5rem!important}.flex.gap-4.overflow-x-auto{gap:.75rem!important;padding-left:1rem!important;padding-right:2rem!important}.flex.gap-4.overflow-x-auto .group{flex-shrink:0;width:calc((100vw - 2rem - 1.5rem) / 3)!important;max-width:120px!important}.flex.gap-4.overflow-x-auto .group .relative{width:100%!important;height:180px!important}.absolute.right-0.top-0.bottom-4.w-8{width:2rem!important;background:linear-gradient(270deg,rgba(30,41,59,.9),transparent)!important}.absolute.right-2.top-1\/2.transform.-translate-y-1\/2.w-6.h-6{right:.5rem!important;width:1.5rem!important;height:1.5rem!important}}.flex.gap-2.mt-4 button{gap:.5rem!important}.flex.gap-2.mt-4 .flex-1.h-9.rounded-lg,.w-full.h-9.rounded-lg{height:2.25rem!important;border-radius:.5rem!important;font-size:.875rem!important;font-weight:500!important}.flex.gap-2.mt-4 .flex-1.h-9.rounded-lg{min-width:0!important;flex:1 1 0%!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:.5rem!important;padding:.5rem 1rem!important}.flex.gap-2.mt-4 button{width:100%!important;height:2.25rem!important;min-height:2.25rem!important;max-height:2.25rem!important}.flex.gap-2.mt-4 .flex-1{flex:1 1 0%!important;min-width:0!important;width:50%!important}.flex.gap-2.mt-4 button[class*=flex-1]{width:100%!important;height:36px!important;max-width:none!important}.flex.gap-2.mt-4 button:first-child,.flex.gap-2.mt-4 button:last-child{width:50%!important;height:36px!important;min-width:120px!important;max-width:none!important;flex:1 1 0%!important;display:flex!important;align-items:center!important;justify-content:center!important}.flex.gap-2.mt-4 button[class*=flex-1]{flex:1 1 0%!important;width:calc(50% - .25rem)!important;min-width:120px!important;max-width:calc(50% - .25rem)!important}.flex.gap-2.mt-4{display:flex!important;gap:.5rem!important;margin-top:1rem!important}.flex.gap-2.mt-4>*{flex:1 1 0%!important;min-width:0!important}.flex.gap-2.mt-4 button{height:36px!important;min-height:36px!important;max-height:36px!important;width:calc(50% - .25rem)!important;min-width:120px!important;max-width:calc(50% - .25rem)!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:.875rem!important;font-weight:500!important;border-radius:.5rem!important;padding:.5rem 1rem!important;flex:1 1 0%!important}.discover-card .font-bold.text-xs{font-size:.5rem!important;line-height:.75rem!important}.discover-card .text-xs.text-gray-400{font-size:.375rem!important;line-height:.5rem!important}.discover-card{max-width:120px!important}.discover-card .mt-2.sm\:mt-3{margin-top:.25rem!important}.w-\[120px\] .mt-2{margin-top:.5rem!important}.discover-card .space-y-1.sm\:space-y-2{gap:.125rem!important}.w-\[120px\] .space-y-1{gap:.25rem!important}.flex-shrink-0.w-\[200px\]{width:160px!important}.flex-shrink-0.w-\[200px\] .card{padding:.75rem!important}.horizontal-scroll-container .flex-shrink-0{margin-right:.75rem!important}.horizontal-scroll-container{gap:.5rem!important;padding-left:1rem!important;padding-right:1rem!important;scroll-padding-right:1rem!important;scroll-padding-left:1rem!important}.horizontal-scroll-container button{flex-shrink:0!important;min-width:fit-content!important;margin-right:.5rem!important;padding:.5rem .75rem!important;font-size:.875rem!important}.horizontal-scroll-container button:last-child{margin-right:1rem!important}.horizontal-scroll-container button svg{width:1rem!important;height:1rem!important}.horizontal-scroll-container{-webkit-overflow-scrolling:touch!important;scroll-behavior:smooth!important;overscroll-behavior-x:contain!important;mask-image:linear-gradient(90deg,transparent 0,black 5%,black 95%,transparent)!important;-webkit-mask-image:linear-gradient(90deg,transparent 0,black 5%,black 95%,transparent)!important}.landing-hero{min-height:100vh!important;padding:1rem!important}.landing-hero h1{font-size:2.5rem!important;line-height:1.1!important;margin-bottom:1.5rem!important}.landing-hero p{font-size:1rem!important;line-height:1.5rem!important;margin-bottom:1.5rem!important}.landing-hero .flex{gap:.75rem!important}.landing-hero button{padding:.75rem 1.5rem!important;font-size:.875rem!important;min-height:44px!important}.landing-hero img{max-width:280px!important;margin:0 auto!important}.landing-section{padding:2rem 1rem!important}.landing-section h2{font-size:2rem!important;line-height:1.2!important;margin-bottom:1.5rem!important}.landing-section p{font-size:.875rem!important;line-height:1.4rem!important;margin-bottom:1rem!important}.comet-card{max-width:320px!important;margin:0 auto!important}.comet-card .p-6{padding:1rem!important}.comet-card h3{font-size:1rem!important;margin-bottom:.5rem!important}.comet-card p{font-size:.75rem!important;line-height:1.2rem!important}.comet-card .space-y-4>*+*{margin-top:.75rem!important}.comet-card .w-8.h-8{width:1.5rem!important;height:1.5rem!important}.comet-card .w-4.h-4{width:.875rem!important;height:.875rem!important}.app-store-button{width:100%!important;max-width:280px!important;margin:0 auto!important}.app-store-button .bg-gray-800{padding:.75rem!important;min-height:60px!important}.app-store-button .w-12.h-12{width:2.5rem!important;height:2.5rem!important}.app-store-button .w-8.h-8{width:1.5rem!important;height:1.5rem!important}.app-store-button .text-lg{font-size:.875rem!important}.app-store-button .text-xs{font-size:.625rem!important}.hero-section{padding:2rem 1rem;text-align:center}.hero-title{font-size:2rem!important;line-height:2.5rem!important;margin-bottom:1rem}.hero-subtitle{font-size:1rem!important;line-height:1.5rem!important;margin-bottom:2rem}.dashboard-grid{grid-template-columns:1fr!important;gap:1rem!important}.dashboard-card{padding:1rem!important}.books-grid{grid-template-columns:repeat(2,1fr)!important;gap:.75rem!important}.book-card{width:100%!important}.movies-grid{grid-template-columns:repeat(2,1fr)!important;gap:.75rem!important}.movie-card{width:100%!important}.series-grid{grid-template-columns:repeat(2,1fr)!important;gap:.75rem!important}.series-card{width:100%!important}.music-tabs{gap:.5rem!important;padding:0 1rem!important}.music-tab{padding:.5rem 1rem!important;font-size:.875rem!important}.profile-header{padding:1rem!important;text-align:center}.profile-avatar{width:80px!important;height:80px!important}.profile-tabs{gap:.5rem!important;padding:0 1rem!important}.community-feed,.post-card{padding:1rem!important}.post-card{margin-bottom:1rem!important}.reviews-grid{grid-template-columns:1fr!important;gap:1rem!important}.review-card{padding:1rem!important}.w-32{width:8rem!important}.h-40{height:10rem!important}.w-32.h-40 img{width:100%!important;height:100%!important;object-fit:cover!important}.w-32.h-40.flex-shrink-0{margin-right:.75rem!important}.w-32.h-40.flex-shrink-0.relative{border-radius:.75rem!important;overflow:hidden!important}.w-32.h-40 img:hover{transform:scale(1.02)!important;transition:transform .2s ease-in-out!important}.w-32.h-40 a{display:block!important;width:100%!important;height:100%!important}.view-more-comments-btn{padding:.5rem 1rem!important;font-size:.875rem!important;min-height:44px!important;touch-action:manipulation!important}.view-more-comments-btn svg{width:1rem!important;height:1rem!important}.text-\[#a0a0a0\].text-xs{font-size:.75rem!important;line-height:1rem!important;color:#a0a0a0!important;margin-left:.5rem!important}.group.cursor-pointer{width:100%!important;max-width:280px!important}.group.cursor-pointer .bg-gray-800{padding:1rem!important;min-height:60px!important}.group.cursor-pointer .w-12.h-12{width:3rem!important;height:3rem!important}.group.cursor-pointer .w-8.h-8{width:2rem!important;height:2rem!important}.group.cursor-pointer .text-lg{font-size:1rem!important}.group.cursor-pointer .text-xs{font-size:.6875rem!important}.notifications-list{padding:1rem!important}.notification-item{padding:.75rem!important;margin-bottom:.5rem!important}.contact-form{padding:1rem!important}.contact-input{margin-bottom:1rem!important}.header{padding:.75rem 1rem!important}.header-logo{font-size:1.25rem!important}.header-nav{gap:.5rem!important}.container .ml-16{margin-left:4rem!important}@media (max-width:640px){.container .ml-16{margin-left:4.5rem!important}.container .ml-16 h1{font-size:1.5rem!important;line-height:2rem!important}.container .ml-16 p{font-size:.875rem!important;line-height:1.25rem!important}.grid.grid-cols-2{gap:.75rem!important}.grid.grid-cols-2>div{min-width:0!important}.grid.grid-cols-2 img{width:100%!important;height:auto!important}}.max-w-\[200px\]{max-width:200px!important}.p-8.lg\:p-12{padding:1rem!important}.grid.grid-cols-1.lg\:grid-cols-3{gap:1rem!important}.text-4xl.lg\:text-6xl{font-size:1.75rem!important;line-height:2.25rem!important}.text-lg.lg\:text-xl{font-size:1rem!important;line-height:1.5rem!important}.flex.flex-wrap.items-center.gap-6{gap:.75rem!important}.px-4.py-2.rounded-xl{padding:.5rem .75rem!important}.p-6.rounded-2xl{padding:1rem!important}.flex.flex-wrap.items-center.gap-4,.grid.grid-cols-3{gap:.5rem!important}.max-w-\[120px\]{max-width:120px!important}.p-3.bg-muted\/30{padding:.5rem!important}.space-x-3{gap:.5rem!important}.w-10.h-10{width:2rem!important;height:2rem!important}.text-sm.font-medium{font-size:.75rem!important;line-height:1rem!important}.text-xs.text-muted-foreground{font-size:.625rem!important;line-height:.875rem!important}.mt-3.space-y-1{margin-top:.5rem!important}.mt-3.space-y-1 .font-medium.text-sm{font-size:.75rem!important;line-height:1rem!important}.mt-3.space-y-1 .text-xs{font-size:.625rem!important;line-height:.875rem!important}@media (max-width:1024px){.lg\\:hidden.fixed.top-4.left-4{top:1rem!important;left:1rem!important;z-index:50!important}.lg\\:hidden.fixed.top-4.left-4 button{background:linear-gradient(135deg,#2d2d2d,#404040)!important;border:1px solid #505050!important;box-shadow:0 4px 12px rgba(0,0,0,.3)!important;backdrop-filter:blur(10px)!important;width:2.5rem!important;height:2.5rem!important}.lg\\:hidden.fixed.top-4.left-4 button:hover{background:linear-gradient(135deg,#404040,#505050)!important;transform:scale(1.05)!important}aside{background:linear-gradient(135deg,#1a1a1a,#2d2d2d)!important;border-right:1px solid #404040!important;box-shadow:2px 0 10px rgba(0,0,0,.3)!important}aside .flex.h-16{background:linear-gradient(135deg,#2d2d2d,#404040)!important;border-bottom:1px solid #505050!important;padding-right:1rem!important}aside .flex.h-16>:first-child{flex:1!important;min-width:0!important;margin-right:.5rem!important}aside .flex.h-16>:last-child{flex-shrink:0!important}aside .flex.h-16 .flex-shrink-0{margin-left:auto!important;padding-left:.5rem!important}aside .flex.h-16 .lg\\:hidden button{background:rgba(255,255,255,.1)!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:6px!important;transition:all .2s ease!important}aside .flex.h-16 .lg\\:hidden button:hover{background:rgba(255,255,255,.2)!important;transform:scale(1.05)!important}aside .flex.h-16 a{max-width:calc(100% - 3rem)!important;overflow:hidden!important}aside .flex.h-16 a span{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}aside nav a,aside nav button{border-radius:8px!important;margin:0!important;transition:all .2s ease!important}aside nav a:hover,aside nav button:hover{background:linear-gradient(135deg,#404040,#505050)!important;transform:translateX(4px)!important}aside nav a.bg-accent,aside nav a[data-active=true],aside nav button.bg-accent,aside nav button[data-active=true]{background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important;box-shadow:0 2px 8px rgba(59,130,246,.3)!important;color:white!important}aside nav .ml-4.space-y-1>*+*,aside nav .space-y-1>*+*{margin-top:.25rem!important}aside nav a,aside nav button{padding:.75rem 1rem!important}aside nav a.justify-center,aside nav button.justify-center{padding:.75rem .5rem!important}}@media (min-width:1025px){aside{background:linear-gradient(135deg,#1a1a1a,#2d2d2d)!important;border-right:1px solid #404040!important;box-shadow:2px 0 10px rgba(0,0,0,.3)!important}aside .flex.h-16{background:linear-gradient(135deg,#2d2d2d,#404040)!important;border-bottom:1px solid #505050!important}aside nav a,aside nav button{border-radius:8px!important;margin:0!important;transition:all .2s ease!important}aside nav a:hover,aside nav button:hover{background:linear-gradient(135deg,#404040,#505050)!important;transform:translateX(4px)!important}aside nav a.bg-accent,aside nav a[data-active=true],aside nav button.bg-accent,aside nav button[data-active=true]{background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important;box-shadow:0 2px 8px rgba(59,130,246,.3)!important;color:white!important}}.footer{padding:2rem 1rem!important;text-align:center}.footer-links{flex-direction:column!important;gap:1rem!important}.search-container{padding:1rem!important}.search-input{width:100%!important;margin-bottom:.75rem!important}.modal{margin:1rem!important;max-width:calc(100vw - 2rem)!important}.modal-content,.modal-header{padding:1rem!important}.btn{padding:.5rem 1rem!important;font-size:.875rem!important}.btn-sm{padding:.375rem .75rem!important;font-size:.75rem!important}.btn-lg{padding:.75rem 1.5rem!important;font-size:1rem!important}.card{padding:1rem!important;margin-bottom:1rem!important}.card-header{padding-bottom:.75rem!important}.card-content{padding-top:.75rem!important}.form-group{margin-bottom:1rem!important}.form-label{margin-bottom:.5rem!important}.form-input,.form-label{font-size:.875rem!important}.form-input{padding:.5rem!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:.75rem!important}.p-4{padding:1rem!important}.m-1{margin:.25rem!important}.m-2{margin:.5rem!important}.m-3{margin:.75rem!important}.m-4{margin:1rem!important}.text-center{text-align:center!important}.text-left{text-align:left!important}.text-right{text-align:right!important}.block{display:block!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.grid{display:grid!important}.flex-col{flex-direction:column!important}.flex-row{flex-direction:row!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.justify-between{justify-content:space-between!important}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))!important}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.gap-2{gap:.5rem!important}.gap-3{gap:.75rem!important}.gap-4{gap:1rem!important}}@media (min-width:641px) and (max-width:1024px){.grid{gap:1rem}.collection-card{width:180px}.search-form{flex-direction:row;gap:1rem}.nav-tabs{gap:.75rem}.nav-tab{padding:.75rem 1.5rem;font-size:1rem}.books-grid,.movies-grid,.series-grid{grid-template-columns:repeat(3,1fr)!important;gap:1rem!important}.dashboard-grid{grid-template-columns:repeat(2,1fr)!important;gap:1.5rem!important}.w-40{width:10rem!important}.h-48{height:12rem!important}.w-40.h-48 img{width:100%!important;height:100%!important;object-fit:cover!important}}@media (min-width:1025px){.collection-card{width:220px}.nav-tabs{gap:1rem}.nav-tab{padding:1rem 2rem;font-size:1.125rem}.books-grid,.movies-grid,.series-grid{grid-template-columns:repeat(4,1fr)!important;gap:1.5rem!important}.dashboard-grid{grid-template-columns:repeat(3,1fr)!important;gap:2rem!important}}@media (hover:none) and (pointer:coarse){[role=button]:hover,button:hover{transform:none}.scroll-container{scroll-snap-type:x mandatory}[role=button]:focus,button:focus,input:focus{outline:2px solid #3b82f6;outline-offset:2px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media (prefers-color-scheme:dark){.text-gray-400{color:#9ca3af}.text-gray-300{color:#d1d5db}.btn-outline{border-color:#4b5563}.btn-outline:hover{background-color:#374151;border-color:#6b7280}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (orientation:landscape) and (max-height:500px){.header{padding:.5rem 1rem}.header h1{font-size:1.5rem}.header p{font-size:.875rem;margin-top:.25rem}.search-form{margin-bottom:1rem}.nav-tabs{padding:.5rem 1rem}}@media print{.nav-tabs,.search-form,[role=button],button{display:none!important}.container{max-width:none;margin:0;padding:0}.grid{display:block}.collection-card{display:inline-block;width:200px;margin:.5rem;page-break-inside:avoid}}@media (max-width:640px){.horizontal-scroll-container{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;overscroll-behavior-x:contain}.discover-section .horizontal-scroll-container,.horizontal-scroll-container{padding-left:16px!important;padding-right:16px!important}}@media (min-width:641px) and (max-width:1024px){.horizontal-scroll-container{-webkit-overflow-scrolling:touch}}@media (max-width:768px){.search-form{flex-direction:column;gap:.5rem}.search-dropdown{height:auto;padding:.5rem}.nav-tabs{gap:.25rem;padding:.5rem;scroll-padding:.5rem;mask-image:linear-gradient(90deg,transparent,black 10%,black 90%,transparent)}.sidebar{transform:translateX(-100%);transition:transform .3s ease-in-out}.sidebar.open{transform:translateX(0)}.sidebar-overlay{background:rgba(0,0,0,.5);backdrop-filter:blur(4px)}.sidebar-header{background:linear-gradient(135deg,#1f2937,#374151);border-bottom:1px solid #4b5563;box-shadow:0 2px 8px rgba(0,0,0,.3)}.sidebar-close{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);color:#ef4444}.sidebar-close:hover{background:rgba(239,68,68,.2);border-color:rgba(239,68,68,.5)}.container .ml-16{margin-left:0}.lg\:hidden.fixed.top-4.left-4{margin-left:.5rem}.grid-cols-2{gap:.5rem;min-width:0}.youtube-player{position:fixed;bottom:1rem;right:1rem;left:auto;z-index:9999;width:240px;max-width:calc(100vw - 2rem);border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.5)}.youtube-player .video-container{max-height:140px;min-height:100px}.youtube-player .control-button{min-width:32px;min-height:32px;touch-action:manipulation}.youtube-player .song-title{font-size:.75rem;line-height:1.2;max-width:180px}.youtube-player .artist-name{font-size:.625rem;line-height:1.2;max-width:180px}}@media (max-width:768px) and (orientation:landscape){.youtube-player{position:fixed;bottom:.5rem;right:.5rem;left:auto;width:280px;height:160px;border-radius:8px}.youtube-player .video-container{height:100px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.youtube-player .control-button{border-width:.5px}}@media (prefers-color-scheme:dark){.youtube-player{background:#111827;border-color:#374151}}@media (prefers-reduced-motion:reduce){.youtube-player *{transition:none!important;animation:none!important}}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}@media (max-width:640px){.horizontal-scroll-container{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;padding-left:16px;padding-right:16px;scroll-snap-type:x mandatory;scroll-padding:0 16px;overscroll-behavior-x:contain}.horizontal-scroll-container *{scroll-snap-align:start}.horizontal-scroll-container{touch-action:pan-x;-webkit-user-select:none;user-select:none}}@media (min-width:641px) and (max-width:1024px){.horizontal-scroll-container{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scroll-snap-type:x proximity;touch-action:pan-x}}.horizontal-scroll-container{scroll-behavior:smooth;touch-action:pan-x;-webkit-user-select:none;user-select:none;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.horizontal-scroll-container::-webkit-scrollbar{display:none}[class*=overflow-x-auto]{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}@media (max-width:640px){[data-radix-dialog-content]{left:50%!important;transform:translateX(-50%)!important;box-sizing:border-box!important;overflow:hidden!important;position:fixed!important;top:50%!important;transform:translate(-50%,-50%)!important;max-height:calc(100vh - 40px)!important;overflow-y:auto!important;overflow-x:hidden!important;min-height:auto!important;max-height:80vh!important}[data-radix-dialog-content]>*{max-width:100%!important;overflow:hidden!important}.search-dialog-container,[data-radix-dialog-content] *{max-width:100%!important;box-sizing:border-box!important}.search-dialog-container{flex-direction:column!important;gap:8px!important;display:flex!important;width:100%!important;overflow:hidden!important;padding:0 4px!important}.search-dialog-container>*{width:100%!important;min-width:0!important;max-width:100%!important;flex:none!important;flex-shrink:0!important}.search-dialog-container .flex-row,.search-dialog-container .sm\\:flex-row,.search-dialog-container.flex-row,.search-dialog-container.flex.flex-col.sm\\:flex-row,.search-dialog-container.flex.flex-row{flex-direction:column!important;flex-wrap:nowrap!important}.search-dialog-container .relative,.search-dialog-container .relative.flex-1,.search-dialog-container>div:first-child{width:100%!important;min-width:0!important;max-width:100%!important;flex:none!important;flex-shrink:0!important;margin:0!important;padding:0!important}.search-dialog-input{font-size:16px;-webkit-appearance:none;border-radius:6px;width:100%!important;min-width:0!important;padding:8px 12px!important;box-sizing:border-box!important}.search-dialog-button,.search-dialog-input{max-width:100%!important;height:40px!important;overflow:hidden!important;text-overflow:ellipsis!important}.search-dialog-button{padding:8px 16px!important;font-size:14px!important;white-space:nowrap!important}.search-result-item{min-height:56px;padding:8px}.search-result-item+.search-result-item{margin-top:4px!important}.search-result-item .text-base,.search-result-item .text-base.font-semibold,.search-result-item .text-sm.text-muted-foreground,.search-result-item p:first-child,.search-result-item p:last-child{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important;display:block!important}.search-dialog-button{width:100%!important;min-width:0!important}.search-dialog-container .relative.flex-1{min-width:0!important;max-width:100%!important;flex-shrink:0!important}.search-dialog-container .absolute.left-3{z-index:10!important}.search-dialog-container input::placeholder{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.books-page-search{overflow:hidden!important}.books-page-search,.books-page-search form{width:100%!important;max-width:100%!important}.books-page-search .relative.flex-1,.books-page-search input{width:100%!important;min-width:0!important;max-width:100%!important}.books-page-search input{box-sizing:border-box!important}.books-page-search button,.books-page-search input{overflow:hidden!important;text-overflow:ellipsis!important}.books-page-search button{width:100%!important;min-width:0!important;max-width:100%!important;white-space:nowrap!important}.horizontal-scroll-container{width:100%!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;-ms-overflow-style:none!important}.horizontal-scroll-container::-webkit-scrollbar{display:none!important}.horizontal-scroll-container button{flex-shrink:0!important;white-space:nowrap!important;min-width:fit-content!important}.horizontal-scroll-container .badge{flex-shrink:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.search-result-item{width:100%!important;max-width:100%!important;overflow:hidden!important}.search-result-item img{flex-shrink:0!important;width:48px!important;height:64px!important}[data-radix-dialog-content]{max-width:calc(100vw - 32px)!important;width:calc(100vw - 32px)!important;margin:16px!important}[data-radix-dialog-overlay]{padding:0!important}.profile-search-dialog{width:100%!important;max-width:100%!important;overflow:hidden!important}.profile-search-dialog .search-dialog-container{padding:0 8px!important}.profile-search-dialog .search-dialog-input{font-size:16px!important;padding:10px 12px 10px 36px!important;height:44px!important}.profile-search-dialog .search-dialog-button{height:44px!important;padding:10px 20px!important;font-size:16px!important}.profile-search-dialog .max-h-60{max-height:50vh!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}@media (max-width:640px){body,html{overflow-x:hidden!important;width:100%!important;max-width:100%!important}.books-page-search,.search-dialog-container{flex-direction:column!important;gap:8px!important;width:100%!important;max-width:100%!important;padding:0 4px!important}.books-page-search input,.search-dialog-input{width:100%!important;min-width:0!important;max-width:100%!important;font-size:16px!important;height:44px!important;padding:10px 12px 10px 36px!important}.books-page-search button,.search-dialog-button{width:100%!important;height:44px!important;padding:10px 20px!important;font-size:16px!important}.books-page-search .absolute.left-3,.search-dialog-container .absolute.left-3{left:8px!important;top:50%!important;transform:translateY(-50%)!important;z-index:10!important}.horizontal-scroll-container{padding-bottom:8px!important;margin-bottom:8px!important}[data-radix-dialog-content]{max-width:calc(100vw - 16px)!important;width:calc(100vw - 16px)!important;margin:8px!important}.search-result-item{width:100%!important;max-width:100%!important;padding:8px!important}.search-result-item .flex-1.min-w-0{min-width:0!important;max-width:calc(100% - 56px)!important}.search-result-item img{width:48px!important;height:64px!important;flex-shrink:0!important}.books-page-search,.search-dialog-container{overflow-x:hidden!important;overflow-y:visible!important}.search-result-item p{word-wrap:break-word!important;overflow-wrap:break-word!important}.books-page-search button,.search-dialog-button{min-height:44px!important;touch-action:manipulation!important}@media (max-width:480px){.books-page-search,.search-dialog-container{padding:0 2px!important;gap:6px!important}.books-page-search input,.search-dialog-input{height:40px!important;font-size:14px!important;padding:8px 12px 8px 32px!important}.books-page-search button,.search-dialog-button{height:40px!important;padding:8px 16px!important;font-size:14px!important}.horizontal-scroll-container{gap:4px!important;padding-bottom:6px!important}.horizontal-scroll-container button{padding:6px 12px!important;font-size:12px!important}}}.search-dialog-container.flex.flex-col.sm\\:flex-row{flex-direction:column!important}.search-dialog-container .relative.flex-1{width:100%!important;flex:none!important}.search-dialog-container>button,.search-dialog-container>div{width:100%!important;min-width:0!important;max-width:none!important}.search-dialog-container input{margin:0!important;padding-left:32px!important}.search-dialog-container input,.search-dialog-container input[type=search],.search-dialog-container input[type=text]{width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important;overflow:hidden!important;text-overflow:ellipsis!important}.search-dialog-container .absolute.left-3{left:8px!important;top:50%!important;transform:translateY(-50%)!important}.search-dialog-container input{padding-right:8px!important}.search-dialog-container button{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.search-dialog-container .absolute.left-3{z-index:10}.search-dialog-container button{width:100%!important;min-width:0!important;max-width:none!important}[data-radix-dialog-content] button[aria-label=Close],[data-radix-dialog-content] button[data-radix-dialog-close]{position:absolute!important;right:16px!important;top:16px!important;z-index:100!important}.search-modal-overlay{overflow:hidden!important;position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important}.search-modal-content{max-height:90vh!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important}[data-radix-dialog-content]>div:first-child{padding-right:40px!important}[data-radix-dialog-content]>div{padding-left:8px!important;padding-right:8px!important}[data-radix-dialog-content]>div:first-child{padding-top:12px!important;padding-bottom:8px!important}[data-radix-dialog-content]>div:not(:first-child){padding-top:8px!important;padding-bottom:12px!important}.search-dialog-container+div{padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important;padding-top:4px!important;padding-bottom:4px!important}.search-dialog-container+div .space-y-2{gap:4px!important}.search-result-item .flex-1.min-w-0{min-width:0!important;max-width:calc(100% - 60px)!important;overflow:hidden!important}.search-result-item p{margin:0!important;padding:0!important;line-height:1.2!important}.search-result-item .rounded-md.overflow-hidden.flex-shrink-0,.search-result-item .w-12.h-16{width:48px!important;height:64px!important;flex-shrink:0!important;margin-right:8px!important}.search-result-item .flex.items-center.gap-3{gap:8px!important}}.books-horizontal-container{width:100%;max-width:none}.discover-card[data-item-type=book] .space-y-1 *{background:transparent!important;border:none!important;box-shadow:none!important;text-shadow:none!important}.book-card .aspect-\[2\/3\],.saved-book-card .aspect-\[2\/3\]{border-radius:.75rem;overflow:hidden}.discover-card[data-item-type=book] .mt-3{margin-top:.75rem}.discover-card[data-item-type=book] h4{font-weight:600;color:#ffffff}.discover-card[data-item-type=book] p{color:#9ca3af;font-size:.875rem;line-height:1.25rem}.discover-card[data-item-type=book]{text-align:center}.discover-card[data-item-type=book] .space-y-1{margin-top:.75rem}.discover-card[data-item-type=book] .space-y-1>*+*{margin-top:.25rem}.discover-card[data-item-type=book] .mt-3,.discover-card[data-item-type=book] .space-y-1,.discover-card[data-item-type=book] h4,.discover-card[data-item-type=book] p{background:transparent!important;border:none!important;box-shadow:none!important}.discover-card[data-item-type=book] h4,.discover-card[data-item-type=book] p{text-shadow:none!important}.discover-card[data-item-type=book] .space-y-1{background:transparent!important;border:none!important;box-shadow:none!important;outline:none!important}.book-card,.saved-book-card{text-align:center}.book-card .mt-3,.book-card h3,.book-card p,.saved-book-card .mt-3,.saved-book-card h3,.saved-book-card p{background:transparent!important;border:none!important;box-shadow:none!important}.book-card h3,.book-card p,.saved-book-card h3,.saved-book-card p{text-shadow:none!important}