/* Shared iOS / Android layout; preserve browser zoom and native media controls. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--sight-nav-height,0px) + 12px);}
#short-film-home .sf-opening,#short-film-home .sf-arrivals,#short-film-home .sf-curation,#short-film-home .sf-library,#short-film-home .sf-detail{scroll-margin-top:calc(var(--sight-nav-height,82px) + 12px);}
#sight-account{min-height:100vh;min-height:100svh;}
@media(max-width:600px),(max-width:950px) and (pointer:coarse){
 #short-film-home{overflow-x:visible;max-width:100%;}
 #short-film-home > header.sf-nav{height:auto;min-height:0;gap:8px 10px;padding:calc(8px + env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) 0 max(16px,env(safe-area-inset-left,0px));}
 #short-film-home .sf-nav .sf-logo{font-size:23px;gap:7px;flex-shrink:0;min-height:44px;}
 #short-film-home .sf-nav .sf-logo img{width:30px;height:34px;}
 #short-film-home .sf-nav .sf-list-link{font-size:12px;margin-left:auto;white-space:nowrap;min-height:44px;}
 #short-film-home .sf-nav .sf-avatar{display:flex;width:44px;height:44px;flex:0 0 44px;}
 #short-film-home .sf-nav nav{display:flex;order:3;width:100%;min-width:0;gap:14px;justify-content:space-between;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;padding:2px 0 6px;}
 #short-film-home .sf-nav nav button,#short-film-home .sf-nav nav .sf-works-link{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:44px;font-size:13px;white-space:nowrap;padding:10px 2px;touch-action:manipulation;}
 #short-film-home .sf-slogan{padding-inline:max(18px,env(safe-area-inset-left,0px)) max(18px,env(safe-area-inset-right,0px));}
 #short-film-home .sf-track{overflow-y:hidden;touch-action:pan-x pan-y;}
 #short-film-home .sf-carousel-controls{flex-wrap:wrap;row-gap:8px;}
 #short-film-home .sf-current{flex:0 1 auto;}
 #short-film-home .sf-film,#short-film-home .sf-detail-copy{min-width:0;overflow-wrap:anywhere;}
 #short-film-home .sf-detail-actions{flex-wrap:wrap;}
 #short-film-home .sf-works-frame{min-width:0;width:100%;min-height:70vh;min-height:70svh;}
 #short-film-home .sf-footer{overflow-wrap:anywhere;}
 body[data-mobile-page] section,body[data-mobile-page] .intro{padding-left:max(18px,env(safe-area-inset-left,0px));padding-right:max(18px,env(safe-area-inset-right,0px));}
 body[data-mobile-page] .intro-row,body[data-mobile-page] .contact-grid{grid-template-columns:1fr;}
 body[data-mobile-page] .intro h1{white-space:normal;font-size:clamp(25px,7vw,36px);}
 body[data-mobile-page] section{padding-top:3rem;padding-bottom:3rem;}
 body[data-mobile-page] .intro-meta{gap:12px;}
 body[data-mobile-page] video{max-width:100%;height:auto;}
 body[data-mobile-page] .video-meta{padding:16px;}
 body[data-mobile-page] .video-meta p{font-size:14px;}
 body[data-mobile-page] .contact-info,body[data-mobile-page] .foot-bottom{overflow-wrap:anywhere;min-width:0;}
 body[data-mobile-page] footer{padding:36px max(18px,env(safe-area-inset-right,0px)) calc(24px + env(safe-area-inset-bottom,0px)) max(18px,env(safe-area-inset-left,0px));}
 body[data-mobile-page] a.btn{display:inline-flex;align-items:center;min-height:44px;}
 body[data-mobile-page] a[aria-label="返回 Sight 首页"]{bottom:calc(18px + env(safe-area-inset-bottom,0px));}
 body[data-mobile-page="about"]{padding-bottom:calc(60px + env(safe-area-inset-bottom,0px));}
 #sight-account .auth,#sight-account .profile{padding-left:max(18px,env(safe-area-inset-left,0px));padding-right:max(18px,env(safe-area-inset-right,0px));}
 #sight-account header{gap:10px;}
 #sight-account .brand{flex-shrink:0;}
 #sight-account .home{white-space:nowrap;}
 #sight-account input,#sight-account textarea{font-size:16px;scroll-margin-top:24px;}
 #sight-account footer{padding-left:max(18px,env(safe-area-inset-left,0px));padding-right:max(18px,env(safe-area-inset-right,0px));overflow-wrap:anywhere;}
}
@media(hover:none) and (pointer:coarse){
 button,a,input,select,textarea{-webkit-tap-highlight-color:#92dce522;}
 button,a{touch-action:manipulation;}
 body[data-mobile-page] .video-card:hover,body[data-mobile-page] .visual-card:hover{transform:none;}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto;}#short-film-home .sight-ribbon{animation:none!important;}}
html[data-embedded] body[data-mobile-page="about"] main{min-height:0;}
@media(max-width:600px),(max-width:950px) and (pointer:coarse){
 body[data-mobile-page="about"] header{position:relative;flex-wrap:wrap;gap:8px;padding:16px max(18px,env(safe-area-inset-right,0px)) 8px max(18px,env(safe-area-inset-left,0px));}
 body[data-mobile-page="about"] header nav{width:100%;overflow-x:auto;}
 body[data-mobile-page="about"] nav ul{flex-wrap:nowrap;justify-content:space-between;gap:16px;}
 body[data-mobile-page="about"] nav a{display:flex;align-items:center;min-height:44px;white-space:nowrap;}
 body[data-mobile-page="about"] main{min-height:0;padding:30px max(18px,env(safe-area-inset-right,0px)) 40px max(18px,env(safe-area-inset-left,0px));}
}