/* Compact phone layout. Native browser safe areas remain in control. */
.mobile-nav-icon,.mobile-more{display:none}
@media(max-width:700px){
 .studio{font-size:15px}.studio header{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;max-width:none;padding:15px 20px;margin:0}.studio header>.logo{font-size:23px;gap:8px}.studio header>.logo>span{width:32px;height:32px;border-radius:10px;box-shadow:none}.studio header>.logo>span svg{width:28px;height:28px}.studio header>.ghost,.studio .sidebar-bottom,.studio .nav-label{display:none!important}
 .studio main{width:100%;max-width:none;margin:0;padding:10px 20px calc(94px + env(safe-area-inset-bottom,0px));min-height:0}.studio main>div{max-width:100%!important}.studio .page-heading{gap:12px;margin-bottom:18px}.studio h1,.studio .page-heading h1{font-size:27px;line-height:1.16;margin-bottom:8px;letter-spacing:-.04em}.studio .page-heading>.pri{font-size:12px;min-height:44px;padding:10px 13px}
 .studio header nav{position:fixed;top:auto;bottom:0;left:0;right:0;width:100%;display:block;padding:8px 10px max(12px,env(safe-area-inset-bottom,0px));border-radius:0;border-width:1px 0 0;z-index:100;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
 html[data-theme=light] .studio header nav{background:#f6f8f1ed;border-color:#29351d14;box-shadow:none}html[data-theme=dark] .studio header nav{background:#141b14ed;border-color:#ffffff12;box-shadow:none}.studio nav>div{max-width:none;display:flex;justify-content:space-around;gap:0}.studio nav a{flex:1;min-width:0;min-height:45px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;margin:0;padding:4px 0;font-size:10px;line-height:1.1;font-weight:500;border:0;background:transparent!important;border-radius:0}.studio nav a[href='#/reels'],.studio nav a[href='#/instagram'],.studio nav a[href='#/assistant']{display:none}.studio nav a.on{font-weight:650}.studio nav .liquid-selection{display:none}.mobile-nav-icon{display:block;width:21px;height:21px}.mobile-nav-icon svg{display:block;width:21px;height:21px}
 .mobile-more{display:block;position:relative}.mobile-more>summary{list-style:none;display:grid;place-items:center;width:44px;height:44px;cursor:pointer;border-radius:50%;font-size:23px;line-height:1;color:var(--mut)}.mobile-more>summary::-webkit-details-marker{display:none}.mobile-more[open]>summary{background:var(--card2)}.mobile-more-menu{position:absolute;right:0;top:calc(100% + 8px);width:210px;border:1px solid var(--line);border-radius:17px;background:var(--card);padding:7px;box-shadow:0 12px 35px #0002;z-index:150}.mobile-more-menu a{display:block;padding:13px 12px;min-height:44px;border-radius:10px;color:inherit;text-decoration:none;font-size:14px}.mobile-more-menu a:hover,.mobile-more-menu a:focus-visible{background:var(--card2)}
 .dashboard-welcome{text-align:left;margin:6px 0 24px}.dashboard-welcome h1{font-size:25px;line-height:1.18;margin-bottom:7px}.dashboard-welcome p{font-size:13px;line-height:1.5}.dashboard-feature{min-height:258px;padding:24px 21px;border-radius:23px;box-shadow:none;border:0}.dashboard-feature h2{font-size:26px;line-height:1.2;margin:8px 0 11px}.dashboard-feature>p{font-size:13px;line-height:1.5}.dashboard-feature .feature-eyebrow{font-size:10px;margin:11px 0 0}.feature-loop svg{width:56px;height:56px}.dashboard-feature .pri{min-height:44px;font-size:13px;padding:10px 19px;margin-top:10px}
 .studio .section-title{margin:24px 0 12px;gap:12px}.studio .section-title h2{font-size:17px;margin:0}.studio .section-title a{font-size:12px}.studio .metrics-row{gap:9px}.studio .metric-tile{padding:15px 12px;border-radius:17px!important;box-shadow:none!important}.studio .metric-tile strong{font-size:25px}.studio .metric-tile span{font-size:11px}.studio .card{padding:17px;border-radius:19px!important;box-shadow:none!important;margin:14px 0}.studio .connection-notice{gap:12px;align-items:flex-start}.studio .connection-notice p{font-size:12px;line-height:1.5}.studio .connection-notice button{font-size:12px;min-height:44px;padding:9px 11px}.studio .recent-panel,.studio .video-card{border-radius:19px!important;box-shadow:none!important}.studio .recent-row{padding:15px 13px;gap:12px}.studio .recent-row b{font-size:14px}.studio .recent-row p{font-size:12px}.studio .video-grid{grid-template-columns:1fr}.studio .video-cover{min-height:155px}.studio .video-info{padding:17px}.studio .video-info h2{font-size:17px}
 .studio .profile-page>h1{font-size:28px;margin:0 0 16px}.studio .profile-page .profile-identity{padding:12px 0;gap:13px}.studio .profile-page .profile-identity b{font-size:20px}.studio .profile-page .profile-avatar{width:47px;height:47px;font-size:23px}.studio .profile-page .profile-row{padding:15px 0;gap:12px;min-height:66px}.studio .profile-row-text b{font-size:15px}.studio .profile-row-text small{font-size:12px;line-height:1.4;margin-top:3px}.studio .profile-symbol{flex:0 0 23px}.studio .profile-symbol svg{width:21px;height:21px}.studio .profile-section-label{font-size:12px;margin:23px 0 6px}.studio .profile-details summary{font-size:14px;padding:17px 0}.studio .profile-page .profile-details{margin:0}.studio .mut{line-height:1.5}.studio input,.studio select,.studio textarea{font-size:16px}.studio button{min-height:44px}.studio .results-scroll{max-width:100%;overflow-x:auto}.studio .challenge-calendar{gap:5px}.studio .challenge-day{min-height:54px;border-radius:10px}.studio .challenge-day small{font-size:8px}.studio .challenge-stats{gap:8px}.studio .challenge-stat{padding:13px 9px}.studio .challenge-stat strong{font-size:24px}.studio .challenge-stat span{font-size:11px}
}
@media(max-width:360px){.studio main{padding-left:16px;padding-right:16px}.dashboard-welcome h1{font-size:23px}.studio .metric-tile{padding:13px 9px}.dashboard-feature h2{font-size:24px}}

a.logo{color:inherit;text-decoration:none}a.logo:focus-visible{outline:2px solid var(--accent-text);outline-offset:5px;border-radius:10px}

@media(max-width:700px){body.launch-enter #app.studio{animation:none!important;transform:none!important;filter:none!important}}