/* Readable UI scale, based on the supplied desktop reference screenshot. */
:root{font-size:16px}
body{font-size:16px;line-height:1.5}
.nav-item{font-size:16px;line-height:24px;font-weight:600}
.search-trigger{font-size:14px;line-height:20px}
.brand-note,.legal{font-size:12px}
.nav-caption,.following h4{font-size:12px;line-height:18px;letter-spacing:1px}
.account-row strong{font-size:14px;line-height:20px}
.account-row small{font-size:12px;line-height:17px;margin-top:0}
.badge{font-size:12px;line-height:16px}
.account-link,.account-signup{font-size:14px}
.studio-status{font-size:11px;letter-spacing:1px}
.page h1{font-size:32px;line-height:1.25}
.profile-head h1{font-size:24px;line-height:32px;letter-spacing:-.5px}
.profile-head h2{font-size:16px;line-height:24px}
.stats,.stats button,.stats b{font-size:16px;line-height:24px}
.stats{flex-wrap:wrap;gap:12px 24px}
.tabs{flex-wrap:wrap;gap:24px}
.tabs button,.search-tabs button{font-size:18px;line-height:26px}
.pink,.secondary{font-size:16px;line-height:22px}
.pill,.sort-controls .pill{font-size:14px;line-height:20px}
.subtle,.help-card p,.live-card p,.live-status{font-size:16px;line-height:1.6}
.mini,.tile p,.page-eyebrow,.feature-note p{font-size:12px;line-height:1.6}
.tile h4,.thumb span{font-size:14px;line-height:20px}
.creator{font-size:18px;line-height:25px}
.video-copy p{font-size:14px;line-height:1.5}
.music{font-size:14px;line-height:20px}
.video-time,.demo-pill{font-size:11px;line-height:16px}
.action{font-size:13px;line-height:18px;letter-spacing:0}
.actions .sound-action{font-size:12px;line-height:16px;white-space:nowrap}
.feed-counter{font-size:13px}
.feed-label span{font-size:11px}
.feed-label small{font-size:14px;line-height:1.6}
.comment strong,.thread-reply .comment strong{font-size:14px}
.comment p,.thread-reply .comment p{font-size:16px;line-height:1.5}
.comment small{font-size:12px}
.comment-form input,.comment-form button{font-size:14px}
.drawer h2{font-size:20px}
.modal label,.message-drawer label,#social-dialog label{font-size:14px}
.modal input,.modal textarea,.modal select,
.message-drawer input,.message-drawer textarea,.message-drawer select{font-size:16px}
.copy-row input,.copy-row button{font-size:14px}
.share-option-label{font-size:12px;line-height:16px}
.share-options button{height:auto;min-height:76px;padding:10px 5px}
.bubble,.chat input,.activity-row p{font-size:16px;line-height:1.5}
.side-messages small,.server-chat .bubble small{font-size:12px}
.activity-row strong,.studio-video b{font-size:16px}
.settings-row,.social-settings .settings-row{font-size:16px!important}
.hashtag-card strong{font-size:16px}
.hashtag-card span,.hashtag-card small{font-size:14px}
.live-buttons button,.live-chat-message strong,.live-chat input,.live-chat form button{font-size:14px}
.live-chat-message p,.live-viewer{font-size:16px}
.live-chat-message button,.social-live-strip a,.social-live-strip b{font-size:12px}
.social-promotion,.feature-note,#toast{font-size:14px}
@media(max-width:500px){
 .page h1{font-size:28px}
 .profile-head h1{font-size:24px}
 .profile-head>div>button{max-width:100%}
 .tabs{gap:10px}
 .tabs button,.search-tabs button{font-size:16px;line-height:24px;padding:12px 7px}
 .pink,.secondary{padding:11px 16px}
 .stats,.stats button,.stats b{font-size:16px}
 .stats{gap:10px 16px}
 .creator{font-size:17px}
 .video-copy p{font-size:14px;line-height:1.45}
 .music{font-size:12px;line-height:17px}
 .video-time{font-size:10px;margin-top:6px}
 .actions .action{font-size:12px;line-height:16px}
 .actions .sound-action{font-size:10px;line-height:14px}
 .mobile-nav button{font-size:12px}
 .mobile-nav button[data-nav=upload]{font-size:0}
 .mobile-header a.mobile-account{font-size:14px}
 .tile h4{font-size:14px}
 .tile p,.page-eyebrow{font-size:12px}
 .live-heading .subtle{font-size:16px}
 .hashtag-card strong{font-size:16px}
 .chat .pink{font-size:14px}
}