.phone .scene{background:linear-gradient(165deg,#ead9b8 0 46%,#c3905f 46% 100%);overflow:hidden}
.phone .scene:before{content:"";position:absolute;left:32px;top:78px;width:190px;height:92px;border-radius:50%;background:radial-gradient(ellipse at 45% 38%,#fff7e7 0 12%,#d29b53 13% 18%,#9f6a36 19% 23%,#c58948 24% 31%,#f3ead6 32% 55%,#d6c5a7 56% 62%,#70513a 63%);box-shadow:0 18px 20px rgba(72,43,25,.24);transform:rotate(-7deg)}
.phone .scene:after{content:"350g\A LOW SUGAR";white-space:pre;position:absolute;right:18px;top:22px;width:74px;height:105px;padding-top:54px;border-radius:5px;background:#f4efe5;color:#704a32;box-shadow:0 8px 16px rgba(74,48,31,.18);font:800 9px/1.4 Arial;text-align:center;transform:rotate(6deg)}
.phone .scene small,.phone .scene h3,.phone .scene p,.phone .scene span{position:relative;z-index:1}
.phone .scene h3{text-shadow:0 1px 3px rgba(0,0,0,.2)}
.phone .scene p{color:#fff}
@media(max-width:760px){.modal-backdrop{padding:10px}.modal{max-height:95vh}.connection{grid-template-columns:42px 1fr}.connection .status{grid-column:2;text-align:left}.hypothesis{padding:15px}.hypo-meta{min-width:0}.reference-visual{height:130px}}