/* Sayure TV responsive layer — mobile, tablet and desktop */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}body{min-width:280px}img{max-width:100%}button,input{font:inherit}.filters,.catalog-tabs{-webkit-overflow-scrolling:touch}.filters{padding-right:18px}.filter:last-child{margin-right:8px}header{padding-top:env(safe-area-inset-top)}nav{padding-bottom:max(env(safe-area-inset-bottom),8px)}.sheet,.account-card,.auth-card,.moment-card,.quiz-card,.avatar-editor-card{max-width:calc(100vw - 24px)}
@media (max-width:380px){main{padding-left:13px;padding-right:13px}.welcome h1{font-size:31px}.filter,.catalog-tab{padding:9px 12px}.card{min-width:270px}.detailtop img{width:100px;height:150px}}
@media (min-width:700px){body{padding-bottom:96px}header{height:82px;padding-left:max(28px,calc((100vw - 1180px)/2));padding-right:max(28px,calc((100vw - 1180px)/2))}.brand{font-size:29px}main{max-width:1180px;padding:24px 28px 70px}.welcome{padding:35px 4px 32px}.welcome h1{font-size:48px}.hero-badge{display:block}.searchbox{max-width:760px}.continue,.posters{display:grid;overflow:visible;scroll-snap-type:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{min-width:0;width:100%}.posteritem,.posteritem img{width:100%;min-width:0}.posteritem img{height:auto;aspect-ratio:2/3}.skeleton{min-width:0;width:100%;height:auto;aspect-ratio:2/3}.filters,.catalog-tabs{flex-wrap:wrap;overflow:visible}.modal{align-items:center;padding:30px}.sheet{width:min(760px,92vw);max-height:88vh;border-radius:30px;padding:28px 30px 38px}.account-card{width:min(440px,92vw)}nav{left:50%;right:auto;bottom:18px;transform:translateX(-50%);width:min(430px,calc(100vw - 40px));height:68px;border:1px solid #f1e4e9;border-radius:24px;padding-bottom:0;box-shadow:0 12px 38px #6d3e501c;overflow:hidden}}
@media (min-width:1024px){header{padding-left:max(36px,calc((100vw - 1280px)/2));padding-right:max(36px,calc((100vw - 1280px)/2))}main{max-width:1280px;padding-left:36px;padding-right:36px}.welcome{min-height:210px}.welcome h1{font-size:56px}.searchbox{max-width:820px}.continue{grid-template-columns:repeat(3,minmax(0,1fr))}.posters{grid-template-columns:repeat(5,minmax(0,1fr))}.heading h2{font-size:30px}.detailtop img{width:145px;height:218px}.sheet{width:min(850px,88vw)}nav{width:360px;height:62px;border-radius:22px}nav button{font-size:18px}nav span{display:inline;margin-left:5px;font-size:12px}}
@media (min-width:1440px){main{max-width:1400px}.continue{grid-template-columns:repeat(4,minmax(0,1fr))}.posters{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media (hover:hover) and (pointer:fine){button,.posteritem,.result{transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease}button:hover{opacity:.9}.posteritem:hover{transform:translateY(-3px)}.result:hover{background:#fff7fa}}
@media (orientation:landscape) and (max-height:600px){.auth-gate,.account-modal,.moment-modal,.quiz-modal,.avatar-editor{overflow:auto;align-items:start;padding-top:18px}.auth-card,.account-card,.moment-card,.quiz-card,.avatar-editor-card{margin:auto}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}