/* Let the app use the viewport on phones and tablets, including landscape. */
body>.phone{width:100%;max-width:1600px;border:0;border-radius:0;box-shadow:none}
body>.phone>.screen{border-radius:0}
.app-viewport>.phone-container{width:100%;max-width:1600px;height:100dvh;max-height:100dvh;border:0;border-radius:0;box-shadow:none}
.phone-container>#screen-container{border-radius:0}
.content{padding-bottom:24px}
.messages-content{padding-bottom:12px}
.likes-content.content{padding-bottom:24px}
.profile-lightbox figure{width:100%;height:100%}
.profile-lightbox-image{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;border-radius:0}
.profile-lightbox figcaption{display:none}
.profile-lightbox-count{position:absolute;width:1px;height:1px;padding:0;clip-path:inset(50%);overflow:hidden;border:0;white-space:nowrap}
@media(min-width:600px){
  body>.phone{height:100dvh;max-height:100dvh;min-height:0}
  .topbar{padding-inline:24px}
  .topbar .page-title{font-size:22px}
  .content{padding:22px clamp(22px,4vw,56px) 30px}
  .section-title{font-size:16px;margin-top:18px;margin-bottom:12px}
  .bio{font-size:14px;line-height:1.65}
  .profile-read-cover{height:clamp(220px,30vw,340px)}
  .profile-read-head h1{font-size:28px}
  .profile-read-head p{font-size:13px}
  .profile-read-head{padding-top:58px}
  .info-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
  .info-box{padding:14px}
  .info-box small{font-size:11px}.info-box strong{font-size:13px}
  .stat{padding:17px 10px}.stat strong{font-size:23px}.stat small{font-size:12px}
  .photos{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
  .chips .chip{font-size:12px;padding:9px 13px}
  .messages-content{padding:12px 24px 24px}
  .messages-content .list-card{padding:18px 12px}
  .list-card-main strong{font-size:15px}.list-card-main p{font-size:12px}.list-time{font-size:11px}
  .likes-content.content{padding:12px 24px 26px}
  .likes-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px}
  .like-profile-card{height:auto;aspect-ratio:4/5}
  .message-list{padding:22px clamp(24px,5vw,76px);gap:16px}
  .message-row,.message-row.sent,.message-row.received{max-width:min(70%,540px)}
  .message-row .message-body{font-size:max(var(--chat-message-font-size,13px),13px)}
  .message-row time{font-size:10px}
  .message-bubble>.message-image,.message-bubble>.message-photo-protected{width:290px;max-width:100%;aspect-ratio:1;height:auto}
  .message-reply-quote{max-width:400px}
  .chat-topbar{padding-inline:24px}
  .chat-person-copy strong{font-size:16px}.chat-person-copy small{font-size:12px}
  .chat-header-actions{gap:15px}
  .chat-composer{padding:14px 24px max(14px,env(safe-area-inset-bottom));min-height:82px}
  .chat-input-wrap>input{font-size:14px}
  .flipy-bottom-nav .nav-item{font-size:11px;gap:6px}
  .flipy-bottom-nav .nav-item i{font-size:24px}
  .discover-wrap{padding:12px 24px 0}
  #discover-root .discover-stage.discover-card{margin:0 0 8px;padding:24px;border-radius:24px}
  .discover-info{max-width:650px}
  .discover-info h2{font-size:32px}.discover-info .discover-about{font-size:14px}
  .discover-info .discover-city{font-size:13px}.discover-info .chip{font-size:11px}
  .discover-actions{margin-top:2px;margin-bottom:12px}
  .cash-package-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
  .cash-panel{padding:20px}
  .cash-package-description strong{font-size:14px}.cash-package-tile>b{font-size:14px}
  .settings-card{padding:22px}.settings-card h2{font-size:17px}
  .settings-link strong,.settings-toggle-row strong{font-size:14px}
  .form-control{font-size:14px;min-height:46px}
  .phone-container form{width:100%;max-width:640px;margin-inline:auto}
}
@media(min-width:1000px){.info-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.cash-package-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:600px) and (max-height:600px){
  .topbar,.chat-topbar{height:52px;flex-basis:52px}
  .flipy-bottom-nav{height:60px;min-height:60px;flex-basis:60px}
  .discover-wrap{padding-top:6px}
  #discover-root .discover-stage.discover-card{padding:14px}
  .discover-info h2{font-size:23px}.discover-info .discover-about{-webkit-line-clamp:2;font-size:12px}
  .discover-info .chips,.discover-common{display:none}
  .discover-actions{margin:0 0 6px}.discover-actions button{width:46px;height:46px;min-width:46px;min-height:46px;flex-basis:46px}
  .discover-actions #like-button{width:50px;height:50px;min-width:50px;min-height:50px;flex-basis:50px}
}